@corto-ai/gds-angular 2.1.5-test.3 → 2.1.5-test.5
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.
- package/README.md +5 -5
- package/assets/scss/_toast-anchor-fallback.scss +62 -0
- package/assets/svg/line/line-desktop.svg +3 -0
- package/assets/svg/line/line-person-lock.svg +3 -0
- package/fesm2022/corto-ai-gds-angular.mjs +426 -62
- package/fesm2022/corto-ai-gds-angular.mjs.map +1 -1
- package/package.json +2 -2
- package/types/corto-ai-gds-angular.d.ts +22 -5
|
@@ -1844,6 +1844,10 @@ const gdsLineDescriptionIcon = {
|
|
|
1844
1844
|
data: `<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 8.5a.5.5 0 0 0 0 1v-1Zm9.5 1a.5.5 0 0 0 0-1v1ZM3 9.5H12.5v-1H3v1ZM3 6a.5.5 0 0 0 0 1V6Zm9.5 1a.5.5 0 0 0 0-1v1ZM3 7H12.5V6H3v1ZM3 11a.5.5 0 0 0 0 1v-1Zm6 1a.5.5 0 0 0 0-1v1Zm-6 0H9v-1H3v1ZM3 3.5a.5.5 0 0 0 0 1v-1Zm9.5 1a.5.5 0 0 0 0-1v1ZM3 4.5H12.5v-1H3v1Z" fill="currentColor"/></svg>`,
|
|
1845
1845
|
name: 'line-description'
|
|
1846
1846
|
};
|
|
1847
|
+
const gdsLineDesktopIcon = {
|
|
1848
|
+
data: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 2C2.89543 2 2 2.89543 2 4V9.99729C2 11.1019 2.89543 11.9973 4 11.9973H6.005V13.008L4.50598 13.008C4.22984 13.008 4.00598 13.2319 4.00599 13.508C4.00599 13.7841 4.22985 14.008 4.50599 14.008L11.5021 14.0079C11.7783 14.0079 12.0021 13.7841 12.0021 13.5079C12.0021 13.2318 11.7783 13.0079 11.5021 13.0079L10.0029 13.0079V11.9973H12C13.1046 11.9973 14 11.1019 14 9.99729V4C14 2.89543 13.1046 2 12 2H4ZM9.00293 11.9973V13.008L7.005 13.008V11.9973H9.00293ZM3 4C3 3.44772 3.44772 3 4 3H12C12.5523 3 13 3.44772 13 4V9.99729C13 10.5496 12.5523 10.9973 12 10.9973H4C3.44772 10.9973 3 10.5496 3 9.99729V4Z" fill="#2F1973"/></svg>`,
|
|
1849
|
+
name: 'line-desktop'
|
|
1850
|
+
};
|
|
1847
1851
|
const gdsLineDetailsIcon = {
|
|
1848
1852
|
data: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.79998 3.19995C2.13723 3.19995 1.59998 3.73721 1.59998 4.39995V5.99995C1.59998 6.66269 2.13723 7.19995 2.79998 7.19995H4.39998C5.06272 7.19995 5.59998 6.66269 5.59998 5.99995V4.39995C5.59998 3.73721 5.06272 3.19995 4.39998 3.19995H2.79998ZM2.39998 4.39995C2.39998 4.17904 2.57906 3.99995 2.79998 3.99995H4.39998C4.62089 3.99995 4.79998 4.17904 4.79998 4.39995V5.99995C4.79998 6.22087 4.62089 6.39995 4.39998 6.39995H2.79998C2.57906 6.39995 2.39998 6.22087 2.39998 5.99995V4.39995ZM7.59998 3.99995C7.37906 3.99995 7.19998 4.17904 7.19998 4.39995C7.19998 4.62087 7.37906 4.79995 7.59998 4.79995H14C14.2209 4.79995 14.4 4.62087 14.4 4.39995C14.4 4.17904 14.2209 3.99995 14 3.99995H7.59998ZM7.59998 5.59995C7.37906 5.59995 7.19998 5.77904 7.19998 5.99995C7.19998 6.22087 7.37906 6.39995 7.59998 6.39995H12.4C12.6209 6.39995 12.8 6.22087 12.8 5.99995C12.8 5.77904 12.6209 5.59995 12.4 5.59995H7.59998ZM2.79998 8.79995C2.13723 8.79995 1.59998 9.33721 1.59998 9.99995V11.6C1.59998 12.2627 2.13723 12.8 2.79998 12.8H4.39998C5.06272 12.8 5.59998 12.2627 5.59998 11.6V9.99995C5.59998 9.33721 5.06272 8.79995 4.39998 8.79995H2.79998ZM2.39998 9.99995C2.39998 9.77904 2.57906 9.59995 2.79998 9.59995H4.39998C4.62089 9.59995 4.79998 9.77904 4.79998 9.99995V11.6C4.79998 11.8209 4.62089 12 4.39998 12H2.79998C2.57906 12 2.39998 11.8209 2.39998 11.6V9.99995ZM7.59998 9.59995C7.37906 9.59995 7.19998 9.77904 7.19998 9.99995C7.19998 10.2209 7.37906 10.4 7.59998 10.4H14C14.2209 10.4 14.4 10.2209 14.4 9.99995C14.4 9.77904 14.2209 9.59995 14 9.59995H7.59998ZM7.59998 11.2C7.37906 11.2 7.19998 11.379 7.19998 11.6C7.19998 11.8209 7.37906 12 7.59998 12H12.4C12.6209 12 12.8 11.8209 12.8 11.6C12.8 11.379 12.6209 11.2 12.4 11.2H7.59998Z" fill="currentColor"/></svg>`,
|
|
1849
1853
|
name: 'line-details'
|
|
@@ -2216,6 +2220,10 @@ const gdsLinePersonLayerIcon = {
|
|
|
2216
2220
|
data: `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.81526 3.03659C10.1435 2.9066 10.4994 3.14845 10.4994 3.50146V3.80297L11.4966 3.40802C11.436 2.40033 10.4024 1.72847 9.44703 2.10686L3.57942 4.43081C2.6261 4.80838 2 5.72978 2 6.75514V12.4978C2 13.5381 3.03035 14.2566 4 13.9121V12.8374L3.68429 12.9626C3.35606 13.0927 3 12.8509 3 12.4978V6.75514C3 6.13993 3.37566 5.58709 3.94765 5.36054L9.81526 3.03659ZM12.8153 5.03708C13.1435 4.90709 13.4994 5.14894 13.4994 5.50195V6.00043L14.4994 5.60437V5.50195C14.4994 4.44293 13.4316 3.71738 12.447 4.10735L6.26353 6.55641C5.50088 6.85847 5 7.59559 5 8.41588V14.4983C5 15.5575 6.06819 16.2831 7.05288 15.8927L8 15.5171V14.4414L6.68429 14.9631C6.35606 15.0932 6 14.8514 6 14.4983V8.41588C6 8.00573 6.25044 7.63717 6.63177 7.48614L12.8153 5.03708ZM17 7.50094C17 7.14793 16.6441 6.90608 16.3159 7.03607L10.3159 9.41245C10.1252 9.48797 10 9.67225 10 9.87732V16.5005C10 16.8535 10.3559 17.0954 10.6841 16.9654L11.0168 16.8336C11.0505 17.1652 11.135 17.494 11.2738 17.8074L11.0524 17.8951C10.0677 18.2851 9 17.5595 9 16.5005V9.87732C9 9.26211 9.37566 8.70926 9.94765 8.48272L15.9476 6.10634C16.9323 5.71637 18 6.44192 18 7.50094V10.3416C17.744 9.95654 17.4014 9.63402 17 9.40183V7.50094ZM17.5 12.0005C17.5 13.1051 16.6046 14.0005 15.5 14.0005C14.3954 14.0005 13.5 13.1051 13.5 12.0005C13.5 10.8959 14.3954 10.0005 15.5 10.0005C16.6046 10.0005 17.5 10.8959 17.5 12.0005ZM19 16.5005C19 17.7457 18 19.0005 15.5 19.0005C13 19.0005 12 17.7504 12 16.5005C12 15.6721 12.6716 15.0005 13.5 15.0005H17.5C18.3284 15.0005 19 15.6721 19 16.5005Z" fill="currentColor"/></svg>`,
|
|
2217
2221
|
name: 'line-person-layer'
|
|
2218
2222
|
};
|
|
2223
|
+
const gdsLinePersonLockIcon = {
|
|
2224
|
+
data: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 14V13C4.43216 13 3 11.4376 3 10V9.5C3 9.22386 3.22386 9 3.5 9H7.22427C7.48135 8.51612 7.94027 8.1516 8.5 8.03754V8H3.5C2.67157 8 2 8.67157 2 9.5V10C2 11.9714 3.85951 14 7 14ZM9.75 4.25C9.75 2.73122 8.51878 1.5 7 1.5C5.48122 1.5 4.25 2.73122 4.25 4.25C4.25 5.76878 5.48122 7 7 7C8.51878 7 9.75 5.76878 9.75 4.25ZM5.25 4.25C5.25 3.2835 6.0335 2.5 7 2.5C7.9665 2.5 8.75 3.2835 8.75 4.25C8.75 5.2165 7.9665 6 7 6C6.0335 6 5.25 5.2165 5.25 4.25ZM9.5 8V9H8.875C8.39175 9 8 9.40294 8 9.9V14.1C8 14.5971 8.39175 15 8.875 15H14.125C14.6082 15 15 14.5971 15 14.1V9.9C15 9.40294 14.6082 9 14.125 9H13.5V8C13.5 6.89543 12.6046 6 11.5 6C10.3954 6 9.5 6.89543 9.5 8ZM11.5 7C12.0523 7 12.5 7.44772 12.5 8V9H10.5V8C10.5 7.44772 10.9477 7 11.5 7ZM11.5 12.75C11.0858 12.75 10.75 12.4142 10.75 12C10.75 11.5858 11.0858 11.25 11.5 11.25C11.9142 11.25 12.25 11.5858 12.25 12C12.25 12.4142 11.9142 12.75 11.5 12.75Z" fill="#2F1973"/></svg>`,
|
|
2225
|
+
name: 'line-person-lock'
|
|
2226
|
+
};
|
|
2219
2227
|
const gdsLinePersonIcon = {
|
|
2220
2228
|
data: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.94455 2.89066C11.0185 3.9646 11.0185 5.70582 9.94455 6.77975C8.87061 7.85369 7.12939 7.85369 6.05545 6.77975C4.98152 5.70582 4.98152 3.9646 6.05545 2.89066C7.12939 1.81672 8.87061 1.81672 9.94455 2.89066" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M7.96008 13.8562C2.89001 13.8562 2.68614 11.2316 2.88136 9.96916C2.94448 9.56098 3.31731 9.30615 3.73034 9.30615H12.1898C12.6029 9.30615 12.9757 9.56098 13.0388 9.96916C13.234 11.2316 13.0302 13.8562 7.96008 13.8562Z" stroke="currentColor" stroke-linejoin="round"/></svg>`,
|
|
2221
2229
|
name: 'line-person'
|
|
@@ -3262,6 +3270,7 @@ var icons = /*#__PURE__*/Object.freeze({
|
|
|
3262
3270
|
gdsLineDateIcon: gdsLineDateIcon,
|
|
3263
3271
|
gdsLineDeleteIcon: gdsLineDeleteIcon,
|
|
3264
3272
|
gdsLineDescriptionIcon: gdsLineDescriptionIcon,
|
|
3273
|
+
gdsLineDesktopIcon: gdsLineDesktopIcon,
|
|
3265
3274
|
gdsLineDetailsIcon: gdsLineDetailsIcon,
|
|
3266
3275
|
gdsLineDisconnectIcon: gdsLineDisconnectIcon,
|
|
3267
3276
|
gdsLineDismissCircleIcon: gdsLineDismissCircleIcon,
|
|
@@ -3356,6 +3365,7 @@ var icons = /*#__PURE__*/Object.freeze({
|
|
|
3356
3365
|
gdsLinePersonIcon: gdsLinePersonIcon,
|
|
3357
3366
|
gdsLinePersonKeyIcon: gdsLinePersonKeyIcon,
|
|
3358
3367
|
gdsLinePersonLayerIcon: gdsLinePersonLayerIcon,
|
|
3368
|
+
gdsLinePersonLockIcon: gdsLinePersonLockIcon,
|
|
3359
3369
|
gdsLinePhoneCallbackIcon: gdsLinePhoneCallbackIcon,
|
|
3360
3370
|
gdsLinePhoneIcon: gdsLinePhoneIcon,
|
|
3361
3371
|
gdsLinePinIcon: gdsLinePinIcon,
|
|
@@ -5627,6 +5637,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
|
|
|
5627
5637
|
|
|
5628
5638
|
class GdsTextInputComponent extends GdsSignalFormContainer {
|
|
5629
5639
|
clearable = input(false, { ...(ngDevMode ? { debugName: "clearable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
5640
|
+
clearableAlwaysVisible = input(false, { ...(ngDevMode ? { debugName: "clearableAlwaysVisible" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
5630
5641
|
cleared = output();
|
|
5631
5642
|
input = contentChild(GdsNativeInputDirective, /* @ts-ignore */
|
|
5632
5643
|
...(ngDevMode ? [{ debugName: "input" }] : /* istanbul ignore next */ []));
|
|
@@ -5661,7 +5672,7 @@ class GdsTextInputComponent extends GdsSignalFormContainer {
|
|
|
5661
5672
|
this.cleared.emit();
|
|
5662
5673
|
}
|
|
5663
5674
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: GdsTextInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
5664
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: GdsTextInputComponent, isStandalone: true, selector: "gds-text-input", inputs: { clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { cleared: "cleared" }, host: { listeners: { "click": "input()?.nativeElement?.focus()" }, classAttribute: "\n gds-align-items-center\n gds-display-flex\n gds-gap-2xs\n gds-justify-content-center\n gds-min-height-md\n gds-mobile-min-height-lg\n gds-mobile-padding-inline-end-0\n gds-mobile-text-input-mobile\n gds-padding-inline-xs\n gds-radius-sm\n gds-text-input\n " }, queries: [{ propertyName: "input", first: true, predicate: GdsNativeInputDirective, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"[leading-visual]\" />\n<ng-content />\n@if (clearable() && !!inputValue()) {\n <button\n gds-icon-button\n class=\"gds-min-height-sm\"\n variant=\"invisible\"\n size=\"small\"\n (click)=\"onClearClick()\"\n >\n <gds-icon\n key=\"line-dismiss\"\n class=\"\n gds-icon-primary\n gds-icon-size-3xs\n \"\n />\n </button>\n}\n<ng-content select=\"[trailing-visual]\" />\n", styles: ["@layer design-system{:host{--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host{background-color:var(--background-color);border:.5px solid var(--border-color);color:var(--text-color);cursor:var(--cursor)!important}:host ::ng-deep input:focus,:host ::ng-deep textarea:focus{outline:none}:host:focus-within,:host.is-controlled{isolation:isolate;position:relative}:host:focus-within:before,:host.is-controlled:before{z-index:-1;content:\"\";position:absolute;inset:0;border-bottom:var(--gds-borderWidth-lg) solid var(--active-color);border-radius:var(--gds-borderRadius-xs)}:host{min-height:var(--gds-size-md-rem)}:is(body[isMobile=true]) :host{min-height:var(--gds-size-lg-rem)}:host:hover{background-color:var(--hover-color)}:host[disabled]::ng-deep svg-icon,:host:has(*:disabled,*[disabled=true])::ng-deep svg-icon{color:var(--disabled-text-color)}:host[invalid][touched]:not(:focus-within,.is-controlled)::ng-deep svg-icon,:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled)::ng-deep svg-icon{color:var(--invalid-color)}:host ::ng-deep *::placeholder{color:var(--placeholder-color)}}\n"], dependencies: [{ kind: "component", type: GdsIconButtonComponent, selector: "button[gds-icon-button]", inputs: ["tooltipLabel"] }, { kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5675
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: GdsTextInputComponent, isStandalone: true, selector: "gds-text-input", inputs: { clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, clearableAlwaysVisible: { classPropertyName: "clearableAlwaysVisible", publicName: "clearableAlwaysVisible", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { cleared: "cleared" }, host: { listeners: { "click": "input()?.nativeElement?.focus()" }, classAttribute: "\n gds-align-items-center\n gds-display-flex\n gds-gap-2xs\n gds-justify-content-center\n gds-min-height-md\n gds-mobile-min-height-lg\n gds-mobile-padding-inline-end-0\n gds-mobile-text-input-mobile\n gds-padding-inline-xs\n gds-radius-sm\n gds-text-input\n " }, queries: [{ propertyName: "input", first: true, predicate: GdsNativeInputDirective, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"[leading-visual]\" />\n<ng-content />\n@if ((clearable() && !!inputValue()) || clearableAlwaysVisible()) {\n <button\n gds-icon-button\n class=\"gds-min-height-sm\"\n variant=\"invisible\"\n size=\"small\"\n (click)=\"onClearClick()\"\n >\n <gds-icon\n key=\"line-dismiss\"\n class=\"\n gds-icon-primary\n gds-icon-size-3xs\n gds-mobile-icon-size-2xs\n \"\n />\n </button>\n}\n<ng-content select=\"[trailing-visual]\" />\n", styles: ["@layer design-system{:host{--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host{background-color:var(--background-color);border:.5px solid var(--border-color);color:var(--text-color);cursor:var(--cursor)!important}:host ::ng-deep input:focus,:host ::ng-deep textarea:focus{outline:none}:host:focus-within,:host.is-controlled{isolation:isolate;position:relative}:host:focus-within:before,:host.is-controlled:before{z-index:-1;content:\"\";position:absolute;inset:0;border-bottom:var(--gds-borderWidth-lg) solid var(--active-color);border-radius:var(--gds-borderRadius-xs)}:host{min-height:var(--gds-size-md-rem)}:is(body[isMobile=true]) :host{min-height:var(--gds-size-lg-rem)}:host:hover{background-color:var(--hover-color)}:host[disabled]::ng-deep svg-icon,:host:has(*:disabled,*[disabled=true])::ng-deep svg-icon{color:var(--disabled-text-color)}:host[invalid][touched]:not(:focus-within,.is-controlled)::ng-deep svg-icon,:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled)::ng-deep svg-icon{color:var(--invalid-color)}:host ::ng-deep *::placeholder{color:var(--placeholder-color)}}\n"], dependencies: [{ kind: "component", type: GdsIconButtonComponent, selector: "button[gds-icon-button]", inputs: ["tooltipLabel"] }, { kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5665
5676
|
}
|
|
5666
5677
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: GdsTextInputComponent, decorators: [{
|
|
5667
5678
|
type: Component,
|
|
@@ -5680,8 +5691,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
|
|
|
5680
5691
|
gds-radius-sm
|
|
5681
5692
|
gds-text-input
|
|
5682
5693
|
`
|
|
5683
|
-
}, imports: [GdsIconButtonComponent, GdsIconComponent], template: "<ng-content select=\"[leading-visual]\" />\n<ng-content />\n@if (clearable() && !!inputValue()) {\n <button\n gds-icon-button\n class=\"gds-min-height-sm\"\n variant=\"invisible\"\n size=\"small\"\n (click)=\"onClearClick()\"\n >\n <gds-icon\n key=\"line-dismiss\"\n class=\"\n gds-icon-primary\n gds-icon-size-3xs\n \"\n />\n </button>\n}\n<ng-content select=\"[trailing-visual]\" />\n", styles: ["@layer design-system{:host{--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host{background-color:var(--background-color);border:.5px solid var(--border-color);color:var(--text-color);cursor:var(--cursor)!important}:host ::ng-deep input:focus,:host ::ng-deep textarea:focus{outline:none}:host:focus-within,:host.is-controlled{isolation:isolate;position:relative}:host:focus-within:before,:host.is-controlled:before{z-index:-1;content:\"\";position:absolute;inset:0;border-bottom:var(--gds-borderWidth-lg) solid var(--active-color);border-radius:var(--gds-borderRadius-xs)}:host{min-height:var(--gds-size-md-rem)}:is(body[isMobile=true]) :host{min-height:var(--gds-size-lg-rem)}:host:hover{background-color:var(--hover-color)}:host[disabled]::ng-deep svg-icon,:host:has(*:disabled,*[disabled=true])::ng-deep svg-icon{color:var(--disabled-text-color)}:host[invalid][touched]:not(:focus-within,.is-controlled)::ng-deep svg-icon,:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled)::ng-deep svg-icon{color:var(--invalid-color)}:host ::ng-deep *::placeholder{color:var(--placeholder-color)}}\n"] }]
|
|
5684
|
-
}], propDecorators: { clearable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearable", required: false }] }], cleared: [{ type: i0.Output, args: ["cleared"] }], input: [{ type: i0.ContentChild, args: [i0.forwardRef(() => GdsNativeInputDirective), { isSignal: true }] }] } });
|
|
5694
|
+
}, imports: [GdsIconButtonComponent, GdsIconComponent], template: "<ng-content select=\"[leading-visual]\" />\n<ng-content />\n@if ((clearable() && !!inputValue()) || clearableAlwaysVisible()) {\n <button\n gds-icon-button\n class=\"gds-min-height-sm\"\n variant=\"invisible\"\n size=\"small\"\n (click)=\"onClearClick()\"\n >\n <gds-icon\n key=\"line-dismiss\"\n class=\"\n gds-icon-primary\n gds-icon-size-3xs\n gds-mobile-icon-size-2xs\n \"\n />\n </button>\n}\n<ng-content select=\"[trailing-visual]\" />\n", styles: ["@layer design-system{:host{--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host{background-color:var(--background-color);border:.5px solid var(--border-color);color:var(--text-color);cursor:var(--cursor)!important}:host ::ng-deep input:focus,:host ::ng-deep textarea:focus{outline:none}:host:focus-within,:host.is-controlled{isolation:isolate;position:relative}:host:focus-within:before,:host.is-controlled:before{z-index:-1;content:\"\";position:absolute;inset:0;border-bottom:var(--gds-borderWidth-lg) solid var(--active-color);border-radius:var(--gds-borderRadius-xs)}:host{min-height:var(--gds-size-md-rem)}:is(body[isMobile=true]) :host{min-height:var(--gds-size-lg-rem)}:host:hover{background-color:var(--hover-color)}:host[disabled]::ng-deep svg-icon,:host:has(*:disabled,*[disabled=true])::ng-deep svg-icon{color:var(--disabled-text-color)}:host[invalid][touched]:not(:focus-within,.is-controlled)::ng-deep svg-icon,:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled)::ng-deep svg-icon{color:var(--invalid-color)}:host ::ng-deep *::placeholder{color:var(--placeholder-color)}}\n"] }]
|
|
5695
|
+
}], propDecorators: { clearable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearable", required: false }] }], clearableAlwaysVisible: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearableAlwaysVisible", required: false }] }], cleared: [{ type: i0.Output, args: ["cleared"] }], input: [{ type: i0.ContentChild, args: [i0.forwardRef(() => GdsNativeInputDirective), { isSignal: true }] }] } });
|
|
5685
5696
|
|
|
5686
5697
|
const CDK_MENU_CONNECTED_POSITIONS = [
|
|
5687
5698
|
{
|
|
@@ -5799,11 +5810,218 @@ const CDK_MENU_CONNECTED_POSITIONS_CONTAINER_LEFT = [
|
|
|
5799
5810
|
}
|
|
5800
5811
|
];
|
|
5801
5812
|
|
|
5813
|
+
const flattenDrilldownOptions = (options) => options.flatMap((option) => [option, ...(option.children?.length ? flattenDrilldownOptions(option.children) : [])]);
|
|
5814
|
+
const resolveDrilldownPath = (options, pathValues, bindValue) => {
|
|
5815
|
+
if (!pathValues.length) {
|
|
5816
|
+
return [];
|
|
5817
|
+
}
|
|
5818
|
+
const path = [];
|
|
5819
|
+
let levelOptions = options;
|
|
5820
|
+
for (const value of pathValues) {
|
|
5821
|
+
const match = levelOptions.find((option) => String(option[bindValue]) === value);
|
|
5822
|
+
if (!match) {
|
|
5823
|
+
return [];
|
|
5824
|
+
}
|
|
5825
|
+
path.push(match);
|
|
5826
|
+
levelOptions = match.children ?? [];
|
|
5827
|
+
}
|
|
5828
|
+
return path;
|
|
5829
|
+
};
|
|
5830
|
+
const findDrilldownOptionPathByRef = (options, target, parents = []) => {
|
|
5831
|
+
for (const option of options) {
|
|
5832
|
+
const path = [...parents, option];
|
|
5833
|
+
if (option === target) {
|
|
5834
|
+
return path;
|
|
5835
|
+
}
|
|
5836
|
+
if (option.children?.length) {
|
|
5837
|
+
const found = findDrilldownOptionPathByRef(option.children, target, path);
|
|
5838
|
+
if (found.length > 0) {
|
|
5839
|
+
return found;
|
|
5840
|
+
}
|
|
5841
|
+
}
|
|
5842
|
+
}
|
|
5843
|
+
return [];
|
|
5844
|
+
};
|
|
5845
|
+
const drilldownOptionMatchesSearch = (option, searchText, bindLabel) => {
|
|
5846
|
+
if (String(option[bindLabel]).toLowerCase().includes(searchText)) {
|
|
5847
|
+
return true;
|
|
5848
|
+
}
|
|
5849
|
+
return !!option.children?.some((child) => drilldownOptionMatchesSearch(child, searchText, bindLabel));
|
|
5850
|
+
};
|
|
5851
|
+
const drilldownPathKey = (path, bindValue) => path.map((item) => String(item[bindValue])).join('/');
|
|
5852
|
+
const displayedDrilldownOptions = (options, navStack, searchText, bindLabel) => {
|
|
5853
|
+
const query = searchText.trim().toLowerCase();
|
|
5854
|
+
const currentOptions = navStack[navStack.length - 1]?.children ?? options;
|
|
5855
|
+
if (!query) {
|
|
5856
|
+
return currentOptions;
|
|
5857
|
+
}
|
|
5858
|
+
return flattenDrilldownOptions(options).filter((option) => String(option[bindLabel]).toLowerCase().includes(query));
|
|
5859
|
+
};
|
|
5860
|
+
|
|
5861
|
+
class GdsDrilldownSelectMobileDialogComponent extends GdsDialogBaseDirective {
|
|
5862
|
+
#data = this.config.data;
|
|
5863
|
+
#options = this.#data.options;
|
|
5864
|
+
bindValue = this.#data.bindValue;
|
|
5865
|
+
bindLabel = this.#data.bindLabel;
|
|
5866
|
+
layout = this.#data.layout;
|
|
5867
|
+
dialogTitle = this.#data.dialogTitle;
|
|
5868
|
+
applyLabel = this.#data.applyLabel;
|
|
5869
|
+
emptyText = this.#data.emptyText;
|
|
5870
|
+
backAriaLabel = this.#data.backAriaLabel;
|
|
5871
|
+
searchable = this.#data.searchable;
|
|
5872
|
+
searchPlaceholder = this.#data.searchPlaceholder;
|
|
5873
|
+
navStack = signal([], /* @ts-ignore */
|
|
5874
|
+
...(ngDevMode ? [{ debugName: "navStack" }] : /* istanbul ignore next */ []));
|
|
5875
|
+
searchText = signal('', /* @ts-ignore */
|
|
5876
|
+
...(ngDevMode ? [{ debugName: "searchText" }] : /* istanbul ignore next */ []));
|
|
5877
|
+
#draftPath = signal([], /* @ts-ignore */
|
|
5878
|
+
...(ngDevMode ? [{ debugName: "#draftPath" }] : /* istanbul ignore next */ []));
|
|
5879
|
+
expandedKeys = signal(new Set(), /* @ts-ignore */
|
|
5880
|
+
...(ngDevMode ? [{ debugName: "expandedKeys" }] : /* istanbul ignore next */ []));
|
|
5881
|
+
displayedOptions = computed(() => displayedDrilldownOptions(this.#options, this.navStack(), this.searchText(), this.bindLabel), /* @ts-ignore */
|
|
5882
|
+
...(ngDevMode ? [{ debugName: "displayedOptions" }] : /* istanbul ignore next */ []));
|
|
5883
|
+
mobileDialogTitle = computed(() => {
|
|
5884
|
+
if (this.layout !== 'drilldown' || !this.navStack().length) {
|
|
5885
|
+
return this.#data.dialogTitle;
|
|
5886
|
+
}
|
|
5887
|
+
return [this.#data.dialogTitle, ...this.navStack().map((option) => String(option[this.bindLabel]))].join(' > ');
|
|
5888
|
+
}, /* @ts-ignore */
|
|
5889
|
+
...(ngDevMode ? [{ debugName: "mobileDialogTitle" }] : /* istanbul ignore next */ []));
|
|
5890
|
+
hasValidDraft = computed(() => {
|
|
5891
|
+
const draft = this.#draftPath();
|
|
5892
|
+
if (!draft.length) {
|
|
5893
|
+
return false;
|
|
5894
|
+
}
|
|
5895
|
+
const path = resolveDrilldownPath(this.#options, draft, this.bindValue);
|
|
5896
|
+
const leaf = path[path.length - 1];
|
|
5897
|
+
return path.length === draft.length && !!leaf && !leaf.children?.length;
|
|
5898
|
+
}, /* @ts-ignore */
|
|
5899
|
+
...(ngDevMode ? [{ debugName: "hasValidDraft" }] : /* istanbul ignore next */ []));
|
|
5900
|
+
treeRows = computed(() => {
|
|
5901
|
+
const searchText = this.searchText().trim().toLowerCase();
|
|
5902
|
+
const expandedKeys = this.expandedKeys();
|
|
5903
|
+
const rows = [];
|
|
5904
|
+
const walk = (options, path, tier) => {
|
|
5905
|
+
for (const option of options) {
|
|
5906
|
+
if (searchText && !drilldownOptionMatchesSearch(option, searchText, this.bindLabel)) {
|
|
5907
|
+
continue;
|
|
5908
|
+
}
|
|
5909
|
+
const nextPath = [...path, option];
|
|
5910
|
+
const children = option.children;
|
|
5911
|
+
const expanded = !!children?.length &&
|
|
5912
|
+
(searchText
|
|
5913
|
+
? children.some((child) => drilldownOptionMatchesSearch(child, searchText, this.bindLabel))
|
|
5914
|
+
: expandedKeys.has(this.pathKey(nextPath)));
|
|
5915
|
+
rows.push({ option, path: nextPath, tier, expanded });
|
|
5916
|
+
if (expanded && children?.length) {
|
|
5917
|
+
walk(children, nextPath, tier + 1);
|
|
5918
|
+
}
|
|
5919
|
+
}
|
|
5920
|
+
};
|
|
5921
|
+
walk(this.#options, [], 1);
|
|
5922
|
+
return rows;
|
|
5923
|
+
}, /* @ts-ignore */
|
|
5924
|
+
...(ngDevMode ? [{ debugName: "treeRows" }] : /* istanbul ignore next */ []));
|
|
5925
|
+
constructor() {
|
|
5926
|
+
super();
|
|
5927
|
+
const selected = resolveDrilldownPath(this.#options, this.#data.value, this.bindValue);
|
|
5928
|
+
this.#draftPath.set([...this.#data.value]);
|
|
5929
|
+
this.navStack.set(selected.slice(0, -1));
|
|
5930
|
+
this.#expandAncestors(selected);
|
|
5931
|
+
}
|
|
5932
|
+
onSearch = (event) => {
|
|
5933
|
+
this.searchText.set(event.target.value);
|
|
5934
|
+
};
|
|
5935
|
+
onItemClick = (option) => {
|
|
5936
|
+
if (option.children?.length) {
|
|
5937
|
+
this.#blurFocus();
|
|
5938
|
+
this.searchText.set('');
|
|
5939
|
+
this.navStack.set(findDrilldownOptionPathByRef(this.#options, option));
|
|
5940
|
+
return;
|
|
5941
|
+
}
|
|
5942
|
+
const path = this.searchText().trim()
|
|
5943
|
+
? findDrilldownOptionPathByRef(this.#options, option)
|
|
5944
|
+
: [...this.navStack(), option];
|
|
5945
|
+
this.#draftPath.set(path.map((item) => String(item[this.bindValue])));
|
|
5946
|
+
};
|
|
5947
|
+
onTreeItemClick = (row) => {
|
|
5948
|
+
if (row.option.children?.length) {
|
|
5949
|
+
this.toggleExpanded(row.path);
|
|
5950
|
+
return;
|
|
5951
|
+
}
|
|
5952
|
+
this.#draftPath.set(row.path.map((item) => String(item[this.bindValue])));
|
|
5953
|
+
};
|
|
5954
|
+
toggleExpanded = (path) => {
|
|
5955
|
+
const key = this.pathKey(path);
|
|
5956
|
+
this.expandedKeys.update((keys) => {
|
|
5957
|
+
const next = new Set(keys);
|
|
5958
|
+
if (next.has(key)) {
|
|
5959
|
+
next.delete(key);
|
|
5960
|
+
}
|
|
5961
|
+
else {
|
|
5962
|
+
next.add(key);
|
|
5963
|
+
}
|
|
5964
|
+
return next;
|
|
5965
|
+
});
|
|
5966
|
+
};
|
|
5967
|
+
onBack = () => {
|
|
5968
|
+
if (this.layout === 'drilldown' && this.navStack().length) {
|
|
5969
|
+
this.#blurFocus();
|
|
5970
|
+
this.searchText.set('');
|
|
5971
|
+
this.navStack.update((stack) => stack.slice(0, -1));
|
|
5972
|
+
return;
|
|
5973
|
+
}
|
|
5974
|
+
this.hide(undefined);
|
|
5975
|
+
};
|
|
5976
|
+
onApply = () => {
|
|
5977
|
+
this.hide(this.#draftPath());
|
|
5978
|
+
};
|
|
5979
|
+
onDismiss = () => {
|
|
5980
|
+
this.hide(undefined);
|
|
5981
|
+
};
|
|
5982
|
+
isDraftLeaf = (path) => {
|
|
5983
|
+
const draft = this.#draftPath();
|
|
5984
|
+
return path.length === draft.length && path.every((item, index) => String(item[this.bindValue]) === draft[index]);
|
|
5985
|
+
};
|
|
5986
|
+
pathKey = (path) => drilldownPathKey(path, this.bindValue);
|
|
5987
|
+
optionPath = (option) => this.searchText().trim() ? findDrilldownOptionPathByRef(this.#options, option) : [...this.navStack(), option];
|
|
5988
|
+
isOptionSelected = (option) => this.isDraftLeaf(this.optionPath(option));
|
|
5989
|
+
#expandAncestors = (selected) => {
|
|
5990
|
+
const keys = new Set();
|
|
5991
|
+
for (let index = 1; index < selected.length; index++) {
|
|
5992
|
+
keys.add(this.pathKey(selected.slice(0, index)));
|
|
5993
|
+
}
|
|
5994
|
+
this.expandedKeys.set(keys);
|
|
5995
|
+
};
|
|
5996
|
+
#blurFocus = () => {
|
|
5997
|
+
const active = document.activeElement;
|
|
5998
|
+
if (active instanceof HTMLElement) {
|
|
5999
|
+
active.blur();
|
|
6000
|
+
}
|
|
6001
|
+
};
|
|
6002
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: GdsDrilldownSelectMobileDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6003
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: GdsDrilldownSelectMobileDialogComponent, isStandalone: true, selector: "gds-drilldown-select-mobile-dialog", usesInheritance: true, ngImport: i0, template: "<dialog\n gds-dialog\n type=\"drawer-bottom\"\n background=\"white\"\n suppressDismissBtn\n class=\"mobile-dialog\"\n (canceled)=\"onDismiss()\"\n>\n <ng-template #layoutTmpl>\n <div\n class=\"\n gds-display-flex\n gds-flex-column\n gds-gap-sm\n gds-min-height-0\n gds-padding-sm\n gds-width-100-parent\n layout\n \"\n >\n <header class=\"\n gds-align-items-center\n gds-display-grid\n mobile-dialog-header\n \">\n <button\n gds-icon-button\n variant=\"invisible\"\n class=\"mobile-dialog-back\"\n (clicked)=\"onBack()\"\n [attr.aria-label]=\"backAriaLabel\"\n >\n <gds-icon\n key=\"line-chevron-left-stroke\"\n class=\"\n gds-icon-primary\n gds-icon-size-2xs\n gds-mobile-icon-size-sm\n \"\n />\n </button>\n <span\n class=\"\n gds-min-width-0\n gds-text-align-center\n gds-text-body-large\n gds-text-primary\n gds-truncate\n mobile-dialog-title\n \"\n >\n {{ mobileDialogTitle() }}\n </span>\n <button\n gds-button\n class=\"\n gds-background-secondary\n gds-radius-pill\n mobile-dialog-apply\n \"\n [disabled]=\"!hasValidDraft()\"\n (clicked)=\"onApply()\"\n >\n {{ applyLabel }}\n </button>\n </header>\n\n @if (searchable) {\n <gds-text-input\n class=\"\n gds-gap-xs\n search\n \"\n (click)=\"$event.stopPropagation()\"\n >\n <gds-icon\n leading-visual\n key=\"line-search\"\n class=\"\n gds-icon-secondary\n gds-icon-size-2xs\n \"\n />\n <input\n type=\"text\"\n class=\"\n gds-background-none\n gds-border-none\n gds-flex-1\n gds-min-width-0\n gds-outline-none\n gds-text-body\n \"\n [placeholder]=\"searchPlaceholder\"\n [value]=\"searchText()\"\n (input)=\"onSearch($event)\"\n />\n </gds-text-input>\n }\n\n <div class=\"\n gds-flex-grow-1\n gds-min-height-0\n gds-scrollable-vertically\n \">\n @if (layout === 'tree') {\n <div class=\"\n gds-display-flex\n gds-flex-column\n gds-gap-3xs\n \">\n @for (row of treeRows(); track pathKey(row.path)) {\n <div\n class=\"\n gds-align-items-center\n gds-display-flex\n gds-gap-xs\n gds-padding-block-2xs\n gds-padding-inline-sm\n gds-position-relative\n gds-radius-sm\n gds-text-body\n gds-text-primary\n item\n \"\n [style.padding-inline-start.px]=\"12 + (row.tier - 1) * 24\"\n [ngClass]=\"{\n active: !row.option.children?.length && isDraftLeaf(row.path)\n }\"\n role=\"button\"\n tabindex=\"-1\"\n (click)=\"onTreeItemClick(row)\"\n (keydown.enter)=\"onTreeItemClick(row)\"\n >\n @if (row.option.children?.length) {\n <gds-icon\n [key]=\"row.expanded ? 'line-chevron-down-stroke' : 'line-chevron-right-stroke'\"\n class=\"\n gds-flex-0\n gds-icon-primary\n gds-icon-size-2xs\n \"\n />\n }\n <span class=\"\n gds-flex-1\n gds-min-width-0\n gds-truncate\n \">{{ row.option[bindLabel] }}</span>\n </div>\n } @empty {\n <div class=\"\n gds-padding-block-2xs\n gds-padding-inline-sm\n gds-text-body\n gds-text-secondary\n \">\n {{ emptyText }}\n </div>\n }\n </div>\n } @else {\n <div class=\"\n gds-display-flex\n gds-flex-column\n gds-gap-3xs\n \">\n @for (option of displayedOptions(); track pathKey(optionPath(option))) {\n @if (option.children?.length) {\n <div\n class=\"\n gds-align-items-center\n gds-display-flex\n gds-gap-xs\n gds-padding-block-2xs\n gds-padding-inline-sm\n gds-position-relative\n gds-radius-sm\n gds-text-body\n gds-text-primary\n item\n parent\n \"\n role=\"button\"\n tabindex=\"-1\"\n (click)=\"onItemClick(option)\"\n (keydown.enter)=\"onItemClick(option)\"\n >\n <span class=\"\n gds-flex-1\n gds-min-width-0\n gds-truncate\n \">{{ option[bindLabel] }}</span>\n <gds-icon\n key=\"line-chevron-right-stroke\"\n class=\"\n gds-flex-0\n gds-icon-primary\n gds-icon-size-2xs\n \"\n />\n </div>\n } @else {\n <div\n class=\"\n gds-align-items-center\n gds-display-flex\n gds-padding-block-2xs\n gds-padding-inline-sm\n gds-position-relative\n gds-radius-sm\n gds-text-body\n gds-text-primary\n item\n \"\n [ngClass]=\"{ active: isOptionSelected(option) }\"\n role=\"button\"\n tabindex=\"-1\"\n (click)=\"onItemClick(option)\"\n (keydown.enter)=\"onItemClick(option)\"\n >\n {{ option[bindLabel] }}\n </div>\n }\n } @empty {\n <div class=\"\n gds-padding-block-2xs\n gds-padding-inline-sm\n gds-text-body\n gds-text-secondary\n \">\n {{ emptyText }}\n </div>\n }\n </div>\n }\n </div>\n </div>\n </ng-template>\n</dialog>\n", styles: ["@layer design-system{:host .search{--gds-form-control-cursor: text;--gds-form-control-hover-color: var(--gds-palette-background-white);box-sizing:border-box}:host .item{cursor:pointer;--wrapper-margin-inline: 0px;--wrapper-margin-block: 2px}:host .item.active:before{content:\"\";position:absolute;border-radius:var(--gds-borderRadius-sm);width:calc(100% - 2 * var(--wrapper-margin-inline, var(--wrapper-margin, 0px)));height:calc(100% - 2 * var(--wrapper-margin-block, var(--wrapper-margin, 0px)));top:var(--wrapper-margin-block, var(--wrapper-margin, 0px));left:var(--wrapper-margin-inline, var(--wrapper-margin, 0px));background:var(--gds-palette-background-hover);pointer-events:none}:host .item:focus-visible{outline:none}:host .mobile-dialog{height:calc(100dvh - 12px);max-height:calc(100dvh - 12px)}:host .mobile-dialog[open]{display:flex;flex-direction:column}:host .layout{flex:1;min-height:0}:host .mobile-dialog-header{grid-template-columns:1fr auto 1fr}:host .mobile-dialog-title{grid-column:2}:host .mobile-dialog-apply{justify-self:end}}\n"], dependencies: [{ kind: "component", type: GdsButtonComponent, selector: "button[gds-button]" }, { kind: "component", type: GdsDialogComponent, selector: "dialog[gds-dialog]", inputs: ["type", "background", "headerLabelAlignment", "showFooterBorder", "closeOnBackdropClick", "suppressDismissBtn"], outputs: ["closed", "canceled"] }, { kind: "component", type: GdsTextInputComponent, selector: "gds-text-input", inputs: ["clearable", "clearableAlwaysVisible"], outputs: ["cleared"] }, { kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "component", type: GdsIconButtonComponent, selector: "button[gds-icon-button]", inputs: ["tooltipLabel"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: GdsNativeInputDirective, selector: "input" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6004
|
+
}
|
|
6005
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: GdsDrilldownSelectMobileDialogComponent, decorators: [{
|
|
6006
|
+
type: Component,
|
|
6007
|
+
args: [{ selector: 'gds-drilldown-select-mobile-dialog', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
6008
|
+
GdsButtonComponent,
|
|
6009
|
+
GdsDialogComponent,
|
|
6010
|
+
GdsTextInputComponent,
|
|
6011
|
+
GdsIconComponent,
|
|
6012
|
+
GdsIconButtonComponent,
|
|
6013
|
+
NgClass,
|
|
6014
|
+
GdsNativeInputDirective
|
|
6015
|
+
], template: "<dialog\n gds-dialog\n type=\"drawer-bottom\"\n background=\"white\"\n suppressDismissBtn\n class=\"mobile-dialog\"\n (canceled)=\"onDismiss()\"\n>\n <ng-template #layoutTmpl>\n <div\n class=\"\n gds-display-flex\n gds-flex-column\n gds-gap-sm\n gds-min-height-0\n gds-padding-sm\n gds-width-100-parent\n layout\n \"\n >\n <header class=\"\n gds-align-items-center\n gds-display-grid\n mobile-dialog-header\n \">\n <button\n gds-icon-button\n variant=\"invisible\"\n class=\"mobile-dialog-back\"\n (clicked)=\"onBack()\"\n [attr.aria-label]=\"backAriaLabel\"\n >\n <gds-icon\n key=\"line-chevron-left-stroke\"\n class=\"\n gds-icon-primary\n gds-icon-size-2xs\n gds-mobile-icon-size-sm\n \"\n />\n </button>\n <span\n class=\"\n gds-min-width-0\n gds-text-align-center\n gds-text-body-large\n gds-text-primary\n gds-truncate\n mobile-dialog-title\n \"\n >\n {{ mobileDialogTitle() }}\n </span>\n <button\n gds-button\n class=\"\n gds-background-secondary\n gds-radius-pill\n mobile-dialog-apply\n \"\n [disabled]=\"!hasValidDraft()\"\n (clicked)=\"onApply()\"\n >\n {{ applyLabel }}\n </button>\n </header>\n\n @if (searchable) {\n <gds-text-input\n class=\"\n gds-gap-xs\n search\n \"\n (click)=\"$event.stopPropagation()\"\n >\n <gds-icon\n leading-visual\n key=\"line-search\"\n class=\"\n gds-icon-secondary\n gds-icon-size-2xs\n \"\n />\n <input\n type=\"text\"\n class=\"\n gds-background-none\n gds-border-none\n gds-flex-1\n gds-min-width-0\n gds-outline-none\n gds-text-body\n \"\n [placeholder]=\"searchPlaceholder\"\n [value]=\"searchText()\"\n (input)=\"onSearch($event)\"\n />\n </gds-text-input>\n }\n\n <div class=\"\n gds-flex-grow-1\n gds-min-height-0\n gds-scrollable-vertically\n \">\n @if (layout === 'tree') {\n <div class=\"\n gds-display-flex\n gds-flex-column\n gds-gap-3xs\n \">\n @for (row of treeRows(); track pathKey(row.path)) {\n <div\n class=\"\n gds-align-items-center\n gds-display-flex\n gds-gap-xs\n gds-padding-block-2xs\n gds-padding-inline-sm\n gds-position-relative\n gds-radius-sm\n gds-text-body\n gds-text-primary\n item\n \"\n [style.padding-inline-start.px]=\"12 + (row.tier - 1) * 24\"\n [ngClass]=\"{\n active: !row.option.children?.length && isDraftLeaf(row.path)\n }\"\n role=\"button\"\n tabindex=\"-1\"\n (click)=\"onTreeItemClick(row)\"\n (keydown.enter)=\"onTreeItemClick(row)\"\n >\n @if (row.option.children?.length) {\n <gds-icon\n [key]=\"row.expanded ? 'line-chevron-down-stroke' : 'line-chevron-right-stroke'\"\n class=\"\n gds-flex-0\n gds-icon-primary\n gds-icon-size-2xs\n \"\n />\n }\n <span class=\"\n gds-flex-1\n gds-min-width-0\n gds-truncate\n \">{{ row.option[bindLabel] }}</span>\n </div>\n } @empty {\n <div class=\"\n gds-padding-block-2xs\n gds-padding-inline-sm\n gds-text-body\n gds-text-secondary\n \">\n {{ emptyText }}\n </div>\n }\n </div>\n } @else {\n <div class=\"\n gds-display-flex\n gds-flex-column\n gds-gap-3xs\n \">\n @for (option of displayedOptions(); track pathKey(optionPath(option))) {\n @if (option.children?.length) {\n <div\n class=\"\n gds-align-items-center\n gds-display-flex\n gds-gap-xs\n gds-padding-block-2xs\n gds-padding-inline-sm\n gds-position-relative\n gds-radius-sm\n gds-text-body\n gds-text-primary\n item\n parent\n \"\n role=\"button\"\n tabindex=\"-1\"\n (click)=\"onItemClick(option)\"\n (keydown.enter)=\"onItemClick(option)\"\n >\n <span class=\"\n gds-flex-1\n gds-min-width-0\n gds-truncate\n \">{{ option[bindLabel] }}</span>\n <gds-icon\n key=\"line-chevron-right-stroke\"\n class=\"\n gds-flex-0\n gds-icon-primary\n gds-icon-size-2xs\n \"\n />\n </div>\n } @else {\n <div\n class=\"\n gds-align-items-center\n gds-display-flex\n gds-padding-block-2xs\n gds-padding-inline-sm\n gds-position-relative\n gds-radius-sm\n gds-text-body\n gds-text-primary\n item\n \"\n [ngClass]=\"{ active: isOptionSelected(option) }\"\n role=\"button\"\n tabindex=\"-1\"\n (click)=\"onItemClick(option)\"\n (keydown.enter)=\"onItemClick(option)\"\n >\n {{ option[bindLabel] }}\n </div>\n }\n } @empty {\n <div class=\"\n gds-padding-block-2xs\n gds-padding-inline-sm\n gds-text-body\n gds-text-secondary\n \">\n {{ emptyText }}\n </div>\n }\n </div>\n }\n </div>\n </div>\n </ng-template>\n</dialog>\n", styles: ["@layer design-system{:host .search{--gds-form-control-cursor: text;--gds-form-control-hover-color: var(--gds-palette-background-white);box-sizing:border-box}:host .item{cursor:pointer;--wrapper-margin-inline: 0px;--wrapper-margin-block: 2px}:host .item.active:before{content:\"\";position:absolute;border-radius:var(--gds-borderRadius-sm);width:calc(100% - 2 * var(--wrapper-margin-inline, var(--wrapper-margin, 0px)));height:calc(100% - 2 * var(--wrapper-margin-block, var(--wrapper-margin, 0px)));top:var(--wrapper-margin-block, var(--wrapper-margin, 0px));left:var(--wrapper-margin-inline, var(--wrapper-margin, 0px));background:var(--gds-palette-background-hover);pointer-events:none}:host .item:focus-visible{outline:none}:host .mobile-dialog{height:calc(100dvh - 12px);max-height:calc(100dvh - 12px)}:host .mobile-dialog[open]{display:flex;flex-direction:column}:host .layout{flex:1;min-height:0}:host .mobile-dialog-header{grid-template-columns:1fr auto 1fr}:host .mobile-dialog-title{grid-column:2}:host .mobile-dialog-apply{justify-self:end}}\n"] }]
|
|
6016
|
+
}], ctorParameters: () => [] });
|
|
6017
|
+
|
|
5802
6018
|
class GdsDrilldownSelectComponent extends GdsSignalFormControl {
|
|
5803
6019
|
#injector = inject(Injector);
|
|
5804
6020
|
#destroyRef = inject(DestroyRef);
|
|
5805
6021
|
#directive = inject(CdkMenuTrigger);
|
|
5806
6022
|
#elementRef = inject(ElementRef);
|
|
6023
|
+
#deviceDetectorSvc = inject(DeviceDetectorSignalService);
|
|
6024
|
+
#dialogSvc = inject(GdsDialogService);
|
|
5807
6025
|
#formField = inject(FormField, { self: true, optional: true });
|
|
5808
6026
|
options = input.required(/* @ts-ignore */
|
|
5809
6027
|
...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
|
|
@@ -5828,6 +6046,13 @@ class GdsDrilldownSelectComponent extends GdsSignalFormControl {
|
|
|
5828
6046
|
...(ngDevMode ? [{ debugName: "emptyText" }] : /* istanbul ignore next */ []));
|
|
5829
6047
|
backAriaLabel = input('Go back', /* @ts-ignore */
|
|
5830
6048
|
...(ngDevMode ? [{ debugName: "backAriaLabel" }] : /* istanbul ignore next */ []));
|
|
6049
|
+
dialogTitle = input('', /* @ts-ignore */
|
|
6050
|
+
...(ngDevMode ? [{ debugName: "dialogTitle" }] : /* istanbul ignore next */ []));
|
|
6051
|
+
applyLabel = input('Apply', /* @ts-ignore */
|
|
6052
|
+
...(ngDevMode ? [{ debugName: "applyLabel" }] : /* istanbul ignore next */ []));
|
|
6053
|
+
/** Mobile picker presentation. Desktop always uses the dropdown drilldown menu. */
|
|
6054
|
+
layout = input('drilldown', /* @ts-ignore */
|
|
6055
|
+
...(ngDevMode ? [{ debugName: "layout" }] : /* istanbul ignore next */ []));
|
|
5831
6056
|
value = model([], /* @ts-ignore */
|
|
5832
6057
|
...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
|
|
5833
6058
|
dropdownWidth = signal(0, /* @ts-ignore */
|
|
@@ -5844,19 +6069,12 @@ class GdsDrilldownSelectComponent extends GdsSignalFormControl {
|
|
|
5844
6069
|
#reopenAfterInternalNavigation = false;
|
|
5845
6070
|
/** Ignore FocusMonitor open after close — cdkMenu refocuses the trigger on escape or hitting enter on a leaf (Escape/select). */
|
|
5846
6071
|
#suppressOpenOnFocus = false;
|
|
6072
|
+
isMobile = this.#deviceDetectorSvc.isMobile;
|
|
5847
6073
|
menu = viewChild.required('menu', /* @ts-ignore */
|
|
5848
6074
|
...(ngDevMode ? [{ debugName: "menu" }] : /* istanbul ignore next */ []));
|
|
5849
6075
|
searchInput = viewChild('searchInput', /* @ts-ignore */
|
|
5850
6076
|
...(ngDevMode ? [{ debugName: "searchInput" }] : /* istanbul ignore next */ []));
|
|
5851
|
-
displayedOptions = computed(() =>
|
|
5852
|
-
const searchText = this.searchText().trim().toLowerCase();
|
|
5853
|
-
const stack = this.navStack();
|
|
5854
|
-
const currentOptions = stack[stack.length - 1]?.children ?? this.options();
|
|
5855
|
-
if (!searchText) {
|
|
5856
|
-
return currentOptions;
|
|
5857
|
-
}
|
|
5858
|
-
return this.#flattenOptions(this.options()).filter((option) => String(option[this.bindLabel()]).toLowerCase().includes(searchText));
|
|
5859
|
-
}, /* @ts-ignore */
|
|
6077
|
+
displayedOptions = computed(() => displayedDrilldownOptions(this.options(), this.navStack(), this.searchText(), this.bindLabel()), /* @ts-ignore */
|
|
5860
6078
|
...(ngDevMode ? [{ debugName: "displayedOptions" }] : /* istanbul ignore next */ []));
|
|
5861
6079
|
label = computed(() => this.#selectedPath()
|
|
5862
6080
|
.map((option) => this.optionLabel(option))
|
|
@@ -5870,12 +6088,12 @@ class GdsDrilldownSelectComponent extends GdsSignalFormControl {
|
|
|
5870
6088
|
const pathValues = this.value();
|
|
5871
6089
|
this.options();
|
|
5872
6090
|
this.bindValue();
|
|
5873
|
-
untracked(() => this.#selectedPath.set(
|
|
6091
|
+
untracked(() => this.#selectedPath.set(resolveDrilldownPath(this.options(), pathValues ?? [], this.bindValue())));
|
|
5874
6092
|
}, /* @ts-ignore */
|
|
5875
6093
|
...(ngDevMode ? [{ debugName: "#syncSelectedOption" }] : /* istanbul ignore next */ []));
|
|
5876
6094
|
#setupMenuTemplateRef = effect(() => {
|
|
5877
6095
|
const menu = this.menu();
|
|
5878
|
-
this.#directive.menuTemplateRef = !this.disabled() ? menu : null;
|
|
6096
|
+
this.#directive.menuTemplateRef = !this.disabled() && !this.isMobile() ? menu : null;
|
|
5879
6097
|
}, /* @ts-ignore */
|
|
5880
6098
|
...(ngDevMode ? [{ debugName: "#setupMenuTemplateRef" }] : /* istanbul ignore next */ []));
|
|
5881
6099
|
#setMenuPosition = effect(() => {
|
|
@@ -5932,15 +6150,22 @@ class GdsDrilldownSelectComponent extends GdsSignalFormControl {
|
|
|
5932
6150
|
resizeObserver.observe(this.#elementRef.nativeElement);
|
|
5933
6151
|
this.#destroyRef.onDestroy(() => resizeObserver.disconnect());
|
|
5934
6152
|
}
|
|
6153
|
+
onHostClick = (event) => {
|
|
6154
|
+
if (!this.isMobile() || this.disabled()) {
|
|
6155
|
+
return;
|
|
6156
|
+
}
|
|
6157
|
+
event?.stopPropagation();
|
|
6158
|
+
this.openMobileDialog();
|
|
6159
|
+
};
|
|
5935
6160
|
onItemClick = (option) => {
|
|
5936
6161
|
const path = this.searchText().trim()
|
|
5937
|
-
?
|
|
6162
|
+
? findDrilldownOptionPathByRef(this.options(), option)
|
|
5938
6163
|
: [...this.navStack(), option];
|
|
5939
6164
|
this.#setValue(path.map((item) => String(item[this.bindValue()])), true);
|
|
5940
6165
|
};
|
|
5941
6166
|
onDrilldownClick = (option) => {
|
|
5942
6167
|
this.searchText.set('');
|
|
5943
|
-
this.navStack.set(
|
|
6168
|
+
this.navStack.set(findDrilldownOptionPathByRef(this.options(), option));
|
|
5944
6169
|
// CDKMenu closes when it loses focus. When navStack > 2 and triggers internal navigation, the menu will not close because the menu doesn't lose focus.
|
|
5945
6170
|
// Force closing to be consistent so the closed subscription can reopen the menu when internal navigation is triggered. (Same as onBack and onReset and onBreadcrumbClick)
|
|
5946
6171
|
this.#reopenAfterInternalNavigation = true;
|
|
@@ -5985,8 +6210,47 @@ class GdsDrilldownSelectComponent extends GdsSignalFormControl {
|
|
|
5985
6210
|
if (this.disabled()) {
|
|
5986
6211
|
return;
|
|
5987
6212
|
}
|
|
6213
|
+
if (this.isMobile()) {
|
|
6214
|
+
this.openMobileDialog();
|
|
6215
|
+
return;
|
|
6216
|
+
}
|
|
5988
6217
|
this.#directive.open();
|
|
5989
6218
|
};
|
|
6219
|
+
openMobileDialog = () => {
|
|
6220
|
+
if (this.disabled()) {
|
|
6221
|
+
return;
|
|
6222
|
+
}
|
|
6223
|
+
this.#formField?.state().reset();
|
|
6224
|
+
this.isOpen.set(true);
|
|
6225
|
+
this.#dialogSvc
|
|
6226
|
+
.open(GdsDrilldownSelectMobileDialogComponent, {
|
|
6227
|
+
options: this.options(),
|
|
6228
|
+
bindValue: this.bindValue(),
|
|
6229
|
+
bindLabel: this.bindLabel(),
|
|
6230
|
+
layout: this.layout(),
|
|
6231
|
+
value: this.value() ?? [],
|
|
6232
|
+
dialogTitle: this.dialogTitle() || this.placeholder(),
|
|
6233
|
+
applyLabel: this.applyLabel(),
|
|
6234
|
+
emptyText: this.emptyText(),
|
|
6235
|
+
backAriaLabel: this.backAriaLabel(),
|
|
6236
|
+
searchable: this.searchable(),
|
|
6237
|
+
searchPlaceholder: this.searchPlaceholder()
|
|
6238
|
+
})
|
|
6239
|
+
.pipe(take(1), takeUntilDestroyed(this.#destroyRef))
|
|
6240
|
+
.subscribe((path) => this.#onMobileResult(path));
|
|
6241
|
+
};
|
|
6242
|
+
#onMobileResult = (path) => {
|
|
6243
|
+
if (path !== undefined) {
|
|
6244
|
+
this.#setValue(path, false);
|
|
6245
|
+
}
|
|
6246
|
+
this.isOpen.set(false);
|
|
6247
|
+
this.#formField?.state().markAsTouched();
|
|
6248
|
+
this.#suppressOpenOnFocus = true;
|
|
6249
|
+
this.#elementRef.nativeElement.focus();
|
|
6250
|
+
setTimeout(() => {
|
|
6251
|
+
this.#suppressOpenOnFocus = false;
|
|
6252
|
+
});
|
|
6253
|
+
};
|
|
5990
6254
|
optionLabel = (option) => String(option[this.bindLabel()]);
|
|
5991
6255
|
onArrowRight = (option) => {
|
|
5992
6256
|
if (option.children?.length) {
|
|
@@ -6011,23 +6275,6 @@ class GdsDrilldownSelectComponent extends GdsSignalFormControl {
|
|
|
6011
6275
|
}, { injector: this.#injector });
|
|
6012
6276
|
}
|
|
6013
6277
|
};
|
|
6014
|
-
#resolvePath = (options, pathValues) => {
|
|
6015
|
-
if (!pathValues.length) {
|
|
6016
|
-
return [];
|
|
6017
|
-
}
|
|
6018
|
-
const path = [];
|
|
6019
|
-
let levelOptions = options;
|
|
6020
|
-
for (const value of pathValues) {
|
|
6021
|
-
const match = levelOptions.find((option) => String(option[this.bindValue()]) === value);
|
|
6022
|
-
if (!match) {
|
|
6023
|
-
return [];
|
|
6024
|
-
}
|
|
6025
|
-
path.push(match);
|
|
6026
|
-
levelOptions = match.children ?? [];
|
|
6027
|
-
}
|
|
6028
|
-
return path;
|
|
6029
|
-
};
|
|
6030
|
-
#flattenOptions = (options) => options.flatMap((option) => [option, ...(option.children?.length ? this.#flattenOptions(option.children) : [])]);
|
|
6031
6278
|
/** Open at the parent of the selected leaf so the leaf is visible in the current list. */
|
|
6032
6279
|
#syncNavStackToSelection = () => {
|
|
6033
6280
|
this.navStack.set(this.#selectedPath().slice(0, -1));
|
|
@@ -6065,23 +6312,8 @@ class GdsDrilldownSelectComponent extends GdsSignalFormControl {
|
|
|
6065
6312
|
// Prefer trigger over first item so ArrowDown (CdkMenuTrigger) is what enters the list.
|
|
6066
6313
|
this.#elementRef.nativeElement.focus({ preventScroll: true });
|
|
6067
6314
|
};
|
|
6068
|
-
#findOptionPathByRef = (options, target, parents = []) => {
|
|
6069
|
-
for (const option of options) {
|
|
6070
|
-
const path = [...parents, option];
|
|
6071
|
-
if (option === target) {
|
|
6072
|
-
return path;
|
|
6073
|
-
}
|
|
6074
|
-
if (option.children?.length) {
|
|
6075
|
-
const found = this.#findOptionPathByRef(option.children, target, path);
|
|
6076
|
-
if (found.length > 0) {
|
|
6077
|
-
return found;
|
|
6078
|
-
}
|
|
6079
|
-
}
|
|
6080
|
-
}
|
|
6081
|
-
return [];
|
|
6082
|
-
};
|
|
6083
6315
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: GdsDrilldownSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6084
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: GdsDrilldownSelectComponent, isStandalone: true, selector: "gds-drilldown-select", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null }, bindValue: { classPropertyName: "bindValue", publicName: "bindValue", isSignal: true, isRequired: true, transformFunction: null }, bindLabel: { classPropertyName: "bindLabel", publicName: "bindLabel", isSignal: true, isRequired: true, transformFunction: null }, clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: true, isRequired: false, transformFunction: null }, searchAutoFocus: { classPropertyName: "searchAutoFocus", publicName: "searchAutoFocus", isSignal: true, isRequired: false, transformFunction: null }, maxMenuHeight: { classPropertyName: "maxMenuHeight", publicName: "maxMenuHeight", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, searchPlaceholder: { classPropertyName: "searchPlaceholder", publicName: "searchPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, mobileCancelLabel: { classPropertyName: "mobileCancelLabel", publicName: "mobileCancelLabel", isSignal: true, isRequired: false, transformFunction: null }, resetLabel: { classPropertyName: "resetLabel", publicName: "resetLabel", isSignal: true, isRequired: false, transformFunction: null }, emptyText: { classPropertyName: "emptyText", publicName: "emptyText", isSignal: true, isRequired: false, transformFunction: null }, backAriaLabel: { classPropertyName: "backAriaLabel", publicName: "backAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { attributes: { "role": "button" }, listeners: { "keydown.escape": "onEscape()", "keydown.arrowleft": "onArrowLeft()" }, properties: { "attr.tabindex": "disabled() ? -1 : 0", "class.is-controlled": "isOpen()" }, classAttribute: "\n gds-align-items-center\n gds-display-flex\n gds-gap-2xs\n gds-justify-content-between\n gds-mobile-padding-block-0\n gds-mobile-text-input-mobile\n gds-padding-block-3xs\n gds-padding-inline-xs\n gds-radius-sm\n gds-text-input\n gds-outline-none\n " }, viewQueries: [{ propertyName: "menu", first: true, predicate: ["menu"], descendants: true, isSignal: true }, { propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1$1.CdkMenuTrigger }], ngImport: i0, template: "<div\n class=\"\n gds-flex-1\n gds-min-width-0\n gds-truncate\n label\n \"\n [ngClass]=\"{ placeholder: !label(), 'gds-user-select-none': !label() }\"\n>\n {{ label() ? label() : placeholder() }}\n</div>\n\n<gds-icon\n class=\"\n gds-icon-primary\n gds-icon-size-2xs\n \"\n key=\"line-chevron-down-stroke\"\n/>\n\n<ng-template #menu>\n <gds-dropdown\n [mobileCancelLabel]=\"mobileCancelLabel()\"\n cdkTargetMenuAim\n preventMobileStyling\n allowDefaultTabBehavior\n [style.minWidth]=\"dropdownWidth() + 'px'\"\n >\n <div\n class=\"\n gds-display-flex\n gds-flex-column\n gds-padding-block-end-2xs\n gds-padding-block-start-3xs\n gds-padding-inline-2xs\n \"\n >\n @if (hasNavHeader()) {\n <div class=\"\n gds-align-items-center\n gds-display-flex\n gds-gap-2xs\n gds-padding-block-end-2xs\n \">\n @if (navStack().length) {\n <button\n gds-icon-button\n variant=\"invisible\"\n class=\"\n gds-min-height-0\n gds-padding-0\n \"\n (pointerdown)=\"$event.stopPropagation()\"\n (clicked)=\"onBack()\"\n [attr.aria-label]=\"backAriaLabel()\"\n >\n <gds-icon\n key=\"line-arrow-left\"\n class=\"\n gds-icon-primary\n gds-icon-size-2xs\n \"\n />\n </button>\n }\n\n @if (clearable() && label()) {\n <button\n gds-button\n variant=\"invisible\"\n size=\"small\"\n class=\"\n gds-min-height-0\n gds-padding-0\n reset-button\n \"\n (pointerdown)=\"$event.stopPropagation()\"\n (clicked)=\"onReset()\"\n >\n {{ resetLabel() }}\n </button>\n }\n\n @for (crumb of navStack(); track $index) {\n @if ((clearable() && label()) || $index > 0) {\n <gds-icon\n key=\"line-chevron-right-stroke\"\n class=\"\n gds-flex-0\n gds-icon-primary\n gds-icon-size-3xs\n \"\n />\n }\n <button\n gds-button\n variant=\"invisible\"\n size=\"small\"\n class=\"\n breadcrumb\n gds-min-height-0\n gds-padding-0\n \"\n (pointerdown)=\"$event.stopPropagation()\"\n (clicked)=\"onBreadcrumbClick($index)\"\n >\n {{ optionLabel(crumb) }}\n </button>\n }\n </div>\n }\n\n @if (searchable()) {\n <gds-text-input\n class=\"\n gds-gap-xs\n gds-margin-block-end-2xs\n search\n \"\n (pointerdown)=\"$event.stopPropagation()\"\n (click)=\"$event.stopPropagation()\"\n >\n <gds-icon\n leading-visual\n key=\"line-search\"\n class=\"\n gds-icon-secondary\n gds-icon-size-2xs\n \"\n />\n <input\n #searchInput\n type=\"text\"\n class=\"\n gds-background-none\n gds-border-none\n gds-flex-1\n gds-min-width-0\n gds-outline-none\n gds-text-body\n \"\n [placeholder]=\"searchPlaceholder()\"\n [value]=\"searchText()\"\n (input)=\"onSearch($event)\"\n (keydown)=\"onSearchKeydown($event)\"\n />\n </gds-text-input>\n }\n\n <div\n [style.maxHeight]=\"maxMenuHeight()\"\n class=\"gds-scrollable-vertically\"\n >\n <div class=\"\n gds-display-flex\n gds-flex-column\n gds-gap-3xs\n \">\n @for (option of displayedOptions(); track option[bindValue()]) {\n @if (option.children?.length) {\n <div\n class=\"\n gds-align-items-center\n gds-display-flex\n gds-gap-xs\n gds-padding-block-2xs\n gds-padding-inline-sm\n gds-position-relative\n gds-radius-sm\n gds-text-body\n gds-text-primary\n item\n \"\n [ngClass]=\"{ active: activeItems().includes(option[bindValue()]) }\"\n cdkMenuItem\n (pointerdown)=\"$event.stopPropagation()\"\n (cdkMenuItemTriggered)=\"onDrilldownClick(option)\"\n (keydown.escape)=\"onEscape()\"\n (keydown.arrowright)=\"onArrowRight(option)\"\n (keydown.arrowleft)=\"onArrowLeft()\"\n tabindex=\"-1\"\n >\n <span class=\"\n gds-flex-1\n gds-min-width-0\n gds-truncate\n \">{{ option[bindLabel()] }}</span>\n <gds-icon\n key=\"line-chevron-right-stroke\"\n class=\"\n gds-flex-0\n gds-icon-primary\n gds-icon-size-2xs\n \"\n />\n </div>\n } @else {\n <div\n class=\"\n gds-align-items-center\n gds-display-flex\n gds-padding-block-2xs\n gds-padding-inline-sm\n gds-position-relative\n gds-radius-sm\n gds-text-body\n gds-text-primary\n item\n \"\n tabindex=\"-1\"\n [ngClass]=\"{ active: activeItems().includes(option[bindValue()]) }\"\n cdkMenuItem\n (cdkMenuItemTriggered)=\"onItemClick(option)\"\n (keydown.escape)=\"onEscape()\"\n (keydown.arrowleft)=\"onArrowLeft()\"\n (keydown.arrowright)=\"onArrowRight(option)\"\n >\n {{ option[bindLabel()] }}\n </div>\n }\n } @empty {\n <div class=\"\n gds-padding-block-2xs\n gds-padding-inline-sm\n gds-text-body\n gds-text-secondary\n \">\n {{ emptyText() }}\n </div>\n }\n </div>\n </div>\n </div>\n </gds-dropdown>\n</ng-template>\n", styles: ["@layer design-system{:host{--gds-form-control-cursor: pointer;--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host{background-color:var(--background-color);border:.5px solid var(--border-color);color:var(--text-color);cursor:var(--cursor)!important}:host ::ng-deep input:focus,:host ::ng-deep textarea:focus{outline:none}:host:focus-within,:host.is-controlled{isolation:isolate;position:relative}:host:focus-within:before,:host.is-controlled:before{z-index:-1;content:\"\";position:absolute;inset:0;border-bottom:var(--gds-borderWidth-lg) solid var(--active-color);border-radius:var(--gds-borderRadius-xs)}:host{min-height:var(--gds-size-md-rem)}:is(body[isMobile=true]) :host{min-height:var(--gds-size-lg-rem)}:host:hover{background-color:var(--hover-color)}:host[disabled]::ng-deep svg-icon,:host:has(*:disabled,*[disabled=true])::ng-deep svg-icon{color:var(--disabled-text-color)}:host[invalid][touched]:not(:focus-within,.is-controlled)::ng-deep svg-icon,:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled)::ng-deep svg-icon{color:var(--invalid-color)}:host ::ng-deep *::placeholder{color:var(--placeholder-color)}:host .label{color:var(--text-color)}:host .placeholder{color:var(--placeholder-color)}.reset-button,.breadcrumb{--gds-button-color: var(--gds-palette-text-default-secondary);--gds-button-color-hover: var(--gds-palette-text-default-secondary)}.search{--gds-form-control-cursor: text;--gds-form-control-hover-color: var(--gds-palette-background-white);box-sizing:border-box}.item{cursor:pointer;--wrapper-margin-inline: 0px;--wrapper-margin-block: 2px}.item:hover:before,.item.active:before,.item:focus-visible:before{content:\"\";position:absolute;border-radius:var(--gds-borderRadius-sm);width:calc(100% - 2 * var(--wrapper-margin-inline, var(--wrapper-margin, 0px)));height:calc(100% - 2 * var(--wrapper-margin-block, var(--wrapper-margin, 0px)));top:var(--wrapper-margin-block, var(--wrapper-margin, 0px));left:var(--wrapper-margin-inline, var(--wrapper-margin, 0px));background:var(--gds-palette-background-hover);pointer-events:none}.item:focus-visible{outline:none}}\n"], dependencies: [{ kind: "component", type: GdsButtonComponent, selector: "button[gds-button]" }, { kind: "component", type: GdsDropdownComponent, selector: "gds-dropdown", inputs: ["triggerElement", "horizontal", "preventMobileStyling", "allowDefaultTabBehavior", "mobileCancelLabel"] }, { kind: "component", type: GdsTextInputComponent, selector: "gds-text-input", inputs: ["clearable"], outputs: ["cleared"] }, { kind: "directive", type: GdsNativeInputDirective, selector: "input" }, { kind: "directive", type: CdkMenuItem, selector: "[cdkMenuItem]", inputs: ["cdkMenuItemDisabled", "cdkMenuitemTypeaheadLabel"], outputs: ["cdkMenuItemTriggered"], exportAs: ["cdkMenuItem"] }, { kind: "directive", type: CdkTargetMenuAim, selector: "[cdkTargetMenuAim]", exportAs: ["cdkTargetMenuAim"] }, { kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: GdsIconButtonComponent, selector: "button[gds-icon-button]", inputs: ["tooltipLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6316
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: GdsDrilldownSelectComponent, isStandalone: true, selector: "gds-drilldown-select", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null }, bindValue: { classPropertyName: "bindValue", publicName: "bindValue", isSignal: true, isRequired: true, transformFunction: null }, bindLabel: { classPropertyName: "bindLabel", publicName: "bindLabel", isSignal: true, isRequired: true, transformFunction: null }, clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: true, isRequired: false, transformFunction: null }, searchAutoFocus: { classPropertyName: "searchAutoFocus", publicName: "searchAutoFocus", isSignal: true, isRequired: false, transformFunction: null }, maxMenuHeight: { classPropertyName: "maxMenuHeight", publicName: "maxMenuHeight", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, searchPlaceholder: { classPropertyName: "searchPlaceholder", publicName: "searchPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, mobileCancelLabel: { classPropertyName: "mobileCancelLabel", publicName: "mobileCancelLabel", isSignal: true, isRequired: false, transformFunction: null }, resetLabel: { classPropertyName: "resetLabel", publicName: "resetLabel", isSignal: true, isRequired: false, transformFunction: null }, emptyText: { classPropertyName: "emptyText", publicName: "emptyText", isSignal: true, isRequired: false, transformFunction: null }, backAriaLabel: { classPropertyName: "backAriaLabel", publicName: "backAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, dialogTitle: { classPropertyName: "dialogTitle", publicName: "dialogTitle", isSignal: true, isRequired: false, transformFunction: null }, applyLabel: { classPropertyName: "applyLabel", publicName: "applyLabel", isSignal: true, isRequired: false, transformFunction: null }, layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { attributes: { "role": "button" }, listeners: { "click": "onHostClick($event)", "keydown.escape": "onEscape()", "keydown.arrowleft": "onArrowLeft()" }, properties: { "attr.tabindex": "disabled() ? -1 : 0", "class.is-controlled": "isOpen()" }, classAttribute: "\n gds-align-items-center\n gds-display-flex\n gds-gap-2xs\n gds-justify-content-between\n gds-mobile-padding-block-0\n gds-mobile-text-input-mobile\n gds-padding-block-3xs\n gds-padding-inline-xs\n gds-radius-sm\n gds-text-input\n gds-outline-none\n " }, viewQueries: [{ propertyName: "menu", first: true, predicate: ["menu"], descendants: true, isSignal: true }, { propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1$1.CdkMenuTrigger }], ngImport: i0, template: "<div\n class=\"\n gds-flex-1\n gds-min-width-0\n gds-truncate\n label\n \"\n [ngClass]=\"{ placeholder: !label(), 'gds-user-select-none': !label() }\"\n>\n {{ label() ? label() : placeholder() }}\n</div>\n\n<gds-icon\n class=\"\n gds-icon-primary\n gds-icon-size-2xs\n \"\n key=\"line-chevron-down-stroke\"\n/>\n\n<ng-template #menu>\n <gds-dropdown\n [mobileCancelLabel]=\"mobileCancelLabel()\"\n cdkTargetMenuAim\n preventMobileStyling\n allowDefaultTabBehavior\n [style.minWidth]=\"dropdownWidth() + 'px'\"\n >\n <div\n class=\"\n gds-display-flex\n gds-flex-column\n gds-padding-block-end-2xs\n gds-padding-block-start-3xs\n gds-padding-inline-2xs\n \"\n >\n @if (hasNavHeader()) {\n <div class=\"\n gds-align-items-center\n gds-display-flex\n gds-gap-2xs\n gds-padding-block-end-2xs\n \">\n @if (navStack().length) {\n <button\n gds-icon-button\n variant=\"invisible\"\n class=\"\n gds-min-height-0\n gds-padding-0\n \"\n (pointerdown)=\"$event.stopPropagation()\"\n (clicked)=\"onBack()\"\n [attr.aria-label]=\"backAriaLabel()\"\n >\n <gds-icon\n key=\"line-arrow-left\"\n class=\"\n gds-icon-primary\n gds-icon-size-2xs\n \"\n />\n </button>\n }\n\n @if (clearable() && label()) {\n <button\n gds-button\n variant=\"invisible\"\n size=\"small\"\n class=\"\n gds-min-height-0\n gds-padding-0\n reset-button\n \"\n (pointerdown)=\"$event.stopPropagation()\"\n (clicked)=\"onReset()\"\n >\n {{ resetLabel() }}\n </button>\n }\n\n @for (crumb of navStack(); track $index) {\n @if ((clearable() && label()) || $index > 0) {\n <gds-icon\n key=\"line-chevron-right-stroke\"\n class=\"\n gds-flex-0\n gds-icon-primary\n gds-icon-size-3xs\n \"\n />\n }\n <button\n gds-button\n variant=\"invisible\"\n size=\"small\"\n class=\"\n breadcrumb\n gds-min-height-0\n gds-padding-0\n \"\n (pointerdown)=\"$event.stopPropagation()\"\n (clicked)=\"onBreadcrumbClick($index)\"\n >\n {{ optionLabel(crumb) }}\n </button>\n }\n </div>\n }\n\n @if (searchable()) {\n <gds-text-input\n class=\"\n gds-gap-xs\n gds-margin-block-end-2xs\n search\n \"\n (pointerdown)=\"$event.stopPropagation()\"\n (click)=\"$event.stopPropagation()\"\n >\n <gds-icon\n leading-visual\n key=\"line-search\"\n class=\"\n gds-icon-secondary\n gds-icon-size-2xs\n \"\n />\n <input\n #searchInput\n type=\"text\"\n class=\"\n gds-background-none\n gds-border-none\n gds-flex-1\n gds-min-width-0\n gds-outline-none\n gds-text-body\n \"\n [placeholder]=\"searchPlaceholder()\"\n [value]=\"searchText()\"\n (input)=\"onSearch($event)\"\n (keydown)=\"onSearchKeydown($event)\"\n />\n </gds-text-input>\n }\n\n <div\n [style.maxHeight]=\"maxMenuHeight()\"\n class=\"gds-scrollable-vertically\"\n >\n <div class=\"\n gds-display-flex\n gds-flex-column\n gds-gap-3xs\n \">\n @for (option of displayedOptions(); track option[bindValue()]) {\n @if (option.children?.length) {\n <div\n class=\"\n gds-align-items-center\n gds-display-flex\n gds-gap-xs\n gds-padding-block-2xs\n gds-padding-inline-sm\n gds-position-relative\n gds-radius-sm\n gds-text-body\n gds-text-primary\n item\n \"\n [ngClass]=\"{ active: activeItems().includes(option[bindValue()]) }\"\n cdkMenuItem\n (pointerdown)=\"$event.stopPropagation()\"\n (cdkMenuItemTriggered)=\"onDrilldownClick(option)\"\n (keydown.escape)=\"onEscape()\"\n (keydown.arrowright)=\"onArrowRight(option)\"\n (keydown.arrowleft)=\"onArrowLeft()\"\n tabindex=\"-1\"\n >\n <span class=\"\n gds-flex-1\n gds-min-width-0\n gds-truncate\n \">{{ option[bindLabel()] }}</span>\n <gds-icon\n key=\"line-chevron-right-stroke\"\n class=\"\n gds-flex-0\n gds-icon-primary\n gds-icon-size-2xs\n \"\n />\n </div>\n } @else {\n <div\n class=\"\n gds-align-items-center\n gds-display-flex\n gds-padding-block-2xs\n gds-padding-inline-sm\n gds-position-relative\n gds-radius-sm\n gds-text-body\n gds-text-primary\n item\n \"\n tabindex=\"-1\"\n [ngClass]=\"{ active: activeItems().includes(option[bindValue()]) }\"\n cdkMenuItem\n (cdkMenuItemTriggered)=\"onItemClick(option)\"\n (keydown.escape)=\"onEscape()\"\n (keydown.arrowleft)=\"onArrowLeft()\"\n (keydown.arrowright)=\"onArrowRight(option)\"\n >\n {{ option[bindLabel()] }}\n </div>\n }\n } @empty {\n <div class=\"\n gds-padding-block-2xs\n gds-padding-inline-sm\n gds-text-body\n gds-text-secondary\n \">\n {{ emptyText() }}\n </div>\n }\n </div>\n </div>\n </div>\n </gds-dropdown>\n</ng-template>\n", styles: ["@layer design-system{:host{--gds-form-control-cursor: pointer;--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host{background-color:var(--background-color);border:.5px solid var(--border-color);color:var(--text-color);cursor:var(--cursor)!important}:host ::ng-deep input:focus,:host ::ng-deep textarea:focus{outline:none}:host:focus-within,:host.is-controlled{isolation:isolate;position:relative}:host:focus-within:before,:host.is-controlled:before{z-index:-1;content:\"\";position:absolute;inset:0;border-bottom:var(--gds-borderWidth-lg) solid var(--active-color);border-radius:var(--gds-borderRadius-xs)}:host{min-height:var(--gds-size-md-rem)}:is(body[isMobile=true]) :host{min-height:var(--gds-size-lg-rem)}:host:hover{background-color:var(--hover-color)}:host[disabled]::ng-deep svg-icon,:host:has(*:disabled,*[disabled=true])::ng-deep svg-icon{color:var(--disabled-text-color)}:host[invalid][touched]:not(:focus-within,.is-controlled)::ng-deep svg-icon,:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled)::ng-deep svg-icon{color:var(--invalid-color)}:host ::ng-deep *::placeholder{color:var(--placeholder-color)}:host .label{color:var(--text-color)}:host .placeholder{color:var(--placeholder-color)}.reset-button,.breadcrumb{--gds-button-color: var(--gds-palette-text-default-secondary);--gds-button-color-hover: var(--gds-palette-text-default-secondary)}.search{--gds-form-control-cursor: text;--gds-form-control-hover-color: var(--gds-palette-background-white);box-sizing:border-box}.item{cursor:pointer;--wrapper-margin-inline: 0px;--wrapper-margin-block: 2px}.item:hover:before,.item.active:before,.item:focus-visible:before{content:\"\";position:absolute;border-radius:var(--gds-borderRadius-sm);width:calc(100% - 2 * var(--wrapper-margin-inline, var(--wrapper-margin, 0px)));height:calc(100% - 2 * var(--wrapper-margin-block, var(--wrapper-margin, 0px)));top:var(--wrapper-margin-block, var(--wrapper-margin, 0px));left:var(--wrapper-margin-inline, var(--wrapper-margin, 0px));background:var(--gds-palette-background-hover);pointer-events:none}.item:focus-visible{outline:none}}\n"], dependencies: [{ kind: "component", type: GdsButtonComponent, selector: "button[gds-button]" }, { kind: "component", type: GdsDropdownComponent, selector: "gds-dropdown", inputs: ["triggerElement", "horizontal", "preventMobileStyling", "allowDefaultTabBehavior", "mobileCancelLabel"] }, { kind: "component", type: GdsTextInputComponent, selector: "gds-text-input", inputs: ["clearable", "clearableAlwaysVisible"], outputs: ["cleared"] }, { kind: "directive", type: GdsNativeInputDirective, selector: "input" }, { kind: "directive", type: CdkMenuItem, selector: "[cdkMenuItem]", inputs: ["cdkMenuItemDisabled", "cdkMenuitemTypeaheadLabel"], outputs: ["cdkMenuItemTriggered"], exportAs: ["cdkMenuItem"] }, { kind: "directive", type: CdkTargetMenuAim, selector: "[cdkTargetMenuAim]", exportAs: ["cdkTargetMenuAim"] }, { kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: GdsIconButtonComponent, selector: "button[gds-icon-button]", inputs: ["tooltipLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6085
6317
|
}
|
|
6086
6318
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: GdsDrilldownSelectComponent, decorators: [{
|
|
6087
6319
|
type: Component,
|
|
@@ -6113,10 +6345,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
|
|
|
6113
6345
|
gds-outline-none
|
|
6114
6346
|
`,
|
|
6115
6347
|
'[class.is-controlled]': 'isOpen()',
|
|
6348
|
+
'(click)': 'onHostClick($event)',
|
|
6116
6349
|
'(keydown.escape)': 'onEscape()',
|
|
6117
6350
|
'(keydown.arrowleft)': 'onArrowLeft()'
|
|
6118
6351
|
}, hostDirectives: [CdkMenuTrigger], template: "<div\n class=\"\n gds-flex-1\n gds-min-width-0\n gds-truncate\n label\n \"\n [ngClass]=\"{ placeholder: !label(), 'gds-user-select-none': !label() }\"\n>\n {{ label() ? label() : placeholder() }}\n</div>\n\n<gds-icon\n class=\"\n gds-icon-primary\n gds-icon-size-2xs\n \"\n key=\"line-chevron-down-stroke\"\n/>\n\n<ng-template #menu>\n <gds-dropdown\n [mobileCancelLabel]=\"mobileCancelLabel()\"\n cdkTargetMenuAim\n preventMobileStyling\n allowDefaultTabBehavior\n [style.minWidth]=\"dropdownWidth() + 'px'\"\n >\n <div\n class=\"\n gds-display-flex\n gds-flex-column\n gds-padding-block-end-2xs\n gds-padding-block-start-3xs\n gds-padding-inline-2xs\n \"\n >\n @if (hasNavHeader()) {\n <div class=\"\n gds-align-items-center\n gds-display-flex\n gds-gap-2xs\n gds-padding-block-end-2xs\n \">\n @if (navStack().length) {\n <button\n gds-icon-button\n variant=\"invisible\"\n class=\"\n gds-min-height-0\n gds-padding-0\n \"\n (pointerdown)=\"$event.stopPropagation()\"\n (clicked)=\"onBack()\"\n [attr.aria-label]=\"backAriaLabel()\"\n >\n <gds-icon\n key=\"line-arrow-left\"\n class=\"\n gds-icon-primary\n gds-icon-size-2xs\n \"\n />\n </button>\n }\n\n @if (clearable() && label()) {\n <button\n gds-button\n variant=\"invisible\"\n size=\"small\"\n class=\"\n gds-min-height-0\n gds-padding-0\n reset-button\n \"\n (pointerdown)=\"$event.stopPropagation()\"\n (clicked)=\"onReset()\"\n >\n {{ resetLabel() }}\n </button>\n }\n\n @for (crumb of navStack(); track $index) {\n @if ((clearable() && label()) || $index > 0) {\n <gds-icon\n key=\"line-chevron-right-stroke\"\n class=\"\n gds-flex-0\n gds-icon-primary\n gds-icon-size-3xs\n \"\n />\n }\n <button\n gds-button\n variant=\"invisible\"\n size=\"small\"\n class=\"\n breadcrumb\n gds-min-height-0\n gds-padding-0\n \"\n (pointerdown)=\"$event.stopPropagation()\"\n (clicked)=\"onBreadcrumbClick($index)\"\n >\n {{ optionLabel(crumb) }}\n </button>\n }\n </div>\n }\n\n @if (searchable()) {\n <gds-text-input\n class=\"\n gds-gap-xs\n gds-margin-block-end-2xs\n search\n \"\n (pointerdown)=\"$event.stopPropagation()\"\n (click)=\"$event.stopPropagation()\"\n >\n <gds-icon\n leading-visual\n key=\"line-search\"\n class=\"\n gds-icon-secondary\n gds-icon-size-2xs\n \"\n />\n <input\n #searchInput\n type=\"text\"\n class=\"\n gds-background-none\n gds-border-none\n gds-flex-1\n gds-min-width-0\n gds-outline-none\n gds-text-body\n \"\n [placeholder]=\"searchPlaceholder()\"\n [value]=\"searchText()\"\n (input)=\"onSearch($event)\"\n (keydown)=\"onSearchKeydown($event)\"\n />\n </gds-text-input>\n }\n\n <div\n [style.maxHeight]=\"maxMenuHeight()\"\n class=\"gds-scrollable-vertically\"\n >\n <div class=\"\n gds-display-flex\n gds-flex-column\n gds-gap-3xs\n \">\n @for (option of displayedOptions(); track option[bindValue()]) {\n @if (option.children?.length) {\n <div\n class=\"\n gds-align-items-center\n gds-display-flex\n gds-gap-xs\n gds-padding-block-2xs\n gds-padding-inline-sm\n gds-position-relative\n gds-radius-sm\n gds-text-body\n gds-text-primary\n item\n \"\n [ngClass]=\"{ active: activeItems().includes(option[bindValue()]) }\"\n cdkMenuItem\n (pointerdown)=\"$event.stopPropagation()\"\n (cdkMenuItemTriggered)=\"onDrilldownClick(option)\"\n (keydown.escape)=\"onEscape()\"\n (keydown.arrowright)=\"onArrowRight(option)\"\n (keydown.arrowleft)=\"onArrowLeft()\"\n tabindex=\"-1\"\n >\n <span class=\"\n gds-flex-1\n gds-min-width-0\n gds-truncate\n \">{{ option[bindLabel()] }}</span>\n <gds-icon\n key=\"line-chevron-right-stroke\"\n class=\"\n gds-flex-0\n gds-icon-primary\n gds-icon-size-2xs\n \"\n />\n </div>\n } @else {\n <div\n class=\"\n gds-align-items-center\n gds-display-flex\n gds-padding-block-2xs\n gds-padding-inline-sm\n gds-position-relative\n gds-radius-sm\n gds-text-body\n gds-text-primary\n item\n \"\n tabindex=\"-1\"\n [ngClass]=\"{ active: activeItems().includes(option[bindValue()]) }\"\n cdkMenuItem\n (cdkMenuItemTriggered)=\"onItemClick(option)\"\n (keydown.escape)=\"onEscape()\"\n (keydown.arrowleft)=\"onArrowLeft()\"\n (keydown.arrowright)=\"onArrowRight(option)\"\n >\n {{ option[bindLabel()] }}\n </div>\n }\n } @empty {\n <div class=\"\n gds-padding-block-2xs\n gds-padding-inline-sm\n gds-text-body\n gds-text-secondary\n \">\n {{ emptyText() }}\n </div>\n }\n </div>\n </div>\n </div>\n </gds-dropdown>\n</ng-template>\n", styles: ["@layer design-system{:host{--gds-form-control-cursor: pointer;--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host{background-color:var(--background-color);border:.5px solid var(--border-color);color:var(--text-color);cursor:var(--cursor)!important}:host ::ng-deep input:focus,:host ::ng-deep textarea:focus{outline:none}:host:focus-within,:host.is-controlled{isolation:isolate;position:relative}:host:focus-within:before,:host.is-controlled:before{z-index:-1;content:\"\";position:absolute;inset:0;border-bottom:var(--gds-borderWidth-lg) solid var(--active-color);border-radius:var(--gds-borderRadius-xs)}:host{min-height:var(--gds-size-md-rem)}:is(body[isMobile=true]) :host{min-height:var(--gds-size-lg-rem)}:host:hover{background-color:var(--hover-color)}:host[disabled]::ng-deep svg-icon,:host:has(*:disabled,*[disabled=true])::ng-deep svg-icon{color:var(--disabled-text-color)}:host[invalid][touched]:not(:focus-within,.is-controlled)::ng-deep svg-icon,:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled)::ng-deep svg-icon{color:var(--invalid-color)}:host ::ng-deep *::placeholder{color:var(--placeholder-color)}:host .label{color:var(--text-color)}:host .placeholder{color:var(--placeholder-color)}.reset-button,.breadcrumb{--gds-button-color: var(--gds-palette-text-default-secondary);--gds-button-color-hover: var(--gds-palette-text-default-secondary)}.search{--gds-form-control-cursor: text;--gds-form-control-hover-color: var(--gds-palette-background-white);box-sizing:border-box}.item{cursor:pointer;--wrapper-margin-inline: 0px;--wrapper-margin-block: 2px}.item:hover:before,.item.active:before,.item:focus-visible:before{content:\"\";position:absolute;border-radius:var(--gds-borderRadius-sm);width:calc(100% - 2 * var(--wrapper-margin-inline, var(--wrapper-margin, 0px)));height:calc(100% - 2 * var(--wrapper-margin-block, var(--wrapper-margin, 0px)));top:var(--wrapper-margin-block, var(--wrapper-margin, 0px));left:var(--wrapper-margin-inline, var(--wrapper-margin, 0px));background:var(--gds-palette-background-hover);pointer-events:none}.item:focus-visible{outline:none}}\n"] }]
|
|
6119
|
-
}], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: true }] }], bindValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "bindValue", required: true }] }], bindLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "bindLabel", required: true }] }], clearable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearable", required: false }] }], searchable: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchable", required: false }] }], searchAutoFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchAutoFocus", required: false }] }], maxMenuHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxMenuHeight", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], searchPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchPlaceholder", required: false }] }], mobileCancelLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "mobileCancelLabel", required: false }] }], resetLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "resetLabel", required: false }] }], emptyText: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyText", required: false }] }], backAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "backAriaLabel", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], menu: [{ type: i0.ViewChild, args: ['menu', { isSignal: true }] }], searchInput: [{ type: i0.ViewChild, args: ['searchInput', { isSignal: true }] }] } });
|
|
6352
|
+
}], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: true }] }], bindValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "bindValue", required: true }] }], bindLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "bindLabel", required: true }] }], clearable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearable", required: false }] }], searchable: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchable", required: false }] }], searchAutoFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchAutoFocus", required: false }] }], maxMenuHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxMenuHeight", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], searchPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchPlaceholder", required: false }] }], mobileCancelLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "mobileCancelLabel", required: false }] }], resetLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "resetLabel", required: false }] }], emptyText: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyText", required: false }] }], backAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "backAriaLabel", required: false }] }], dialogTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "dialogTitle", required: false }] }], applyLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "applyLabel", required: false }] }], layout: [{ type: i0.Input, args: [{ isSignal: true, alias: "layout", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], menu: [{ type: i0.ViewChild, args: ['menu', { isSignal: true }] }], searchInput: [{ type: i0.ViewChild, args: ['searchInput', { isSignal: true }] }] } });
|
|
6120
6353
|
|
|
6121
6354
|
class GdsEmptyStateComponent extends OnBrandChanged {
|
|
6122
6355
|
#cdnUrl = inject(CDN_URL);
|
|
@@ -6354,6 +6587,7 @@ class GdsDateInputComponent extends GdsSignalFormContainer {
|
|
|
6354
6587
|
dropdownPositionY = input('auto', /* @ts-ignore */
|
|
6355
6588
|
...(ngDevMode ? [{ debugName: "dropdownPositionY" }] : /* istanbul ignore next */ []));
|
|
6356
6589
|
clearable = input(false, { ...(ngDevMode ? { debugName: "clearable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
6590
|
+
clearableAlwaysVisible = input(false, { ...(ngDevMode ? { debugName: "clearableAlwaysVisible" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
6357
6591
|
blurred = output();
|
|
6358
6592
|
cleared = output();
|
|
6359
6593
|
selectedDate = model(/* @ts-ignore */
|
|
@@ -6513,13 +6747,13 @@ class GdsDateInputComponent extends GdsSignalFormContainer {
|
|
|
6513
6747
|
this.calendarView.set('month');
|
|
6514
6748
|
}
|
|
6515
6749
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: GdsDateInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
6516
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: GdsDateInputComponent, isStandalone: true, selector: "gds-date-input", inputs: { dropdownPositionX: { classPropertyName: "dropdownPositionX", publicName: "dropdownPositionX", isSignal: true, isRequired: false, transformFunction: null }, dropdownPositionY: { classPropertyName: "dropdownPositionY", publicName: "dropdownPositionY", isSignal: true, isRequired: false, transformFunction: null }, clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, selectedDate: { classPropertyName: "selectedDate", publicName: "selectedDate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { blurred: "blurred", cleared: "cleared", selectedDate: "selectedDateChange" }, host: { listeners: { "window:resize": "setWindowDimensions()", "window:scroll": "setInputElementClientRect()" }, classAttribute: "\n gds-align-items-center\n gds-display-flex\n gds-gap-2xs\n gds-justify-content-between\n gds-min-height-md\n gds-mobile-min-height-lg\n gds-mobile-padding-inline-end-0\n gds-mobile-text-input-mobile\n gds-padding-inline-xs\n gds-position-relative\n gds-radius-sm\n gds-text-input\n " }, providers: [
|
|
6750
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: GdsDateInputComponent, isStandalone: true, selector: "gds-date-input", inputs: { dropdownPositionX: { classPropertyName: "dropdownPositionX", publicName: "dropdownPositionX", isSignal: true, isRequired: false, transformFunction: null }, dropdownPositionY: { classPropertyName: "dropdownPositionY", publicName: "dropdownPositionY", isSignal: true, isRequired: false, transformFunction: null }, clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, clearableAlwaysVisible: { classPropertyName: "clearableAlwaysVisible", publicName: "clearableAlwaysVisible", isSignal: true, isRequired: false, transformFunction: null }, selectedDate: { classPropertyName: "selectedDate", publicName: "selectedDate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { blurred: "blurred", cleared: "cleared", selectedDate: "selectedDateChange" }, host: { listeners: { "window:resize": "setWindowDimensions()", "window:scroll": "setInputElementClientRect()" }, classAttribute: "\n gds-align-items-center\n gds-display-flex\n gds-gap-2xs\n gds-justify-content-between\n gds-min-height-md\n gds-mobile-min-height-lg\n gds-mobile-padding-inline-end-0\n gds-mobile-text-input-mobile\n gds-padding-inline-xs\n gds-position-relative\n gds-radius-sm\n gds-text-input\n " }, providers: [
|
|
6517
6751
|
{
|
|
6518
6752
|
provide: MAT_DATE_LOCALE,
|
|
6519
6753
|
useValue: navigator.language
|
|
6520
6754
|
},
|
|
6521
6755
|
provideNativeDateAdapter()
|
|
6522
|
-
], queries: [{ propertyName: "inputComponent", first: true, predicate: GdsNativeInputDirective, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "calendarContainer", first: true, predicate: ["calendarContainer"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"[leading-visual]\" />\n<ng-content />\n@if (clearable() && !!selectedDate()) {\n <button\n gds-icon-button\n class=\"gds-min-height-sm\"\n variant=\"invisible\"\n size=\"small\"\n (click)=\"onClearClick()\"\n >\n <gds-icon\n key=\"line-dismiss\"\n class=\"\n gds-icon-primary\n gds-icon-size-3xs\n \"\n />\n </button>\n}\n<ng-content select=\"[trailing-visual]\" />\n@if (calendarVisible()) {\n <div\n #calendarContainer\n class=\"gds-date-input_calendar-container\"\n [ngClass]=\"dropdownPositionClass()\"\n tabindex=\"-1\"\n (blur)=\"onCalendarBlur($event)\"\n >\n <mat-calendar\n [(selected)]=\"selectedDate\"\n [startAt]=\"selectedDate()\"\n (click)=\"onCalendarClick($event)\"\n (selectedChange)=\"onSelectedDateChange()\"\n (viewChanged)=\"onCalendarViewChanged($event)\"\n />\n </div>\n}\n", styles: ["@layer design-system{:host{--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host{background-color:var(--background-color);border:.5px solid var(--border-color);color:var(--text-color);cursor:var(--cursor)!important}:host ::ng-deep input:focus,:host ::ng-deep textarea:focus{outline:none}:host:focus-within,:host.is-controlled{isolation:isolate;position:relative}:host:focus-within:before,:host.is-controlled:before{z-index:-1;content:\"\";position:absolute;inset:0;border-bottom:var(--gds-borderWidth-lg) solid var(--active-color);border-radius:var(--gds-borderRadius-xs)}:host{min-height:var(--gds-size-md-rem)}:is(body[isMobile=true]) :host{min-height:var(--gds-size-lg-rem)}:host:hover{background-color:var(--hover-color)}:host[disabled]::ng-deep svg-icon,:host:has(*:disabled,*[disabled=true])::ng-deep svg-icon{color:var(--disabled-text-color)}:host[invalid][touched]:not(:focus-within,.is-controlled)::ng-deep svg-icon,:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled)::ng-deep svg-icon{color:var(--invalid-color)}:host ::ng-deep *::placeholder{color:var(--placeholder-color)}:host .gds-date-input_calendar-container{width:300px;position:absolute;z-index:1;outline:none}:host .gds-date-input_calendar-container.position-top-left{bottom:100%;left:0}:host .gds-date-input_calendar-container.position-top-right{bottom:100%;right:0}:host .gds-date-input_calendar-container.position-bottom-left{top:100%;left:0}:host .gds-date-input_calendar-container.position-bottom-right{top:100%;right:0}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-mdc-button,:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-mdc-icon-button,:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-mdc-button-touch-target{padding:0;margin:0;height:auto}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-table-header-divider{display:none}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-header{padding:0}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-body tr[aria-hidden]{display:none}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-body .mat-calendar-body-label{visibility:hidden}:host .gds-date-input_calendar-container ::ng-deep mat-calendar.mat-calendar{border-radius:var(--gds-borderRadius-md);box-shadow:var(--gds-shadow-default);background-color:var(--gds-palette-background-white)}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-header{border-bottom:1px solid var(--gds-palette-border-default);padding-top:var(--gds-spacing-2xs);margin-bottom:var(--gds-spacing-xs)}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-controls{margin:0 var(--gds-spacing-sm) var(--gds-spacing-2xs)}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-controls .mat-calendar-period-button{font-weight:var(--gds-fontWeight-title);color:var(--gds-palette-text-default-primary)}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-controls .mat-calendar-period-button svg{display:none}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-controls .mat-calendar-previous-button,:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-controls .mat-calendar-next-button{color:var(--gds-palette-button-primary-default);transform:rotate(90deg)}:host .gds-date-input_calendar-container ::ng-deep mat-calendar{--mat-datepicker-calendar-text-font: var(--gds-fontFamily-body);--mat-datepicker-calendar-text-size: var(--gds-fontSize-bodyStrong);--mat-datepicker-calendar-header-text-weight: var(--gds-fontWeight-title);--mat-datepicker-calendar-date-text-color: var(--gds-palette-text-default-primary);--mat-datepicker-calendar-header-text-color: var(--gds-palette-text-default-primary);--mat-datepicker-calendar-date-selected-state-text-color: var(--gds-palette-text-default-contrast);--mat-datepicker-calendar-date-selected-state-background-color: var(--gds-palette-button-primary-default);--mat-datepicker-calendar-date-today-outline-color: var(--gds-palette-button-primary-default);--mat-datepicker-calendar-date-today-selected-state-outline-color: var(--gds-palette-button-primary-default)}}\n"], dependencies: [{ kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i1$3.MatCalendar, selector: "mat-calendar", inputs: ["headerComponent", "startAt", "startView", "selected", "minDate", "maxDate", "dateFilter", "dateClass", "comparisonStart", "comparisonEnd", "startDateAccessibleName", "endDateAccessibleName"], outputs: ["selectedChange", "yearSelected", "monthSelected", "viewChanged", "_userSelection", "_userDragDrop"], exportAs: ["matCalendar"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: GdsIconButtonComponent, selector: "button[gds-icon-button]", inputs: ["tooltipLabel"] }, { kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6756
|
+
], queries: [{ propertyName: "inputComponent", first: true, predicate: GdsNativeInputDirective, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "calendarContainer", first: true, predicate: ["calendarContainer"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"[leading-visual]\" />\n<ng-content />\n@if ((clearable() && !!selectedDate()) || clearableAlwaysVisible()) {\n <button\n gds-icon-button\n class=\"gds-min-height-sm\"\n variant=\"invisible\"\n size=\"small\"\n (click)=\"onClearClick()\"\n >\n <gds-icon\n key=\"line-dismiss\"\n class=\"\n gds-icon-primary\n gds-icon-size-3xs\n gds-mobile-icon-size-2xs\n \"\n />\n </button>\n}\n<ng-content select=\"[trailing-visual]\" />\n@if (calendarVisible()) {\n <div\n #calendarContainer\n class=\"gds-date-input_calendar-container\"\n [ngClass]=\"dropdownPositionClass()\"\n tabindex=\"-1\"\n (blur)=\"onCalendarBlur($event)\"\n >\n <mat-calendar\n [(selected)]=\"selectedDate\"\n [startAt]=\"selectedDate()\"\n (click)=\"onCalendarClick($event)\"\n (selectedChange)=\"onSelectedDateChange()\"\n (viewChanged)=\"onCalendarViewChanged($event)\"\n />\n </div>\n}\n", styles: ["@layer design-system{:host{--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host{background-color:var(--background-color);border:.5px solid var(--border-color);color:var(--text-color);cursor:var(--cursor)!important}:host ::ng-deep input:focus,:host ::ng-deep textarea:focus{outline:none}:host:focus-within,:host.is-controlled{isolation:isolate;position:relative}:host:focus-within:before,:host.is-controlled:before{z-index:-1;content:\"\";position:absolute;inset:0;border-bottom:var(--gds-borderWidth-lg) solid var(--active-color);border-radius:var(--gds-borderRadius-xs)}:host{min-height:var(--gds-size-md-rem)}:is(body[isMobile=true]) :host{min-height:var(--gds-size-lg-rem)}:host:hover{background-color:var(--hover-color)}:host[disabled]::ng-deep svg-icon,:host:has(*:disabled,*[disabled=true])::ng-deep svg-icon{color:var(--disabled-text-color)}:host[invalid][touched]:not(:focus-within,.is-controlled)::ng-deep svg-icon,:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled)::ng-deep svg-icon{color:var(--invalid-color)}:host ::ng-deep *::placeholder{color:var(--placeholder-color)}:host .gds-date-input_calendar-container{width:300px;position:absolute;z-index:1;outline:none}:host .gds-date-input_calendar-container.position-top-left{bottom:100%;left:0}:host .gds-date-input_calendar-container.position-top-right{bottom:100%;right:0}:host .gds-date-input_calendar-container.position-bottom-left{top:100%;left:0}:host .gds-date-input_calendar-container.position-bottom-right{top:100%;right:0}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-mdc-button,:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-mdc-icon-button,:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-mdc-button-touch-target{padding:0;margin:0;height:auto}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-table-header-divider{display:none}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-header{padding:0}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-body tr[aria-hidden]{display:none}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-body .mat-calendar-body-label{visibility:hidden}:host .gds-date-input_calendar-container ::ng-deep mat-calendar.mat-calendar{border-radius:var(--gds-borderRadius-md);box-shadow:var(--gds-shadow-default);background-color:var(--gds-palette-background-white)}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-header{border-bottom:1px solid var(--gds-palette-border-default);padding-top:var(--gds-spacing-2xs);margin-bottom:var(--gds-spacing-xs)}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-controls{margin:0 var(--gds-spacing-sm) var(--gds-spacing-2xs)}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-controls .mat-calendar-period-button{font-weight:var(--gds-fontWeight-title);color:var(--gds-palette-text-default-primary)}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-controls .mat-calendar-period-button svg{display:none}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-controls .mat-calendar-previous-button,:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-controls .mat-calendar-next-button{color:var(--gds-palette-button-primary-default);transform:rotate(90deg)}:host .gds-date-input_calendar-container ::ng-deep mat-calendar{--mat-datepicker-calendar-text-font: var(--gds-fontFamily-body);--mat-datepicker-calendar-text-size: var(--gds-fontSize-bodyStrong);--mat-datepicker-calendar-header-text-weight: var(--gds-fontWeight-title);--mat-datepicker-calendar-date-text-color: var(--gds-palette-text-default-primary);--mat-datepicker-calendar-header-text-color: var(--gds-palette-text-default-primary);--mat-datepicker-calendar-date-selected-state-text-color: var(--gds-palette-text-default-contrast);--mat-datepicker-calendar-date-selected-state-background-color: var(--gds-palette-button-primary-default);--mat-datepicker-calendar-date-today-outline-color: var(--gds-palette-button-primary-default);--mat-datepicker-calendar-date-today-selected-state-outline-color: var(--gds-palette-button-primary-default)}}\n"], dependencies: [{ kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i1$3.MatCalendar, selector: "mat-calendar", inputs: ["headerComponent", "startAt", "startView", "selected", "minDate", "maxDate", "dateFilter", "dateClass", "comparisonStart", "comparisonEnd", "startDateAccessibleName", "endDateAccessibleName"], outputs: ["selectedChange", "yearSelected", "monthSelected", "viewChanged", "_userSelection", "_userDragDrop"], exportAs: ["matCalendar"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: GdsIconButtonComponent, selector: "button[gds-icon-button]", inputs: ["tooltipLabel"] }, { kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6523
6757
|
}
|
|
6524
6758
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: GdsDateInputComponent, decorators: [{
|
|
6525
6759
|
type: Component,
|
|
@@ -6546,8 +6780,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
|
|
|
6546
6780
|
`,
|
|
6547
6781
|
'(window:resize)': 'setWindowDimensions()',
|
|
6548
6782
|
'(window:scroll)': 'setInputElementClientRect()'
|
|
6549
|
-
}, template: "<ng-content select=\"[leading-visual]\" />\n<ng-content />\n@if (clearable() && !!selectedDate()) {\n <button\n gds-icon-button\n class=\"gds-min-height-sm\"\n variant=\"invisible\"\n size=\"small\"\n (click)=\"onClearClick()\"\n >\n <gds-icon\n key=\"line-dismiss\"\n class=\"\n gds-icon-primary\n gds-icon-size-3xs\n \"\n />\n </button>\n}\n<ng-content select=\"[trailing-visual]\" />\n@if (calendarVisible()) {\n <div\n #calendarContainer\n class=\"gds-date-input_calendar-container\"\n [ngClass]=\"dropdownPositionClass()\"\n tabindex=\"-1\"\n (blur)=\"onCalendarBlur($event)\"\n >\n <mat-calendar\n [(selected)]=\"selectedDate\"\n [startAt]=\"selectedDate()\"\n (click)=\"onCalendarClick($event)\"\n (selectedChange)=\"onSelectedDateChange()\"\n (viewChanged)=\"onCalendarViewChanged($event)\"\n />\n </div>\n}\n", styles: ["@layer design-system{:host{--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host{background-color:var(--background-color);border:.5px solid var(--border-color);color:var(--text-color);cursor:var(--cursor)!important}:host ::ng-deep input:focus,:host ::ng-deep textarea:focus{outline:none}:host:focus-within,:host.is-controlled{isolation:isolate;position:relative}:host:focus-within:before,:host.is-controlled:before{z-index:-1;content:\"\";position:absolute;inset:0;border-bottom:var(--gds-borderWidth-lg) solid var(--active-color);border-radius:var(--gds-borderRadius-xs)}:host{min-height:var(--gds-size-md-rem)}:is(body[isMobile=true]) :host{min-height:var(--gds-size-lg-rem)}:host:hover{background-color:var(--hover-color)}:host[disabled]::ng-deep svg-icon,:host:has(*:disabled,*[disabled=true])::ng-deep svg-icon{color:var(--disabled-text-color)}:host[invalid][touched]:not(:focus-within,.is-controlled)::ng-deep svg-icon,:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled)::ng-deep svg-icon{color:var(--invalid-color)}:host ::ng-deep *::placeholder{color:var(--placeholder-color)}:host .gds-date-input_calendar-container{width:300px;position:absolute;z-index:1;outline:none}:host .gds-date-input_calendar-container.position-top-left{bottom:100%;left:0}:host .gds-date-input_calendar-container.position-top-right{bottom:100%;right:0}:host .gds-date-input_calendar-container.position-bottom-left{top:100%;left:0}:host .gds-date-input_calendar-container.position-bottom-right{top:100%;right:0}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-mdc-button,:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-mdc-icon-button,:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-mdc-button-touch-target{padding:0;margin:0;height:auto}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-table-header-divider{display:none}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-header{padding:0}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-body tr[aria-hidden]{display:none}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-body .mat-calendar-body-label{visibility:hidden}:host .gds-date-input_calendar-container ::ng-deep mat-calendar.mat-calendar{border-radius:var(--gds-borderRadius-md);box-shadow:var(--gds-shadow-default);background-color:var(--gds-palette-background-white)}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-header{border-bottom:1px solid var(--gds-palette-border-default);padding-top:var(--gds-spacing-2xs);margin-bottom:var(--gds-spacing-xs)}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-controls{margin:0 var(--gds-spacing-sm) var(--gds-spacing-2xs)}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-controls .mat-calendar-period-button{font-weight:var(--gds-fontWeight-title);color:var(--gds-palette-text-default-primary)}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-controls .mat-calendar-period-button svg{display:none}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-controls .mat-calendar-previous-button,:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-controls .mat-calendar-next-button{color:var(--gds-palette-button-primary-default);transform:rotate(90deg)}:host .gds-date-input_calendar-container ::ng-deep mat-calendar{--mat-datepicker-calendar-text-font: var(--gds-fontFamily-body);--mat-datepicker-calendar-text-size: var(--gds-fontSize-bodyStrong);--mat-datepicker-calendar-header-text-weight: var(--gds-fontWeight-title);--mat-datepicker-calendar-date-text-color: var(--gds-palette-text-default-primary);--mat-datepicker-calendar-header-text-color: var(--gds-palette-text-default-primary);--mat-datepicker-calendar-date-selected-state-text-color: var(--gds-palette-text-default-contrast);--mat-datepicker-calendar-date-selected-state-background-color: var(--gds-palette-button-primary-default);--mat-datepicker-calendar-date-today-outline-color: var(--gds-palette-button-primary-default);--mat-datepicker-calendar-date-today-selected-state-outline-color: var(--gds-palette-button-primary-default)}}\n"] }]
|
|
6550
|
-
}], propDecorators: { dropdownPositionX: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropdownPositionX", required: false }] }], dropdownPositionY: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropdownPositionY", required: false }] }], clearable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearable", required: false }] }], blurred: [{ type: i0.Output, args: ["blurred"] }], cleared: [{ type: i0.Output, args: ["cleared"] }], selectedDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedDate", required: false }] }, { type: i0.Output, args: ["selectedDateChange"] }], calendarContainer: [{ type: i0.ViewChild, args: ['calendarContainer', { isSignal: true }] }], inputComponent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => GdsNativeInputDirective), { isSignal: true }] }] } });
|
|
6783
|
+
}, template: "<ng-content select=\"[leading-visual]\" />\n<ng-content />\n@if ((clearable() && !!selectedDate()) || clearableAlwaysVisible()) {\n <button\n gds-icon-button\n class=\"gds-min-height-sm\"\n variant=\"invisible\"\n size=\"small\"\n (click)=\"onClearClick()\"\n >\n <gds-icon\n key=\"line-dismiss\"\n class=\"\n gds-icon-primary\n gds-icon-size-3xs\n gds-mobile-icon-size-2xs\n \"\n />\n </button>\n}\n<ng-content select=\"[trailing-visual]\" />\n@if (calendarVisible()) {\n <div\n #calendarContainer\n class=\"gds-date-input_calendar-container\"\n [ngClass]=\"dropdownPositionClass()\"\n tabindex=\"-1\"\n (blur)=\"onCalendarBlur($event)\"\n >\n <mat-calendar\n [(selected)]=\"selectedDate\"\n [startAt]=\"selectedDate()\"\n (click)=\"onCalendarClick($event)\"\n (selectedChange)=\"onSelectedDateChange()\"\n (viewChanged)=\"onCalendarViewChanged($event)\"\n />\n </div>\n}\n", styles: ["@layer design-system{:host{--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host{background-color:var(--background-color);border:.5px solid var(--border-color);color:var(--text-color);cursor:var(--cursor)!important}:host ::ng-deep input:focus,:host ::ng-deep textarea:focus{outline:none}:host:focus-within,:host.is-controlled{isolation:isolate;position:relative}:host:focus-within:before,:host.is-controlled:before{z-index:-1;content:\"\";position:absolute;inset:0;border-bottom:var(--gds-borderWidth-lg) solid var(--active-color);border-radius:var(--gds-borderRadius-xs)}:host{min-height:var(--gds-size-md-rem)}:is(body[isMobile=true]) :host{min-height:var(--gds-size-lg-rem)}:host:hover{background-color:var(--hover-color)}:host[disabled]::ng-deep svg-icon,:host:has(*:disabled,*[disabled=true])::ng-deep svg-icon{color:var(--disabled-text-color)}:host[invalid][touched]:not(:focus-within,.is-controlled)::ng-deep svg-icon,:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled)::ng-deep svg-icon{color:var(--invalid-color)}:host ::ng-deep *::placeholder{color:var(--placeholder-color)}:host .gds-date-input_calendar-container{width:300px;position:absolute;z-index:1;outline:none}:host .gds-date-input_calendar-container.position-top-left{bottom:100%;left:0}:host .gds-date-input_calendar-container.position-top-right{bottom:100%;right:0}:host .gds-date-input_calendar-container.position-bottom-left{top:100%;left:0}:host .gds-date-input_calendar-container.position-bottom-right{top:100%;right:0}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-mdc-button,:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-mdc-icon-button,:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-mdc-button-touch-target{padding:0;margin:0;height:auto}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-table-header-divider{display:none}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-header{padding:0}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-body tr[aria-hidden]{display:none}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-body .mat-calendar-body-label{visibility:hidden}:host .gds-date-input_calendar-container ::ng-deep mat-calendar.mat-calendar{border-radius:var(--gds-borderRadius-md);box-shadow:var(--gds-shadow-default);background-color:var(--gds-palette-background-white)}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-header{border-bottom:1px solid var(--gds-palette-border-default);padding-top:var(--gds-spacing-2xs);margin-bottom:var(--gds-spacing-xs)}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-controls{margin:0 var(--gds-spacing-sm) var(--gds-spacing-2xs)}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-controls .mat-calendar-period-button{font-weight:var(--gds-fontWeight-title);color:var(--gds-palette-text-default-primary)}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-controls .mat-calendar-period-button svg{display:none}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-controls .mat-calendar-previous-button,:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-controls .mat-calendar-next-button{color:var(--gds-palette-button-primary-default);transform:rotate(90deg)}:host .gds-date-input_calendar-container ::ng-deep mat-calendar{--mat-datepicker-calendar-text-font: var(--gds-fontFamily-body);--mat-datepicker-calendar-text-size: var(--gds-fontSize-bodyStrong);--mat-datepicker-calendar-header-text-weight: var(--gds-fontWeight-title);--mat-datepicker-calendar-date-text-color: var(--gds-palette-text-default-primary);--mat-datepicker-calendar-header-text-color: var(--gds-palette-text-default-primary);--mat-datepicker-calendar-date-selected-state-text-color: var(--gds-palette-text-default-contrast);--mat-datepicker-calendar-date-selected-state-background-color: var(--gds-palette-button-primary-default);--mat-datepicker-calendar-date-today-outline-color: var(--gds-palette-button-primary-default);--mat-datepicker-calendar-date-today-selected-state-outline-color: var(--gds-palette-button-primary-default)}}\n"] }]
|
|
6784
|
+
}], propDecorators: { dropdownPositionX: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropdownPositionX", required: false }] }], dropdownPositionY: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropdownPositionY", required: false }] }], clearable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearable", required: false }] }], clearableAlwaysVisible: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearableAlwaysVisible", required: false }] }], blurred: [{ type: i0.Output, args: ["blurred"] }], cleared: [{ type: i0.Output, args: ["cleared"] }], selectedDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedDate", required: false }] }, { type: i0.Output, args: ["selectedDateChange"] }], calendarContainer: [{ type: i0.ViewChild, args: ['calendarContainer', { isSignal: true }] }], inputComponent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => GdsNativeInputDirective), { isSignal: true }] }] } });
|
|
6551
6785
|
|
|
6552
6786
|
class GdsFileUploadComponent extends GdsSignalFormControl {
|
|
6553
6787
|
value = model([], /* @ts-ignore */
|
|
@@ -6761,8 +6995,71 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
|
|
|
6761
6995
|
}, styles: ["@layer design-system{:host{border:var(--gds-borderWidth-md) solid;border-color:var(--gds-palette-border-primary);color:var(--gds-palette-text-primary-primary)}:host:hover,:host:checked{border-color:var(--gds-palette-border-selected);background-color:var(--gds-palette-background-hover)}:host[invalid=true],:host:disabled{border-color:inherit;color:inherit;background-color:inherit}:host[invalid=true]:hover,:host[invalid=true]:checked{background-color:var(--gds-palette-helper-error-default)}:host:focus-visible{outline:var(--gds-borderWidth-lg) solid var(--gds-palette-border-dark);outline-offset:2px}:host:before{display:block;content:attr(data-label);padding:var(--gds-spacing-2xs)}}\n"] }]
|
|
6762
6996
|
}] });
|
|
6763
6997
|
|
|
6998
|
+
class GdsSelectMobileDialogComponent extends GdsDialogBaseDirective {
|
|
6999
|
+
#data = this.config.data;
|
|
7000
|
+
items = this.#data.items;
|
|
7001
|
+
bindValue = this.#data.bindValue;
|
|
7002
|
+
bindLabel = this.#data.bindLabel;
|
|
7003
|
+
dialogTitle = this.#data.dialogTitle;
|
|
7004
|
+
applyLabel = this.#data.applyLabel;
|
|
7005
|
+
emptyText = this.#data.emptyText;
|
|
7006
|
+
backAriaLabel = this.#data.backAriaLabel;
|
|
7007
|
+
searchable = this.#data.searchable;
|
|
7008
|
+
searchPlaceholder = this.#data.searchPlaceholder;
|
|
7009
|
+
searchText = signal('', /* @ts-ignore */
|
|
7010
|
+
...(ngDevMode ? [{ debugName: "searchText" }] : /* istanbul ignore next */ []));
|
|
7011
|
+
#draftValue = signal(this.#data.value, /* @ts-ignore */
|
|
7012
|
+
...(ngDevMode ? [{ debugName: "#draftValue" }] : /* istanbul ignore next */ []));
|
|
7013
|
+
displayedItems = computed(() => {
|
|
7014
|
+
const query = this.searchText().trim().toLowerCase();
|
|
7015
|
+
if (!query) {
|
|
7016
|
+
return this.items;
|
|
7017
|
+
}
|
|
7018
|
+
return this.items.filter((item) => this.itemLabel(item).toLowerCase().includes(query));
|
|
7019
|
+
}, /* @ts-ignore */
|
|
7020
|
+
...(ngDevMode ? [{ debugName: "displayedItems" }] : /* istanbul ignore next */ []));
|
|
7021
|
+
hasValidDraft = computed(() => this.#draftValue() !== undefined && this.#draftValue() !== null, /* @ts-ignore */
|
|
7022
|
+
...(ngDevMode ? [{ debugName: "hasValidDraft" }] : /* istanbul ignore next */ []));
|
|
7023
|
+
onSearch = (event) => {
|
|
7024
|
+
this.searchText.set(event.target.value);
|
|
7025
|
+
};
|
|
7026
|
+
onItemClick = (item) => {
|
|
7027
|
+
this.#draftValue.set(this.itemValue(item));
|
|
7028
|
+
};
|
|
7029
|
+
onBack = () => {
|
|
7030
|
+
this.hide(undefined);
|
|
7031
|
+
};
|
|
7032
|
+
onApply = () => {
|
|
7033
|
+
this.hide(this.#draftValue());
|
|
7034
|
+
};
|
|
7035
|
+
onDismiss = () => {
|
|
7036
|
+
this.hide(undefined);
|
|
7037
|
+
};
|
|
7038
|
+
isSelected = (item) => String(this.itemValue(item)) === String(this.#draftValue());
|
|
7039
|
+
itemLabel = (item) => String(item[this.bindLabel]);
|
|
7040
|
+
itemValue = (item) => item[this.bindValue];
|
|
7041
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: GdsSelectMobileDialogComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
7042
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: GdsSelectMobileDialogComponent, isStandalone: true, selector: "gds-select-mobile-dialog", usesInheritance: true, ngImport: i0, template: "<dialog\n gds-dialog\n type=\"drawer-bottom\"\n background=\"white\"\n suppressDismissBtn\n class=\"mobile-dialog\"\n (canceled)=\"onDismiss()\"\n>\n <ng-template #layoutTmpl>\n <div\n class=\"\n gds-display-flex\n gds-flex-column\n gds-gap-sm\n gds-min-height-0\n gds-padding-sm\n gds-width-100-parent\n layout\n \"\n >\n <header class=\"\n gds-align-items-center\n gds-display-grid\n mobile-dialog-header\n \">\n <button\n gds-icon-button\n variant=\"invisible\"\n class=\"mobile-dialog-back\"\n (clicked)=\"onBack()\"\n [attr.aria-label]=\"backAriaLabel\"\n >\n <gds-icon\n key=\"line-chevron-left-stroke\"\n class=\"\n gds-icon-primary\n gds-icon-size-2xs\n gds-mobile-icon-size-sm\n \"\n />\n </button>\n <span\n class=\"\n gds-min-width-0\n gds-text-align-center\n gds-text-body-large\n gds-text-primary\n gds-truncate\n mobile-dialog-title\n \"\n >\n {{ dialogTitle }}\n </span>\n <button\n gds-button\n class=\"\n gds-background-secondary\n gds-radius-pill\n mobile-dialog-apply\n \"\n [disabled]=\"!hasValidDraft()\"\n (clicked)=\"onApply()\"\n >\n {{ applyLabel }}\n </button>\n </header>\n\n @if (searchable) {\n <gds-text-input\n class=\"\n gds-gap-xs\n search\n \"\n (click)=\"$event.stopPropagation()\"\n >\n <gds-icon\n leading-visual\n key=\"line-search\"\n class=\"\n gds-icon-secondary\n gds-icon-size-2xs\n \"\n />\n <input\n type=\"text\"\n class=\"\n gds-background-none\n gds-border-none\n gds-flex-1\n gds-min-width-0\n gds-outline-none\n gds-text-body\n \"\n [placeholder]=\"searchPlaceholder\"\n [value]=\"searchText()\"\n (input)=\"onSearch($event)\"\n />\n </gds-text-input>\n }\n\n <div class=\"\n gds-flex-grow-1\n gds-min-height-0\n gds-scrollable-vertically\n \">\n <div class=\"\n gds-display-flex\n gds-flex-column\n gds-gap-3xs\n \">\n @for (item of displayedItems(); track itemValue(item)) {\n <div\n class=\"\n gds-align-items-center\n gds-display-flex\n gds-padding-block-2xs\n gds-padding-inline-sm\n gds-position-relative\n gds-radius-sm\n gds-text-body\n gds-text-primary\n item\n \"\n [ngClass]=\"{ active: isSelected(item) }\"\n role=\"button\"\n tabindex=\"-1\"\n (click)=\"onItemClick(item)\"\n (keydown.enter)=\"onItemClick(item)\"\n >\n {{ itemLabel(item) }}\n </div>\n } @empty {\n <div class=\"\n gds-padding-block-2xs\n gds-padding-inline-sm\n gds-text-body\n gds-text-secondary\n \">\n {{ emptyText }}\n </div>\n }\n </div>\n </div>\n </div>\n </ng-template>\n</dialog>\n", styles: ["@layer design-system{:host .search{--gds-form-control-cursor: text;--gds-form-control-hover-color: var(--gds-palette-background-white);box-sizing:border-box}:host .item{cursor:pointer;--wrapper-margin-inline: 0px;--wrapper-margin-block: 2px}:host .item.active:before{content:\"\";position:absolute;border-radius:var(--gds-borderRadius-sm);width:calc(100% - 2 * var(--wrapper-margin-inline, var(--wrapper-margin, 0px)));height:calc(100% - 2 * var(--wrapper-margin-block, var(--wrapper-margin, 0px)));top:var(--wrapper-margin-block, var(--wrapper-margin, 0px));left:var(--wrapper-margin-inline, var(--wrapper-margin, 0px));background:var(--gds-palette-background-hover);pointer-events:none}:host .item:focus-visible{outline:none}:host .mobile-dialog{height:calc(100dvh - 12px);max-height:calc(100dvh - 12px)}:host .mobile-dialog[open]{display:flex;flex-direction:column}:host .layout{flex:1;min-height:0}:host .mobile-dialog-header{grid-template-columns:1fr auto 1fr}:host .mobile-dialog-title{grid-column:2}:host .mobile-dialog-apply{justify-self:end}}\n"], dependencies: [{ kind: "component", type: GdsButtonComponent, selector: "button[gds-button]" }, { kind: "component", type: GdsDialogComponent, selector: "dialog[gds-dialog]", inputs: ["type", "background", "headerLabelAlignment", "showFooterBorder", "closeOnBackdropClick", "suppressDismissBtn"], outputs: ["closed", "canceled"] }, { kind: "component", type: GdsTextInputComponent, selector: "gds-text-input", inputs: ["clearable", "clearableAlwaysVisible"], outputs: ["cleared"] }, { kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "component", type: GdsIconButtonComponent, selector: "button[gds-icon-button]", inputs: ["tooltipLabel"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: GdsNativeInputDirective, selector: "input" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
7043
|
+
}
|
|
7044
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: GdsSelectMobileDialogComponent, decorators: [{
|
|
7045
|
+
type: Component,
|
|
7046
|
+
args: [{ selector: 'gds-select-mobile-dialog', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
7047
|
+
GdsButtonComponent,
|
|
7048
|
+
GdsDialogComponent,
|
|
7049
|
+
GdsTextInputComponent,
|
|
7050
|
+
GdsIconComponent,
|
|
7051
|
+
GdsIconButtonComponent,
|
|
7052
|
+
NgClass,
|
|
7053
|
+
GdsNativeInputDirective
|
|
7054
|
+
], template: "<dialog\n gds-dialog\n type=\"drawer-bottom\"\n background=\"white\"\n suppressDismissBtn\n class=\"mobile-dialog\"\n (canceled)=\"onDismiss()\"\n>\n <ng-template #layoutTmpl>\n <div\n class=\"\n gds-display-flex\n gds-flex-column\n gds-gap-sm\n gds-min-height-0\n gds-padding-sm\n gds-width-100-parent\n layout\n \"\n >\n <header class=\"\n gds-align-items-center\n gds-display-grid\n mobile-dialog-header\n \">\n <button\n gds-icon-button\n variant=\"invisible\"\n class=\"mobile-dialog-back\"\n (clicked)=\"onBack()\"\n [attr.aria-label]=\"backAriaLabel\"\n >\n <gds-icon\n key=\"line-chevron-left-stroke\"\n class=\"\n gds-icon-primary\n gds-icon-size-2xs\n gds-mobile-icon-size-sm\n \"\n />\n </button>\n <span\n class=\"\n gds-min-width-0\n gds-text-align-center\n gds-text-body-large\n gds-text-primary\n gds-truncate\n mobile-dialog-title\n \"\n >\n {{ dialogTitle }}\n </span>\n <button\n gds-button\n class=\"\n gds-background-secondary\n gds-radius-pill\n mobile-dialog-apply\n \"\n [disabled]=\"!hasValidDraft()\"\n (clicked)=\"onApply()\"\n >\n {{ applyLabel }}\n </button>\n </header>\n\n @if (searchable) {\n <gds-text-input\n class=\"\n gds-gap-xs\n search\n \"\n (click)=\"$event.stopPropagation()\"\n >\n <gds-icon\n leading-visual\n key=\"line-search\"\n class=\"\n gds-icon-secondary\n gds-icon-size-2xs\n \"\n />\n <input\n type=\"text\"\n class=\"\n gds-background-none\n gds-border-none\n gds-flex-1\n gds-min-width-0\n gds-outline-none\n gds-text-body\n \"\n [placeholder]=\"searchPlaceholder\"\n [value]=\"searchText()\"\n (input)=\"onSearch($event)\"\n />\n </gds-text-input>\n }\n\n <div class=\"\n gds-flex-grow-1\n gds-min-height-0\n gds-scrollable-vertically\n \">\n <div class=\"\n gds-display-flex\n gds-flex-column\n gds-gap-3xs\n \">\n @for (item of displayedItems(); track itemValue(item)) {\n <div\n class=\"\n gds-align-items-center\n gds-display-flex\n gds-padding-block-2xs\n gds-padding-inline-sm\n gds-position-relative\n gds-radius-sm\n gds-text-body\n gds-text-primary\n item\n \"\n [ngClass]=\"{ active: isSelected(item) }\"\n role=\"button\"\n tabindex=\"-1\"\n (click)=\"onItemClick(item)\"\n (keydown.enter)=\"onItemClick(item)\"\n >\n {{ itemLabel(item) }}\n </div>\n } @empty {\n <div class=\"\n gds-padding-block-2xs\n gds-padding-inline-sm\n gds-text-body\n gds-text-secondary\n \">\n {{ emptyText }}\n </div>\n }\n </div>\n </div>\n </div>\n </ng-template>\n</dialog>\n", styles: ["@layer design-system{:host .search{--gds-form-control-cursor: text;--gds-form-control-hover-color: var(--gds-palette-background-white);box-sizing:border-box}:host .item{cursor:pointer;--wrapper-margin-inline: 0px;--wrapper-margin-block: 2px}:host .item.active:before{content:\"\";position:absolute;border-radius:var(--gds-borderRadius-sm);width:calc(100% - 2 * var(--wrapper-margin-inline, var(--wrapper-margin, 0px)));height:calc(100% - 2 * var(--wrapper-margin-block, var(--wrapper-margin, 0px)));top:var(--wrapper-margin-block, var(--wrapper-margin, 0px));left:var(--wrapper-margin-inline, var(--wrapper-margin, 0px));background:var(--gds-palette-background-hover);pointer-events:none}:host .item:focus-visible{outline:none}:host .mobile-dialog{height:calc(100dvh - 12px);max-height:calc(100dvh - 12px)}:host .mobile-dialog[open]{display:flex;flex-direction:column}:host .layout{flex:1;min-height:0}:host .mobile-dialog-header{grid-template-columns:1fr auto 1fr}:host .mobile-dialog-title{grid-column:2}:host .mobile-dialog-apply{justify-self:end}}\n"] }]
|
|
7055
|
+
}] });
|
|
7056
|
+
|
|
6764
7057
|
class GdsSelectComponent extends GdsSignalFormControl {
|
|
6765
7058
|
#injector = inject(Injector);
|
|
7059
|
+
#destroyRef = inject(DestroyRef);
|
|
7060
|
+
#dialogSvc = inject(GdsDialogService);
|
|
7061
|
+
#deviceDetectorSvc = inject(DeviceDetectorSignalService);
|
|
7062
|
+
#formField = inject(FormField, { self: true, optional: true });
|
|
6766
7063
|
clearable = input(false, { ...(ngDevMode ? { debugName: "clearable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
6767
7064
|
searchable = input(false, { ...(ngDevMode ? { debugName: "searchable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
6768
7065
|
appendTo = input('', /* @ts-ignore */
|
|
@@ -6775,6 +7072,15 @@ class GdsSelectComponent extends GdsSignalFormControl {
|
|
|
6775
7072
|
autofocus = input(false, { ...(ngDevMode ? { debugName: "autofocus" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
6776
7073
|
multiple = input(false, { ...(ngDevMode ? { debugName: "multiple" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
6777
7074
|
hideChevron = input(false, { ...(ngDevMode ? { debugName: "hideChevron" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
7075
|
+
preventMobileDialog = input(true, { ...(ngDevMode ? { debugName: "preventMobileDialog" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
7076
|
+
dialogTitle = input('', /* @ts-ignore */
|
|
7077
|
+
...(ngDevMode ? [{ debugName: "dialogTitle" }] : /* istanbul ignore next */ []));
|
|
7078
|
+
applyLabel = input('Apply', /* @ts-ignore */
|
|
7079
|
+
...(ngDevMode ? [{ debugName: "applyLabel" }] : /* istanbul ignore next */ []));
|
|
7080
|
+
searchPlaceholder = input('Search...', /* @ts-ignore */
|
|
7081
|
+
...(ngDevMode ? [{ debugName: "searchPlaceholder" }] : /* istanbul ignore next */ []));
|
|
7082
|
+
backAriaLabel = input('Go back', /* @ts-ignore */
|
|
7083
|
+
...(ngDevMode ? [{ debugName: "backAriaLabel" }] : /* istanbul ignore next */ []));
|
|
6778
7084
|
width = input('default', /* @ts-ignore */
|
|
6779
7085
|
...(ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []));
|
|
6780
7086
|
id = input('', /* @ts-ignore */
|
|
@@ -6820,6 +7126,11 @@ class GdsSelectComponent extends GdsSignalFormControl {
|
|
|
6820
7126
|
...(ngDevMode ? [{ debugName: "searchText" }] : /* istanbul ignore next */ []));
|
|
6821
7127
|
markedIndex = signal(-1, /* @ts-ignore */
|
|
6822
7128
|
...(ngDevMode ? [{ debugName: "markedIndex" }] : /* istanbul ignore next */ []));
|
|
7129
|
+
#isMobileDialogOpen = signal(false, /* @ts-ignore */
|
|
7130
|
+
...(ngDevMode ? [{ debugName: "#isMobileDialogOpen" }] : /* istanbul ignore next */ []));
|
|
7131
|
+
#suppressOpenOnFocus = false;
|
|
7132
|
+
#shouldUseMobileDialog = computed(() => this.#deviceDetectorSvc.isMobile() && !this.preventMobileDialog() && !this.multiple(), /* @ts-ignore */
|
|
7133
|
+
...(ngDevMode ? [{ debugName: "#shouldUseMobileDialog" }] : /* istanbul ignore next */ []));
|
|
6823
7134
|
onKeyDown = (event) => {
|
|
6824
7135
|
if (event.code === 'Tab' && !event.shiftKey) {
|
|
6825
7136
|
if (event.target === this.ref().searchInput().nativeElement) {
|
|
@@ -6851,6 +7162,13 @@ class GdsSelectComponent extends GdsSignalFormControl {
|
|
|
6851
7162
|
}
|
|
6852
7163
|
#setupEventListeners = effect(() => {
|
|
6853
7164
|
this.ref().onInputFocus = () => {
|
|
7165
|
+
if (this.#suppressOpenOnFocus) {
|
|
7166
|
+
return;
|
|
7167
|
+
}
|
|
7168
|
+
if (this.#shouldUseMobileDialog()) {
|
|
7169
|
+
this.openMobileDialog();
|
|
7170
|
+
return;
|
|
7171
|
+
}
|
|
6854
7172
|
setTimeout(() => this.ref().open());
|
|
6855
7173
|
};
|
|
6856
7174
|
this.ref().onInputBlur = () => {
|
|
@@ -6888,17 +7206,63 @@ class GdsSelectComponent extends GdsSignalFormControl {
|
|
|
6888
7206
|
return this.ref().dropdownPanel()?.scrollElementRef();
|
|
6889
7207
|
}
|
|
6890
7208
|
handleClosed = () => {
|
|
7209
|
+
if (this.#shouldUseMobileDialog()) {
|
|
7210
|
+
return;
|
|
7211
|
+
}
|
|
6891
7212
|
// remove the event listener to prevent memory leaks
|
|
6892
|
-
this.dropdownPanelScroll
|
|
7213
|
+
this.dropdownPanelScroll?.nativeElement.removeEventListener('mouseover', this.hideMarkedItem.bind(this));
|
|
6893
7214
|
this.closed.emit();
|
|
6894
7215
|
};
|
|
6895
7216
|
handleOpened = () => {
|
|
7217
|
+
if (this.#shouldUseMobileDialog()) {
|
|
7218
|
+
this.ref().close();
|
|
7219
|
+
this.openMobileDialog();
|
|
7220
|
+
return;
|
|
7221
|
+
}
|
|
6896
7222
|
setTimeout(() => {
|
|
6897
7223
|
// add a mousemove listener to the panel to hide the marked item if the user hovers with a mouse
|
|
6898
7224
|
this.dropdownPanelScroll.nativeElement.addEventListener('mouseover', this.hideMarkedItem.bind(this));
|
|
6899
7225
|
}, 0);
|
|
6900
7226
|
this.opened.emit();
|
|
6901
7227
|
};
|
|
7228
|
+
openMobileDialog = () => {
|
|
7229
|
+
if (this.disabled() || !this.#shouldUseMobileDialog() || this.#isMobileDialogOpen()) {
|
|
7230
|
+
return;
|
|
7231
|
+
}
|
|
7232
|
+
this.#formField?.state().reset();
|
|
7233
|
+
this.#isMobileDialogOpen.set(true);
|
|
7234
|
+
this.opened.emit();
|
|
7235
|
+
this.#dialogSvc
|
|
7236
|
+
.open(GdsSelectMobileDialogComponent, {
|
|
7237
|
+
items: this.items(),
|
|
7238
|
+
bindValue: this.bindValue(),
|
|
7239
|
+
bindLabel: this.bindLabel(),
|
|
7240
|
+
value: this.value(),
|
|
7241
|
+
dialogTitle: this.dialogTitle() || this.placeholder(),
|
|
7242
|
+
applyLabel: this.applyLabel(),
|
|
7243
|
+
emptyText: this.emptyText(),
|
|
7244
|
+
backAriaLabel: this.backAriaLabel(),
|
|
7245
|
+
searchable: this.searchable(),
|
|
7246
|
+
searchPlaceholder: this.searchPlaceholder()
|
|
7247
|
+
})
|
|
7248
|
+
.pipe(take(1), takeUntilDestroyed(this.#destroyRef))
|
|
7249
|
+
.subscribe((value) => this.#onMobileResult(value));
|
|
7250
|
+
};
|
|
7251
|
+
#onMobileResult = (value) => {
|
|
7252
|
+
if (value !== undefined) {
|
|
7253
|
+
this.setValue(value);
|
|
7254
|
+
this.changed.emit(value);
|
|
7255
|
+
this.touched.set(true);
|
|
7256
|
+
}
|
|
7257
|
+
this.#isMobileDialogOpen.set(false);
|
|
7258
|
+
this.#formField?.state().markAsTouched();
|
|
7259
|
+
this.#suppressOpenOnFocus = true;
|
|
7260
|
+
this.ref().focus();
|
|
7261
|
+
setTimeout(() => {
|
|
7262
|
+
this.#suppressOpenOnFocus = false;
|
|
7263
|
+
});
|
|
7264
|
+
this.closed.emit();
|
|
7265
|
+
};
|
|
6902
7266
|
unmarkItem = () => {
|
|
6903
7267
|
this.ref().itemsList.unmarkItem();
|
|
6904
7268
|
};
|
|
@@ -6906,7 +7270,7 @@ class GdsSelectComponent extends GdsSignalFormControl {
|
|
|
6906
7270
|
this.ref().handleClearClick();
|
|
6907
7271
|
};
|
|
6908
7272
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: GdsSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
6909
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: GdsSelectComponent, isStandalone: true, selector: "gds-select", inputs: { clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: true, isRequired: false, transformFunction: null }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, loadingText: { classPropertyName: "loadingText", publicName: "loadingText", isSignal: true, isRequired: false, transformFunction: null }, clearAriaLabel: { classPropertyName: "clearAriaLabel", publicName: "clearAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, autofocus: { classPropertyName: "autofocus", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, hideChevron: { classPropertyName: "hideChevron", publicName: "hideChevron", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, emptyText: { classPropertyName: "emptyText", publicName: "emptyText", isSignal: true, isRequired: false, transformFunction: null }, dropdownPosition: { classPropertyName: "dropdownPosition", publicName: "dropdownPosition", isSignal: true, isRequired: false, transformFunction: null }, bindValue: { classPropertyName: "bindValue", publicName: "bindValue", isSignal: true, isRequired: false, transformFunction: null }, bindLabel: { classPropertyName: "bindLabel", publicName: "bindLabel", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { changed: "changed", searched: "searched", blurred: "blurred", cleared: "cleared", closed: "closed", opened: "opened", bindValue: "bindValueChange", bindLabel: "bindLabelChange", value: "valueChange", items: "itemsChange" }, host: { listeners: { "keydown": "setMarkedItemIndex()" } }, queries: [{ propertyName: "multiLabelTmpl", first: true, predicate: ["multiLabelTmpl"], descendants: true, isSignal: true }, { propertyName: "labelTmpl", first: true, predicate: ["labelTmpl"], descendants: true, isSignal: true }, { propertyName: "optionTmpl", first: true, predicate: ["optionTmpl"], descendants: true, isSignal: true }, { propertyName: "footerTmpl", first: true, predicate: ["footerTmpl"], descendants: true, isSignal: true }, { propertyName: "clearBtnTmpl", first: true, predicate: ["clearBtnTmpl"], descendants: true, isSignal: true }, { propertyName: "placeholderTmpl", first: true, predicate: ["placeholderTmpl"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "ref", first: true, predicate: NgSelectComponent, descendants: true, isSignal: true }, { propertyName: "clearButton", first: true, predicate: ["clearButton"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-select\n class=\"\n gds-mobile-text-input-mobile\n gds-text-input\n \"\n [ngClass]=\"{ 'ng-select-hide-chevron': hideChevron() }\"\n [dropdownPosition]=\"dropdownPosition()\"\n [notFoundText]=\"emptyText()\"\n [bindValue]=\"bindValue()\"\n [bindLabel]=\"bindLabel()\"\n [multiple]=\"multiple()\"\n [closeOnSelect]=\"!multiple()\"\n [disabled]=\"disabled()\"\n [items]=\"items()\"\n [ngModel]=\"value()\"\n [loading]=\"loading()\"\n [loadingText]=\"loadingText()\"\n [searchable]=\"searchable()\"\n [clearable]=\"clearable()\"\n [virtualScroll]=\"virtualScroll()\"\n [searchFn]=\"itemShouldDisplay\"\n [appendTo]=\"appendTo()\"\n [keyDownFn]=\"onKeyDown\"\n [labelForId]=\"id()\"\n (ngModelChange)=\"setValue($event)\"\n (change)=\"onHandleChange($event)\"\n (search)=\"onSearchChange($event)\"\n (clear)=\"cleared.emit()\"\n (open)=\"handleOpened()\"\n (close)=\"handleClosed()\"\n>\n <ng-template\n ng-label-tmp\n let-item=\"item\"\n >\n <ng-container *ngTemplateOutlet=\"labelTmpl() ?? defaultLabelTmpl; context: { item }\" />\n </ng-template>\n\n @if (!value()) {\n <ng-template ng-placeholder-tmp>\n <ng-container *ngTemplateOutlet=\"placeholderTmpl() ?? defaultPlaceholderTmpl\" />\n </ng-template>\n }\n\n <ng-template\n ng-multi-label-tmp\n let-items=\"items\"\n >\n <ng-container *ngTemplateOutlet=\"multiLabelTmpl() ?? defaultMultiLabelTmpl; context: { items }\" />\n </ng-template>\n\n <ng-template\n ng-option-tmp\n let-option=\"item\"\n let-selected=\"item$.selected\"\n let-index=\"index\"\n >\n @if (multiple()) {\n <input\n type=\"checkbox\"\n class=\"\n gds-margin-block-auto\n gds-margin-inline-3xs\n \"\n gds-checkbox\n [checked]=\"selected\"\n (mousedown)=\"onCheckboxChanged($event)\"\n />\n }\n <ng-container\n *ngTemplateOutlet=\"optionTmpl() ?? defaultOptionTmpl; context: { option, marked: markedIndex() === index }\"\n />\n </ng-template>\n\n @if (footerTmpl(); as footerTmpl) {\n <ng-template ng-footer-tmp>\n <div\n class=\"\n gds-height-100-parent\n gds-width-100-parent\n \"\n (mouseenter)=\"unmarkItem()\"\n >\n <ng-container *ngTemplateOutlet=\"footerTmpl\" />\n </div>\n </ng-template>\n }\n\n <ng-template ng-clearbutton-tmp>\n <span class=\"ng-clear-wrapper\">\n <ng-container *ngTemplateOutlet=\"clearBtnTmpl() ?? defaultClearBtnTmpl\" />\n </span>\n </ng-template>\n</ng-select>\n\n<ng-template\n #defaultLabelTmpl\n let-item=\"item\"\n>\n @if (value !== undefined) {\n <gds-tooltip\n onlyTextOverflow\n [tooltip]=\"item[bindLabel()]\"\n >\n {{ item[bindLabel()] }}\n </gds-tooltip>\n }\n</ng-template>\n\n<ng-template\n #defaultMultiLabelTmpl\n let-items=\"items\"\n>\n <div class=\"\n gds-align-items-center\n gds-display-inline-flex\n gds-gap-2xs\n gds-select--multi-selected-content\n \">\n <gds-tooltip\n onlyOnTextOverflow\n [tooltip]=\"items[0][bindLabel()]\"\n >\n {{ items[0][bindLabel()] }}\n </gds-tooltip>\n @if (items.length > 1) {\n <span gds-badge>+{{ items.length - 1 }}</span>\n }\n </div>\n</ng-template>\n\n<ng-template\n #defaultOptionTmpl\n let-option=\"option\"\n let-active=\"marked\"\n>\n <gds-tooltip\n class=\"option\"\n onlyTextOverflow\n [tooltip]=\"option[bindLabel()]\"\n [open]=\"active\"\n >\n {{ option[bindLabel()] }}\n </gds-tooltip>\n</ng-template>\n\n<ng-template #defaultPlaceholderTmpl>\n <span class=\"ng-placeholder\">{{ placeholder() }}</span>\n</ng-template>\n\n<ng-template #defaultClearBtnTmpl>\n <button\n #clearButton\n gds-icon-button\n class=\"gds-background-none\"\n [attr.aria-label]=\"clearAriaLabel()\"\n (click)=\"onClearClicked()\"\n (keydown.enter)=\"onClearClicked()\"\n >\n <gds-icon\n class=\"\n gds-icon-primary\n gds-icon-size-3xs\n \"\n key=\"line-dismiss\"\n />\n </button>\n</ng-template>\n", styles: ["@layer design-system{:host{--gds-form-control-cursor: pointer;--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host{--arrow-url: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.25 5.75L8 10.25L12.75 5.75' stroke='%231E365E' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\")}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--arrow-url: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.25 5.75L8 10.25L12.75 5.75' stroke='%23cd2127' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\")}:host[disabled],:host:has(*:disabled,*[disabled=true]){--arrow-url: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.25 5.75L8 10.25L12.75 5.75' stroke='%23b2b2b2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\");--cursor: not-allowed}:host ng-select.ng-select-clearable,:host ng-select.ng-select-hide-chevron{--arrow-display: none}:host ng-select.ng-select-opened{--arrow-url: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.75 10.25L8 5.75L3.25 10.25' stroke='%231E365E' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\")}:host ng-select.ng-select-multiple ::ng-deep .ng-value-container{gap:var(--gds-spacing-2xs);flex-wrap:nowrap!important}:host ng-select.ng-select-multiple ::ng-deep .ng-value-container .ng-input{padding-left:0}:host ng-select ::ng-deep .ng-select-container{background-color:var(--background-color);border:.5px solid var(--border-color);color:var(--text-color);cursor:var(--cursor)!important}:host ng-select ::ng-deep .ng-select-container ::ng-deep input:focus,:host ng-select ::ng-deep .ng-select-container ::ng-deep textarea:focus{outline:none}:host ng-select ::ng-deep .ng-select-container:focus-within,:host ng-select ::ng-deep .ng-select-container.is-controlled{isolation:isolate;position:relative}:host ng-select ::ng-deep .ng-select-container:focus-within:before,:host ng-select ::ng-deep .ng-select-container.is-controlled:before{z-index:-1;content:\"\";position:absolute;inset:0;border-bottom:var(--gds-borderWidth-lg) solid var(--active-color);border-radius:var(--gds-borderRadius-xs)}:host ng-select ::ng-deep .ng-select-container{min-height:var(--gds-size-md-rem)}:is(body[isMobile=true]) :host ng-select ::ng-deep .ng-select-container{min-height:var(--gds-size-lg-rem)}:host ng-select ::ng-deep .ng-select-container:hover{background-color:var(--hover-color)}:host ng-select ::ng-deep .ng-select-container[disabled]::ng-deep svg-icon,:host ng-select ::ng-deep .ng-select-container:has(*:disabled,*[disabled=true])::ng-deep svg-icon{color:var(--disabled-text-color)}:host ng-select ::ng-deep .ng-select-container[invalid][touched]:not(:focus-within,.is-controlled)::ng-deep svg-icon,:host ng-select ::ng-deep .ng-select-container:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled)::ng-deep svg-icon{color:var(--invalid-color)}:host ng-select ::ng-deep .ng-select-container ::ng-deep *::placeholder{color:var(--placeholder-color)}:host ng-select ::ng-deep .ng-select-container{border-radius:var(--gds-borderRadius-sm);padding-block:var(--gds-spacing-3xs);padding-inline:var(--gds-spacing-xs);gap:var(--gds-spacing-2xs)}:is(body[isMobile=true]) :host ng-select ::ng-deep .ng-select-container{padding-block:0}:host ng-select ::ng-deep .ng-has-value .ng-arrow-wrapper{display:var(--arrow-display);cursor:var(--cursor)}:host ng-select ::ng-deep .ng-arrow-wrapper,:host ng-select ::ng-deep .ng-clear-wrapper{width:var(--gds-size-sm-rem);height:var(--gds-size-sm-rem);display:flex;align-items:center;justify-content:center}:host ng-select ::ng-deep .ng-arrow-wrapper .ng-arrow,:host ng-select ::ng-deep .ng-clear-wrapper .ng-arrow{width:var(--gds-size-sm-rem)!important;height:var(--gds-size-sm-rem)!important;background-image:var(--arrow-url)}:host ng-select ::ng-deep .ng-arrow-wrapper .ng-clear,:host ng-select ::ng-deep .ng-clear-wrapper .ng-clear{font-size:var(--gds-fontSize-bodyLarge)}:host ng-select ::ng-deep .ng-option{display:flex!important;gap:var(--gds-spacing-3xs);padding:11px var(--gds-spacing-sm);border-radius:var(--gds-borderRadius-sm);color:var(--text-color);position:relative}:host ng-select ::ng-deep .ng-option.ng-option-marked:before{content:\"\";position:absolute;border-radius:var(--gds-borderRadius-sm);width:calc(100% - 2 * var(--wrapper-margin-inline, var(--wrapper-margin, 0px)));height:calc(100% - 2 * var(--wrapper-margin-block, var(--wrapper-margin, 0px)));top:var(--wrapper-margin-block, var(--wrapper-margin, 0px));left:var(--wrapper-margin-inline, var(--wrapper-margin, 0px));background:var(--gds-palette-background-hover);pointer-events:none;--wrapper-margin-inline: 5px;--wrapper-margin-block: 4px;z-index:-1}:host ng-select ::ng-deep .ng-value-container{overflow:hidden!important;align-items:center;height:var(--gds-primitive-lineHeight-250)}:host ng-select ::ng-deep .ng-value-container .ng-value{height:fit-content}:host ng-select ::ng-deep .ng-placeholder{color:var(--placeholder-color);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;min-width:0}:host ng-select ::ng-deep .ng-option-disabled{cursor:default!important}:host ng-select ::ng-deep .ng-spinner-loader{border-left-color:var(--gds-palette-text-primary-primary)!important}.gds-select--multi-selected-content{color:var(--gds-palette-text-default-primary);font:var(--gds-text-body-shorthand);min-width:0}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NgSelectComponent, selector: "ng-select", inputs: ["ariaLabelDropdown", "ariaLabel", "markFirst", "placeholder", "fixedPlaceholder", "notFoundText", "typeToSearchText", "preventToggleOnRightClick", "addTagText", "loadingText", "clearAllText", "removeText", "dropdownPosition", "appendTo", "outsideClickEvent", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "tabFocusOnClearButton", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "ngClass", "typeahead", "multiple", "addTag", "searchable", "clearable", "clearKeepsDisabledOptions", "deselectOnClick", "clearSearchOnAdd", "compareWith", "keyDownFn", "popover", "bindLabel", "bindValue", "appearance", "isOpen", "items"], outputs: ["bindLabelChange", "bindValueChange", "appearanceChange", "isOpenChange", "itemsChange", "blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"], exportAs: ["ngSelect"] }, { kind: "directive", type: NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { kind: "directive", type: NgMultiLabelTemplateDirective, selector: "[ng-multi-label-tmp]" }, { kind: "directive", type: NgFooterTemplateDirective, selector: "[ng-footer-tmp]" }, { kind: "directive", type: NgClearButtonTemplateDirective, selector: "[ng-clearbutton-tmp]" }, { kind: "directive", type: NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: NgPlaceholderTemplateDirective, selector: "[ng-placeholder-tmp]" }, { kind: "component", type: GdsCheckboxComponent, selector: "input[type=\"checkbox\"][gds-checkbox]", inputs: ["checked", "touched", "disabled", "readonly", "hidden", "invalid", "tabindex"], outputs: ["checkedChange", "touchedChange", "tabindexChange"] }, { kind: "component", type: GdsBadgeComponent, selector: "span[gds-badge]", inputs: ["icon", "tooltip", "tooltipInteractive"] }, { kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "component", type: GdsTooltipComponent, selector: "gds-tooltip", inputs: ["tooltip", "onlyTextOverflow", "disabled", "tooltipPlacement", "tooltipInteractive", "useHostWidth", "open", "maxWidth", "appendTo", "lineClamp", "tooltipOffset"] }, { kind: "component", type: GdsIconButtonComponent, selector: "button[gds-icon-button]", inputs: ["tooltipLabel"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
7273
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: GdsSelectComponent, isStandalone: true, selector: "gds-select", inputs: { clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: true, isRequired: false, transformFunction: null }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, loadingText: { classPropertyName: "loadingText", publicName: "loadingText", isSignal: true, isRequired: false, transformFunction: null }, clearAriaLabel: { classPropertyName: "clearAriaLabel", publicName: "clearAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, autofocus: { classPropertyName: "autofocus", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, hideChevron: { classPropertyName: "hideChevron", publicName: "hideChevron", isSignal: true, isRequired: false, transformFunction: null }, preventMobileDialog: { classPropertyName: "preventMobileDialog", publicName: "preventMobileDialog", isSignal: true, isRequired: false, transformFunction: null }, dialogTitle: { classPropertyName: "dialogTitle", publicName: "dialogTitle", isSignal: true, isRequired: false, transformFunction: null }, applyLabel: { classPropertyName: "applyLabel", publicName: "applyLabel", isSignal: true, isRequired: false, transformFunction: null }, searchPlaceholder: { classPropertyName: "searchPlaceholder", publicName: "searchPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, backAriaLabel: { classPropertyName: "backAriaLabel", publicName: "backAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, emptyText: { classPropertyName: "emptyText", publicName: "emptyText", isSignal: true, isRequired: false, transformFunction: null }, dropdownPosition: { classPropertyName: "dropdownPosition", publicName: "dropdownPosition", isSignal: true, isRequired: false, transformFunction: null }, bindValue: { classPropertyName: "bindValue", publicName: "bindValue", isSignal: true, isRequired: false, transformFunction: null }, bindLabel: { classPropertyName: "bindLabel", publicName: "bindLabel", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { changed: "changed", searched: "searched", blurred: "blurred", cleared: "cleared", closed: "closed", opened: "opened", bindValue: "bindValueChange", bindLabel: "bindLabelChange", value: "valueChange", items: "itemsChange" }, host: { listeners: { "keydown": "setMarkedItemIndex()" } }, queries: [{ propertyName: "multiLabelTmpl", first: true, predicate: ["multiLabelTmpl"], descendants: true, isSignal: true }, { propertyName: "labelTmpl", first: true, predicate: ["labelTmpl"], descendants: true, isSignal: true }, { propertyName: "optionTmpl", first: true, predicate: ["optionTmpl"], descendants: true, isSignal: true }, { propertyName: "footerTmpl", first: true, predicate: ["footerTmpl"], descendants: true, isSignal: true }, { propertyName: "clearBtnTmpl", first: true, predicate: ["clearBtnTmpl"], descendants: true, isSignal: true }, { propertyName: "placeholderTmpl", first: true, predicate: ["placeholderTmpl"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "ref", first: true, predicate: NgSelectComponent, descendants: true, isSignal: true }, { propertyName: "clearButton", first: true, predicate: ["clearButton"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-select\n class=\"\n gds-mobile-text-input-mobile\n gds-text-input\n \"\n [ngClass]=\"{ 'ng-select-hide-chevron': hideChevron() }\"\n [dropdownPosition]=\"dropdownPosition()\"\n [notFoundText]=\"emptyText()\"\n [bindValue]=\"bindValue()\"\n [bindLabel]=\"bindLabel()\"\n [multiple]=\"multiple()\"\n [closeOnSelect]=\"!multiple()\"\n [disabled]=\"disabled()\"\n [items]=\"items()\"\n [ngModel]=\"value()\"\n [loading]=\"loading()\"\n [loadingText]=\"loadingText()\"\n [searchable]=\"searchable()\"\n [clearable]=\"clearable()\"\n [virtualScroll]=\"virtualScroll()\"\n [searchFn]=\"itemShouldDisplay\"\n [appendTo]=\"appendTo()\"\n [keyDownFn]=\"onKeyDown\"\n [labelForId]=\"id()\"\n (ngModelChange)=\"setValue($event)\"\n (change)=\"onHandleChange($event)\"\n (search)=\"onSearchChange($event)\"\n (clear)=\"cleared.emit()\"\n (open)=\"handleOpened()\"\n (close)=\"handleClosed()\"\n>\n <ng-template\n ng-label-tmp\n let-item=\"item\"\n >\n <ng-container *ngTemplateOutlet=\"labelTmpl() ?? defaultLabelTmpl; context: { item }\" />\n </ng-template>\n\n @if (!value()) {\n <ng-template ng-placeholder-tmp>\n <ng-container *ngTemplateOutlet=\"placeholderTmpl() ?? defaultPlaceholderTmpl\" />\n </ng-template>\n }\n\n <ng-template\n ng-multi-label-tmp\n let-items=\"items\"\n >\n <ng-container *ngTemplateOutlet=\"multiLabelTmpl() ?? defaultMultiLabelTmpl; context: { items }\" />\n </ng-template>\n\n <ng-template\n ng-option-tmp\n let-option=\"item\"\n let-selected=\"item$.selected\"\n let-index=\"index\"\n >\n @if (multiple()) {\n <input\n type=\"checkbox\"\n class=\"\n gds-margin-block-auto\n gds-margin-inline-3xs\n \"\n gds-checkbox\n [checked]=\"selected\"\n (mousedown)=\"onCheckboxChanged($event)\"\n />\n }\n <ng-container\n *ngTemplateOutlet=\"optionTmpl() ?? defaultOptionTmpl; context: { option, marked: markedIndex() === index }\"\n />\n </ng-template>\n\n @if (footerTmpl(); as footerTmpl) {\n <ng-template ng-footer-tmp>\n <div\n class=\"\n gds-height-100-parent\n gds-width-100-parent\n \"\n (mouseenter)=\"unmarkItem()\"\n >\n <ng-container *ngTemplateOutlet=\"footerTmpl\" />\n </div>\n </ng-template>\n }\n\n <ng-template ng-clearbutton-tmp>\n <span class=\"ng-clear-wrapper\">\n <ng-container *ngTemplateOutlet=\"clearBtnTmpl() ?? defaultClearBtnTmpl\" />\n </span>\n </ng-template>\n</ng-select>\n\n<ng-template\n #defaultLabelTmpl\n let-item=\"item\"\n>\n @if (value !== undefined) {\n <gds-tooltip\n onlyTextOverflow\n [tooltip]=\"item[bindLabel()]\"\n >\n {{ item[bindLabel()] }}\n </gds-tooltip>\n }\n</ng-template>\n\n<ng-template\n #defaultMultiLabelTmpl\n let-items=\"items\"\n>\n <div class=\"\n gds-align-items-center\n gds-display-inline-flex\n gds-gap-2xs\n gds-select--multi-selected-content\n \">\n <gds-tooltip\n onlyOnTextOverflow\n [tooltip]=\"items[0][bindLabel()]\"\n >\n {{ items[0][bindLabel()] }}\n </gds-tooltip>\n @if (items.length > 1) {\n <span gds-badge>+{{ items.length - 1 }}</span>\n }\n </div>\n</ng-template>\n\n<ng-template\n #defaultOptionTmpl\n let-option=\"option\"\n let-active=\"marked\"\n>\n <gds-tooltip\n class=\"option\"\n onlyTextOverflow\n [tooltip]=\"option[bindLabel()]\"\n [open]=\"active\"\n >\n {{ option[bindLabel()] }}\n </gds-tooltip>\n</ng-template>\n\n<ng-template #defaultPlaceholderTmpl>\n <span class=\"ng-placeholder\">{{ placeholder() }}</span>\n</ng-template>\n\n<ng-template #defaultClearBtnTmpl>\n <button\n #clearButton\n gds-icon-button\n class=\"gds-background-none\"\n [attr.aria-label]=\"clearAriaLabel()\"\n (click)=\"onClearClicked()\"\n (keydown.enter)=\"onClearClicked()\"\n >\n <gds-icon\n class=\"\n gds-icon-primary\n gds-icon-size-3xs\n \"\n key=\"line-dismiss\"\n />\n </button>\n</ng-template>\n", styles: ["@layer design-system{:host{--gds-form-control-cursor: pointer;--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host{--arrow-url: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.25 5.75L8 10.25L12.75 5.75' stroke='%231E365E' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\")}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--arrow-url: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.25 5.75L8 10.25L12.75 5.75' stroke='%23cd2127' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\")}:host[disabled],:host:has(*:disabled,*[disabled=true]){--arrow-url: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.25 5.75L8 10.25L12.75 5.75' stroke='%23b2b2b2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\");--cursor: not-allowed}:host ng-select.ng-select-clearable,:host ng-select.ng-select-hide-chevron{--arrow-display: none}:host ng-select.ng-select-opened{--arrow-url: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.75 10.25L8 5.75L3.25 10.25' stroke='%231E365E' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\")}:host ng-select.ng-select-multiple ::ng-deep .ng-value-container{gap:var(--gds-spacing-2xs);flex-wrap:nowrap!important}:host ng-select.ng-select-multiple ::ng-deep .ng-value-container .ng-input{padding-left:0}:host ng-select ::ng-deep .ng-select-container{background-color:var(--background-color);border:.5px solid var(--border-color);color:var(--text-color);cursor:var(--cursor)!important}:host ng-select ::ng-deep .ng-select-container ::ng-deep input:focus,:host ng-select ::ng-deep .ng-select-container ::ng-deep textarea:focus{outline:none}:host ng-select ::ng-deep .ng-select-container:focus-within,:host ng-select ::ng-deep .ng-select-container.is-controlled{isolation:isolate;position:relative}:host ng-select ::ng-deep .ng-select-container:focus-within:before,:host ng-select ::ng-deep .ng-select-container.is-controlled:before{z-index:-1;content:\"\";position:absolute;inset:0;border-bottom:var(--gds-borderWidth-lg) solid var(--active-color);border-radius:var(--gds-borderRadius-xs)}:host ng-select ::ng-deep .ng-select-container{min-height:var(--gds-size-md-rem)}:is(body[isMobile=true]) :host ng-select ::ng-deep .ng-select-container{min-height:var(--gds-size-lg-rem)}:host ng-select ::ng-deep .ng-select-container:hover{background-color:var(--hover-color)}:host ng-select ::ng-deep .ng-select-container[disabled]::ng-deep svg-icon,:host ng-select ::ng-deep .ng-select-container:has(*:disabled,*[disabled=true])::ng-deep svg-icon{color:var(--disabled-text-color)}:host ng-select ::ng-deep .ng-select-container[invalid][touched]:not(:focus-within,.is-controlled)::ng-deep svg-icon,:host ng-select ::ng-deep .ng-select-container:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled)::ng-deep svg-icon{color:var(--invalid-color)}:host ng-select ::ng-deep .ng-select-container ::ng-deep *::placeholder{color:var(--placeholder-color)}:host ng-select ::ng-deep .ng-select-container{border-radius:var(--gds-borderRadius-sm);padding-block:var(--gds-spacing-3xs);padding-inline:var(--gds-spacing-xs);gap:var(--gds-spacing-2xs)}:is(body[isMobile=true]) :host ng-select ::ng-deep .ng-select-container{padding-block:0}:host ng-select ::ng-deep .ng-has-value .ng-arrow-wrapper{display:var(--arrow-display);cursor:var(--cursor)}:host ng-select ::ng-deep .ng-arrow-wrapper,:host ng-select ::ng-deep .ng-clear-wrapper{width:var(--gds-size-sm-rem);height:var(--gds-size-sm-rem);display:flex;align-items:center;justify-content:center}:host ng-select ::ng-deep .ng-arrow-wrapper .ng-arrow,:host ng-select ::ng-deep .ng-clear-wrapper .ng-arrow{width:var(--gds-size-sm-rem)!important;height:var(--gds-size-sm-rem)!important;background-image:var(--arrow-url)}:host ng-select ::ng-deep .ng-arrow-wrapper .ng-clear,:host ng-select ::ng-deep .ng-clear-wrapper .ng-clear{font-size:var(--gds-fontSize-bodyLarge)}:host ng-select ::ng-deep .ng-option{display:flex!important;gap:var(--gds-spacing-3xs);padding:11px var(--gds-spacing-sm);border-radius:var(--gds-borderRadius-sm);color:var(--text-color);position:relative}:host ng-select ::ng-deep .ng-option.ng-option-marked:before{content:\"\";position:absolute;border-radius:var(--gds-borderRadius-sm);width:calc(100% - 2 * var(--wrapper-margin-inline, var(--wrapper-margin, 0px)));height:calc(100% - 2 * var(--wrapper-margin-block, var(--wrapper-margin, 0px)));top:var(--wrapper-margin-block, var(--wrapper-margin, 0px));left:var(--wrapper-margin-inline, var(--wrapper-margin, 0px));background:var(--gds-palette-background-hover);pointer-events:none;--wrapper-margin-inline: 5px;--wrapper-margin-block: 4px;z-index:-1}:host ng-select ::ng-deep .ng-value-container{overflow:hidden!important;align-items:center;height:var(--gds-primitive-lineHeight-250)}:host ng-select ::ng-deep .ng-value-container .ng-value{height:fit-content}:host ng-select ::ng-deep .ng-placeholder{color:var(--placeholder-color);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;min-width:0}:host ng-select ::ng-deep .ng-option-disabled{cursor:default!important}:host ng-select ::ng-deep .ng-spinner-loader{border-left-color:var(--gds-palette-text-primary-primary)!important}.gds-select--multi-selected-content{color:var(--gds-palette-text-default-primary);font:var(--gds-text-body-shorthand);min-width:0}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NgSelectComponent, selector: "ng-select", inputs: ["ariaLabelDropdown", "ariaLabel", "markFirst", "placeholder", "fixedPlaceholder", "notFoundText", "typeToSearchText", "preventToggleOnRightClick", "addTagText", "loadingText", "clearAllText", "removeText", "dropdownPosition", "appendTo", "outsideClickEvent", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "tabFocusOnClearButton", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "ngClass", "typeahead", "multiple", "addTag", "searchable", "clearable", "clearKeepsDisabledOptions", "deselectOnClick", "clearSearchOnAdd", "compareWith", "keyDownFn", "popover", "bindLabel", "bindValue", "appearance", "isOpen", "items"], outputs: ["bindLabelChange", "bindValueChange", "appearanceChange", "isOpenChange", "itemsChange", "blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"], exportAs: ["ngSelect"] }, { kind: "directive", type: NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { kind: "directive", type: NgMultiLabelTemplateDirective, selector: "[ng-multi-label-tmp]" }, { kind: "directive", type: NgFooterTemplateDirective, selector: "[ng-footer-tmp]" }, { kind: "directive", type: NgClearButtonTemplateDirective, selector: "[ng-clearbutton-tmp]" }, { kind: "directive", type: NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: NgPlaceholderTemplateDirective, selector: "[ng-placeholder-tmp]" }, { kind: "component", type: GdsCheckboxComponent, selector: "input[type=\"checkbox\"][gds-checkbox]", inputs: ["checked", "touched", "disabled", "readonly", "hidden", "invalid", "tabindex"], outputs: ["checkedChange", "touchedChange", "tabindexChange"] }, { kind: "component", type: GdsBadgeComponent, selector: "span[gds-badge]", inputs: ["icon", "tooltip", "tooltipInteractive"] }, { kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "component", type: GdsTooltipComponent, selector: "gds-tooltip", inputs: ["tooltip", "onlyTextOverflow", "disabled", "tooltipPlacement", "tooltipInteractive", "useHostWidth", "open", "maxWidth", "appendTo", "lineClamp", "tooltipOffset"] }, { kind: "component", type: GdsIconButtonComponent, selector: "button[gds-icon-button]", inputs: ["tooltipLabel"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6910
7274
|
}
|
|
6911
7275
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: GdsSelectComponent, decorators: [{
|
|
6912
7276
|
type: Component,
|
|
@@ -6930,7 +7294,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
|
|
|
6930
7294
|
], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
6931
7295
|
'(keydown)': 'setMarkedItemIndex()'
|
|
6932
7296
|
}, template: "<ng-select\n class=\"\n gds-mobile-text-input-mobile\n gds-text-input\n \"\n [ngClass]=\"{ 'ng-select-hide-chevron': hideChevron() }\"\n [dropdownPosition]=\"dropdownPosition()\"\n [notFoundText]=\"emptyText()\"\n [bindValue]=\"bindValue()\"\n [bindLabel]=\"bindLabel()\"\n [multiple]=\"multiple()\"\n [closeOnSelect]=\"!multiple()\"\n [disabled]=\"disabled()\"\n [items]=\"items()\"\n [ngModel]=\"value()\"\n [loading]=\"loading()\"\n [loadingText]=\"loadingText()\"\n [searchable]=\"searchable()\"\n [clearable]=\"clearable()\"\n [virtualScroll]=\"virtualScroll()\"\n [searchFn]=\"itemShouldDisplay\"\n [appendTo]=\"appendTo()\"\n [keyDownFn]=\"onKeyDown\"\n [labelForId]=\"id()\"\n (ngModelChange)=\"setValue($event)\"\n (change)=\"onHandleChange($event)\"\n (search)=\"onSearchChange($event)\"\n (clear)=\"cleared.emit()\"\n (open)=\"handleOpened()\"\n (close)=\"handleClosed()\"\n>\n <ng-template\n ng-label-tmp\n let-item=\"item\"\n >\n <ng-container *ngTemplateOutlet=\"labelTmpl() ?? defaultLabelTmpl; context: { item }\" />\n </ng-template>\n\n @if (!value()) {\n <ng-template ng-placeholder-tmp>\n <ng-container *ngTemplateOutlet=\"placeholderTmpl() ?? defaultPlaceholderTmpl\" />\n </ng-template>\n }\n\n <ng-template\n ng-multi-label-tmp\n let-items=\"items\"\n >\n <ng-container *ngTemplateOutlet=\"multiLabelTmpl() ?? defaultMultiLabelTmpl; context: { items }\" />\n </ng-template>\n\n <ng-template\n ng-option-tmp\n let-option=\"item\"\n let-selected=\"item$.selected\"\n let-index=\"index\"\n >\n @if (multiple()) {\n <input\n type=\"checkbox\"\n class=\"\n gds-margin-block-auto\n gds-margin-inline-3xs\n \"\n gds-checkbox\n [checked]=\"selected\"\n (mousedown)=\"onCheckboxChanged($event)\"\n />\n }\n <ng-container\n *ngTemplateOutlet=\"optionTmpl() ?? defaultOptionTmpl; context: { option, marked: markedIndex() === index }\"\n />\n </ng-template>\n\n @if (footerTmpl(); as footerTmpl) {\n <ng-template ng-footer-tmp>\n <div\n class=\"\n gds-height-100-parent\n gds-width-100-parent\n \"\n (mouseenter)=\"unmarkItem()\"\n >\n <ng-container *ngTemplateOutlet=\"footerTmpl\" />\n </div>\n </ng-template>\n }\n\n <ng-template ng-clearbutton-tmp>\n <span class=\"ng-clear-wrapper\">\n <ng-container *ngTemplateOutlet=\"clearBtnTmpl() ?? defaultClearBtnTmpl\" />\n </span>\n </ng-template>\n</ng-select>\n\n<ng-template\n #defaultLabelTmpl\n let-item=\"item\"\n>\n @if (value !== undefined) {\n <gds-tooltip\n onlyTextOverflow\n [tooltip]=\"item[bindLabel()]\"\n >\n {{ item[bindLabel()] }}\n </gds-tooltip>\n }\n</ng-template>\n\n<ng-template\n #defaultMultiLabelTmpl\n let-items=\"items\"\n>\n <div class=\"\n gds-align-items-center\n gds-display-inline-flex\n gds-gap-2xs\n gds-select--multi-selected-content\n \">\n <gds-tooltip\n onlyOnTextOverflow\n [tooltip]=\"items[0][bindLabel()]\"\n >\n {{ items[0][bindLabel()] }}\n </gds-tooltip>\n @if (items.length > 1) {\n <span gds-badge>+{{ items.length - 1 }}</span>\n }\n </div>\n</ng-template>\n\n<ng-template\n #defaultOptionTmpl\n let-option=\"option\"\n let-active=\"marked\"\n>\n <gds-tooltip\n class=\"option\"\n onlyTextOverflow\n [tooltip]=\"option[bindLabel()]\"\n [open]=\"active\"\n >\n {{ option[bindLabel()] }}\n </gds-tooltip>\n</ng-template>\n\n<ng-template #defaultPlaceholderTmpl>\n <span class=\"ng-placeholder\">{{ placeholder() }}</span>\n</ng-template>\n\n<ng-template #defaultClearBtnTmpl>\n <button\n #clearButton\n gds-icon-button\n class=\"gds-background-none\"\n [attr.aria-label]=\"clearAriaLabel()\"\n (click)=\"onClearClicked()\"\n (keydown.enter)=\"onClearClicked()\"\n >\n <gds-icon\n class=\"\n gds-icon-primary\n gds-icon-size-3xs\n \"\n key=\"line-dismiss\"\n />\n </button>\n</ng-template>\n", styles: ["@layer design-system{:host{--gds-form-control-cursor: pointer;--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host{--arrow-url: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.25 5.75L8 10.25L12.75 5.75' stroke='%231E365E' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\")}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--arrow-url: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.25 5.75L8 10.25L12.75 5.75' stroke='%23cd2127' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\")}:host[disabled],:host:has(*:disabled,*[disabled=true]){--arrow-url: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.25 5.75L8 10.25L12.75 5.75' stroke='%23b2b2b2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\");--cursor: not-allowed}:host ng-select.ng-select-clearable,:host ng-select.ng-select-hide-chevron{--arrow-display: none}:host ng-select.ng-select-opened{--arrow-url: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.75 10.25L8 5.75L3.25 10.25' stroke='%231E365E' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\")}:host ng-select.ng-select-multiple ::ng-deep .ng-value-container{gap:var(--gds-spacing-2xs);flex-wrap:nowrap!important}:host ng-select.ng-select-multiple ::ng-deep .ng-value-container .ng-input{padding-left:0}:host ng-select ::ng-deep .ng-select-container{background-color:var(--background-color);border:.5px solid var(--border-color);color:var(--text-color);cursor:var(--cursor)!important}:host ng-select ::ng-deep .ng-select-container ::ng-deep input:focus,:host ng-select ::ng-deep .ng-select-container ::ng-deep textarea:focus{outline:none}:host ng-select ::ng-deep .ng-select-container:focus-within,:host ng-select ::ng-deep .ng-select-container.is-controlled{isolation:isolate;position:relative}:host ng-select ::ng-deep .ng-select-container:focus-within:before,:host ng-select ::ng-deep .ng-select-container.is-controlled:before{z-index:-1;content:\"\";position:absolute;inset:0;border-bottom:var(--gds-borderWidth-lg) solid var(--active-color);border-radius:var(--gds-borderRadius-xs)}:host ng-select ::ng-deep .ng-select-container{min-height:var(--gds-size-md-rem)}:is(body[isMobile=true]) :host ng-select ::ng-deep .ng-select-container{min-height:var(--gds-size-lg-rem)}:host ng-select ::ng-deep .ng-select-container:hover{background-color:var(--hover-color)}:host ng-select ::ng-deep .ng-select-container[disabled]::ng-deep svg-icon,:host ng-select ::ng-deep .ng-select-container:has(*:disabled,*[disabled=true])::ng-deep svg-icon{color:var(--disabled-text-color)}:host ng-select ::ng-deep .ng-select-container[invalid][touched]:not(:focus-within,.is-controlled)::ng-deep svg-icon,:host ng-select ::ng-deep .ng-select-container:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled)::ng-deep svg-icon{color:var(--invalid-color)}:host ng-select ::ng-deep .ng-select-container ::ng-deep *::placeholder{color:var(--placeholder-color)}:host ng-select ::ng-deep .ng-select-container{border-radius:var(--gds-borderRadius-sm);padding-block:var(--gds-spacing-3xs);padding-inline:var(--gds-spacing-xs);gap:var(--gds-spacing-2xs)}:is(body[isMobile=true]) :host ng-select ::ng-deep .ng-select-container{padding-block:0}:host ng-select ::ng-deep .ng-has-value .ng-arrow-wrapper{display:var(--arrow-display);cursor:var(--cursor)}:host ng-select ::ng-deep .ng-arrow-wrapper,:host ng-select ::ng-deep .ng-clear-wrapper{width:var(--gds-size-sm-rem);height:var(--gds-size-sm-rem);display:flex;align-items:center;justify-content:center}:host ng-select ::ng-deep .ng-arrow-wrapper .ng-arrow,:host ng-select ::ng-deep .ng-clear-wrapper .ng-arrow{width:var(--gds-size-sm-rem)!important;height:var(--gds-size-sm-rem)!important;background-image:var(--arrow-url)}:host ng-select ::ng-deep .ng-arrow-wrapper .ng-clear,:host ng-select ::ng-deep .ng-clear-wrapper .ng-clear{font-size:var(--gds-fontSize-bodyLarge)}:host ng-select ::ng-deep .ng-option{display:flex!important;gap:var(--gds-spacing-3xs);padding:11px var(--gds-spacing-sm);border-radius:var(--gds-borderRadius-sm);color:var(--text-color);position:relative}:host ng-select ::ng-deep .ng-option.ng-option-marked:before{content:\"\";position:absolute;border-radius:var(--gds-borderRadius-sm);width:calc(100% - 2 * var(--wrapper-margin-inline, var(--wrapper-margin, 0px)));height:calc(100% - 2 * var(--wrapper-margin-block, var(--wrapper-margin, 0px)));top:var(--wrapper-margin-block, var(--wrapper-margin, 0px));left:var(--wrapper-margin-inline, var(--wrapper-margin, 0px));background:var(--gds-palette-background-hover);pointer-events:none;--wrapper-margin-inline: 5px;--wrapper-margin-block: 4px;z-index:-1}:host ng-select ::ng-deep .ng-value-container{overflow:hidden!important;align-items:center;height:var(--gds-primitive-lineHeight-250)}:host ng-select ::ng-deep .ng-value-container .ng-value{height:fit-content}:host ng-select ::ng-deep .ng-placeholder{color:var(--placeholder-color);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;min-width:0}:host ng-select ::ng-deep .ng-option-disabled{cursor:default!important}:host ng-select ::ng-deep .ng-spinner-loader{border-left-color:var(--gds-palette-text-primary-primary)!important}.gds-select--multi-selected-content{color:var(--gds-palette-text-default-primary);font:var(--gds-text-body-shorthand);min-width:0}}\n"] }]
|
|
6933
|
-
}], propDecorators: { clearable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearable", required: false }] }], searchable: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchable", required: false }] }], appendTo: [{ type: i0.Input, args: [{ isSignal: true, alias: "appendTo", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], loadingText: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingText", required: false }] }], clearAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearAriaLabel", required: false }] }], autofocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "autofocus", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], hideChevron: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideChevron", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], emptyText: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyText", required: false }] }], dropdownPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropdownPosition", required: false }] }], changed: [{ type: i0.Output, args: ["changed"] }], searched: [{ type: i0.Output, args: ["searched"] }], blurred: [{ type: i0.Output, args: ["blurred"] }], cleared: [{ type: i0.Output, args: ["cleared"] }], closed: [{ type: i0.Output, args: ["closed"] }], opened: [{ type: i0.Output, args: ["opened"] }], bindValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "bindValue", required: false }] }, { type: i0.Output, args: ["bindValueChange"] }], bindLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "bindLabel", required: false }] }, { type: i0.Output, args: ["bindLabelChange"] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: true }] }, { type: i0.Output, args: ["itemsChange"] }], ref: [{ type: i0.ViewChild, args: [i0.forwardRef(() => NgSelectComponent), { isSignal: true }] }], clearButton: [{ type: i0.ViewChild, args: ['clearButton', { ...{
|
|
7297
|
+
}], propDecorators: { clearable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearable", required: false }] }], searchable: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchable", required: false }] }], appendTo: [{ type: i0.Input, args: [{ isSignal: true, alias: "appendTo", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], loadingText: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingText", required: false }] }], clearAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearAriaLabel", required: false }] }], autofocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "autofocus", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], hideChevron: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideChevron", required: false }] }], preventMobileDialog: [{ type: i0.Input, args: [{ isSignal: true, alias: "preventMobileDialog", required: false }] }], dialogTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "dialogTitle", required: false }] }], applyLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "applyLabel", required: false }] }], searchPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchPlaceholder", required: false }] }], backAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "backAriaLabel", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], emptyText: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyText", required: false }] }], dropdownPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropdownPosition", required: false }] }], changed: [{ type: i0.Output, args: ["changed"] }], searched: [{ type: i0.Output, args: ["searched"] }], blurred: [{ type: i0.Output, args: ["blurred"] }], cleared: [{ type: i0.Output, args: ["cleared"] }], closed: [{ type: i0.Output, args: ["closed"] }], opened: [{ type: i0.Output, args: ["opened"] }], bindValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "bindValue", required: false }] }, { type: i0.Output, args: ["bindValueChange"] }], bindLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "bindLabel", required: false }] }, { type: i0.Output, args: ["bindLabelChange"] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: true }] }, { type: i0.Output, args: ["itemsChange"] }], ref: [{ type: i0.ViewChild, args: [i0.forwardRef(() => NgSelectComponent), { isSignal: true }] }], clearButton: [{ type: i0.ViewChild, args: ['clearButton', { ...{
|
|
6934
7298
|
read: (ElementRef)
|
|
6935
7299
|
}, isSignal: true }] }], multiLabelTmpl: [{ type: i0.ContentChild, args: ['multiLabelTmpl', { isSignal: true }] }], labelTmpl: [{ type: i0.ContentChild, args: ['labelTmpl', { isSignal: true }] }], optionTmpl: [{ type: i0.ContentChild, args: ['optionTmpl', { isSignal: true }] }], footerTmpl: [{ type: i0.ContentChild, args: ['footerTmpl', { isSignal: true }] }], clearBtnTmpl: [{ type: i0.ContentChild, args: ['clearBtnTmpl', { isSignal: true }] }], placeholderTmpl: [{ type: i0.ContentChild, args: ['placeholderTmpl', { isSignal: true }] }] } });
|
|
6936
7300
|
|
|
@@ -8141,7 +8505,7 @@ class GdsToastComponent {
|
|
|
8141
8505
|
this.#toaster.resumeTimeout(this.toast().toastId);
|
|
8142
8506
|
};
|
|
8143
8507
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: GdsToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8144
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: GdsToastComponent, isStandalone: true, selector: "gds-toast", inputs: { toast: { classPropertyName: "toast", publicName: "toast", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "animate.enter": "gds-fade-in", "animate.leave": "gds-fade-out" }, listeners: { "click": "onHostClick($event)", "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" }, properties: { "attr.type": "status()", "class": "positionClass()" }, classAttribute: "\n gds-responsive-sm-width-100-parent\n " }, ngImport: i0, template: "<div\n class=\"\n gds-border\n gds-display-flex\n gds-gap-sm\n gds-padding-block-2xs\n gds-padding-inline-sm\n gds-radius-sm\n gds-responsive-sm-padding-3xs\n gds-toaster--container\n \"\n>\n <div class=\"\n gds-align-items-center\n gds-display-flex\n gds-height-md\n gds-justify-content-center\n \">\n <gds-icon\n key=\"filled-info\"\n class=\"\n gds-icon-size-xs\n gds-toaster--icon\n \"\n />\n </div>\n <div class=\"\n gds-align-items-center\n gds-column-gap-sm\n gds-display-flex\n gds-flex-1\n gds-flex-wrap\n gds-row-gap-2xs\n \">\n @if (title()) {\n <div class=\"\n gds-height-fit-content\n gds-text-body-strong\n gds-text-primary\n gds-width-fit-content\n \">\n {{ title() }}\n </div>\n }\n @if (message()) {\n <div\n class=\"\n gds-height-fit-content\n gds-text-body\n gds-text-primary\n gds-width-fit-content\n \"\n [innerHtml]=\"message()\"\n ></div>\n }\n @if (actionLabel()) {\n <button\n gds-button\n class=\"\n gds-border-none\n gds-toaster--action-btn\n \"\n [attr.aria-label]=\"actionAriaLabel()\"\n (clicked)=\"action($event)\"\n >\n {{ actionLabel() }}\n </button>\n }\n </div>\n <div class=\"\n gds-align-items-center\n gds-display-flex\n gds-height-md\n gds-justify-content-center\n \">\n <button\n gds-icon-button\n class=\"gds-background-none\"\n variant=\"primary\"\n [attr.aria-label]=\"dismissAriaLabel()\"\n (clicked)=\"remove()\"\n >\n <gds-icon\n key=\"line-dismiss\"\n class=\"gds-icon-size-2xs\"\n />\n </button>\n </div>\n</div>\n", styles: ["@layer design-system{:host{position:fixed;pointer-events:auto;--toast-spacing: var(--gds-spacing-2xs)}:host.toast-top-left{padding-inline:var(--toast-spacing)}:host.toast-top-left:nth-child(1 of.toast-top-left){position-anchor:--toast-container-anchor;anchor-name:--toast-top-left-anchor-1;padding-top:var(--toast-spacing);position-area:top span-right}:host.toast-top-left:nth-child(n+2 of.toast-top-left){anchor-name:--toast-top-left-anchor-2;position-anchor:--toast-top-left-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-top-left:nth-child(n+3 of.toast-top-left){anchor-name:--toast-top-left-anchor-3;position-anchor:--toast-top-left-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-top-left:nth-child(n+4 of.toast-top-left){anchor-name:--toast-top-left-anchor-4;position-anchor:--toast-top-left-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-top-left:nth-child(n+5 of.toast-top-left){anchor-name:--toast-top-left-anchor-5;position-anchor:--toast-top-left-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-top-left:nth-child(n+6 of.toast-top-left){anchor-name:--toast-top-left-anchor-6;position-anchor:--toast-top-left-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-top-left:nth-child(n+7 of.toast-top-left){anchor-name:--toast-top-left-anchor-7;position-anchor:--toast-top-left-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-top-left:nth-child(n+8 of.toast-top-left){anchor-name:--toast-top-left-anchor-8;position-anchor:--toast-top-left-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-top-left:nth-child(n+9 of.toast-top-left){anchor-name:--toast-top-left-anchor-9;position-anchor:--toast-top-left-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-top-left:nth-child(n+10 of.toast-top-left){anchor-name:--toast-top-left-anchor-10;position-anchor:--toast-top-left-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-top-left:nth-child(n+11 of.toast-top-left){anchor-name:--toast-top-left-anchor-11;position-anchor:--toast-top-left-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-top-left:nth-child(n+12 of.toast-top-left){anchor-name:--toast-top-left-anchor-12;position-anchor:--toast-top-left-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-top-left:nth-child(n+13 of.toast-top-left){anchor-name:--toast-top-left-anchor-13;position-anchor:--toast-top-left-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-top-left:nth-child(n+14 of.toast-top-left){anchor-name:--toast-top-left-anchor-14;position-anchor:--toast-top-left-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-top-left:nth-child(n+15 of.toast-top-left){anchor-name:--toast-top-left-anchor-15;position-anchor:--toast-top-left-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-top-left:nth-child(n+16 of.toast-top-left){anchor-name:--toast-top-left-anchor-16;position-anchor:--toast-top-left-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-top-left:nth-child(n+17 of.toast-top-left){anchor-name:--toast-top-left-anchor-17;position-anchor:--toast-top-left-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-top-left:nth-child(n+18 of.toast-top-left){anchor-name:--toast-top-left-anchor-18;position-anchor:--toast-top-left-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-top-left:nth-child(n+19 of.toast-top-left){anchor-name:--toast-top-left-anchor-19;position-anchor:--toast-top-left-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-top-left:nth-child(n+20 of.toast-top-left){anchor-name:--toast-top-left-anchor-20;position-anchor:--toast-top-left-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-top-left:nth-child(n+21 of.toast-top-left){anchor-name:--toast-top-left-anchor-21;position-anchor:--toast-top-left-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-top-left:nth-child(n+22 of.toast-top-left){anchor-name:--toast-top-left-anchor-22;position-anchor:--toast-top-left-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-top-left:nth-child(n+23 of.toast-top-left){anchor-name:--toast-top-left-anchor-23;position-anchor:--toast-top-left-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-top-left:nth-child(n+24 of.toast-top-left){anchor-name:--toast-top-left-anchor-24;position-anchor:--toast-top-left-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-top-left:nth-child(n+25 of.toast-top-left){anchor-name:--toast-top-left-anchor-25;position-anchor:--toast-top-left-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-top-center{padding-inline:var(--toast-spacing)}:host.toast-top-center:nth-child(1 of.toast-top-center){position-anchor:--toast-container-anchor;anchor-name:--toast-top-center-anchor-1;padding-top:var(--toast-spacing);position-area:top}:host.toast-top-center:nth-child(n+2 of.toast-top-center){anchor-name:--toast-top-center-anchor-2;position-anchor:--toast-top-center-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-top-center:nth-child(n+3 of.toast-top-center){anchor-name:--toast-top-center-anchor-3;position-anchor:--toast-top-center-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-top-center:nth-child(n+4 of.toast-top-center){anchor-name:--toast-top-center-anchor-4;position-anchor:--toast-top-center-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-top-center:nth-child(n+5 of.toast-top-center){anchor-name:--toast-top-center-anchor-5;position-anchor:--toast-top-center-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-top-center:nth-child(n+6 of.toast-top-center){anchor-name:--toast-top-center-anchor-6;position-anchor:--toast-top-center-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-top-center:nth-child(n+7 of.toast-top-center){anchor-name:--toast-top-center-anchor-7;position-anchor:--toast-top-center-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-top-center:nth-child(n+8 of.toast-top-center){anchor-name:--toast-top-center-anchor-8;position-anchor:--toast-top-center-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-top-center:nth-child(n+9 of.toast-top-center){anchor-name:--toast-top-center-anchor-9;position-anchor:--toast-top-center-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-top-center:nth-child(n+10 of.toast-top-center){anchor-name:--toast-top-center-anchor-10;position-anchor:--toast-top-center-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-top-center:nth-child(n+11 of.toast-top-center){anchor-name:--toast-top-center-anchor-11;position-anchor:--toast-top-center-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-top-center:nth-child(n+12 of.toast-top-center){anchor-name:--toast-top-center-anchor-12;position-anchor:--toast-top-center-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-top-center:nth-child(n+13 of.toast-top-center){anchor-name:--toast-top-center-anchor-13;position-anchor:--toast-top-center-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-top-center:nth-child(n+14 of.toast-top-center){anchor-name:--toast-top-center-anchor-14;position-anchor:--toast-top-center-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-top-center:nth-child(n+15 of.toast-top-center){anchor-name:--toast-top-center-anchor-15;position-anchor:--toast-top-center-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-top-center:nth-child(n+16 of.toast-top-center){anchor-name:--toast-top-center-anchor-16;position-anchor:--toast-top-center-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-top-center:nth-child(n+17 of.toast-top-center){anchor-name:--toast-top-center-anchor-17;position-anchor:--toast-top-center-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-top-center:nth-child(n+18 of.toast-top-center){anchor-name:--toast-top-center-anchor-18;position-anchor:--toast-top-center-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-top-center:nth-child(n+19 of.toast-top-center){anchor-name:--toast-top-center-anchor-19;position-anchor:--toast-top-center-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-top-center:nth-child(n+20 of.toast-top-center){anchor-name:--toast-top-center-anchor-20;position-anchor:--toast-top-center-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-top-center:nth-child(n+21 of.toast-top-center){anchor-name:--toast-top-center-anchor-21;position-anchor:--toast-top-center-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-top-center:nth-child(n+22 of.toast-top-center){anchor-name:--toast-top-center-anchor-22;position-anchor:--toast-top-center-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-top-center:nth-child(n+23 of.toast-top-center){anchor-name:--toast-top-center-anchor-23;position-anchor:--toast-top-center-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-top-center:nth-child(n+24 of.toast-top-center){anchor-name:--toast-top-center-anchor-24;position-anchor:--toast-top-center-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-top-center:nth-child(n+25 of.toast-top-center){anchor-name:--toast-top-center-anchor-25;position-anchor:--toast-top-center-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-top-right{padding-inline:var(--toast-spacing)}:host.toast-top-right:nth-child(1 of.toast-top-right){position-anchor:--toast-container-anchor;anchor-name:--toast-top-right-anchor-1;padding-top:var(--toast-spacing);position-area:top span-left}:host.toast-top-right:nth-child(n+2 of.toast-top-right){anchor-name:--toast-top-right-anchor-2;position-anchor:--toast-top-right-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-top-right:nth-child(n+3 of.toast-top-right){anchor-name:--toast-top-right-anchor-3;position-anchor:--toast-top-right-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-top-right:nth-child(n+4 of.toast-top-right){anchor-name:--toast-top-right-anchor-4;position-anchor:--toast-top-right-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-top-right:nth-child(n+5 of.toast-top-right){anchor-name:--toast-top-right-anchor-5;position-anchor:--toast-top-right-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-top-right:nth-child(n+6 of.toast-top-right){anchor-name:--toast-top-right-anchor-6;position-anchor:--toast-top-right-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-top-right:nth-child(n+7 of.toast-top-right){anchor-name:--toast-top-right-anchor-7;position-anchor:--toast-top-right-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-top-right:nth-child(n+8 of.toast-top-right){anchor-name:--toast-top-right-anchor-8;position-anchor:--toast-top-right-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-top-right:nth-child(n+9 of.toast-top-right){anchor-name:--toast-top-right-anchor-9;position-anchor:--toast-top-right-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-top-right:nth-child(n+10 of.toast-top-right){anchor-name:--toast-top-right-anchor-10;position-anchor:--toast-top-right-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-top-right:nth-child(n+11 of.toast-top-right){anchor-name:--toast-top-right-anchor-11;position-anchor:--toast-top-right-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-top-right:nth-child(n+12 of.toast-top-right){anchor-name:--toast-top-right-anchor-12;position-anchor:--toast-top-right-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-top-right:nth-child(n+13 of.toast-top-right){anchor-name:--toast-top-right-anchor-13;position-anchor:--toast-top-right-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-top-right:nth-child(n+14 of.toast-top-right){anchor-name:--toast-top-right-anchor-14;position-anchor:--toast-top-right-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-top-right:nth-child(n+15 of.toast-top-right){anchor-name:--toast-top-right-anchor-15;position-anchor:--toast-top-right-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-top-right:nth-child(n+16 of.toast-top-right){anchor-name:--toast-top-right-anchor-16;position-anchor:--toast-top-right-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-top-right:nth-child(n+17 of.toast-top-right){anchor-name:--toast-top-right-anchor-17;position-anchor:--toast-top-right-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-top-right:nth-child(n+18 of.toast-top-right){anchor-name:--toast-top-right-anchor-18;position-anchor:--toast-top-right-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-top-right:nth-child(n+19 of.toast-top-right){anchor-name:--toast-top-right-anchor-19;position-anchor:--toast-top-right-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-top-right:nth-child(n+20 of.toast-top-right){anchor-name:--toast-top-right-anchor-20;position-anchor:--toast-top-right-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-top-right:nth-child(n+21 of.toast-top-right){anchor-name:--toast-top-right-anchor-21;position-anchor:--toast-top-right-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-top-right:nth-child(n+22 of.toast-top-right){anchor-name:--toast-top-right-anchor-22;position-anchor:--toast-top-right-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-top-right:nth-child(n+23 of.toast-top-right){anchor-name:--toast-top-right-anchor-23;position-anchor:--toast-top-right-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-top-right:nth-child(n+24 of.toast-top-right){anchor-name:--toast-top-right-anchor-24;position-anchor:--toast-top-right-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-top-right:nth-child(n+25 of.toast-top-right){anchor-name:--toast-top-right-anchor-25;position-anchor:--toast-top-right-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-bottom-left{padding-inline:var(--toast-spacing)}:host.toast-bottom-left:nth-child(1 of.toast-bottom-left){position-anchor:--toast-container-anchor;anchor-name:--toast-bottom-left-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom span-right}:host.toast-bottom-left:nth-child(n+2 of.toast-bottom-left){anchor-name:--toast-bottom-left-anchor-2;position-anchor:--toast-bottom-left-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-bottom-left:nth-child(n+3 of.toast-bottom-left){anchor-name:--toast-bottom-left-anchor-3;position-anchor:--toast-bottom-left-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-bottom-left:nth-child(n+4 of.toast-bottom-left){anchor-name:--toast-bottom-left-anchor-4;position-anchor:--toast-bottom-left-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-bottom-left:nth-child(n+5 of.toast-bottom-left){anchor-name:--toast-bottom-left-anchor-5;position-anchor:--toast-bottom-left-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-bottom-left:nth-child(n+6 of.toast-bottom-left){anchor-name:--toast-bottom-left-anchor-6;position-anchor:--toast-bottom-left-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-bottom-left:nth-child(n+7 of.toast-bottom-left){anchor-name:--toast-bottom-left-anchor-7;position-anchor:--toast-bottom-left-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-bottom-left:nth-child(n+8 of.toast-bottom-left){anchor-name:--toast-bottom-left-anchor-8;position-anchor:--toast-bottom-left-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-bottom-left:nth-child(n+9 of.toast-bottom-left){anchor-name:--toast-bottom-left-anchor-9;position-anchor:--toast-bottom-left-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-bottom-left:nth-child(n+10 of.toast-bottom-left){anchor-name:--toast-bottom-left-anchor-10;position-anchor:--toast-bottom-left-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-bottom-left:nth-child(n+11 of.toast-bottom-left){anchor-name:--toast-bottom-left-anchor-11;position-anchor:--toast-bottom-left-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-bottom-left:nth-child(n+12 of.toast-bottom-left){anchor-name:--toast-bottom-left-anchor-12;position-anchor:--toast-bottom-left-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-bottom-left:nth-child(n+13 of.toast-bottom-left){anchor-name:--toast-bottom-left-anchor-13;position-anchor:--toast-bottom-left-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-bottom-left:nth-child(n+14 of.toast-bottom-left){anchor-name:--toast-bottom-left-anchor-14;position-anchor:--toast-bottom-left-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-bottom-left:nth-child(n+15 of.toast-bottom-left){anchor-name:--toast-bottom-left-anchor-15;position-anchor:--toast-bottom-left-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-bottom-left:nth-child(n+16 of.toast-bottom-left){anchor-name:--toast-bottom-left-anchor-16;position-anchor:--toast-bottom-left-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-bottom-left:nth-child(n+17 of.toast-bottom-left){anchor-name:--toast-bottom-left-anchor-17;position-anchor:--toast-bottom-left-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-bottom-left:nth-child(n+18 of.toast-bottom-left){anchor-name:--toast-bottom-left-anchor-18;position-anchor:--toast-bottom-left-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-bottom-left:nth-child(n+19 of.toast-bottom-left){anchor-name:--toast-bottom-left-anchor-19;position-anchor:--toast-bottom-left-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-bottom-left:nth-child(n+20 of.toast-bottom-left){anchor-name:--toast-bottom-left-anchor-20;position-anchor:--toast-bottom-left-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-bottom-left:nth-child(n+21 of.toast-bottom-left){anchor-name:--toast-bottom-left-anchor-21;position-anchor:--toast-bottom-left-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-bottom-left:nth-child(n+22 of.toast-bottom-left){anchor-name:--toast-bottom-left-anchor-22;position-anchor:--toast-bottom-left-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-bottom-left:nth-child(n+23 of.toast-bottom-left){anchor-name:--toast-bottom-left-anchor-23;position-anchor:--toast-bottom-left-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-bottom-left:nth-child(n+24 of.toast-bottom-left){anchor-name:--toast-bottom-left-anchor-24;position-anchor:--toast-bottom-left-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-bottom-left:nth-child(n+25 of.toast-bottom-left){anchor-name:--toast-bottom-left-anchor-25;position-anchor:--toast-bottom-left-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-bottom-center{padding-inline:var(--toast-spacing)}:host.toast-bottom-center:nth-child(1 of.toast-bottom-center){position-anchor:--toast-container-anchor;anchor-name:--toast-bottom-center-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom}:host.toast-bottom-center:nth-child(n+2 of.toast-bottom-center){anchor-name:--toast-bottom-center-anchor-2;position-anchor:--toast-bottom-center-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-bottom-center:nth-child(n+3 of.toast-bottom-center){anchor-name:--toast-bottom-center-anchor-3;position-anchor:--toast-bottom-center-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-bottom-center:nth-child(n+4 of.toast-bottom-center){anchor-name:--toast-bottom-center-anchor-4;position-anchor:--toast-bottom-center-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-bottom-center:nth-child(n+5 of.toast-bottom-center){anchor-name:--toast-bottom-center-anchor-5;position-anchor:--toast-bottom-center-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-bottom-center:nth-child(n+6 of.toast-bottom-center){anchor-name:--toast-bottom-center-anchor-6;position-anchor:--toast-bottom-center-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-bottom-center:nth-child(n+7 of.toast-bottom-center){anchor-name:--toast-bottom-center-anchor-7;position-anchor:--toast-bottom-center-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-bottom-center:nth-child(n+8 of.toast-bottom-center){anchor-name:--toast-bottom-center-anchor-8;position-anchor:--toast-bottom-center-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-bottom-center:nth-child(n+9 of.toast-bottom-center){anchor-name:--toast-bottom-center-anchor-9;position-anchor:--toast-bottom-center-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-bottom-center:nth-child(n+10 of.toast-bottom-center){anchor-name:--toast-bottom-center-anchor-10;position-anchor:--toast-bottom-center-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-bottom-center:nth-child(n+11 of.toast-bottom-center){anchor-name:--toast-bottom-center-anchor-11;position-anchor:--toast-bottom-center-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-bottom-center:nth-child(n+12 of.toast-bottom-center){anchor-name:--toast-bottom-center-anchor-12;position-anchor:--toast-bottom-center-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-bottom-center:nth-child(n+13 of.toast-bottom-center){anchor-name:--toast-bottom-center-anchor-13;position-anchor:--toast-bottom-center-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-bottom-center:nth-child(n+14 of.toast-bottom-center){anchor-name:--toast-bottom-center-anchor-14;position-anchor:--toast-bottom-center-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-bottom-center:nth-child(n+15 of.toast-bottom-center){anchor-name:--toast-bottom-center-anchor-15;position-anchor:--toast-bottom-center-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-bottom-center:nth-child(n+16 of.toast-bottom-center){anchor-name:--toast-bottom-center-anchor-16;position-anchor:--toast-bottom-center-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-bottom-center:nth-child(n+17 of.toast-bottom-center){anchor-name:--toast-bottom-center-anchor-17;position-anchor:--toast-bottom-center-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-bottom-center:nth-child(n+18 of.toast-bottom-center){anchor-name:--toast-bottom-center-anchor-18;position-anchor:--toast-bottom-center-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-bottom-center:nth-child(n+19 of.toast-bottom-center){anchor-name:--toast-bottom-center-anchor-19;position-anchor:--toast-bottom-center-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-bottom-center:nth-child(n+20 of.toast-bottom-center){anchor-name:--toast-bottom-center-anchor-20;position-anchor:--toast-bottom-center-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-bottom-center:nth-child(n+21 of.toast-bottom-center){anchor-name:--toast-bottom-center-anchor-21;position-anchor:--toast-bottom-center-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-bottom-center:nth-child(n+22 of.toast-bottom-center){anchor-name:--toast-bottom-center-anchor-22;position-anchor:--toast-bottom-center-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-bottom-center:nth-child(n+23 of.toast-bottom-center){anchor-name:--toast-bottom-center-anchor-23;position-anchor:--toast-bottom-center-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-bottom-center:nth-child(n+24 of.toast-bottom-center){anchor-name:--toast-bottom-center-anchor-24;position-anchor:--toast-bottom-center-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-bottom-center:nth-child(n+25 of.toast-bottom-center){anchor-name:--toast-bottom-center-anchor-25;position-anchor:--toast-bottom-center-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-bottom-right{padding-inline:var(--toast-spacing)}:host.toast-bottom-right:nth-child(1 of.toast-bottom-right){position-anchor:--toast-container-anchor;anchor-name:--toast-bottom-right-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom span-left}:host.toast-bottom-right:nth-child(n+2 of.toast-bottom-right){anchor-name:--toast-bottom-right-anchor-2;position-anchor:--toast-bottom-right-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-bottom-right:nth-child(n+3 of.toast-bottom-right){anchor-name:--toast-bottom-right-anchor-3;position-anchor:--toast-bottom-right-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-bottom-right:nth-child(n+4 of.toast-bottom-right){anchor-name:--toast-bottom-right-anchor-4;position-anchor:--toast-bottom-right-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-bottom-right:nth-child(n+5 of.toast-bottom-right){anchor-name:--toast-bottom-right-anchor-5;position-anchor:--toast-bottom-right-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-bottom-right:nth-child(n+6 of.toast-bottom-right){anchor-name:--toast-bottom-right-anchor-6;position-anchor:--toast-bottom-right-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-bottom-right:nth-child(n+7 of.toast-bottom-right){anchor-name:--toast-bottom-right-anchor-7;position-anchor:--toast-bottom-right-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-bottom-right:nth-child(n+8 of.toast-bottom-right){anchor-name:--toast-bottom-right-anchor-8;position-anchor:--toast-bottom-right-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-bottom-right:nth-child(n+9 of.toast-bottom-right){anchor-name:--toast-bottom-right-anchor-9;position-anchor:--toast-bottom-right-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-bottom-right:nth-child(n+10 of.toast-bottom-right){anchor-name:--toast-bottom-right-anchor-10;position-anchor:--toast-bottom-right-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-bottom-right:nth-child(n+11 of.toast-bottom-right){anchor-name:--toast-bottom-right-anchor-11;position-anchor:--toast-bottom-right-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-bottom-right:nth-child(n+12 of.toast-bottom-right){anchor-name:--toast-bottom-right-anchor-12;position-anchor:--toast-bottom-right-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-bottom-right:nth-child(n+13 of.toast-bottom-right){anchor-name:--toast-bottom-right-anchor-13;position-anchor:--toast-bottom-right-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-bottom-right:nth-child(n+14 of.toast-bottom-right){anchor-name:--toast-bottom-right-anchor-14;position-anchor:--toast-bottom-right-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-bottom-right:nth-child(n+15 of.toast-bottom-right){anchor-name:--toast-bottom-right-anchor-15;position-anchor:--toast-bottom-right-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-bottom-right:nth-child(n+16 of.toast-bottom-right){anchor-name:--toast-bottom-right-anchor-16;position-anchor:--toast-bottom-right-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-bottom-right:nth-child(n+17 of.toast-bottom-right){anchor-name:--toast-bottom-right-anchor-17;position-anchor:--toast-bottom-right-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-bottom-right:nth-child(n+18 of.toast-bottom-right){anchor-name:--toast-bottom-right-anchor-18;position-anchor:--toast-bottom-right-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-bottom-right:nth-child(n+19 of.toast-bottom-right){anchor-name:--toast-bottom-right-anchor-19;position-anchor:--toast-bottom-right-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-bottom-right:nth-child(n+20 of.toast-bottom-right){anchor-name:--toast-bottom-right-anchor-20;position-anchor:--toast-bottom-right-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-bottom-right:nth-child(n+21 of.toast-bottom-right){anchor-name:--toast-bottom-right-anchor-21;position-anchor:--toast-bottom-right-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-bottom-right:nth-child(n+22 of.toast-bottom-right){anchor-name:--toast-bottom-right-anchor-22;position-anchor:--toast-bottom-right-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-bottom-right:nth-child(n+23 of.toast-bottom-right){anchor-name:--toast-bottom-right-anchor-23;position-anchor:--toast-bottom-right-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-bottom-right:nth-child(n+24 of.toast-bottom-right){anchor-name:--toast-bottom-right-anchor-24;position-anchor:--toast-bottom-right-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-bottom-right:nth-child(n+25 of.toast-bottom-right){anchor-name:--toast-bottom-right-anchor-25;position-anchor:--toast-bottom-right-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}@media(max-width:1440px){:host.toast-responsive-xl-top-left{padding-inline:var(--toast-spacing)}:host.toast-responsive-xl-top-left:nth-child(1 of.toast-responsive-xl-top-left){position-anchor:--toast-container-anchor;anchor-name:--toast-top-left-anchor-1;padding-top:var(--toast-spacing);position-area:top span-right}:host.toast-responsive-xl-top-left:nth-child(n+2 of.toast-responsive-xl-top-left){anchor-name:--toast-top-left-anchor-2;position-anchor:--toast-top-left-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-xl-top-left:nth-child(n+3 of.toast-responsive-xl-top-left){anchor-name:--toast-top-left-anchor-3;position-anchor:--toast-top-left-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-xl-top-left:nth-child(n+4 of.toast-responsive-xl-top-left){anchor-name:--toast-top-left-anchor-4;position-anchor:--toast-top-left-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-xl-top-left:nth-child(n+5 of.toast-responsive-xl-top-left){anchor-name:--toast-top-left-anchor-5;position-anchor:--toast-top-left-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-xl-top-left:nth-child(n+6 of.toast-responsive-xl-top-left){anchor-name:--toast-top-left-anchor-6;position-anchor:--toast-top-left-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-xl-top-left:nth-child(n+7 of.toast-responsive-xl-top-left){anchor-name:--toast-top-left-anchor-7;position-anchor:--toast-top-left-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-xl-top-left:nth-child(n+8 of.toast-responsive-xl-top-left){anchor-name:--toast-top-left-anchor-8;position-anchor:--toast-top-left-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-xl-top-left:nth-child(n+9 of.toast-responsive-xl-top-left){anchor-name:--toast-top-left-anchor-9;position-anchor:--toast-top-left-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-xl-top-left:nth-child(n+10 of.toast-responsive-xl-top-left){anchor-name:--toast-top-left-anchor-10;position-anchor:--toast-top-left-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-xl-top-left:nth-child(n+11 of.toast-responsive-xl-top-left){anchor-name:--toast-top-left-anchor-11;position-anchor:--toast-top-left-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-xl-top-left:nth-child(n+12 of.toast-responsive-xl-top-left){anchor-name:--toast-top-left-anchor-12;position-anchor:--toast-top-left-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-xl-top-left:nth-child(n+13 of.toast-responsive-xl-top-left){anchor-name:--toast-top-left-anchor-13;position-anchor:--toast-top-left-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-xl-top-left:nth-child(n+14 of.toast-responsive-xl-top-left){anchor-name:--toast-top-left-anchor-14;position-anchor:--toast-top-left-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-xl-top-left:nth-child(n+15 of.toast-responsive-xl-top-left){anchor-name:--toast-top-left-anchor-15;position-anchor:--toast-top-left-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-xl-top-left:nth-child(n+16 of.toast-responsive-xl-top-left){anchor-name:--toast-top-left-anchor-16;position-anchor:--toast-top-left-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-xl-top-left:nth-child(n+17 of.toast-responsive-xl-top-left){anchor-name:--toast-top-left-anchor-17;position-anchor:--toast-top-left-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-xl-top-left:nth-child(n+18 of.toast-responsive-xl-top-left){anchor-name:--toast-top-left-anchor-18;position-anchor:--toast-top-left-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-xl-top-left:nth-child(n+19 of.toast-responsive-xl-top-left){anchor-name:--toast-top-left-anchor-19;position-anchor:--toast-top-left-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-xl-top-left:nth-child(n+20 of.toast-responsive-xl-top-left){anchor-name:--toast-top-left-anchor-20;position-anchor:--toast-top-left-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-xl-top-left:nth-child(n+21 of.toast-responsive-xl-top-left){anchor-name:--toast-top-left-anchor-21;position-anchor:--toast-top-left-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-xl-top-left:nth-child(n+22 of.toast-responsive-xl-top-left){anchor-name:--toast-top-left-anchor-22;position-anchor:--toast-top-left-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-xl-top-left:nth-child(n+23 of.toast-responsive-xl-top-left){anchor-name:--toast-top-left-anchor-23;position-anchor:--toast-top-left-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-xl-top-left:nth-child(n+24 of.toast-responsive-xl-top-left){anchor-name:--toast-top-left-anchor-24;position-anchor:--toast-top-left-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-xl-top-left:nth-child(n+25 of.toast-responsive-xl-top-left){anchor-name:--toast-top-left-anchor-25;position-anchor:--toast-top-left-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-xl-top-center{padding-inline:var(--toast-spacing)}:host.toast-responsive-xl-top-center:nth-child(1 of.toast-responsive-xl-top-center){position-anchor:--toast-container-anchor;anchor-name:--toast-top-center-anchor-1;padding-top:var(--toast-spacing);position-area:top}:host.toast-responsive-xl-top-center:nth-child(n+2 of.toast-responsive-xl-top-center){anchor-name:--toast-top-center-anchor-2;position-anchor:--toast-top-center-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-xl-top-center:nth-child(n+3 of.toast-responsive-xl-top-center){anchor-name:--toast-top-center-anchor-3;position-anchor:--toast-top-center-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-xl-top-center:nth-child(n+4 of.toast-responsive-xl-top-center){anchor-name:--toast-top-center-anchor-4;position-anchor:--toast-top-center-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-xl-top-center:nth-child(n+5 of.toast-responsive-xl-top-center){anchor-name:--toast-top-center-anchor-5;position-anchor:--toast-top-center-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-xl-top-center:nth-child(n+6 of.toast-responsive-xl-top-center){anchor-name:--toast-top-center-anchor-6;position-anchor:--toast-top-center-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-xl-top-center:nth-child(n+7 of.toast-responsive-xl-top-center){anchor-name:--toast-top-center-anchor-7;position-anchor:--toast-top-center-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-xl-top-center:nth-child(n+8 of.toast-responsive-xl-top-center){anchor-name:--toast-top-center-anchor-8;position-anchor:--toast-top-center-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-xl-top-center:nth-child(n+9 of.toast-responsive-xl-top-center){anchor-name:--toast-top-center-anchor-9;position-anchor:--toast-top-center-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-xl-top-center:nth-child(n+10 of.toast-responsive-xl-top-center){anchor-name:--toast-top-center-anchor-10;position-anchor:--toast-top-center-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-xl-top-center:nth-child(n+11 of.toast-responsive-xl-top-center){anchor-name:--toast-top-center-anchor-11;position-anchor:--toast-top-center-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-xl-top-center:nth-child(n+12 of.toast-responsive-xl-top-center){anchor-name:--toast-top-center-anchor-12;position-anchor:--toast-top-center-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-xl-top-center:nth-child(n+13 of.toast-responsive-xl-top-center){anchor-name:--toast-top-center-anchor-13;position-anchor:--toast-top-center-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-xl-top-center:nth-child(n+14 of.toast-responsive-xl-top-center){anchor-name:--toast-top-center-anchor-14;position-anchor:--toast-top-center-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-xl-top-center:nth-child(n+15 of.toast-responsive-xl-top-center){anchor-name:--toast-top-center-anchor-15;position-anchor:--toast-top-center-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-xl-top-center:nth-child(n+16 of.toast-responsive-xl-top-center){anchor-name:--toast-top-center-anchor-16;position-anchor:--toast-top-center-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-xl-top-center:nth-child(n+17 of.toast-responsive-xl-top-center){anchor-name:--toast-top-center-anchor-17;position-anchor:--toast-top-center-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-xl-top-center:nth-child(n+18 of.toast-responsive-xl-top-center){anchor-name:--toast-top-center-anchor-18;position-anchor:--toast-top-center-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-xl-top-center:nth-child(n+19 of.toast-responsive-xl-top-center){anchor-name:--toast-top-center-anchor-19;position-anchor:--toast-top-center-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-xl-top-center:nth-child(n+20 of.toast-responsive-xl-top-center){anchor-name:--toast-top-center-anchor-20;position-anchor:--toast-top-center-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-xl-top-center:nth-child(n+21 of.toast-responsive-xl-top-center){anchor-name:--toast-top-center-anchor-21;position-anchor:--toast-top-center-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-xl-top-center:nth-child(n+22 of.toast-responsive-xl-top-center){anchor-name:--toast-top-center-anchor-22;position-anchor:--toast-top-center-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-xl-top-center:nth-child(n+23 of.toast-responsive-xl-top-center){anchor-name:--toast-top-center-anchor-23;position-anchor:--toast-top-center-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-xl-top-center:nth-child(n+24 of.toast-responsive-xl-top-center){anchor-name:--toast-top-center-anchor-24;position-anchor:--toast-top-center-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-xl-top-center:nth-child(n+25 of.toast-responsive-xl-top-center){anchor-name:--toast-top-center-anchor-25;position-anchor:--toast-top-center-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-xl-top-right{padding-inline:var(--toast-spacing)}:host.toast-responsive-xl-top-right:nth-child(1 of.toast-responsive-xl-top-right){position-anchor:--toast-container-anchor;anchor-name:--toast-top-right-anchor-1;padding-top:var(--toast-spacing);position-area:top span-left}:host.toast-responsive-xl-top-right:nth-child(n+2 of.toast-responsive-xl-top-right){anchor-name:--toast-top-right-anchor-2;position-anchor:--toast-top-right-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-xl-top-right:nth-child(n+3 of.toast-responsive-xl-top-right){anchor-name:--toast-top-right-anchor-3;position-anchor:--toast-top-right-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-xl-top-right:nth-child(n+4 of.toast-responsive-xl-top-right){anchor-name:--toast-top-right-anchor-4;position-anchor:--toast-top-right-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-xl-top-right:nth-child(n+5 of.toast-responsive-xl-top-right){anchor-name:--toast-top-right-anchor-5;position-anchor:--toast-top-right-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-xl-top-right:nth-child(n+6 of.toast-responsive-xl-top-right){anchor-name:--toast-top-right-anchor-6;position-anchor:--toast-top-right-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-xl-top-right:nth-child(n+7 of.toast-responsive-xl-top-right){anchor-name:--toast-top-right-anchor-7;position-anchor:--toast-top-right-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-xl-top-right:nth-child(n+8 of.toast-responsive-xl-top-right){anchor-name:--toast-top-right-anchor-8;position-anchor:--toast-top-right-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-xl-top-right:nth-child(n+9 of.toast-responsive-xl-top-right){anchor-name:--toast-top-right-anchor-9;position-anchor:--toast-top-right-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-xl-top-right:nth-child(n+10 of.toast-responsive-xl-top-right){anchor-name:--toast-top-right-anchor-10;position-anchor:--toast-top-right-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-xl-top-right:nth-child(n+11 of.toast-responsive-xl-top-right){anchor-name:--toast-top-right-anchor-11;position-anchor:--toast-top-right-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-xl-top-right:nth-child(n+12 of.toast-responsive-xl-top-right){anchor-name:--toast-top-right-anchor-12;position-anchor:--toast-top-right-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-xl-top-right:nth-child(n+13 of.toast-responsive-xl-top-right){anchor-name:--toast-top-right-anchor-13;position-anchor:--toast-top-right-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-xl-top-right:nth-child(n+14 of.toast-responsive-xl-top-right){anchor-name:--toast-top-right-anchor-14;position-anchor:--toast-top-right-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-xl-top-right:nth-child(n+15 of.toast-responsive-xl-top-right){anchor-name:--toast-top-right-anchor-15;position-anchor:--toast-top-right-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-xl-top-right:nth-child(n+16 of.toast-responsive-xl-top-right){anchor-name:--toast-top-right-anchor-16;position-anchor:--toast-top-right-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-xl-top-right:nth-child(n+17 of.toast-responsive-xl-top-right){anchor-name:--toast-top-right-anchor-17;position-anchor:--toast-top-right-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-xl-top-right:nth-child(n+18 of.toast-responsive-xl-top-right){anchor-name:--toast-top-right-anchor-18;position-anchor:--toast-top-right-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-xl-top-right:nth-child(n+19 of.toast-responsive-xl-top-right){anchor-name:--toast-top-right-anchor-19;position-anchor:--toast-top-right-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-xl-top-right:nth-child(n+20 of.toast-responsive-xl-top-right){anchor-name:--toast-top-right-anchor-20;position-anchor:--toast-top-right-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-xl-top-right:nth-child(n+21 of.toast-responsive-xl-top-right){anchor-name:--toast-top-right-anchor-21;position-anchor:--toast-top-right-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-xl-top-right:nth-child(n+22 of.toast-responsive-xl-top-right){anchor-name:--toast-top-right-anchor-22;position-anchor:--toast-top-right-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-xl-top-right:nth-child(n+23 of.toast-responsive-xl-top-right){anchor-name:--toast-top-right-anchor-23;position-anchor:--toast-top-right-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-xl-top-right:nth-child(n+24 of.toast-responsive-xl-top-right){anchor-name:--toast-top-right-anchor-24;position-anchor:--toast-top-right-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-xl-top-right:nth-child(n+25 of.toast-responsive-xl-top-right){anchor-name:--toast-top-right-anchor-25;position-anchor:--toast-top-right-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-xl-bottom-left{padding-inline:var(--toast-spacing)}:host.toast-responsive-xl-bottom-left:nth-child(1 of.toast-responsive-xl-bottom-left){position-anchor:--toast-container-anchor;anchor-name:--toast-bottom-left-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom span-right}:host.toast-responsive-xl-bottom-left:nth-child(n+2 of.toast-responsive-xl-bottom-left){anchor-name:--toast-bottom-left-anchor-2;position-anchor:--toast-bottom-left-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-xl-bottom-left:nth-child(n+3 of.toast-responsive-xl-bottom-left){anchor-name:--toast-bottom-left-anchor-3;position-anchor:--toast-bottom-left-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-xl-bottom-left:nth-child(n+4 of.toast-responsive-xl-bottom-left){anchor-name:--toast-bottom-left-anchor-4;position-anchor:--toast-bottom-left-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-xl-bottom-left:nth-child(n+5 of.toast-responsive-xl-bottom-left){anchor-name:--toast-bottom-left-anchor-5;position-anchor:--toast-bottom-left-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-xl-bottom-left:nth-child(n+6 of.toast-responsive-xl-bottom-left){anchor-name:--toast-bottom-left-anchor-6;position-anchor:--toast-bottom-left-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-xl-bottom-left:nth-child(n+7 of.toast-responsive-xl-bottom-left){anchor-name:--toast-bottom-left-anchor-7;position-anchor:--toast-bottom-left-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-xl-bottom-left:nth-child(n+8 of.toast-responsive-xl-bottom-left){anchor-name:--toast-bottom-left-anchor-8;position-anchor:--toast-bottom-left-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-xl-bottom-left:nth-child(n+9 of.toast-responsive-xl-bottom-left){anchor-name:--toast-bottom-left-anchor-9;position-anchor:--toast-bottom-left-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-xl-bottom-left:nth-child(n+10 of.toast-responsive-xl-bottom-left){anchor-name:--toast-bottom-left-anchor-10;position-anchor:--toast-bottom-left-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-xl-bottom-left:nth-child(n+11 of.toast-responsive-xl-bottom-left){anchor-name:--toast-bottom-left-anchor-11;position-anchor:--toast-bottom-left-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-xl-bottom-left:nth-child(n+12 of.toast-responsive-xl-bottom-left){anchor-name:--toast-bottom-left-anchor-12;position-anchor:--toast-bottom-left-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-xl-bottom-left:nth-child(n+13 of.toast-responsive-xl-bottom-left){anchor-name:--toast-bottom-left-anchor-13;position-anchor:--toast-bottom-left-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-xl-bottom-left:nth-child(n+14 of.toast-responsive-xl-bottom-left){anchor-name:--toast-bottom-left-anchor-14;position-anchor:--toast-bottom-left-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-xl-bottom-left:nth-child(n+15 of.toast-responsive-xl-bottom-left){anchor-name:--toast-bottom-left-anchor-15;position-anchor:--toast-bottom-left-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-xl-bottom-left:nth-child(n+16 of.toast-responsive-xl-bottom-left){anchor-name:--toast-bottom-left-anchor-16;position-anchor:--toast-bottom-left-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-xl-bottom-left:nth-child(n+17 of.toast-responsive-xl-bottom-left){anchor-name:--toast-bottom-left-anchor-17;position-anchor:--toast-bottom-left-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-xl-bottom-left:nth-child(n+18 of.toast-responsive-xl-bottom-left){anchor-name:--toast-bottom-left-anchor-18;position-anchor:--toast-bottom-left-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-xl-bottom-left:nth-child(n+19 of.toast-responsive-xl-bottom-left){anchor-name:--toast-bottom-left-anchor-19;position-anchor:--toast-bottom-left-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-xl-bottom-left:nth-child(n+20 of.toast-responsive-xl-bottom-left){anchor-name:--toast-bottom-left-anchor-20;position-anchor:--toast-bottom-left-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-xl-bottom-left:nth-child(n+21 of.toast-responsive-xl-bottom-left){anchor-name:--toast-bottom-left-anchor-21;position-anchor:--toast-bottom-left-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-xl-bottom-left:nth-child(n+22 of.toast-responsive-xl-bottom-left){anchor-name:--toast-bottom-left-anchor-22;position-anchor:--toast-bottom-left-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-xl-bottom-left:nth-child(n+23 of.toast-responsive-xl-bottom-left){anchor-name:--toast-bottom-left-anchor-23;position-anchor:--toast-bottom-left-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-xl-bottom-left:nth-child(n+24 of.toast-responsive-xl-bottom-left){anchor-name:--toast-bottom-left-anchor-24;position-anchor:--toast-bottom-left-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-xl-bottom-left:nth-child(n+25 of.toast-responsive-xl-bottom-left){anchor-name:--toast-bottom-left-anchor-25;position-anchor:--toast-bottom-left-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-xl-bottom-center{padding-inline:var(--toast-spacing)}:host.toast-responsive-xl-bottom-center:nth-child(1 of.toast-responsive-xl-bottom-center){position-anchor:--toast-container-anchor;anchor-name:--toast-bottom-center-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom}:host.toast-responsive-xl-bottom-center:nth-child(n+2 of.toast-responsive-xl-bottom-center){anchor-name:--toast-bottom-center-anchor-2;position-anchor:--toast-bottom-center-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-xl-bottom-center:nth-child(n+3 of.toast-responsive-xl-bottom-center){anchor-name:--toast-bottom-center-anchor-3;position-anchor:--toast-bottom-center-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-xl-bottom-center:nth-child(n+4 of.toast-responsive-xl-bottom-center){anchor-name:--toast-bottom-center-anchor-4;position-anchor:--toast-bottom-center-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-xl-bottom-center:nth-child(n+5 of.toast-responsive-xl-bottom-center){anchor-name:--toast-bottom-center-anchor-5;position-anchor:--toast-bottom-center-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-xl-bottom-center:nth-child(n+6 of.toast-responsive-xl-bottom-center){anchor-name:--toast-bottom-center-anchor-6;position-anchor:--toast-bottom-center-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-xl-bottom-center:nth-child(n+7 of.toast-responsive-xl-bottom-center){anchor-name:--toast-bottom-center-anchor-7;position-anchor:--toast-bottom-center-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-xl-bottom-center:nth-child(n+8 of.toast-responsive-xl-bottom-center){anchor-name:--toast-bottom-center-anchor-8;position-anchor:--toast-bottom-center-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-xl-bottom-center:nth-child(n+9 of.toast-responsive-xl-bottom-center){anchor-name:--toast-bottom-center-anchor-9;position-anchor:--toast-bottom-center-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-xl-bottom-center:nth-child(n+10 of.toast-responsive-xl-bottom-center){anchor-name:--toast-bottom-center-anchor-10;position-anchor:--toast-bottom-center-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-xl-bottom-center:nth-child(n+11 of.toast-responsive-xl-bottom-center){anchor-name:--toast-bottom-center-anchor-11;position-anchor:--toast-bottom-center-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-xl-bottom-center:nth-child(n+12 of.toast-responsive-xl-bottom-center){anchor-name:--toast-bottom-center-anchor-12;position-anchor:--toast-bottom-center-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-xl-bottom-center:nth-child(n+13 of.toast-responsive-xl-bottom-center){anchor-name:--toast-bottom-center-anchor-13;position-anchor:--toast-bottom-center-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-xl-bottom-center:nth-child(n+14 of.toast-responsive-xl-bottom-center){anchor-name:--toast-bottom-center-anchor-14;position-anchor:--toast-bottom-center-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-xl-bottom-center:nth-child(n+15 of.toast-responsive-xl-bottom-center){anchor-name:--toast-bottom-center-anchor-15;position-anchor:--toast-bottom-center-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-xl-bottom-center:nth-child(n+16 of.toast-responsive-xl-bottom-center){anchor-name:--toast-bottom-center-anchor-16;position-anchor:--toast-bottom-center-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-xl-bottom-center:nth-child(n+17 of.toast-responsive-xl-bottom-center){anchor-name:--toast-bottom-center-anchor-17;position-anchor:--toast-bottom-center-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-xl-bottom-center:nth-child(n+18 of.toast-responsive-xl-bottom-center){anchor-name:--toast-bottom-center-anchor-18;position-anchor:--toast-bottom-center-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-xl-bottom-center:nth-child(n+19 of.toast-responsive-xl-bottom-center){anchor-name:--toast-bottom-center-anchor-19;position-anchor:--toast-bottom-center-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-xl-bottom-center:nth-child(n+20 of.toast-responsive-xl-bottom-center){anchor-name:--toast-bottom-center-anchor-20;position-anchor:--toast-bottom-center-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-xl-bottom-center:nth-child(n+21 of.toast-responsive-xl-bottom-center){anchor-name:--toast-bottom-center-anchor-21;position-anchor:--toast-bottom-center-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-xl-bottom-center:nth-child(n+22 of.toast-responsive-xl-bottom-center){anchor-name:--toast-bottom-center-anchor-22;position-anchor:--toast-bottom-center-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-xl-bottom-center:nth-child(n+23 of.toast-responsive-xl-bottom-center){anchor-name:--toast-bottom-center-anchor-23;position-anchor:--toast-bottom-center-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-xl-bottom-center:nth-child(n+24 of.toast-responsive-xl-bottom-center){anchor-name:--toast-bottom-center-anchor-24;position-anchor:--toast-bottom-center-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-xl-bottom-center:nth-child(n+25 of.toast-responsive-xl-bottom-center){anchor-name:--toast-bottom-center-anchor-25;position-anchor:--toast-bottom-center-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-xl-bottom-right{padding-inline:var(--toast-spacing)}:host.toast-responsive-xl-bottom-right:nth-child(1 of.toast-responsive-xl-bottom-right){position-anchor:--toast-container-anchor;anchor-name:--toast-bottom-right-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom span-left}:host.toast-responsive-xl-bottom-right:nth-child(n+2 of.toast-responsive-xl-bottom-right){anchor-name:--toast-bottom-right-anchor-2;position-anchor:--toast-bottom-right-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-xl-bottom-right:nth-child(n+3 of.toast-responsive-xl-bottom-right){anchor-name:--toast-bottom-right-anchor-3;position-anchor:--toast-bottom-right-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-xl-bottom-right:nth-child(n+4 of.toast-responsive-xl-bottom-right){anchor-name:--toast-bottom-right-anchor-4;position-anchor:--toast-bottom-right-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-xl-bottom-right:nth-child(n+5 of.toast-responsive-xl-bottom-right){anchor-name:--toast-bottom-right-anchor-5;position-anchor:--toast-bottom-right-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-xl-bottom-right:nth-child(n+6 of.toast-responsive-xl-bottom-right){anchor-name:--toast-bottom-right-anchor-6;position-anchor:--toast-bottom-right-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-xl-bottom-right:nth-child(n+7 of.toast-responsive-xl-bottom-right){anchor-name:--toast-bottom-right-anchor-7;position-anchor:--toast-bottom-right-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-xl-bottom-right:nth-child(n+8 of.toast-responsive-xl-bottom-right){anchor-name:--toast-bottom-right-anchor-8;position-anchor:--toast-bottom-right-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-xl-bottom-right:nth-child(n+9 of.toast-responsive-xl-bottom-right){anchor-name:--toast-bottom-right-anchor-9;position-anchor:--toast-bottom-right-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-xl-bottom-right:nth-child(n+10 of.toast-responsive-xl-bottom-right){anchor-name:--toast-bottom-right-anchor-10;position-anchor:--toast-bottom-right-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-xl-bottom-right:nth-child(n+11 of.toast-responsive-xl-bottom-right){anchor-name:--toast-bottom-right-anchor-11;position-anchor:--toast-bottom-right-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-xl-bottom-right:nth-child(n+12 of.toast-responsive-xl-bottom-right){anchor-name:--toast-bottom-right-anchor-12;position-anchor:--toast-bottom-right-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-xl-bottom-right:nth-child(n+13 of.toast-responsive-xl-bottom-right){anchor-name:--toast-bottom-right-anchor-13;position-anchor:--toast-bottom-right-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-xl-bottom-right:nth-child(n+14 of.toast-responsive-xl-bottom-right){anchor-name:--toast-bottom-right-anchor-14;position-anchor:--toast-bottom-right-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-xl-bottom-right:nth-child(n+15 of.toast-responsive-xl-bottom-right){anchor-name:--toast-bottom-right-anchor-15;position-anchor:--toast-bottom-right-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-xl-bottom-right:nth-child(n+16 of.toast-responsive-xl-bottom-right){anchor-name:--toast-bottom-right-anchor-16;position-anchor:--toast-bottom-right-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-xl-bottom-right:nth-child(n+17 of.toast-responsive-xl-bottom-right){anchor-name:--toast-bottom-right-anchor-17;position-anchor:--toast-bottom-right-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-xl-bottom-right:nth-child(n+18 of.toast-responsive-xl-bottom-right){anchor-name:--toast-bottom-right-anchor-18;position-anchor:--toast-bottom-right-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-xl-bottom-right:nth-child(n+19 of.toast-responsive-xl-bottom-right){anchor-name:--toast-bottom-right-anchor-19;position-anchor:--toast-bottom-right-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-xl-bottom-right:nth-child(n+20 of.toast-responsive-xl-bottom-right){anchor-name:--toast-bottom-right-anchor-20;position-anchor:--toast-bottom-right-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-xl-bottom-right:nth-child(n+21 of.toast-responsive-xl-bottom-right){anchor-name:--toast-bottom-right-anchor-21;position-anchor:--toast-bottom-right-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-xl-bottom-right:nth-child(n+22 of.toast-responsive-xl-bottom-right){anchor-name:--toast-bottom-right-anchor-22;position-anchor:--toast-bottom-right-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-xl-bottom-right:nth-child(n+23 of.toast-responsive-xl-bottom-right){anchor-name:--toast-bottom-right-anchor-23;position-anchor:--toast-bottom-right-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-xl-bottom-right:nth-child(n+24 of.toast-responsive-xl-bottom-right){anchor-name:--toast-bottom-right-anchor-24;position-anchor:--toast-bottom-right-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-xl-bottom-right:nth-child(n+25 of.toast-responsive-xl-bottom-right){anchor-name:--toast-bottom-right-anchor-25;position-anchor:--toast-bottom-right-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}}@media(max-width:1200px){:host.toast-responsive-lg-top-left{padding-inline:var(--toast-spacing)}:host.toast-responsive-lg-top-left:nth-child(1 of.toast-responsive-lg-top-left){position-anchor:--toast-container-anchor;anchor-name:--toast-top-left-anchor-1;padding-top:var(--toast-spacing);position-area:top span-right}:host.toast-responsive-lg-top-left:nth-child(n+2 of.toast-responsive-lg-top-left){anchor-name:--toast-top-left-anchor-2;position-anchor:--toast-top-left-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-lg-top-left:nth-child(n+3 of.toast-responsive-lg-top-left){anchor-name:--toast-top-left-anchor-3;position-anchor:--toast-top-left-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-lg-top-left:nth-child(n+4 of.toast-responsive-lg-top-left){anchor-name:--toast-top-left-anchor-4;position-anchor:--toast-top-left-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-lg-top-left:nth-child(n+5 of.toast-responsive-lg-top-left){anchor-name:--toast-top-left-anchor-5;position-anchor:--toast-top-left-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-lg-top-left:nth-child(n+6 of.toast-responsive-lg-top-left){anchor-name:--toast-top-left-anchor-6;position-anchor:--toast-top-left-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-lg-top-left:nth-child(n+7 of.toast-responsive-lg-top-left){anchor-name:--toast-top-left-anchor-7;position-anchor:--toast-top-left-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-lg-top-left:nth-child(n+8 of.toast-responsive-lg-top-left){anchor-name:--toast-top-left-anchor-8;position-anchor:--toast-top-left-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-lg-top-left:nth-child(n+9 of.toast-responsive-lg-top-left){anchor-name:--toast-top-left-anchor-9;position-anchor:--toast-top-left-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-lg-top-left:nth-child(n+10 of.toast-responsive-lg-top-left){anchor-name:--toast-top-left-anchor-10;position-anchor:--toast-top-left-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-lg-top-left:nth-child(n+11 of.toast-responsive-lg-top-left){anchor-name:--toast-top-left-anchor-11;position-anchor:--toast-top-left-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-lg-top-left:nth-child(n+12 of.toast-responsive-lg-top-left){anchor-name:--toast-top-left-anchor-12;position-anchor:--toast-top-left-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-lg-top-left:nth-child(n+13 of.toast-responsive-lg-top-left){anchor-name:--toast-top-left-anchor-13;position-anchor:--toast-top-left-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-lg-top-left:nth-child(n+14 of.toast-responsive-lg-top-left){anchor-name:--toast-top-left-anchor-14;position-anchor:--toast-top-left-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-lg-top-left:nth-child(n+15 of.toast-responsive-lg-top-left){anchor-name:--toast-top-left-anchor-15;position-anchor:--toast-top-left-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-lg-top-left:nth-child(n+16 of.toast-responsive-lg-top-left){anchor-name:--toast-top-left-anchor-16;position-anchor:--toast-top-left-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-lg-top-left:nth-child(n+17 of.toast-responsive-lg-top-left){anchor-name:--toast-top-left-anchor-17;position-anchor:--toast-top-left-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-lg-top-left:nth-child(n+18 of.toast-responsive-lg-top-left){anchor-name:--toast-top-left-anchor-18;position-anchor:--toast-top-left-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-lg-top-left:nth-child(n+19 of.toast-responsive-lg-top-left){anchor-name:--toast-top-left-anchor-19;position-anchor:--toast-top-left-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-lg-top-left:nth-child(n+20 of.toast-responsive-lg-top-left){anchor-name:--toast-top-left-anchor-20;position-anchor:--toast-top-left-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-lg-top-left:nth-child(n+21 of.toast-responsive-lg-top-left){anchor-name:--toast-top-left-anchor-21;position-anchor:--toast-top-left-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-lg-top-left:nth-child(n+22 of.toast-responsive-lg-top-left){anchor-name:--toast-top-left-anchor-22;position-anchor:--toast-top-left-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-lg-top-left:nth-child(n+23 of.toast-responsive-lg-top-left){anchor-name:--toast-top-left-anchor-23;position-anchor:--toast-top-left-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-lg-top-left:nth-child(n+24 of.toast-responsive-lg-top-left){anchor-name:--toast-top-left-anchor-24;position-anchor:--toast-top-left-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-lg-top-left:nth-child(n+25 of.toast-responsive-lg-top-left){anchor-name:--toast-top-left-anchor-25;position-anchor:--toast-top-left-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-lg-top-center{padding-inline:var(--toast-spacing)}:host.toast-responsive-lg-top-center:nth-child(1 of.toast-responsive-lg-top-center){position-anchor:--toast-container-anchor;anchor-name:--toast-top-center-anchor-1;padding-top:var(--toast-spacing);position-area:top}:host.toast-responsive-lg-top-center:nth-child(n+2 of.toast-responsive-lg-top-center){anchor-name:--toast-top-center-anchor-2;position-anchor:--toast-top-center-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-lg-top-center:nth-child(n+3 of.toast-responsive-lg-top-center){anchor-name:--toast-top-center-anchor-3;position-anchor:--toast-top-center-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-lg-top-center:nth-child(n+4 of.toast-responsive-lg-top-center){anchor-name:--toast-top-center-anchor-4;position-anchor:--toast-top-center-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-lg-top-center:nth-child(n+5 of.toast-responsive-lg-top-center){anchor-name:--toast-top-center-anchor-5;position-anchor:--toast-top-center-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-lg-top-center:nth-child(n+6 of.toast-responsive-lg-top-center){anchor-name:--toast-top-center-anchor-6;position-anchor:--toast-top-center-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-lg-top-center:nth-child(n+7 of.toast-responsive-lg-top-center){anchor-name:--toast-top-center-anchor-7;position-anchor:--toast-top-center-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-lg-top-center:nth-child(n+8 of.toast-responsive-lg-top-center){anchor-name:--toast-top-center-anchor-8;position-anchor:--toast-top-center-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-lg-top-center:nth-child(n+9 of.toast-responsive-lg-top-center){anchor-name:--toast-top-center-anchor-9;position-anchor:--toast-top-center-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-lg-top-center:nth-child(n+10 of.toast-responsive-lg-top-center){anchor-name:--toast-top-center-anchor-10;position-anchor:--toast-top-center-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-lg-top-center:nth-child(n+11 of.toast-responsive-lg-top-center){anchor-name:--toast-top-center-anchor-11;position-anchor:--toast-top-center-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-lg-top-center:nth-child(n+12 of.toast-responsive-lg-top-center){anchor-name:--toast-top-center-anchor-12;position-anchor:--toast-top-center-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-lg-top-center:nth-child(n+13 of.toast-responsive-lg-top-center){anchor-name:--toast-top-center-anchor-13;position-anchor:--toast-top-center-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-lg-top-center:nth-child(n+14 of.toast-responsive-lg-top-center){anchor-name:--toast-top-center-anchor-14;position-anchor:--toast-top-center-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-lg-top-center:nth-child(n+15 of.toast-responsive-lg-top-center){anchor-name:--toast-top-center-anchor-15;position-anchor:--toast-top-center-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-lg-top-center:nth-child(n+16 of.toast-responsive-lg-top-center){anchor-name:--toast-top-center-anchor-16;position-anchor:--toast-top-center-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-lg-top-center:nth-child(n+17 of.toast-responsive-lg-top-center){anchor-name:--toast-top-center-anchor-17;position-anchor:--toast-top-center-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-lg-top-center:nth-child(n+18 of.toast-responsive-lg-top-center){anchor-name:--toast-top-center-anchor-18;position-anchor:--toast-top-center-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-lg-top-center:nth-child(n+19 of.toast-responsive-lg-top-center){anchor-name:--toast-top-center-anchor-19;position-anchor:--toast-top-center-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-lg-top-center:nth-child(n+20 of.toast-responsive-lg-top-center){anchor-name:--toast-top-center-anchor-20;position-anchor:--toast-top-center-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-lg-top-center:nth-child(n+21 of.toast-responsive-lg-top-center){anchor-name:--toast-top-center-anchor-21;position-anchor:--toast-top-center-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-lg-top-center:nth-child(n+22 of.toast-responsive-lg-top-center){anchor-name:--toast-top-center-anchor-22;position-anchor:--toast-top-center-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-lg-top-center:nth-child(n+23 of.toast-responsive-lg-top-center){anchor-name:--toast-top-center-anchor-23;position-anchor:--toast-top-center-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-lg-top-center:nth-child(n+24 of.toast-responsive-lg-top-center){anchor-name:--toast-top-center-anchor-24;position-anchor:--toast-top-center-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-lg-top-center:nth-child(n+25 of.toast-responsive-lg-top-center){anchor-name:--toast-top-center-anchor-25;position-anchor:--toast-top-center-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-lg-top-right{padding-inline:var(--toast-spacing)}:host.toast-responsive-lg-top-right:nth-child(1 of.toast-responsive-lg-top-right){position-anchor:--toast-container-anchor;anchor-name:--toast-top-right-anchor-1;padding-top:var(--toast-spacing);position-area:top span-left}:host.toast-responsive-lg-top-right:nth-child(n+2 of.toast-responsive-lg-top-right){anchor-name:--toast-top-right-anchor-2;position-anchor:--toast-top-right-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-lg-top-right:nth-child(n+3 of.toast-responsive-lg-top-right){anchor-name:--toast-top-right-anchor-3;position-anchor:--toast-top-right-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-lg-top-right:nth-child(n+4 of.toast-responsive-lg-top-right){anchor-name:--toast-top-right-anchor-4;position-anchor:--toast-top-right-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-lg-top-right:nth-child(n+5 of.toast-responsive-lg-top-right){anchor-name:--toast-top-right-anchor-5;position-anchor:--toast-top-right-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-lg-top-right:nth-child(n+6 of.toast-responsive-lg-top-right){anchor-name:--toast-top-right-anchor-6;position-anchor:--toast-top-right-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-lg-top-right:nth-child(n+7 of.toast-responsive-lg-top-right){anchor-name:--toast-top-right-anchor-7;position-anchor:--toast-top-right-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-lg-top-right:nth-child(n+8 of.toast-responsive-lg-top-right){anchor-name:--toast-top-right-anchor-8;position-anchor:--toast-top-right-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-lg-top-right:nth-child(n+9 of.toast-responsive-lg-top-right){anchor-name:--toast-top-right-anchor-9;position-anchor:--toast-top-right-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-lg-top-right:nth-child(n+10 of.toast-responsive-lg-top-right){anchor-name:--toast-top-right-anchor-10;position-anchor:--toast-top-right-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-lg-top-right:nth-child(n+11 of.toast-responsive-lg-top-right){anchor-name:--toast-top-right-anchor-11;position-anchor:--toast-top-right-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-lg-top-right:nth-child(n+12 of.toast-responsive-lg-top-right){anchor-name:--toast-top-right-anchor-12;position-anchor:--toast-top-right-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-lg-top-right:nth-child(n+13 of.toast-responsive-lg-top-right){anchor-name:--toast-top-right-anchor-13;position-anchor:--toast-top-right-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-lg-top-right:nth-child(n+14 of.toast-responsive-lg-top-right){anchor-name:--toast-top-right-anchor-14;position-anchor:--toast-top-right-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-lg-top-right:nth-child(n+15 of.toast-responsive-lg-top-right){anchor-name:--toast-top-right-anchor-15;position-anchor:--toast-top-right-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-lg-top-right:nth-child(n+16 of.toast-responsive-lg-top-right){anchor-name:--toast-top-right-anchor-16;position-anchor:--toast-top-right-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-lg-top-right:nth-child(n+17 of.toast-responsive-lg-top-right){anchor-name:--toast-top-right-anchor-17;position-anchor:--toast-top-right-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-lg-top-right:nth-child(n+18 of.toast-responsive-lg-top-right){anchor-name:--toast-top-right-anchor-18;position-anchor:--toast-top-right-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-lg-top-right:nth-child(n+19 of.toast-responsive-lg-top-right){anchor-name:--toast-top-right-anchor-19;position-anchor:--toast-top-right-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-lg-top-right:nth-child(n+20 of.toast-responsive-lg-top-right){anchor-name:--toast-top-right-anchor-20;position-anchor:--toast-top-right-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-lg-top-right:nth-child(n+21 of.toast-responsive-lg-top-right){anchor-name:--toast-top-right-anchor-21;position-anchor:--toast-top-right-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-lg-top-right:nth-child(n+22 of.toast-responsive-lg-top-right){anchor-name:--toast-top-right-anchor-22;position-anchor:--toast-top-right-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-lg-top-right:nth-child(n+23 of.toast-responsive-lg-top-right){anchor-name:--toast-top-right-anchor-23;position-anchor:--toast-top-right-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-lg-top-right:nth-child(n+24 of.toast-responsive-lg-top-right){anchor-name:--toast-top-right-anchor-24;position-anchor:--toast-top-right-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-lg-top-right:nth-child(n+25 of.toast-responsive-lg-top-right){anchor-name:--toast-top-right-anchor-25;position-anchor:--toast-top-right-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-lg-bottom-left{padding-inline:var(--toast-spacing)}:host.toast-responsive-lg-bottom-left:nth-child(1 of.toast-responsive-lg-bottom-left){position-anchor:--toast-container-anchor;anchor-name:--toast-bottom-left-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom span-right}:host.toast-responsive-lg-bottom-left:nth-child(n+2 of.toast-responsive-lg-bottom-left){anchor-name:--toast-bottom-left-anchor-2;position-anchor:--toast-bottom-left-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-lg-bottom-left:nth-child(n+3 of.toast-responsive-lg-bottom-left){anchor-name:--toast-bottom-left-anchor-3;position-anchor:--toast-bottom-left-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-lg-bottom-left:nth-child(n+4 of.toast-responsive-lg-bottom-left){anchor-name:--toast-bottom-left-anchor-4;position-anchor:--toast-bottom-left-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-lg-bottom-left:nth-child(n+5 of.toast-responsive-lg-bottom-left){anchor-name:--toast-bottom-left-anchor-5;position-anchor:--toast-bottom-left-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-lg-bottom-left:nth-child(n+6 of.toast-responsive-lg-bottom-left){anchor-name:--toast-bottom-left-anchor-6;position-anchor:--toast-bottom-left-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-lg-bottom-left:nth-child(n+7 of.toast-responsive-lg-bottom-left){anchor-name:--toast-bottom-left-anchor-7;position-anchor:--toast-bottom-left-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-lg-bottom-left:nth-child(n+8 of.toast-responsive-lg-bottom-left){anchor-name:--toast-bottom-left-anchor-8;position-anchor:--toast-bottom-left-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-lg-bottom-left:nth-child(n+9 of.toast-responsive-lg-bottom-left){anchor-name:--toast-bottom-left-anchor-9;position-anchor:--toast-bottom-left-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-lg-bottom-left:nth-child(n+10 of.toast-responsive-lg-bottom-left){anchor-name:--toast-bottom-left-anchor-10;position-anchor:--toast-bottom-left-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-lg-bottom-left:nth-child(n+11 of.toast-responsive-lg-bottom-left){anchor-name:--toast-bottom-left-anchor-11;position-anchor:--toast-bottom-left-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-lg-bottom-left:nth-child(n+12 of.toast-responsive-lg-bottom-left){anchor-name:--toast-bottom-left-anchor-12;position-anchor:--toast-bottom-left-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-lg-bottom-left:nth-child(n+13 of.toast-responsive-lg-bottom-left){anchor-name:--toast-bottom-left-anchor-13;position-anchor:--toast-bottom-left-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-lg-bottom-left:nth-child(n+14 of.toast-responsive-lg-bottom-left){anchor-name:--toast-bottom-left-anchor-14;position-anchor:--toast-bottom-left-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-lg-bottom-left:nth-child(n+15 of.toast-responsive-lg-bottom-left){anchor-name:--toast-bottom-left-anchor-15;position-anchor:--toast-bottom-left-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-lg-bottom-left:nth-child(n+16 of.toast-responsive-lg-bottom-left){anchor-name:--toast-bottom-left-anchor-16;position-anchor:--toast-bottom-left-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-lg-bottom-left:nth-child(n+17 of.toast-responsive-lg-bottom-left){anchor-name:--toast-bottom-left-anchor-17;position-anchor:--toast-bottom-left-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-lg-bottom-left:nth-child(n+18 of.toast-responsive-lg-bottom-left){anchor-name:--toast-bottom-left-anchor-18;position-anchor:--toast-bottom-left-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-lg-bottom-left:nth-child(n+19 of.toast-responsive-lg-bottom-left){anchor-name:--toast-bottom-left-anchor-19;position-anchor:--toast-bottom-left-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-lg-bottom-left:nth-child(n+20 of.toast-responsive-lg-bottom-left){anchor-name:--toast-bottom-left-anchor-20;position-anchor:--toast-bottom-left-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-lg-bottom-left:nth-child(n+21 of.toast-responsive-lg-bottom-left){anchor-name:--toast-bottom-left-anchor-21;position-anchor:--toast-bottom-left-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-lg-bottom-left:nth-child(n+22 of.toast-responsive-lg-bottom-left){anchor-name:--toast-bottom-left-anchor-22;position-anchor:--toast-bottom-left-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-lg-bottom-left:nth-child(n+23 of.toast-responsive-lg-bottom-left){anchor-name:--toast-bottom-left-anchor-23;position-anchor:--toast-bottom-left-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-lg-bottom-left:nth-child(n+24 of.toast-responsive-lg-bottom-left){anchor-name:--toast-bottom-left-anchor-24;position-anchor:--toast-bottom-left-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-lg-bottom-left:nth-child(n+25 of.toast-responsive-lg-bottom-left){anchor-name:--toast-bottom-left-anchor-25;position-anchor:--toast-bottom-left-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-lg-bottom-center{padding-inline:var(--toast-spacing)}:host.toast-responsive-lg-bottom-center:nth-child(1 of.toast-responsive-lg-bottom-center){position-anchor:--toast-container-anchor;anchor-name:--toast-bottom-center-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom}:host.toast-responsive-lg-bottom-center:nth-child(n+2 of.toast-responsive-lg-bottom-center){anchor-name:--toast-bottom-center-anchor-2;position-anchor:--toast-bottom-center-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-lg-bottom-center:nth-child(n+3 of.toast-responsive-lg-bottom-center){anchor-name:--toast-bottom-center-anchor-3;position-anchor:--toast-bottom-center-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-lg-bottom-center:nth-child(n+4 of.toast-responsive-lg-bottom-center){anchor-name:--toast-bottom-center-anchor-4;position-anchor:--toast-bottom-center-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-lg-bottom-center:nth-child(n+5 of.toast-responsive-lg-bottom-center){anchor-name:--toast-bottom-center-anchor-5;position-anchor:--toast-bottom-center-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-lg-bottom-center:nth-child(n+6 of.toast-responsive-lg-bottom-center){anchor-name:--toast-bottom-center-anchor-6;position-anchor:--toast-bottom-center-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-lg-bottom-center:nth-child(n+7 of.toast-responsive-lg-bottom-center){anchor-name:--toast-bottom-center-anchor-7;position-anchor:--toast-bottom-center-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-lg-bottom-center:nth-child(n+8 of.toast-responsive-lg-bottom-center){anchor-name:--toast-bottom-center-anchor-8;position-anchor:--toast-bottom-center-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-lg-bottom-center:nth-child(n+9 of.toast-responsive-lg-bottom-center){anchor-name:--toast-bottom-center-anchor-9;position-anchor:--toast-bottom-center-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-lg-bottom-center:nth-child(n+10 of.toast-responsive-lg-bottom-center){anchor-name:--toast-bottom-center-anchor-10;position-anchor:--toast-bottom-center-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-lg-bottom-center:nth-child(n+11 of.toast-responsive-lg-bottom-center){anchor-name:--toast-bottom-center-anchor-11;position-anchor:--toast-bottom-center-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-lg-bottom-center:nth-child(n+12 of.toast-responsive-lg-bottom-center){anchor-name:--toast-bottom-center-anchor-12;position-anchor:--toast-bottom-center-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-lg-bottom-center:nth-child(n+13 of.toast-responsive-lg-bottom-center){anchor-name:--toast-bottom-center-anchor-13;position-anchor:--toast-bottom-center-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-lg-bottom-center:nth-child(n+14 of.toast-responsive-lg-bottom-center){anchor-name:--toast-bottom-center-anchor-14;position-anchor:--toast-bottom-center-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-lg-bottom-center:nth-child(n+15 of.toast-responsive-lg-bottom-center){anchor-name:--toast-bottom-center-anchor-15;position-anchor:--toast-bottom-center-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-lg-bottom-center:nth-child(n+16 of.toast-responsive-lg-bottom-center){anchor-name:--toast-bottom-center-anchor-16;position-anchor:--toast-bottom-center-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-lg-bottom-center:nth-child(n+17 of.toast-responsive-lg-bottom-center){anchor-name:--toast-bottom-center-anchor-17;position-anchor:--toast-bottom-center-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-lg-bottom-center:nth-child(n+18 of.toast-responsive-lg-bottom-center){anchor-name:--toast-bottom-center-anchor-18;position-anchor:--toast-bottom-center-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-lg-bottom-center:nth-child(n+19 of.toast-responsive-lg-bottom-center){anchor-name:--toast-bottom-center-anchor-19;position-anchor:--toast-bottom-center-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-lg-bottom-center:nth-child(n+20 of.toast-responsive-lg-bottom-center){anchor-name:--toast-bottom-center-anchor-20;position-anchor:--toast-bottom-center-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-lg-bottom-center:nth-child(n+21 of.toast-responsive-lg-bottom-center){anchor-name:--toast-bottom-center-anchor-21;position-anchor:--toast-bottom-center-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-lg-bottom-center:nth-child(n+22 of.toast-responsive-lg-bottom-center){anchor-name:--toast-bottom-center-anchor-22;position-anchor:--toast-bottom-center-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-lg-bottom-center:nth-child(n+23 of.toast-responsive-lg-bottom-center){anchor-name:--toast-bottom-center-anchor-23;position-anchor:--toast-bottom-center-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-lg-bottom-center:nth-child(n+24 of.toast-responsive-lg-bottom-center){anchor-name:--toast-bottom-center-anchor-24;position-anchor:--toast-bottom-center-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-lg-bottom-center:nth-child(n+25 of.toast-responsive-lg-bottom-center){anchor-name:--toast-bottom-center-anchor-25;position-anchor:--toast-bottom-center-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-lg-bottom-right{padding-inline:var(--toast-spacing)}:host.toast-responsive-lg-bottom-right:nth-child(1 of.toast-responsive-lg-bottom-right){position-anchor:--toast-container-anchor;anchor-name:--toast-bottom-right-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom span-left}:host.toast-responsive-lg-bottom-right:nth-child(n+2 of.toast-responsive-lg-bottom-right){anchor-name:--toast-bottom-right-anchor-2;position-anchor:--toast-bottom-right-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-lg-bottom-right:nth-child(n+3 of.toast-responsive-lg-bottom-right){anchor-name:--toast-bottom-right-anchor-3;position-anchor:--toast-bottom-right-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-lg-bottom-right:nth-child(n+4 of.toast-responsive-lg-bottom-right){anchor-name:--toast-bottom-right-anchor-4;position-anchor:--toast-bottom-right-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-lg-bottom-right:nth-child(n+5 of.toast-responsive-lg-bottom-right){anchor-name:--toast-bottom-right-anchor-5;position-anchor:--toast-bottom-right-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-lg-bottom-right:nth-child(n+6 of.toast-responsive-lg-bottom-right){anchor-name:--toast-bottom-right-anchor-6;position-anchor:--toast-bottom-right-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-lg-bottom-right:nth-child(n+7 of.toast-responsive-lg-bottom-right){anchor-name:--toast-bottom-right-anchor-7;position-anchor:--toast-bottom-right-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-lg-bottom-right:nth-child(n+8 of.toast-responsive-lg-bottom-right){anchor-name:--toast-bottom-right-anchor-8;position-anchor:--toast-bottom-right-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-lg-bottom-right:nth-child(n+9 of.toast-responsive-lg-bottom-right){anchor-name:--toast-bottom-right-anchor-9;position-anchor:--toast-bottom-right-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-lg-bottom-right:nth-child(n+10 of.toast-responsive-lg-bottom-right){anchor-name:--toast-bottom-right-anchor-10;position-anchor:--toast-bottom-right-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-lg-bottom-right:nth-child(n+11 of.toast-responsive-lg-bottom-right){anchor-name:--toast-bottom-right-anchor-11;position-anchor:--toast-bottom-right-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-lg-bottom-right:nth-child(n+12 of.toast-responsive-lg-bottom-right){anchor-name:--toast-bottom-right-anchor-12;position-anchor:--toast-bottom-right-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-lg-bottom-right:nth-child(n+13 of.toast-responsive-lg-bottom-right){anchor-name:--toast-bottom-right-anchor-13;position-anchor:--toast-bottom-right-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-lg-bottom-right:nth-child(n+14 of.toast-responsive-lg-bottom-right){anchor-name:--toast-bottom-right-anchor-14;position-anchor:--toast-bottom-right-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-lg-bottom-right:nth-child(n+15 of.toast-responsive-lg-bottom-right){anchor-name:--toast-bottom-right-anchor-15;position-anchor:--toast-bottom-right-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-lg-bottom-right:nth-child(n+16 of.toast-responsive-lg-bottom-right){anchor-name:--toast-bottom-right-anchor-16;position-anchor:--toast-bottom-right-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-lg-bottom-right:nth-child(n+17 of.toast-responsive-lg-bottom-right){anchor-name:--toast-bottom-right-anchor-17;position-anchor:--toast-bottom-right-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-lg-bottom-right:nth-child(n+18 of.toast-responsive-lg-bottom-right){anchor-name:--toast-bottom-right-anchor-18;position-anchor:--toast-bottom-right-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-lg-bottom-right:nth-child(n+19 of.toast-responsive-lg-bottom-right){anchor-name:--toast-bottom-right-anchor-19;position-anchor:--toast-bottom-right-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-lg-bottom-right:nth-child(n+20 of.toast-responsive-lg-bottom-right){anchor-name:--toast-bottom-right-anchor-20;position-anchor:--toast-bottom-right-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-lg-bottom-right:nth-child(n+21 of.toast-responsive-lg-bottom-right){anchor-name:--toast-bottom-right-anchor-21;position-anchor:--toast-bottom-right-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-lg-bottom-right:nth-child(n+22 of.toast-responsive-lg-bottom-right){anchor-name:--toast-bottom-right-anchor-22;position-anchor:--toast-bottom-right-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-lg-bottom-right:nth-child(n+23 of.toast-responsive-lg-bottom-right){anchor-name:--toast-bottom-right-anchor-23;position-anchor:--toast-bottom-right-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-lg-bottom-right:nth-child(n+24 of.toast-responsive-lg-bottom-right){anchor-name:--toast-bottom-right-anchor-24;position-anchor:--toast-bottom-right-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-lg-bottom-right:nth-child(n+25 of.toast-responsive-lg-bottom-right){anchor-name:--toast-bottom-right-anchor-25;position-anchor:--toast-bottom-right-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}}@media(max-width:900px){:host.toast-responsive-md-top-left{padding-inline:var(--toast-spacing)}:host.toast-responsive-md-top-left:nth-child(1 of.toast-responsive-md-top-left){position-anchor:--toast-container-anchor;anchor-name:--toast-top-left-anchor-1;padding-top:var(--toast-spacing);position-area:top span-right}:host.toast-responsive-md-top-left:nth-child(n+2 of.toast-responsive-md-top-left){anchor-name:--toast-top-left-anchor-2;position-anchor:--toast-top-left-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-md-top-left:nth-child(n+3 of.toast-responsive-md-top-left){anchor-name:--toast-top-left-anchor-3;position-anchor:--toast-top-left-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-md-top-left:nth-child(n+4 of.toast-responsive-md-top-left){anchor-name:--toast-top-left-anchor-4;position-anchor:--toast-top-left-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-md-top-left:nth-child(n+5 of.toast-responsive-md-top-left){anchor-name:--toast-top-left-anchor-5;position-anchor:--toast-top-left-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-md-top-left:nth-child(n+6 of.toast-responsive-md-top-left){anchor-name:--toast-top-left-anchor-6;position-anchor:--toast-top-left-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-md-top-left:nth-child(n+7 of.toast-responsive-md-top-left){anchor-name:--toast-top-left-anchor-7;position-anchor:--toast-top-left-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-md-top-left:nth-child(n+8 of.toast-responsive-md-top-left){anchor-name:--toast-top-left-anchor-8;position-anchor:--toast-top-left-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-md-top-left:nth-child(n+9 of.toast-responsive-md-top-left){anchor-name:--toast-top-left-anchor-9;position-anchor:--toast-top-left-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-md-top-left:nth-child(n+10 of.toast-responsive-md-top-left){anchor-name:--toast-top-left-anchor-10;position-anchor:--toast-top-left-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-md-top-left:nth-child(n+11 of.toast-responsive-md-top-left){anchor-name:--toast-top-left-anchor-11;position-anchor:--toast-top-left-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-md-top-left:nth-child(n+12 of.toast-responsive-md-top-left){anchor-name:--toast-top-left-anchor-12;position-anchor:--toast-top-left-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-md-top-left:nth-child(n+13 of.toast-responsive-md-top-left){anchor-name:--toast-top-left-anchor-13;position-anchor:--toast-top-left-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-md-top-left:nth-child(n+14 of.toast-responsive-md-top-left){anchor-name:--toast-top-left-anchor-14;position-anchor:--toast-top-left-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-md-top-left:nth-child(n+15 of.toast-responsive-md-top-left){anchor-name:--toast-top-left-anchor-15;position-anchor:--toast-top-left-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-md-top-left:nth-child(n+16 of.toast-responsive-md-top-left){anchor-name:--toast-top-left-anchor-16;position-anchor:--toast-top-left-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-md-top-left:nth-child(n+17 of.toast-responsive-md-top-left){anchor-name:--toast-top-left-anchor-17;position-anchor:--toast-top-left-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-md-top-left:nth-child(n+18 of.toast-responsive-md-top-left){anchor-name:--toast-top-left-anchor-18;position-anchor:--toast-top-left-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-md-top-left:nth-child(n+19 of.toast-responsive-md-top-left){anchor-name:--toast-top-left-anchor-19;position-anchor:--toast-top-left-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-md-top-left:nth-child(n+20 of.toast-responsive-md-top-left){anchor-name:--toast-top-left-anchor-20;position-anchor:--toast-top-left-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-md-top-left:nth-child(n+21 of.toast-responsive-md-top-left){anchor-name:--toast-top-left-anchor-21;position-anchor:--toast-top-left-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-md-top-left:nth-child(n+22 of.toast-responsive-md-top-left){anchor-name:--toast-top-left-anchor-22;position-anchor:--toast-top-left-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-md-top-left:nth-child(n+23 of.toast-responsive-md-top-left){anchor-name:--toast-top-left-anchor-23;position-anchor:--toast-top-left-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-md-top-left:nth-child(n+24 of.toast-responsive-md-top-left){anchor-name:--toast-top-left-anchor-24;position-anchor:--toast-top-left-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-md-top-left:nth-child(n+25 of.toast-responsive-md-top-left){anchor-name:--toast-top-left-anchor-25;position-anchor:--toast-top-left-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-md-top-center{padding-inline:var(--toast-spacing)}:host.toast-responsive-md-top-center:nth-child(1 of.toast-responsive-md-top-center){position-anchor:--toast-container-anchor;anchor-name:--toast-top-center-anchor-1;padding-top:var(--toast-spacing);position-area:top}:host.toast-responsive-md-top-center:nth-child(n+2 of.toast-responsive-md-top-center){anchor-name:--toast-top-center-anchor-2;position-anchor:--toast-top-center-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-md-top-center:nth-child(n+3 of.toast-responsive-md-top-center){anchor-name:--toast-top-center-anchor-3;position-anchor:--toast-top-center-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-md-top-center:nth-child(n+4 of.toast-responsive-md-top-center){anchor-name:--toast-top-center-anchor-4;position-anchor:--toast-top-center-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-md-top-center:nth-child(n+5 of.toast-responsive-md-top-center){anchor-name:--toast-top-center-anchor-5;position-anchor:--toast-top-center-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-md-top-center:nth-child(n+6 of.toast-responsive-md-top-center){anchor-name:--toast-top-center-anchor-6;position-anchor:--toast-top-center-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-md-top-center:nth-child(n+7 of.toast-responsive-md-top-center){anchor-name:--toast-top-center-anchor-7;position-anchor:--toast-top-center-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-md-top-center:nth-child(n+8 of.toast-responsive-md-top-center){anchor-name:--toast-top-center-anchor-8;position-anchor:--toast-top-center-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-md-top-center:nth-child(n+9 of.toast-responsive-md-top-center){anchor-name:--toast-top-center-anchor-9;position-anchor:--toast-top-center-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-md-top-center:nth-child(n+10 of.toast-responsive-md-top-center){anchor-name:--toast-top-center-anchor-10;position-anchor:--toast-top-center-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-md-top-center:nth-child(n+11 of.toast-responsive-md-top-center){anchor-name:--toast-top-center-anchor-11;position-anchor:--toast-top-center-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-md-top-center:nth-child(n+12 of.toast-responsive-md-top-center){anchor-name:--toast-top-center-anchor-12;position-anchor:--toast-top-center-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-md-top-center:nth-child(n+13 of.toast-responsive-md-top-center){anchor-name:--toast-top-center-anchor-13;position-anchor:--toast-top-center-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-md-top-center:nth-child(n+14 of.toast-responsive-md-top-center){anchor-name:--toast-top-center-anchor-14;position-anchor:--toast-top-center-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-md-top-center:nth-child(n+15 of.toast-responsive-md-top-center){anchor-name:--toast-top-center-anchor-15;position-anchor:--toast-top-center-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-md-top-center:nth-child(n+16 of.toast-responsive-md-top-center){anchor-name:--toast-top-center-anchor-16;position-anchor:--toast-top-center-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-md-top-center:nth-child(n+17 of.toast-responsive-md-top-center){anchor-name:--toast-top-center-anchor-17;position-anchor:--toast-top-center-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-md-top-center:nth-child(n+18 of.toast-responsive-md-top-center){anchor-name:--toast-top-center-anchor-18;position-anchor:--toast-top-center-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-md-top-center:nth-child(n+19 of.toast-responsive-md-top-center){anchor-name:--toast-top-center-anchor-19;position-anchor:--toast-top-center-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-md-top-center:nth-child(n+20 of.toast-responsive-md-top-center){anchor-name:--toast-top-center-anchor-20;position-anchor:--toast-top-center-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-md-top-center:nth-child(n+21 of.toast-responsive-md-top-center){anchor-name:--toast-top-center-anchor-21;position-anchor:--toast-top-center-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-md-top-center:nth-child(n+22 of.toast-responsive-md-top-center){anchor-name:--toast-top-center-anchor-22;position-anchor:--toast-top-center-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-md-top-center:nth-child(n+23 of.toast-responsive-md-top-center){anchor-name:--toast-top-center-anchor-23;position-anchor:--toast-top-center-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-md-top-center:nth-child(n+24 of.toast-responsive-md-top-center){anchor-name:--toast-top-center-anchor-24;position-anchor:--toast-top-center-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-md-top-center:nth-child(n+25 of.toast-responsive-md-top-center){anchor-name:--toast-top-center-anchor-25;position-anchor:--toast-top-center-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-md-top-right{padding-inline:var(--toast-spacing)}:host.toast-responsive-md-top-right:nth-child(1 of.toast-responsive-md-top-right){position-anchor:--toast-container-anchor;anchor-name:--toast-top-right-anchor-1;padding-top:var(--toast-spacing);position-area:top span-left}:host.toast-responsive-md-top-right:nth-child(n+2 of.toast-responsive-md-top-right){anchor-name:--toast-top-right-anchor-2;position-anchor:--toast-top-right-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-md-top-right:nth-child(n+3 of.toast-responsive-md-top-right){anchor-name:--toast-top-right-anchor-3;position-anchor:--toast-top-right-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-md-top-right:nth-child(n+4 of.toast-responsive-md-top-right){anchor-name:--toast-top-right-anchor-4;position-anchor:--toast-top-right-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-md-top-right:nth-child(n+5 of.toast-responsive-md-top-right){anchor-name:--toast-top-right-anchor-5;position-anchor:--toast-top-right-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-md-top-right:nth-child(n+6 of.toast-responsive-md-top-right){anchor-name:--toast-top-right-anchor-6;position-anchor:--toast-top-right-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-md-top-right:nth-child(n+7 of.toast-responsive-md-top-right){anchor-name:--toast-top-right-anchor-7;position-anchor:--toast-top-right-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-md-top-right:nth-child(n+8 of.toast-responsive-md-top-right){anchor-name:--toast-top-right-anchor-8;position-anchor:--toast-top-right-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-md-top-right:nth-child(n+9 of.toast-responsive-md-top-right){anchor-name:--toast-top-right-anchor-9;position-anchor:--toast-top-right-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-md-top-right:nth-child(n+10 of.toast-responsive-md-top-right){anchor-name:--toast-top-right-anchor-10;position-anchor:--toast-top-right-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-md-top-right:nth-child(n+11 of.toast-responsive-md-top-right){anchor-name:--toast-top-right-anchor-11;position-anchor:--toast-top-right-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-md-top-right:nth-child(n+12 of.toast-responsive-md-top-right){anchor-name:--toast-top-right-anchor-12;position-anchor:--toast-top-right-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-md-top-right:nth-child(n+13 of.toast-responsive-md-top-right){anchor-name:--toast-top-right-anchor-13;position-anchor:--toast-top-right-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-md-top-right:nth-child(n+14 of.toast-responsive-md-top-right){anchor-name:--toast-top-right-anchor-14;position-anchor:--toast-top-right-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-md-top-right:nth-child(n+15 of.toast-responsive-md-top-right){anchor-name:--toast-top-right-anchor-15;position-anchor:--toast-top-right-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-md-top-right:nth-child(n+16 of.toast-responsive-md-top-right){anchor-name:--toast-top-right-anchor-16;position-anchor:--toast-top-right-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-md-top-right:nth-child(n+17 of.toast-responsive-md-top-right){anchor-name:--toast-top-right-anchor-17;position-anchor:--toast-top-right-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-md-top-right:nth-child(n+18 of.toast-responsive-md-top-right){anchor-name:--toast-top-right-anchor-18;position-anchor:--toast-top-right-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-md-top-right:nth-child(n+19 of.toast-responsive-md-top-right){anchor-name:--toast-top-right-anchor-19;position-anchor:--toast-top-right-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-md-top-right:nth-child(n+20 of.toast-responsive-md-top-right){anchor-name:--toast-top-right-anchor-20;position-anchor:--toast-top-right-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-md-top-right:nth-child(n+21 of.toast-responsive-md-top-right){anchor-name:--toast-top-right-anchor-21;position-anchor:--toast-top-right-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-md-top-right:nth-child(n+22 of.toast-responsive-md-top-right){anchor-name:--toast-top-right-anchor-22;position-anchor:--toast-top-right-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-md-top-right:nth-child(n+23 of.toast-responsive-md-top-right){anchor-name:--toast-top-right-anchor-23;position-anchor:--toast-top-right-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-md-top-right:nth-child(n+24 of.toast-responsive-md-top-right){anchor-name:--toast-top-right-anchor-24;position-anchor:--toast-top-right-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-md-top-right:nth-child(n+25 of.toast-responsive-md-top-right){anchor-name:--toast-top-right-anchor-25;position-anchor:--toast-top-right-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-md-bottom-left{padding-inline:var(--toast-spacing)}:host.toast-responsive-md-bottom-left:nth-child(1 of.toast-responsive-md-bottom-left){position-anchor:--toast-container-anchor;anchor-name:--toast-bottom-left-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom span-right}:host.toast-responsive-md-bottom-left:nth-child(n+2 of.toast-responsive-md-bottom-left){anchor-name:--toast-bottom-left-anchor-2;position-anchor:--toast-bottom-left-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-md-bottom-left:nth-child(n+3 of.toast-responsive-md-bottom-left){anchor-name:--toast-bottom-left-anchor-3;position-anchor:--toast-bottom-left-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-md-bottom-left:nth-child(n+4 of.toast-responsive-md-bottom-left){anchor-name:--toast-bottom-left-anchor-4;position-anchor:--toast-bottom-left-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-md-bottom-left:nth-child(n+5 of.toast-responsive-md-bottom-left){anchor-name:--toast-bottom-left-anchor-5;position-anchor:--toast-bottom-left-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-md-bottom-left:nth-child(n+6 of.toast-responsive-md-bottom-left){anchor-name:--toast-bottom-left-anchor-6;position-anchor:--toast-bottom-left-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-md-bottom-left:nth-child(n+7 of.toast-responsive-md-bottom-left){anchor-name:--toast-bottom-left-anchor-7;position-anchor:--toast-bottom-left-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-md-bottom-left:nth-child(n+8 of.toast-responsive-md-bottom-left){anchor-name:--toast-bottom-left-anchor-8;position-anchor:--toast-bottom-left-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-md-bottom-left:nth-child(n+9 of.toast-responsive-md-bottom-left){anchor-name:--toast-bottom-left-anchor-9;position-anchor:--toast-bottom-left-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-md-bottom-left:nth-child(n+10 of.toast-responsive-md-bottom-left){anchor-name:--toast-bottom-left-anchor-10;position-anchor:--toast-bottom-left-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-md-bottom-left:nth-child(n+11 of.toast-responsive-md-bottom-left){anchor-name:--toast-bottom-left-anchor-11;position-anchor:--toast-bottom-left-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-md-bottom-left:nth-child(n+12 of.toast-responsive-md-bottom-left){anchor-name:--toast-bottom-left-anchor-12;position-anchor:--toast-bottom-left-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-md-bottom-left:nth-child(n+13 of.toast-responsive-md-bottom-left){anchor-name:--toast-bottom-left-anchor-13;position-anchor:--toast-bottom-left-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-md-bottom-left:nth-child(n+14 of.toast-responsive-md-bottom-left){anchor-name:--toast-bottom-left-anchor-14;position-anchor:--toast-bottom-left-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-md-bottom-left:nth-child(n+15 of.toast-responsive-md-bottom-left){anchor-name:--toast-bottom-left-anchor-15;position-anchor:--toast-bottom-left-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-md-bottom-left:nth-child(n+16 of.toast-responsive-md-bottom-left){anchor-name:--toast-bottom-left-anchor-16;position-anchor:--toast-bottom-left-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-md-bottom-left:nth-child(n+17 of.toast-responsive-md-bottom-left){anchor-name:--toast-bottom-left-anchor-17;position-anchor:--toast-bottom-left-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-md-bottom-left:nth-child(n+18 of.toast-responsive-md-bottom-left){anchor-name:--toast-bottom-left-anchor-18;position-anchor:--toast-bottom-left-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-md-bottom-left:nth-child(n+19 of.toast-responsive-md-bottom-left){anchor-name:--toast-bottom-left-anchor-19;position-anchor:--toast-bottom-left-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-md-bottom-left:nth-child(n+20 of.toast-responsive-md-bottom-left){anchor-name:--toast-bottom-left-anchor-20;position-anchor:--toast-bottom-left-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-md-bottom-left:nth-child(n+21 of.toast-responsive-md-bottom-left){anchor-name:--toast-bottom-left-anchor-21;position-anchor:--toast-bottom-left-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-md-bottom-left:nth-child(n+22 of.toast-responsive-md-bottom-left){anchor-name:--toast-bottom-left-anchor-22;position-anchor:--toast-bottom-left-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-md-bottom-left:nth-child(n+23 of.toast-responsive-md-bottom-left){anchor-name:--toast-bottom-left-anchor-23;position-anchor:--toast-bottom-left-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-md-bottom-left:nth-child(n+24 of.toast-responsive-md-bottom-left){anchor-name:--toast-bottom-left-anchor-24;position-anchor:--toast-bottom-left-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-md-bottom-left:nth-child(n+25 of.toast-responsive-md-bottom-left){anchor-name:--toast-bottom-left-anchor-25;position-anchor:--toast-bottom-left-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-md-bottom-center{padding-inline:var(--toast-spacing)}:host.toast-responsive-md-bottom-center:nth-child(1 of.toast-responsive-md-bottom-center){position-anchor:--toast-container-anchor;anchor-name:--toast-bottom-center-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom}:host.toast-responsive-md-bottom-center:nth-child(n+2 of.toast-responsive-md-bottom-center){anchor-name:--toast-bottom-center-anchor-2;position-anchor:--toast-bottom-center-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-md-bottom-center:nth-child(n+3 of.toast-responsive-md-bottom-center){anchor-name:--toast-bottom-center-anchor-3;position-anchor:--toast-bottom-center-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-md-bottom-center:nth-child(n+4 of.toast-responsive-md-bottom-center){anchor-name:--toast-bottom-center-anchor-4;position-anchor:--toast-bottom-center-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-md-bottom-center:nth-child(n+5 of.toast-responsive-md-bottom-center){anchor-name:--toast-bottom-center-anchor-5;position-anchor:--toast-bottom-center-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-md-bottom-center:nth-child(n+6 of.toast-responsive-md-bottom-center){anchor-name:--toast-bottom-center-anchor-6;position-anchor:--toast-bottom-center-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-md-bottom-center:nth-child(n+7 of.toast-responsive-md-bottom-center){anchor-name:--toast-bottom-center-anchor-7;position-anchor:--toast-bottom-center-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-md-bottom-center:nth-child(n+8 of.toast-responsive-md-bottom-center){anchor-name:--toast-bottom-center-anchor-8;position-anchor:--toast-bottom-center-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-md-bottom-center:nth-child(n+9 of.toast-responsive-md-bottom-center){anchor-name:--toast-bottom-center-anchor-9;position-anchor:--toast-bottom-center-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-md-bottom-center:nth-child(n+10 of.toast-responsive-md-bottom-center){anchor-name:--toast-bottom-center-anchor-10;position-anchor:--toast-bottom-center-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-md-bottom-center:nth-child(n+11 of.toast-responsive-md-bottom-center){anchor-name:--toast-bottom-center-anchor-11;position-anchor:--toast-bottom-center-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-md-bottom-center:nth-child(n+12 of.toast-responsive-md-bottom-center){anchor-name:--toast-bottom-center-anchor-12;position-anchor:--toast-bottom-center-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-md-bottom-center:nth-child(n+13 of.toast-responsive-md-bottom-center){anchor-name:--toast-bottom-center-anchor-13;position-anchor:--toast-bottom-center-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-md-bottom-center:nth-child(n+14 of.toast-responsive-md-bottom-center){anchor-name:--toast-bottom-center-anchor-14;position-anchor:--toast-bottom-center-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-md-bottom-center:nth-child(n+15 of.toast-responsive-md-bottom-center){anchor-name:--toast-bottom-center-anchor-15;position-anchor:--toast-bottom-center-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-md-bottom-center:nth-child(n+16 of.toast-responsive-md-bottom-center){anchor-name:--toast-bottom-center-anchor-16;position-anchor:--toast-bottom-center-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-md-bottom-center:nth-child(n+17 of.toast-responsive-md-bottom-center){anchor-name:--toast-bottom-center-anchor-17;position-anchor:--toast-bottom-center-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-md-bottom-center:nth-child(n+18 of.toast-responsive-md-bottom-center){anchor-name:--toast-bottom-center-anchor-18;position-anchor:--toast-bottom-center-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-md-bottom-center:nth-child(n+19 of.toast-responsive-md-bottom-center){anchor-name:--toast-bottom-center-anchor-19;position-anchor:--toast-bottom-center-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-md-bottom-center:nth-child(n+20 of.toast-responsive-md-bottom-center){anchor-name:--toast-bottom-center-anchor-20;position-anchor:--toast-bottom-center-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-md-bottom-center:nth-child(n+21 of.toast-responsive-md-bottom-center){anchor-name:--toast-bottom-center-anchor-21;position-anchor:--toast-bottom-center-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-md-bottom-center:nth-child(n+22 of.toast-responsive-md-bottom-center){anchor-name:--toast-bottom-center-anchor-22;position-anchor:--toast-bottom-center-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-md-bottom-center:nth-child(n+23 of.toast-responsive-md-bottom-center){anchor-name:--toast-bottom-center-anchor-23;position-anchor:--toast-bottom-center-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-md-bottom-center:nth-child(n+24 of.toast-responsive-md-bottom-center){anchor-name:--toast-bottom-center-anchor-24;position-anchor:--toast-bottom-center-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-md-bottom-center:nth-child(n+25 of.toast-responsive-md-bottom-center){anchor-name:--toast-bottom-center-anchor-25;position-anchor:--toast-bottom-center-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-md-bottom-right{padding-inline:var(--toast-spacing)}:host.toast-responsive-md-bottom-right:nth-child(1 of.toast-responsive-md-bottom-right){position-anchor:--toast-container-anchor;anchor-name:--toast-bottom-right-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom span-left}:host.toast-responsive-md-bottom-right:nth-child(n+2 of.toast-responsive-md-bottom-right){anchor-name:--toast-bottom-right-anchor-2;position-anchor:--toast-bottom-right-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-md-bottom-right:nth-child(n+3 of.toast-responsive-md-bottom-right){anchor-name:--toast-bottom-right-anchor-3;position-anchor:--toast-bottom-right-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-md-bottom-right:nth-child(n+4 of.toast-responsive-md-bottom-right){anchor-name:--toast-bottom-right-anchor-4;position-anchor:--toast-bottom-right-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-md-bottom-right:nth-child(n+5 of.toast-responsive-md-bottom-right){anchor-name:--toast-bottom-right-anchor-5;position-anchor:--toast-bottom-right-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-md-bottom-right:nth-child(n+6 of.toast-responsive-md-bottom-right){anchor-name:--toast-bottom-right-anchor-6;position-anchor:--toast-bottom-right-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-md-bottom-right:nth-child(n+7 of.toast-responsive-md-bottom-right){anchor-name:--toast-bottom-right-anchor-7;position-anchor:--toast-bottom-right-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-md-bottom-right:nth-child(n+8 of.toast-responsive-md-bottom-right){anchor-name:--toast-bottom-right-anchor-8;position-anchor:--toast-bottom-right-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-md-bottom-right:nth-child(n+9 of.toast-responsive-md-bottom-right){anchor-name:--toast-bottom-right-anchor-9;position-anchor:--toast-bottom-right-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-md-bottom-right:nth-child(n+10 of.toast-responsive-md-bottom-right){anchor-name:--toast-bottom-right-anchor-10;position-anchor:--toast-bottom-right-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-md-bottom-right:nth-child(n+11 of.toast-responsive-md-bottom-right){anchor-name:--toast-bottom-right-anchor-11;position-anchor:--toast-bottom-right-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-md-bottom-right:nth-child(n+12 of.toast-responsive-md-bottom-right){anchor-name:--toast-bottom-right-anchor-12;position-anchor:--toast-bottom-right-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-md-bottom-right:nth-child(n+13 of.toast-responsive-md-bottom-right){anchor-name:--toast-bottom-right-anchor-13;position-anchor:--toast-bottom-right-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-md-bottom-right:nth-child(n+14 of.toast-responsive-md-bottom-right){anchor-name:--toast-bottom-right-anchor-14;position-anchor:--toast-bottom-right-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-md-bottom-right:nth-child(n+15 of.toast-responsive-md-bottom-right){anchor-name:--toast-bottom-right-anchor-15;position-anchor:--toast-bottom-right-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-md-bottom-right:nth-child(n+16 of.toast-responsive-md-bottom-right){anchor-name:--toast-bottom-right-anchor-16;position-anchor:--toast-bottom-right-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-md-bottom-right:nth-child(n+17 of.toast-responsive-md-bottom-right){anchor-name:--toast-bottom-right-anchor-17;position-anchor:--toast-bottom-right-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-md-bottom-right:nth-child(n+18 of.toast-responsive-md-bottom-right){anchor-name:--toast-bottom-right-anchor-18;position-anchor:--toast-bottom-right-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-md-bottom-right:nth-child(n+19 of.toast-responsive-md-bottom-right){anchor-name:--toast-bottom-right-anchor-19;position-anchor:--toast-bottom-right-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-md-bottom-right:nth-child(n+20 of.toast-responsive-md-bottom-right){anchor-name:--toast-bottom-right-anchor-20;position-anchor:--toast-bottom-right-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-md-bottom-right:nth-child(n+21 of.toast-responsive-md-bottom-right){anchor-name:--toast-bottom-right-anchor-21;position-anchor:--toast-bottom-right-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-md-bottom-right:nth-child(n+22 of.toast-responsive-md-bottom-right){anchor-name:--toast-bottom-right-anchor-22;position-anchor:--toast-bottom-right-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-md-bottom-right:nth-child(n+23 of.toast-responsive-md-bottom-right){anchor-name:--toast-bottom-right-anchor-23;position-anchor:--toast-bottom-right-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-md-bottom-right:nth-child(n+24 of.toast-responsive-md-bottom-right){anchor-name:--toast-bottom-right-anchor-24;position-anchor:--toast-bottom-right-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-md-bottom-right:nth-child(n+25 of.toast-responsive-md-bottom-right){anchor-name:--toast-bottom-right-anchor-25;position-anchor:--toast-bottom-right-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}}@media(max-width:600px){:host.toast-responsive-sm-top-left{padding-inline:var(--toast-spacing)}:host.toast-responsive-sm-top-left:nth-child(1 of.toast-responsive-sm-top-left){position-anchor:--toast-container-anchor;anchor-name:--toast-top-left-anchor-1;padding-top:var(--toast-spacing);position-area:top span-right}:host.toast-responsive-sm-top-left:nth-child(n+2 of.toast-responsive-sm-top-left){anchor-name:--toast-top-left-anchor-2;position-anchor:--toast-top-left-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-sm-top-left:nth-child(n+3 of.toast-responsive-sm-top-left){anchor-name:--toast-top-left-anchor-3;position-anchor:--toast-top-left-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-sm-top-left:nth-child(n+4 of.toast-responsive-sm-top-left){anchor-name:--toast-top-left-anchor-4;position-anchor:--toast-top-left-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-sm-top-left:nth-child(n+5 of.toast-responsive-sm-top-left){anchor-name:--toast-top-left-anchor-5;position-anchor:--toast-top-left-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-sm-top-left:nth-child(n+6 of.toast-responsive-sm-top-left){anchor-name:--toast-top-left-anchor-6;position-anchor:--toast-top-left-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-sm-top-left:nth-child(n+7 of.toast-responsive-sm-top-left){anchor-name:--toast-top-left-anchor-7;position-anchor:--toast-top-left-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-sm-top-left:nth-child(n+8 of.toast-responsive-sm-top-left){anchor-name:--toast-top-left-anchor-8;position-anchor:--toast-top-left-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-sm-top-left:nth-child(n+9 of.toast-responsive-sm-top-left){anchor-name:--toast-top-left-anchor-9;position-anchor:--toast-top-left-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-sm-top-left:nth-child(n+10 of.toast-responsive-sm-top-left){anchor-name:--toast-top-left-anchor-10;position-anchor:--toast-top-left-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-sm-top-left:nth-child(n+11 of.toast-responsive-sm-top-left){anchor-name:--toast-top-left-anchor-11;position-anchor:--toast-top-left-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-sm-top-left:nth-child(n+12 of.toast-responsive-sm-top-left){anchor-name:--toast-top-left-anchor-12;position-anchor:--toast-top-left-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-sm-top-left:nth-child(n+13 of.toast-responsive-sm-top-left){anchor-name:--toast-top-left-anchor-13;position-anchor:--toast-top-left-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-sm-top-left:nth-child(n+14 of.toast-responsive-sm-top-left){anchor-name:--toast-top-left-anchor-14;position-anchor:--toast-top-left-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-sm-top-left:nth-child(n+15 of.toast-responsive-sm-top-left){anchor-name:--toast-top-left-anchor-15;position-anchor:--toast-top-left-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-sm-top-left:nth-child(n+16 of.toast-responsive-sm-top-left){anchor-name:--toast-top-left-anchor-16;position-anchor:--toast-top-left-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-sm-top-left:nth-child(n+17 of.toast-responsive-sm-top-left){anchor-name:--toast-top-left-anchor-17;position-anchor:--toast-top-left-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-sm-top-left:nth-child(n+18 of.toast-responsive-sm-top-left){anchor-name:--toast-top-left-anchor-18;position-anchor:--toast-top-left-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-sm-top-left:nth-child(n+19 of.toast-responsive-sm-top-left){anchor-name:--toast-top-left-anchor-19;position-anchor:--toast-top-left-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-sm-top-left:nth-child(n+20 of.toast-responsive-sm-top-left){anchor-name:--toast-top-left-anchor-20;position-anchor:--toast-top-left-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-sm-top-left:nth-child(n+21 of.toast-responsive-sm-top-left){anchor-name:--toast-top-left-anchor-21;position-anchor:--toast-top-left-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-sm-top-left:nth-child(n+22 of.toast-responsive-sm-top-left){anchor-name:--toast-top-left-anchor-22;position-anchor:--toast-top-left-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-sm-top-left:nth-child(n+23 of.toast-responsive-sm-top-left){anchor-name:--toast-top-left-anchor-23;position-anchor:--toast-top-left-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-sm-top-left:nth-child(n+24 of.toast-responsive-sm-top-left){anchor-name:--toast-top-left-anchor-24;position-anchor:--toast-top-left-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-sm-top-left:nth-child(n+25 of.toast-responsive-sm-top-left){anchor-name:--toast-top-left-anchor-25;position-anchor:--toast-top-left-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-sm-top-center{padding-inline:var(--toast-spacing)}:host.toast-responsive-sm-top-center:nth-child(1 of.toast-responsive-sm-top-center){position-anchor:--toast-container-anchor;anchor-name:--toast-top-center-anchor-1;padding-top:var(--toast-spacing);position-area:top}:host.toast-responsive-sm-top-center:nth-child(n+2 of.toast-responsive-sm-top-center){anchor-name:--toast-top-center-anchor-2;position-anchor:--toast-top-center-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-sm-top-center:nth-child(n+3 of.toast-responsive-sm-top-center){anchor-name:--toast-top-center-anchor-3;position-anchor:--toast-top-center-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-sm-top-center:nth-child(n+4 of.toast-responsive-sm-top-center){anchor-name:--toast-top-center-anchor-4;position-anchor:--toast-top-center-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-sm-top-center:nth-child(n+5 of.toast-responsive-sm-top-center){anchor-name:--toast-top-center-anchor-5;position-anchor:--toast-top-center-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-sm-top-center:nth-child(n+6 of.toast-responsive-sm-top-center){anchor-name:--toast-top-center-anchor-6;position-anchor:--toast-top-center-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-sm-top-center:nth-child(n+7 of.toast-responsive-sm-top-center){anchor-name:--toast-top-center-anchor-7;position-anchor:--toast-top-center-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-sm-top-center:nth-child(n+8 of.toast-responsive-sm-top-center){anchor-name:--toast-top-center-anchor-8;position-anchor:--toast-top-center-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-sm-top-center:nth-child(n+9 of.toast-responsive-sm-top-center){anchor-name:--toast-top-center-anchor-9;position-anchor:--toast-top-center-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-sm-top-center:nth-child(n+10 of.toast-responsive-sm-top-center){anchor-name:--toast-top-center-anchor-10;position-anchor:--toast-top-center-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-sm-top-center:nth-child(n+11 of.toast-responsive-sm-top-center){anchor-name:--toast-top-center-anchor-11;position-anchor:--toast-top-center-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-sm-top-center:nth-child(n+12 of.toast-responsive-sm-top-center){anchor-name:--toast-top-center-anchor-12;position-anchor:--toast-top-center-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-sm-top-center:nth-child(n+13 of.toast-responsive-sm-top-center){anchor-name:--toast-top-center-anchor-13;position-anchor:--toast-top-center-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-sm-top-center:nth-child(n+14 of.toast-responsive-sm-top-center){anchor-name:--toast-top-center-anchor-14;position-anchor:--toast-top-center-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-sm-top-center:nth-child(n+15 of.toast-responsive-sm-top-center){anchor-name:--toast-top-center-anchor-15;position-anchor:--toast-top-center-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-sm-top-center:nth-child(n+16 of.toast-responsive-sm-top-center){anchor-name:--toast-top-center-anchor-16;position-anchor:--toast-top-center-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-sm-top-center:nth-child(n+17 of.toast-responsive-sm-top-center){anchor-name:--toast-top-center-anchor-17;position-anchor:--toast-top-center-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-sm-top-center:nth-child(n+18 of.toast-responsive-sm-top-center){anchor-name:--toast-top-center-anchor-18;position-anchor:--toast-top-center-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-sm-top-center:nth-child(n+19 of.toast-responsive-sm-top-center){anchor-name:--toast-top-center-anchor-19;position-anchor:--toast-top-center-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-sm-top-center:nth-child(n+20 of.toast-responsive-sm-top-center){anchor-name:--toast-top-center-anchor-20;position-anchor:--toast-top-center-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-sm-top-center:nth-child(n+21 of.toast-responsive-sm-top-center){anchor-name:--toast-top-center-anchor-21;position-anchor:--toast-top-center-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-sm-top-center:nth-child(n+22 of.toast-responsive-sm-top-center){anchor-name:--toast-top-center-anchor-22;position-anchor:--toast-top-center-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-sm-top-center:nth-child(n+23 of.toast-responsive-sm-top-center){anchor-name:--toast-top-center-anchor-23;position-anchor:--toast-top-center-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-sm-top-center:nth-child(n+24 of.toast-responsive-sm-top-center){anchor-name:--toast-top-center-anchor-24;position-anchor:--toast-top-center-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-sm-top-center:nth-child(n+25 of.toast-responsive-sm-top-center){anchor-name:--toast-top-center-anchor-25;position-anchor:--toast-top-center-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-sm-top-right{padding-inline:var(--toast-spacing)}:host.toast-responsive-sm-top-right:nth-child(1 of.toast-responsive-sm-top-right){position-anchor:--toast-container-anchor;anchor-name:--toast-top-right-anchor-1;padding-top:var(--toast-spacing);position-area:top span-left}:host.toast-responsive-sm-top-right:nth-child(n+2 of.toast-responsive-sm-top-right){anchor-name:--toast-top-right-anchor-2;position-anchor:--toast-top-right-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-sm-top-right:nth-child(n+3 of.toast-responsive-sm-top-right){anchor-name:--toast-top-right-anchor-3;position-anchor:--toast-top-right-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-sm-top-right:nth-child(n+4 of.toast-responsive-sm-top-right){anchor-name:--toast-top-right-anchor-4;position-anchor:--toast-top-right-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-sm-top-right:nth-child(n+5 of.toast-responsive-sm-top-right){anchor-name:--toast-top-right-anchor-5;position-anchor:--toast-top-right-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-sm-top-right:nth-child(n+6 of.toast-responsive-sm-top-right){anchor-name:--toast-top-right-anchor-6;position-anchor:--toast-top-right-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-sm-top-right:nth-child(n+7 of.toast-responsive-sm-top-right){anchor-name:--toast-top-right-anchor-7;position-anchor:--toast-top-right-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-sm-top-right:nth-child(n+8 of.toast-responsive-sm-top-right){anchor-name:--toast-top-right-anchor-8;position-anchor:--toast-top-right-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-sm-top-right:nth-child(n+9 of.toast-responsive-sm-top-right){anchor-name:--toast-top-right-anchor-9;position-anchor:--toast-top-right-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-sm-top-right:nth-child(n+10 of.toast-responsive-sm-top-right){anchor-name:--toast-top-right-anchor-10;position-anchor:--toast-top-right-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-sm-top-right:nth-child(n+11 of.toast-responsive-sm-top-right){anchor-name:--toast-top-right-anchor-11;position-anchor:--toast-top-right-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-sm-top-right:nth-child(n+12 of.toast-responsive-sm-top-right){anchor-name:--toast-top-right-anchor-12;position-anchor:--toast-top-right-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-sm-top-right:nth-child(n+13 of.toast-responsive-sm-top-right){anchor-name:--toast-top-right-anchor-13;position-anchor:--toast-top-right-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-sm-top-right:nth-child(n+14 of.toast-responsive-sm-top-right){anchor-name:--toast-top-right-anchor-14;position-anchor:--toast-top-right-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-sm-top-right:nth-child(n+15 of.toast-responsive-sm-top-right){anchor-name:--toast-top-right-anchor-15;position-anchor:--toast-top-right-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-sm-top-right:nth-child(n+16 of.toast-responsive-sm-top-right){anchor-name:--toast-top-right-anchor-16;position-anchor:--toast-top-right-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-sm-top-right:nth-child(n+17 of.toast-responsive-sm-top-right){anchor-name:--toast-top-right-anchor-17;position-anchor:--toast-top-right-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-sm-top-right:nth-child(n+18 of.toast-responsive-sm-top-right){anchor-name:--toast-top-right-anchor-18;position-anchor:--toast-top-right-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-sm-top-right:nth-child(n+19 of.toast-responsive-sm-top-right){anchor-name:--toast-top-right-anchor-19;position-anchor:--toast-top-right-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-sm-top-right:nth-child(n+20 of.toast-responsive-sm-top-right){anchor-name:--toast-top-right-anchor-20;position-anchor:--toast-top-right-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-sm-top-right:nth-child(n+21 of.toast-responsive-sm-top-right){anchor-name:--toast-top-right-anchor-21;position-anchor:--toast-top-right-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-sm-top-right:nth-child(n+22 of.toast-responsive-sm-top-right){anchor-name:--toast-top-right-anchor-22;position-anchor:--toast-top-right-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-sm-top-right:nth-child(n+23 of.toast-responsive-sm-top-right){anchor-name:--toast-top-right-anchor-23;position-anchor:--toast-top-right-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-sm-top-right:nth-child(n+24 of.toast-responsive-sm-top-right){anchor-name:--toast-top-right-anchor-24;position-anchor:--toast-top-right-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-sm-top-right:nth-child(n+25 of.toast-responsive-sm-top-right){anchor-name:--toast-top-right-anchor-25;position-anchor:--toast-top-right-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-sm-bottom-left{padding-inline:var(--toast-spacing)}:host.toast-responsive-sm-bottom-left:nth-child(1 of.toast-responsive-sm-bottom-left){position-anchor:--toast-container-anchor;anchor-name:--toast-bottom-left-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom span-right}:host.toast-responsive-sm-bottom-left:nth-child(n+2 of.toast-responsive-sm-bottom-left){anchor-name:--toast-bottom-left-anchor-2;position-anchor:--toast-bottom-left-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-sm-bottom-left:nth-child(n+3 of.toast-responsive-sm-bottom-left){anchor-name:--toast-bottom-left-anchor-3;position-anchor:--toast-bottom-left-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-sm-bottom-left:nth-child(n+4 of.toast-responsive-sm-bottom-left){anchor-name:--toast-bottom-left-anchor-4;position-anchor:--toast-bottom-left-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-sm-bottom-left:nth-child(n+5 of.toast-responsive-sm-bottom-left){anchor-name:--toast-bottom-left-anchor-5;position-anchor:--toast-bottom-left-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-sm-bottom-left:nth-child(n+6 of.toast-responsive-sm-bottom-left){anchor-name:--toast-bottom-left-anchor-6;position-anchor:--toast-bottom-left-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-sm-bottom-left:nth-child(n+7 of.toast-responsive-sm-bottom-left){anchor-name:--toast-bottom-left-anchor-7;position-anchor:--toast-bottom-left-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-sm-bottom-left:nth-child(n+8 of.toast-responsive-sm-bottom-left){anchor-name:--toast-bottom-left-anchor-8;position-anchor:--toast-bottom-left-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-sm-bottom-left:nth-child(n+9 of.toast-responsive-sm-bottom-left){anchor-name:--toast-bottom-left-anchor-9;position-anchor:--toast-bottom-left-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-sm-bottom-left:nth-child(n+10 of.toast-responsive-sm-bottom-left){anchor-name:--toast-bottom-left-anchor-10;position-anchor:--toast-bottom-left-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-sm-bottom-left:nth-child(n+11 of.toast-responsive-sm-bottom-left){anchor-name:--toast-bottom-left-anchor-11;position-anchor:--toast-bottom-left-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-sm-bottom-left:nth-child(n+12 of.toast-responsive-sm-bottom-left){anchor-name:--toast-bottom-left-anchor-12;position-anchor:--toast-bottom-left-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-sm-bottom-left:nth-child(n+13 of.toast-responsive-sm-bottom-left){anchor-name:--toast-bottom-left-anchor-13;position-anchor:--toast-bottom-left-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-sm-bottom-left:nth-child(n+14 of.toast-responsive-sm-bottom-left){anchor-name:--toast-bottom-left-anchor-14;position-anchor:--toast-bottom-left-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-sm-bottom-left:nth-child(n+15 of.toast-responsive-sm-bottom-left){anchor-name:--toast-bottom-left-anchor-15;position-anchor:--toast-bottom-left-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-sm-bottom-left:nth-child(n+16 of.toast-responsive-sm-bottom-left){anchor-name:--toast-bottom-left-anchor-16;position-anchor:--toast-bottom-left-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-sm-bottom-left:nth-child(n+17 of.toast-responsive-sm-bottom-left){anchor-name:--toast-bottom-left-anchor-17;position-anchor:--toast-bottom-left-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-sm-bottom-left:nth-child(n+18 of.toast-responsive-sm-bottom-left){anchor-name:--toast-bottom-left-anchor-18;position-anchor:--toast-bottom-left-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-sm-bottom-left:nth-child(n+19 of.toast-responsive-sm-bottom-left){anchor-name:--toast-bottom-left-anchor-19;position-anchor:--toast-bottom-left-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-sm-bottom-left:nth-child(n+20 of.toast-responsive-sm-bottom-left){anchor-name:--toast-bottom-left-anchor-20;position-anchor:--toast-bottom-left-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-sm-bottom-left:nth-child(n+21 of.toast-responsive-sm-bottom-left){anchor-name:--toast-bottom-left-anchor-21;position-anchor:--toast-bottom-left-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-sm-bottom-left:nth-child(n+22 of.toast-responsive-sm-bottom-left){anchor-name:--toast-bottom-left-anchor-22;position-anchor:--toast-bottom-left-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-sm-bottom-left:nth-child(n+23 of.toast-responsive-sm-bottom-left){anchor-name:--toast-bottom-left-anchor-23;position-anchor:--toast-bottom-left-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-sm-bottom-left:nth-child(n+24 of.toast-responsive-sm-bottom-left){anchor-name:--toast-bottom-left-anchor-24;position-anchor:--toast-bottom-left-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-sm-bottom-left:nth-child(n+25 of.toast-responsive-sm-bottom-left){anchor-name:--toast-bottom-left-anchor-25;position-anchor:--toast-bottom-left-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-sm-bottom-center{padding-inline:var(--toast-spacing)}:host.toast-responsive-sm-bottom-center:nth-child(1 of.toast-responsive-sm-bottom-center){position-anchor:--toast-container-anchor;anchor-name:--toast-bottom-center-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom}:host.toast-responsive-sm-bottom-center:nth-child(n+2 of.toast-responsive-sm-bottom-center){anchor-name:--toast-bottom-center-anchor-2;position-anchor:--toast-bottom-center-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-sm-bottom-center:nth-child(n+3 of.toast-responsive-sm-bottom-center){anchor-name:--toast-bottom-center-anchor-3;position-anchor:--toast-bottom-center-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-sm-bottom-center:nth-child(n+4 of.toast-responsive-sm-bottom-center){anchor-name:--toast-bottom-center-anchor-4;position-anchor:--toast-bottom-center-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-sm-bottom-center:nth-child(n+5 of.toast-responsive-sm-bottom-center){anchor-name:--toast-bottom-center-anchor-5;position-anchor:--toast-bottom-center-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-sm-bottom-center:nth-child(n+6 of.toast-responsive-sm-bottom-center){anchor-name:--toast-bottom-center-anchor-6;position-anchor:--toast-bottom-center-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-sm-bottom-center:nth-child(n+7 of.toast-responsive-sm-bottom-center){anchor-name:--toast-bottom-center-anchor-7;position-anchor:--toast-bottom-center-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-sm-bottom-center:nth-child(n+8 of.toast-responsive-sm-bottom-center){anchor-name:--toast-bottom-center-anchor-8;position-anchor:--toast-bottom-center-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-sm-bottom-center:nth-child(n+9 of.toast-responsive-sm-bottom-center){anchor-name:--toast-bottom-center-anchor-9;position-anchor:--toast-bottom-center-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-sm-bottom-center:nth-child(n+10 of.toast-responsive-sm-bottom-center){anchor-name:--toast-bottom-center-anchor-10;position-anchor:--toast-bottom-center-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-sm-bottom-center:nth-child(n+11 of.toast-responsive-sm-bottom-center){anchor-name:--toast-bottom-center-anchor-11;position-anchor:--toast-bottom-center-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-sm-bottom-center:nth-child(n+12 of.toast-responsive-sm-bottom-center){anchor-name:--toast-bottom-center-anchor-12;position-anchor:--toast-bottom-center-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-sm-bottom-center:nth-child(n+13 of.toast-responsive-sm-bottom-center){anchor-name:--toast-bottom-center-anchor-13;position-anchor:--toast-bottom-center-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-sm-bottom-center:nth-child(n+14 of.toast-responsive-sm-bottom-center){anchor-name:--toast-bottom-center-anchor-14;position-anchor:--toast-bottom-center-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-sm-bottom-center:nth-child(n+15 of.toast-responsive-sm-bottom-center){anchor-name:--toast-bottom-center-anchor-15;position-anchor:--toast-bottom-center-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-sm-bottom-center:nth-child(n+16 of.toast-responsive-sm-bottom-center){anchor-name:--toast-bottom-center-anchor-16;position-anchor:--toast-bottom-center-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-sm-bottom-center:nth-child(n+17 of.toast-responsive-sm-bottom-center){anchor-name:--toast-bottom-center-anchor-17;position-anchor:--toast-bottom-center-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-sm-bottom-center:nth-child(n+18 of.toast-responsive-sm-bottom-center){anchor-name:--toast-bottom-center-anchor-18;position-anchor:--toast-bottom-center-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-sm-bottom-center:nth-child(n+19 of.toast-responsive-sm-bottom-center){anchor-name:--toast-bottom-center-anchor-19;position-anchor:--toast-bottom-center-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-sm-bottom-center:nth-child(n+20 of.toast-responsive-sm-bottom-center){anchor-name:--toast-bottom-center-anchor-20;position-anchor:--toast-bottom-center-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-sm-bottom-center:nth-child(n+21 of.toast-responsive-sm-bottom-center){anchor-name:--toast-bottom-center-anchor-21;position-anchor:--toast-bottom-center-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-sm-bottom-center:nth-child(n+22 of.toast-responsive-sm-bottom-center){anchor-name:--toast-bottom-center-anchor-22;position-anchor:--toast-bottom-center-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-sm-bottom-center:nth-child(n+23 of.toast-responsive-sm-bottom-center){anchor-name:--toast-bottom-center-anchor-23;position-anchor:--toast-bottom-center-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-sm-bottom-center:nth-child(n+24 of.toast-responsive-sm-bottom-center){anchor-name:--toast-bottom-center-anchor-24;position-anchor:--toast-bottom-center-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-sm-bottom-center:nth-child(n+25 of.toast-responsive-sm-bottom-center){anchor-name:--toast-bottom-center-anchor-25;position-anchor:--toast-bottom-center-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-sm-bottom-right{padding-inline:var(--toast-spacing)}:host.toast-responsive-sm-bottom-right:nth-child(1 of.toast-responsive-sm-bottom-right){position-anchor:--toast-container-anchor;anchor-name:--toast-bottom-right-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom span-left}:host.toast-responsive-sm-bottom-right:nth-child(n+2 of.toast-responsive-sm-bottom-right){anchor-name:--toast-bottom-right-anchor-2;position-anchor:--toast-bottom-right-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-sm-bottom-right:nth-child(n+3 of.toast-responsive-sm-bottom-right){anchor-name:--toast-bottom-right-anchor-3;position-anchor:--toast-bottom-right-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-sm-bottom-right:nth-child(n+4 of.toast-responsive-sm-bottom-right){anchor-name:--toast-bottom-right-anchor-4;position-anchor:--toast-bottom-right-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-sm-bottom-right:nth-child(n+5 of.toast-responsive-sm-bottom-right){anchor-name:--toast-bottom-right-anchor-5;position-anchor:--toast-bottom-right-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-sm-bottom-right:nth-child(n+6 of.toast-responsive-sm-bottom-right){anchor-name:--toast-bottom-right-anchor-6;position-anchor:--toast-bottom-right-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-sm-bottom-right:nth-child(n+7 of.toast-responsive-sm-bottom-right){anchor-name:--toast-bottom-right-anchor-7;position-anchor:--toast-bottom-right-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-sm-bottom-right:nth-child(n+8 of.toast-responsive-sm-bottom-right){anchor-name:--toast-bottom-right-anchor-8;position-anchor:--toast-bottom-right-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-sm-bottom-right:nth-child(n+9 of.toast-responsive-sm-bottom-right){anchor-name:--toast-bottom-right-anchor-9;position-anchor:--toast-bottom-right-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-sm-bottom-right:nth-child(n+10 of.toast-responsive-sm-bottom-right){anchor-name:--toast-bottom-right-anchor-10;position-anchor:--toast-bottom-right-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-sm-bottom-right:nth-child(n+11 of.toast-responsive-sm-bottom-right){anchor-name:--toast-bottom-right-anchor-11;position-anchor:--toast-bottom-right-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-sm-bottom-right:nth-child(n+12 of.toast-responsive-sm-bottom-right){anchor-name:--toast-bottom-right-anchor-12;position-anchor:--toast-bottom-right-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-sm-bottom-right:nth-child(n+13 of.toast-responsive-sm-bottom-right){anchor-name:--toast-bottom-right-anchor-13;position-anchor:--toast-bottom-right-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-sm-bottom-right:nth-child(n+14 of.toast-responsive-sm-bottom-right){anchor-name:--toast-bottom-right-anchor-14;position-anchor:--toast-bottom-right-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-sm-bottom-right:nth-child(n+15 of.toast-responsive-sm-bottom-right){anchor-name:--toast-bottom-right-anchor-15;position-anchor:--toast-bottom-right-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-sm-bottom-right:nth-child(n+16 of.toast-responsive-sm-bottom-right){anchor-name:--toast-bottom-right-anchor-16;position-anchor:--toast-bottom-right-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-sm-bottom-right:nth-child(n+17 of.toast-responsive-sm-bottom-right){anchor-name:--toast-bottom-right-anchor-17;position-anchor:--toast-bottom-right-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-sm-bottom-right:nth-child(n+18 of.toast-responsive-sm-bottom-right){anchor-name:--toast-bottom-right-anchor-18;position-anchor:--toast-bottom-right-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-sm-bottom-right:nth-child(n+19 of.toast-responsive-sm-bottom-right){anchor-name:--toast-bottom-right-anchor-19;position-anchor:--toast-bottom-right-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-sm-bottom-right:nth-child(n+20 of.toast-responsive-sm-bottom-right){anchor-name:--toast-bottom-right-anchor-20;position-anchor:--toast-bottom-right-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-sm-bottom-right:nth-child(n+21 of.toast-responsive-sm-bottom-right){anchor-name:--toast-bottom-right-anchor-21;position-anchor:--toast-bottom-right-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-sm-bottom-right:nth-child(n+22 of.toast-responsive-sm-bottom-right){anchor-name:--toast-bottom-right-anchor-22;position-anchor:--toast-bottom-right-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-sm-bottom-right:nth-child(n+23 of.toast-responsive-sm-bottom-right){anchor-name:--toast-bottom-right-anchor-23;position-anchor:--toast-bottom-right-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-sm-bottom-right:nth-child(n+24 of.toast-responsive-sm-bottom-right){anchor-name:--toast-bottom-right-anchor-24;position-anchor:--toast-bottom-right-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-sm-bottom-right:nth-child(n+25 of.toast-responsive-sm-bottom-right){anchor-name:--toast-bottom-right-anchor-25;position-anchor:--toast-bottom-right-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}}:host body[isMobile=true].toast-mobile-top-left{padding-inline:var(--toast-spacing)}:host body[isMobile=true].toast-mobile-top-left:nth-child(1 of.toast-mobile-top-left){position-anchor:--toast-container-anchor;anchor-name:--toast-top-left-anchor-1;padding-top:var(--toast-spacing);position-area:top span-right}:host body[isMobile=true].toast-mobile-top-left:nth-child(n+2 of.toast-mobile-top-left){anchor-name:--toast-top-left-anchor-2;position-anchor:--toast-top-left-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].toast-mobile-top-left:nth-child(n+3 of.toast-mobile-top-left){anchor-name:--toast-top-left-anchor-3;position-anchor:--toast-top-left-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].toast-mobile-top-left:nth-child(n+4 of.toast-mobile-top-left){anchor-name:--toast-top-left-anchor-4;position-anchor:--toast-top-left-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].toast-mobile-top-left:nth-child(n+5 of.toast-mobile-top-left){anchor-name:--toast-top-left-anchor-5;position-anchor:--toast-top-left-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].toast-mobile-top-left:nth-child(n+6 of.toast-mobile-top-left){anchor-name:--toast-top-left-anchor-6;position-anchor:--toast-top-left-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].toast-mobile-top-left:nth-child(n+7 of.toast-mobile-top-left){anchor-name:--toast-top-left-anchor-7;position-anchor:--toast-top-left-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].toast-mobile-top-left:nth-child(n+8 of.toast-mobile-top-left){anchor-name:--toast-top-left-anchor-8;position-anchor:--toast-top-left-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].toast-mobile-top-left:nth-child(n+9 of.toast-mobile-top-left){anchor-name:--toast-top-left-anchor-9;position-anchor:--toast-top-left-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].toast-mobile-top-left:nth-child(n+10 of.toast-mobile-top-left){anchor-name:--toast-top-left-anchor-10;position-anchor:--toast-top-left-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].toast-mobile-top-left:nth-child(n+11 of.toast-mobile-top-left){anchor-name:--toast-top-left-anchor-11;position-anchor:--toast-top-left-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].toast-mobile-top-left:nth-child(n+12 of.toast-mobile-top-left){anchor-name:--toast-top-left-anchor-12;position-anchor:--toast-top-left-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].toast-mobile-top-left:nth-child(n+13 of.toast-mobile-top-left){anchor-name:--toast-top-left-anchor-13;position-anchor:--toast-top-left-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].toast-mobile-top-left:nth-child(n+14 of.toast-mobile-top-left){anchor-name:--toast-top-left-anchor-14;position-anchor:--toast-top-left-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].toast-mobile-top-left:nth-child(n+15 of.toast-mobile-top-left){anchor-name:--toast-top-left-anchor-15;position-anchor:--toast-top-left-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].toast-mobile-top-left:nth-child(n+16 of.toast-mobile-top-left){anchor-name:--toast-top-left-anchor-16;position-anchor:--toast-top-left-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].toast-mobile-top-left:nth-child(n+17 of.toast-mobile-top-left){anchor-name:--toast-top-left-anchor-17;position-anchor:--toast-top-left-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].toast-mobile-top-left:nth-child(n+18 of.toast-mobile-top-left){anchor-name:--toast-top-left-anchor-18;position-anchor:--toast-top-left-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].toast-mobile-top-left:nth-child(n+19 of.toast-mobile-top-left){anchor-name:--toast-top-left-anchor-19;position-anchor:--toast-top-left-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].toast-mobile-top-left:nth-child(n+20 of.toast-mobile-top-left){anchor-name:--toast-top-left-anchor-20;position-anchor:--toast-top-left-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].toast-mobile-top-left:nth-child(n+21 of.toast-mobile-top-left){anchor-name:--toast-top-left-anchor-21;position-anchor:--toast-top-left-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].toast-mobile-top-left:nth-child(n+22 of.toast-mobile-top-left){anchor-name:--toast-top-left-anchor-22;position-anchor:--toast-top-left-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].toast-mobile-top-left:nth-child(n+23 of.toast-mobile-top-left){anchor-name:--toast-top-left-anchor-23;position-anchor:--toast-top-left-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].toast-mobile-top-left:nth-child(n+24 of.toast-mobile-top-left){anchor-name:--toast-top-left-anchor-24;position-anchor:--toast-top-left-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].toast-mobile-top-left:nth-child(n+25 of.toast-mobile-top-left){anchor-name:--toast-top-left-anchor-25;position-anchor:--toast-top-left-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].toast-mobile-top-center{padding-inline:var(--toast-spacing)}:host body[isMobile=true].toast-mobile-top-center:nth-child(1 of.toast-mobile-top-center){position-anchor:--toast-container-anchor;anchor-name:--toast-top-center-anchor-1;padding-top:var(--toast-spacing);position-area:top}:host body[isMobile=true].toast-mobile-top-center:nth-child(n+2 of.toast-mobile-top-center){anchor-name:--toast-top-center-anchor-2;position-anchor:--toast-top-center-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].toast-mobile-top-center:nth-child(n+3 of.toast-mobile-top-center){anchor-name:--toast-top-center-anchor-3;position-anchor:--toast-top-center-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].toast-mobile-top-center:nth-child(n+4 of.toast-mobile-top-center){anchor-name:--toast-top-center-anchor-4;position-anchor:--toast-top-center-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].toast-mobile-top-center:nth-child(n+5 of.toast-mobile-top-center){anchor-name:--toast-top-center-anchor-5;position-anchor:--toast-top-center-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].toast-mobile-top-center:nth-child(n+6 of.toast-mobile-top-center){anchor-name:--toast-top-center-anchor-6;position-anchor:--toast-top-center-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].toast-mobile-top-center:nth-child(n+7 of.toast-mobile-top-center){anchor-name:--toast-top-center-anchor-7;position-anchor:--toast-top-center-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].toast-mobile-top-center:nth-child(n+8 of.toast-mobile-top-center){anchor-name:--toast-top-center-anchor-8;position-anchor:--toast-top-center-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].toast-mobile-top-center:nth-child(n+9 of.toast-mobile-top-center){anchor-name:--toast-top-center-anchor-9;position-anchor:--toast-top-center-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].toast-mobile-top-center:nth-child(n+10 of.toast-mobile-top-center){anchor-name:--toast-top-center-anchor-10;position-anchor:--toast-top-center-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].toast-mobile-top-center:nth-child(n+11 of.toast-mobile-top-center){anchor-name:--toast-top-center-anchor-11;position-anchor:--toast-top-center-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].toast-mobile-top-center:nth-child(n+12 of.toast-mobile-top-center){anchor-name:--toast-top-center-anchor-12;position-anchor:--toast-top-center-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].toast-mobile-top-center:nth-child(n+13 of.toast-mobile-top-center){anchor-name:--toast-top-center-anchor-13;position-anchor:--toast-top-center-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].toast-mobile-top-center:nth-child(n+14 of.toast-mobile-top-center){anchor-name:--toast-top-center-anchor-14;position-anchor:--toast-top-center-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].toast-mobile-top-center:nth-child(n+15 of.toast-mobile-top-center){anchor-name:--toast-top-center-anchor-15;position-anchor:--toast-top-center-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].toast-mobile-top-center:nth-child(n+16 of.toast-mobile-top-center){anchor-name:--toast-top-center-anchor-16;position-anchor:--toast-top-center-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].toast-mobile-top-center:nth-child(n+17 of.toast-mobile-top-center){anchor-name:--toast-top-center-anchor-17;position-anchor:--toast-top-center-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].toast-mobile-top-center:nth-child(n+18 of.toast-mobile-top-center){anchor-name:--toast-top-center-anchor-18;position-anchor:--toast-top-center-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].toast-mobile-top-center:nth-child(n+19 of.toast-mobile-top-center){anchor-name:--toast-top-center-anchor-19;position-anchor:--toast-top-center-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].toast-mobile-top-center:nth-child(n+20 of.toast-mobile-top-center){anchor-name:--toast-top-center-anchor-20;position-anchor:--toast-top-center-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].toast-mobile-top-center:nth-child(n+21 of.toast-mobile-top-center){anchor-name:--toast-top-center-anchor-21;position-anchor:--toast-top-center-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].toast-mobile-top-center:nth-child(n+22 of.toast-mobile-top-center){anchor-name:--toast-top-center-anchor-22;position-anchor:--toast-top-center-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].toast-mobile-top-center:nth-child(n+23 of.toast-mobile-top-center){anchor-name:--toast-top-center-anchor-23;position-anchor:--toast-top-center-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].toast-mobile-top-center:nth-child(n+24 of.toast-mobile-top-center){anchor-name:--toast-top-center-anchor-24;position-anchor:--toast-top-center-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].toast-mobile-top-center:nth-child(n+25 of.toast-mobile-top-center){anchor-name:--toast-top-center-anchor-25;position-anchor:--toast-top-center-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].toast-mobile-top-right{padding-inline:var(--toast-spacing)}:host body[isMobile=true].toast-mobile-top-right:nth-child(1 of.toast-mobile-top-right){position-anchor:--toast-container-anchor;anchor-name:--toast-top-right-anchor-1;padding-top:var(--toast-spacing);position-area:top span-left}:host body[isMobile=true].toast-mobile-top-right:nth-child(n+2 of.toast-mobile-top-right){anchor-name:--toast-top-right-anchor-2;position-anchor:--toast-top-right-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].toast-mobile-top-right:nth-child(n+3 of.toast-mobile-top-right){anchor-name:--toast-top-right-anchor-3;position-anchor:--toast-top-right-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].toast-mobile-top-right:nth-child(n+4 of.toast-mobile-top-right){anchor-name:--toast-top-right-anchor-4;position-anchor:--toast-top-right-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].toast-mobile-top-right:nth-child(n+5 of.toast-mobile-top-right){anchor-name:--toast-top-right-anchor-5;position-anchor:--toast-top-right-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].toast-mobile-top-right:nth-child(n+6 of.toast-mobile-top-right){anchor-name:--toast-top-right-anchor-6;position-anchor:--toast-top-right-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].toast-mobile-top-right:nth-child(n+7 of.toast-mobile-top-right){anchor-name:--toast-top-right-anchor-7;position-anchor:--toast-top-right-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].toast-mobile-top-right:nth-child(n+8 of.toast-mobile-top-right){anchor-name:--toast-top-right-anchor-8;position-anchor:--toast-top-right-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].toast-mobile-top-right:nth-child(n+9 of.toast-mobile-top-right){anchor-name:--toast-top-right-anchor-9;position-anchor:--toast-top-right-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].toast-mobile-top-right:nth-child(n+10 of.toast-mobile-top-right){anchor-name:--toast-top-right-anchor-10;position-anchor:--toast-top-right-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].toast-mobile-top-right:nth-child(n+11 of.toast-mobile-top-right){anchor-name:--toast-top-right-anchor-11;position-anchor:--toast-top-right-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].toast-mobile-top-right:nth-child(n+12 of.toast-mobile-top-right){anchor-name:--toast-top-right-anchor-12;position-anchor:--toast-top-right-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].toast-mobile-top-right:nth-child(n+13 of.toast-mobile-top-right){anchor-name:--toast-top-right-anchor-13;position-anchor:--toast-top-right-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].toast-mobile-top-right:nth-child(n+14 of.toast-mobile-top-right){anchor-name:--toast-top-right-anchor-14;position-anchor:--toast-top-right-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].toast-mobile-top-right:nth-child(n+15 of.toast-mobile-top-right){anchor-name:--toast-top-right-anchor-15;position-anchor:--toast-top-right-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].toast-mobile-top-right:nth-child(n+16 of.toast-mobile-top-right){anchor-name:--toast-top-right-anchor-16;position-anchor:--toast-top-right-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].toast-mobile-top-right:nth-child(n+17 of.toast-mobile-top-right){anchor-name:--toast-top-right-anchor-17;position-anchor:--toast-top-right-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].toast-mobile-top-right:nth-child(n+18 of.toast-mobile-top-right){anchor-name:--toast-top-right-anchor-18;position-anchor:--toast-top-right-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].toast-mobile-top-right:nth-child(n+19 of.toast-mobile-top-right){anchor-name:--toast-top-right-anchor-19;position-anchor:--toast-top-right-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].toast-mobile-top-right:nth-child(n+20 of.toast-mobile-top-right){anchor-name:--toast-top-right-anchor-20;position-anchor:--toast-top-right-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].toast-mobile-top-right:nth-child(n+21 of.toast-mobile-top-right){anchor-name:--toast-top-right-anchor-21;position-anchor:--toast-top-right-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].toast-mobile-top-right:nth-child(n+22 of.toast-mobile-top-right){anchor-name:--toast-top-right-anchor-22;position-anchor:--toast-top-right-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].toast-mobile-top-right:nth-child(n+23 of.toast-mobile-top-right){anchor-name:--toast-top-right-anchor-23;position-anchor:--toast-top-right-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].toast-mobile-top-right:nth-child(n+24 of.toast-mobile-top-right){anchor-name:--toast-top-right-anchor-24;position-anchor:--toast-top-right-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].toast-mobile-top-right:nth-child(n+25 of.toast-mobile-top-right){anchor-name:--toast-top-right-anchor-25;position-anchor:--toast-top-right-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].toast-mobile-bottom-left{padding-inline:var(--toast-spacing)}:host body[isMobile=true].toast-mobile-bottom-left:nth-child(1 of.toast-mobile-bottom-left){position-anchor:--toast-container-anchor;anchor-name:--toast-bottom-left-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom span-right}:host body[isMobile=true].toast-mobile-bottom-left:nth-child(n+2 of.toast-mobile-bottom-left){anchor-name:--toast-bottom-left-anchor-2;position-anchor:--toast-bottom-left-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].toast-mobile-bottom-left:nth-child(n+3 of.toast-mobile-bottom-left){anchor-name:--toast-bottom-left-anchor-3;position-anchor:--toast-bottom-left-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].toast-mobile-bottom-left:nth-child(n+4 of.toast-mobile-bottom-left){anchor-name:--toast-bottom-left-anchor-4;position-anchor:--toast-bottom-left-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].toast-mobile-bottom-left:nth-child(n+5 of.toast-mobile-bottom-left){anchor-name:--toast-bottom-left-anchor-5;position-anchor:--toast-bottom-left-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].toast-mobile-bottom-left:nth-child(n+6 of.toast-mobile-bottom-left){anchor-name:--toast-bottom-left-anchor-6;position-anchor:--toast-bottom-left-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].toast-mobile-bottom-left:nth-child(n+7 of.toast-mobile-bottom-left){anchor-name:--toast-bottom-left-anchor-7;position-anchor:--toast-bottom-left-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].toast-mobile-bottom-left:nth-child(n+8 of.toast-mobile-bottom-left){anchor-name:--toast-bottom-left-anchor-8;position-anchor:--toast-bottom-left-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].toast-mobile-bottom-left:nth-child(n+9 of.toast-mobile-bottom-left){anchor-name:--toast-bottom-left-anchor-9;position-anchor:--toast-bottom-left-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].toast-mobile-bottom-left:nth-child(n+10 of.toast-mobile-bottom-left){anchor-name:--toast-bottom-left-anchor-10;position-anchor:--toast-bottom-left-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].toast-mobile-bottom-left:nth-child(n+11 of.toast-mobile-bottom-left){anchor-name:--toast-bottom-left-anchor-11;position-anchor:--toast-bottom-left-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].toast-mobile-bottom-left:nth-child(n+12 of.toast-mobile-bottom-left){anchor-name:--toast-bottom-left-anchor-12;position-anchor:--toast-bottom-left-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].toast-mobile-bottom-left:nth-child(n+13 of.toast-mobile-bottom-left){anchor-name:--toast-bottom-left-anchor-13;position-anchor:--toast-bottom-left-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].toast-mobile-bottom-left:nth-child(n+14 of.toast-mobile-bottom-left){anchor-name:--toast-bottom-left-anchor-14;position-anchor:--toast-bottom-left-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].toast-mobile-bottom-left:nth-child(n+15 of.toast-mobile-bottom-left){anchor-name:--toast-bottom-left-anchor-15;position-anchor:--toast-bottom-left-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].toast-mobile-bottom-left:nth-child(n+16 of.toast-mobile-bottom-left){anchor-name:--toast-bottom-left-anchor-16;position-anchor:--toast-bottom-left-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].toast-mobile-bottom-left:nth-child(n+17 of.toast-mobile-bottom-left){anchor-name:--toast-bottom-left-anchor-17;position-anchor:--toast-bottom-left-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].toast-mobile-bottom-left:nth-child(n+18 of.toast-mobile-bottom-left){anchor-name:--toast-bottom-left-anchor-18;position-anchor:--toast-bottom-left-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].toast-mobile-bottom-left:nth-child(n+19 of.toast-mobile-bottom-left){anchor-name:--toast-bottom-left-anchor-19;position-anchor:--toast-bottom-left-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].toast-mobile-bottom-left:nth-child(n+20 of.toast-mobile-bottom-left){anchor-name:--toast-bottom-left-anchor-20;position-anchor:--toast-bottom-left-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].toast-mobile-bottom-left:nth-child(n+21 of.toast-mobile-bottom-left){anchor-name:--toast-bottom-left-anchor-21;position-anchor:--toast-bottom-left-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].toast-mobile-bottom-left:nth-child(n+22 of.toast-mobile-bottom-left){anchor-name:--toast-bottom-left-anchor-22;position-anchor:--toast-bottom-left-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].toast-mobile-bottom-left:nth-child(n+23 of.toast-mobile-bottom-left){anchor-name:--toast-bottom-left-anchor-23;position-anchor:--toast-bottom-left-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].toast-mobile-bottom-left:nth-child(n+24 of.toast-mobile-bottom-left){anchor-name:--toast-bottom-left-anchor-24;position-anchor:--toast-bottom-left-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].toast-mobile-bottom-left:nth-child(n+25 of.toast-mobile-bottom-left){anchor-name:--toast-bottom-left-anchor-25;position-anchor:--toast-bottom-left-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].toast-mobile-bottom-center{padding-inline:var(--toast-spacing)}:host body[isMobile=true].toast-mobile-bottom-center:nth-child(1 of.toast-mobile-bottom-center){position-anchor:--toast-container-anchor;anchor-name:--toast-bottom-center-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom}:host body[isMobile=true].toast-mobile-bottom-center:nth-child(n+2 of.toast-mobile-bottom-center){anchor-name:--toast-bottom-center-anchor-2;position-anchor:--toast-bottom-center-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].toast-mobile-bottom-center:nth-child(n+3 of.toast-mobile-bottom-center){anchor-name:--toast-bottom-center-anchor-3;position-anchor:--toast-bottom-center-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].toast-mobile-bottom-center:nth-child(n+4 of.toast-mobile-bottom-center){anchor-name:--toast-bottom-center-anchor-4;position-anchor:--toast-bottom-center-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].toast-mobile-bottom-center:nth-child(n+5 of.toast-mobile-bottom-center){anchor-name:--toast-bottom-center-anchor-5;position-anchor:--toast-bottom-center-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].toast-mobile-bottom-center:nth-child(n+6 of.toast-mobile-bottom-center){anchor-name:--toast-bottom-center-anchor-6;position-anchor:--toast-bottom-center-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].toast-mobile-bottom-center:nth-child(n+7 of.toast-mobile-bottom-center){anchor-name:--toast-bottom-center-anchor-7;position-anchor:--toast-bottom-center-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].toast-mobile-bottom-center:nth-child(n+8 of.toast-mobile-bottom-center){anchor-name:--toast-bottom-center-anchor-8;position-anchor:--toast-bottom-center-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].toast-mobile-bottom-center:nth-child(n+9 of.toast-mobile-bottom-center){anchor-name:--toast-bottom-center-anchor-9;position-anchor:--toast-bottom-center-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].toast-mobile-bottom-center:nth-child(n+10 of.toast-mobile-bottom-center){anchor-name:--toast-bottom-center-anchor-10;position-anchor:--toast-bottom-center-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].toast-mobile-bottom-center:nth-child(n+11 of.toast-mobile-bottom-center){anchor-name:--toast-bottom-center-anchor-11;position-anchor:--toast-bottom-center-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].toast-mobile-bottom-center:nth-child(n+12 of.toast-mobile-bottom-center){anchor-name:--toast-bottom-center-anchor-12;position-anchor:--toast-bottom-center-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].toast-mobile-bottom-center:nth-child(n+13 of.toast-mobile-bottom-center){anchor-name:--toast-bottom-center-anchor-13;position-anchor:--toast-bottom-center-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].toast-mobile-bottom-center:nth-child(n+14 of.toast-mobile-bottom-center){anchor-name:--toast-bottom-center-anchor-14;position-anchor:--toast-bottom-center-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].toast-mobile-bottom-center:nth-child(n+15 of.toast-mobile-bottom-center){anchor-name:--toast-bottom-center-anchor-15;position-anchor:--toast-bottom-center-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].toast-mobile-bottom-center:nth-child(n+16 of.toast-mobile-bottom-center){anchor-name:--toast-bottom-center-anchor-16;position-anchor:--toast-bottom-center-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].toast-mobile-bottom-center:nth-child(n+17 of.toast-mobile-bottom-center){anchor-name:--toast-bottom-center-anchor-17;position-anchor:--toast-bottom-center-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].toast-mobile-bottom-center:nth-child(n+18 of.toast-mobile-bottom-center){anchor-name:--toast-bottom-center-anchor-18;position-anchor:--toast-bottom-center-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].toast-mobile-bottom-center:nth-child(n+19 of.toast-mobile-bottom-center){anchor-name:--toast-bottom-center-anchor-19;position-anchor:--toast-bottom-center-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].toast-mobile-bottom-center:nth-child(n+20 of.toast-mobile-bottom-center){anchor-name:--toast-bottom-center-anchor-20;position-anchor:--toast-bottom-center-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].toast-mobile-bottom-center:nth-child(n+21 of.toast-mobile-bottom-center){anchor-name:--toast-bottom-center-anchor-21;position-anchor:--toast-bottom-center-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].toast-mobile-bottom-center:nth-child(n+22 of.toast-mobile-bottom-center){anchor-name:--toast-bottom-center-anchor-22;position-anchor:--toast-bottom-center-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].toast-mobile-bottom-center:nth-child(n+23 of.toast-mobile-bottom-center){anchor-name:--toast-bottom-center-anchor-23;position-anchor:--toast-bottom-center-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].toast-mobile-bottom-center:nth-child(n+24 of.toast-mobile-bottom-center){anchor-name:--toast-bottom-center-anchor-24;position-anchor:--toast-bottom-center-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].toast-mobile-bottom-center:nth-child(n+25 of.toast-mobile-bottom-center){anchor-name:--toast-bottom-center-anchor-25;position-anchor:--toast-bottom-center-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].toast-mobile-bottom-right{padding-inline:var(--toast-spacing)}:host body[isMobile=true].toast-mobile-bottom-right:nth-child(1 of.toast-mobile-bottom-right){position-anchor:--toast-container-anchor;anchor-name:--toast-bottom-right-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom span-left}:host body[isMobile=true].toast-mobile-bottom-right:nth-child(n+2 of.toast-mobile-bottom-right){anchor-name:--toast-bottom-right-anchor-2;position-anchor:--toast-bottom-right-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].toast-mobile-bottom-right:nth-child(n+3 of.toast-mobile-bottom-right){anchor-name:--toast-bottom-right-anchor-3;position-anchor:--toast-bottom-right-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].toast-mobile-bottom-right:nth-child(n+4 of.toast-mobile-bottom-right){anchor-name:--toast-bottom-right-anchor-4;position-anchor:--toast-bottom-right-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].toast-mobile-bottom-right:nth-child(n+5 of.toast-mobile-bottom-right){anchor-name:--toast-bottom-right-anchor-5;position-anchor:--toast-bottom-right-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].toast-mobile-bottom-right:nth-child(n+6 of.toast-mobile-bottom-right){anchor-name:--toast-bottom-right-anchor-6;position-anchor:--toast-bottom-right-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].toast-mobile-bottom-right:nth-child(n+7 of.toast-mobile-bottom-right){anchor-name:--toast-bottom-right-anchor-7;position-anchor:--toast-bottom-right-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].toast-mobile-bottom-right:nth-child(n+8 of.toast-mobile-bottom-right){anchor-name:--toast-bottom-right-anchor-8;position-anchor:--toast-bottom-right-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].toast-mobile-bottom-right:nth-child(n+9 of.toast-mobile-bottom-right){anchor-name:--toast-bottom-right-anchor-9;position-anchor:--toast-bottom-right-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].toast-mobile-bottom-right:nth-child(n+10 of.toast-mobile-bottom-right){anchor-name:--toast-bottom-right-anchor-10;position-anchor:--toast-bottom-right-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].toast-mobile-bottom-right:nth-child(n+11 of.toast-mobile-bottom-right){anchor-name:--toast-bottom-right-anchor-11;position-anchor:--toast-bottom-right-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].toast-mobile-bottom-right:nth-child(n+12 of.toast-mobile-bottom-right){anchor-name:--toast-bottom-right-anchor-12;position-anchor:--toast-bottom-right-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].toast-mobile-bottom-right:nth-child(n+13 of.toast-mobile-bottom-right){anchor-name:--toast-bottom-right-anchor-13;position-anchor:--toast-bottom-right-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].toast-mobile-bottom-right:nth-child(n+14 of.toast-mobile-bottom-right){anchor-name:--toast-bottom-right-anchor-14;position-anchor:--toast-bottom-right-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].toast-mobile-bottom-right:nth-child(n+15 of.toast-mobile-bottom-right){anchor-name:--toast-bottom-right-anchor-15;position-anchor:--toast-bottom-right-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].toast-mobile-bottom-right:nth-child(n+16 of.toast-mobile-bottom-right){anchor-name:--toast-bottom-right-anchor-16;position-anchor:--toast-bottom-right-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].toast-mobile-bottom-right:nth-child(n+17 of.toast-mobile-bottom-right){anchor-name:--toast-bottom-right-anchor-17;position-anchor:--toast-bottom-right-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].toast-mobile-bottom-right:nth-child(n+18 of.toast-mobile-bottom-right){anchor-name:--toast-bottom-right-anchor-18;position-anchor:--toast-bottom-right-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].toast-mobile-bottom-right:nth-child(n+19 of.toast-mobile-bottom-right){anchor-name:--toast-bottom-right-anchor-19;position-anchor:--toast-bottom-right-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].toast-mobile-bottom-right:nth-child(n+20 of.toast-mobile-bottom-right){anchor-name:--toast-bottom-right-anchor-20;position-anchor:--toast-bottom-right-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].toast-mobile-bottom-right:nth-child(n+21 of.toast-mobile-bottom-right){anchor-name:--toast-bottom-right-anchor-21;position-anchor:--toast-bottom-right-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].toast-mobile-bottom-right:nth-child(n+22 of.toast-mobile-bottom-right){anchor-name:--toast-bottom-right-anchor-22;position-anchor:--toast-bottom-right-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].toast-mobile-bottom-right:nth-child(n+23 of.toast-mobile-bottom-right){anchor-name:--toast-bottom-right-anchor-23;position-anchor:--toast-bottom-right-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].toast-mobile-bottom-right:nth-child(n+24 of.toast-mobile-bottom-right){anchor-name:--toast-bottom-right-anchor-24;position-anchor:--toast-bottom-right-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].toast-mobile-bottom-right:nth-child(n+25 of.toast-mobile-bottom-right){anchor-name:--toast-bottom-right-anchor-25;position-anchor:--toast-bottom-right-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host{--background-color: var(--gds-pattern-toast-default-backgroundColor-rest);--icon-color: var(--gds-pattern-toast-default-iconColor-rest);--action-btn-backgroundColor: var(--gds-pattern-toast-default-btnColor-rest);--action-btn-backgroundColor-hover: var(--gds-pattern-toast-default-btnColor-hover);--action-btn-color: var(--gds-palette-text-default-contrast)}:host[type=success]{--background-color: var(--gds-palette-helper-success-default);--icon-color: var(--gds-palette-helper-success-inverse);--action-btn-backgroundColor: var(--gds-pattern-toast-success-btnColor-rest);--action-btn-backgroundColor-hover: var(--gds-pattern-toast-success-btnColor-hover)}:host[type=warning]{--background-color: var(--gds-palette-helper-warning-default);--icon-color: var(--gds-palette-helper-warning-inverse);--action-btn-backgroundColor: var(--gds-pattern-toast-warning-btnColor-rest);--action-btn-backgroundColor-hover: var(--gds-pattern-toast-warning-btnColor-hover)}:host[type=danger]{--background-color: var(--gds-palette-helper-error-default);--icon-color: var(--gds-palette-helper-error-inverse);--action-btn-backgroundColor: var(--gds-pattern-toast-error-btnColor-rest);--action-btn-backgroundColor-hover: var(--gds-pattern-toast-error-btnColor-hover)}:host .gds-toaster--container{background-color:var(--background-color)}:host .gds-toaster--icon{color:var(--icon-color)}:host .gds-toaster--action-btn{--gds-button-backgroundColor: var(--action-btn-backgroundColor);--gds-button-backgroundColor-hover: var(--action-btn-backgroundColor-hover);--gds-button-color: var(--action-btn-color)}}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "component", type: GdsIconButtonComponent, selector: "button[gds-icon-button]", inputs: ["tooltipLabel"] }, { kind: "component", type: GdsButtonComponent, selector: "button[gds-button]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
8508
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: GdsToastComponent, isStandalone: true, selector: "gds-toast", inputs: { toast: { classPropertyName: "toast", publicName: "toast", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "animate.enter": "gds-fade-in", "animate.leave": "gds-fade-out" }, listeners: { "click": "onHostClick($event)", "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" }, properties: { "attr.type": "status()", "class": "positionClass()" }, classAttribute: "\n gds-responsive-sm-width-100-parent\n " }, ngImport: i0, template: "<div\n class=\"\n gds-border\n gds-display-flex\n gds-gap-sm\n gds-padding-block-2xs\n gds-padding-inline-sm\n gds-radius-sm\n gds-responsive-sm-padding-3xs\n gds-toaster--container\n \"\n>\n <div class=\"\n gds-align-items-center\n gds-display-flex\n gds-height-md\n gds-justify-content-center\n \">\n <gds-icon\n key=\"filled-info\"\n class=\"\n gds-icon-size-xs\n gds-toaster--icon\n \"\n />\n </div>\n <div class=\"\n gds-align-items-center\n gds-column-gap-sm\n gds-display-flex\n gds-flex-1\n gds-flex-wrap\n gds-row-gap-2xs\n \">\n @if (title()) {\n <div class=\"\n gds-height-fit-content\n gds-text-body-strong\n gds-text-primary\n gds-width-fit-content\n \">\n {{ title() }}\n </div>\n }\n @if (message()) {\n <div\n class=\"\n gds-height-fit-content\n gds-text-body\n gds-text-primary\n gds-width-fit-content\n \"\n [innerHtml]=\"message()\"\n ></div>\n }\n @if (actionLabel()) {\n <button\n gds-button\n class=\"\n gds-border-none\n gds-toaster--action-btn\n \"\n [attr.aria-label]=\"actionAriaLabel()\"\n (clicked)=\"action($event)\"\n >\n {{ actionLabel() }}\n </button>\n }\n </div>\n <div class=\"\n gds-align-items-center\n gds-display-flex\n gds-height-md\n gds-justify-content-center\n \">\n <button\n gds-icon-button\n class=\"gds-background-none\"\n variant=\"primary\"\n [attr.aria-label]=\"dismissAriaLabel()\"\n (clicked)=\"remove()\"\n >\n <gds-icon\n key=\"line-dismiss\"\n class=\"gds-icon-size-2xs\"\n />\n </button>\n </div>\n</div>\n", styles: ["@layer design-system{:host{position:fixed;pointer-events:auto;--toast-spacing: var(--gds-spacing-2xs)}:host.gds-toast-top-left{padding-inline:var(--toast-spacing)}:host.gds-toast-top-left:nth-child(1 of.gds-toast-top-left){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-top-left-anchor-1;padding-top:var(--toast-spacing);position-area:top span-right}:host.gds-toast-top-left:nth-child(n+2 of.gds-toast-top-left){anchor-name:--gds-toast-top-left-anchor-2;position-anchor:--gds-toast-top-left-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-top-left:nth-child(n+3 of.gds-toast-top-left){anchor-name:--gds-toast-top-left-anchor-3;position-anchor:--gds-toast-top-left-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-top-left:nth-child(n+4 of.gds-toast-top-left){anchor-name:--gds-toast-top-left-anchor-4;position-anchor:--gds-toast-top-left-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-top-left:nth-child(n+5 of.gds-toast-top-left){anchor-name:--gds-toast-top-left-anchor-5;position-anchor:--gds-toast-top-left-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-top-left:nth-child(n+6 of.gds-toast-top-left){anchor-name:--gds-toast-top-left-anchor-6;position-anchor:--gds-toast-top-left-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-top-left:nth-child(n+7 of.gds-toast-top-left){anchor-name:--gds-toast-top-left-anchor-7;position-anchor:--gds-toast-top-left-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-top-left:nth-child(n+8 of.gds-toast-top-left){anchor-name:--gds-toast-top-left-anchor-8;position-anchor:--gds-toast-top-left-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-top-left:nth-child(n+9 of.gds-toast-top-left){anchor-name:--gds-toast-top-left-anchor-9;position-anchor:--gds-toast-top-left-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-top-left:nth-child(n+10 of.gds-toast-top-left){anchor-name:--gds-toast-top-left-anchor-10;position-anchor:--gds-toast-top-left-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-top-left:nth-child(n+11 of.gds-toast-top-left){anchor-name:--gds-toast-top-left-anchor-11;position-anchor:--gds-toast-top-left-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-top-left:nth-child(n+12 of.gds-toast-top-left){anchor-name:--gds-toast-top-left-anchor-12;position-anchor:--gds-toast-top-left-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-top-left:nth-child(n+13 of.gds-toast-top-left){anchor-name:--gds-toast-top-left-anchor-13;position-anchor:--gds-toast-top-left-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-top-left:nth-child(n+14 of.gds-toast-top-left){anchor-name:--gds-toast-top-left-anchor-14;position-anchor:--gds-toast-top-left-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-top-left:nth-child(n+15 of.gds-toast-top-left){anchor-name:--gds-toast-top-left-anchor-15;position-anchor:--gds-toast-top-left-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-top-left:nth-child(n+16 of.gds-toast-top-left){anchor-name:--gds-toast-top-left-anchor-16;position-anchor:--gds-toast-top-left-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-top-left:nth-child(n+17 of.gds-toast-top-left){anchor-name:--gds-toast-top-left-anchor-17;position-anchor:--gds-toast-top-left-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-top-left:nth-child(n+18 of.gds-toast-top-left){anchor-name:--gds-toast-top-left-anchor-18;position-anchor:--gds-toast-top-left-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-top-left:nth-child(n+19 of.gds-toast-top-left){anchor-name:--gds-toast-top-left-anchor-19;position-anchor:--gds-toast-top-left-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-top-left:nth-child(n+20 of.gds-toast-top-left){anchor-name:--gds-toast-top-left-anchor-20;position-anchor:--gds-toast-top-left-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-top-left:nth-child(n+21 of.gds-toast-top-left){anchor-name:--gds-toast-top-left-anchor-21;position-anchor:--gds-toast-top-left-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-top-left:nth-child(n+22 of.gds-toast-top-left){anchor-name:--gds-toast-top-left-anchor-22;position-anchor:--gds-toast-top-left-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-top-left:nth-child(n+23 of.gds-toast-top-left){anchor-name:--gds-toast-top-left-anchor-23;position-anchor:--gds-toast-top-left-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-top-left:nth-child(n+24 of.gds-toast-top-left){anchor-name:--gds-toast-top-left-anchor-24;position-anchor:--gds-toast-top-left-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-top-left:nth-child(n+25 of.gds-toast-top-left){anchor-name:--gds-toast-top-left-anchor-25;position-anchor:--gds-toast-top-left-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-top-center{padding-inline:var(--toast-spacing)}:host.gds-toast-top-center:nth-child(1 of.gds-toast-top-center){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-top-center-anchor-1;padding-top:var(--toast-spacing);position-area:top}:host.gds-toast-top-center:nth-child(n+2 of.gds-toast-top-center){anchor-name:--gds-toast-top-center-anchor-2;position-anchor:--gds-toast-top-center-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-top-center:nth-child(n+3 of.gds-toast-top-center){anchor-name:--gds-toast-top-center-anchor-3;position-anchor:--gds-toast-top-center-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-top-center:nth-child(n+4 of.gds-toast-top-center){anchor-name:--gds-toast-top-center-anchor-4;position-anchor:--gds-toast-top-center-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-top-center:nth-child(n+5 of.gds-toast-top-center){anchor-name:--gds-toast-top-center-anchor-5;position-anchor:--gds-toast-top-center-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-top-center:nth-child(n+6 of.gds-toast-top-center){anchor-name:--gds-toast-top-center-anchor-6;position-anchor:--gds-toast-top-center-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-top-center:nth-child(n+7 of.gds-toast-top-center){anchor-name:--gds-toast-top-center-anchor-7;position-anchor:--gds-toast-top-center-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-top-center:nth-child(n+8 of.gds-toast-top-center){anchor-name:--gds-toast-top-center-anchor-8;position-anchor:--gds-toast-top-center-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-top-center:nth-child(n+9 of.gds-toast-top-center){anchor-name:--gds-toast-top-center-anchor-9;position-anchor:--gds-toast-top-center-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-top-center:nth-child(n+10 of.gds-toast-top-center){anchor-name:--gds-toast-top-center-anchor-10;position-anchor:--gds-toast-top-center-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-top-center:nth-child(n+11 of.gds-toast-top-center){anchor-name:--gds-toast-top-center-anchor-11;position-anchor:--gds-toast-top-center-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-top-center:nth-child(n+12 of.gds-toast-top-center){anchor-name:--gds-toast-top-center-anchor-12;position-anchor:--gds-toast-top-center-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-top-center:nth-child(n+13 of.gds-toast-top-center){anchor-name:--gds-toast-top-center-anchor-13;position-anchor:--gds-toast-top-center-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-top-center:nth-child(n+14 of.gds-toast-top-center){anchor-name:--gds-toast-top-center-anchor-14;position-anchor:--gds-toast-top-center-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-top-center:nth-child(n+15 of.gds-toast-top-center){anchor-name:--gds-toast-top-center-anchor-15;position-anchor:--gds-toast-top-center-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-top-center:nth-child(n+16 of.gds-toast-top-center){anchor-name:--gds-toast-top-center-anchor-16;position-anchor:--gds-toast-top-center-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-top-center:nth-child(n+17 of.gds-toast-top-center){anchor-name:--gds-toast-top-center-anchor-17;position-anchor:--gds-toast-top-center-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-top-center:nth-child(n+18 of.gds-toast-top-center){anchor-name:--gds-toast-top-center-anchor-18;position-anchor:--gds-toast-top-center-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-top-center:nth-child(n+19 of.gds-toast-top-center){anchor-name:--gds-toast-top-center-anchor-19;position-anchor:--gds-toast-top-center-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-top-center:nth-child(n+20 of.gds-toast-top-center){anchor-name:--gds-toast-top-center-anchor-20;position-anchor:--gds-toast-top-center-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-top-center:nth-child(n+21 of.gds-toast-top-center){anchor-name:--gds-toast-top-center-anchor-21;position-anchor:--gds-toast-top-center-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-top-center:nth-child(n+22 of.gds-toast-top-center){anchor-name:--gds-toast-top-center-anchor-22;position-anchor:--gds-toast-top-center-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-top-center:nth-child(n+23 of.gds-toast-top-center){anchor-name:--gds-toast-top-center-anchor-23;position-anchor:--gds-toast-top-center-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-top-center:nth-child(n+24 of.gds-toast-top-center){anchor-name:--gds-toast-top-center-anchor-24;position-anchor:--gds-toast-top-center-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-top-center:nth-child(n+25 of.gds-toast-top-center){anchor-name:--gds-toast-top-center-anchor-25;position-anchor:--gds-toast-top-center-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-top-right{padding-inline:var(--toast-spacing)}:host.gds-toast-top-right:nth-child(1 of.gds-toast-top-right){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-top-right-anchor-1;padding-top:var(--toast-spacing);position-area:top span-left}:host.gds-toast-top-right:nth-child(n+2 of.gds-toast-top-right){anchor-name:--gds-toast-top-right-anchor-2;position-anchor:--gds-toast-top-right-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-top-right:nth-child(n+3 of.gds-toast-top-right){anchor-name:--gds-toast-top-right-anchor-3;position-anchor:--gds-toast-top-right-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-top-right:nth-child(n+4 of.gds-toast-top-right){anchor-name:--gds-toast-top-right-anchor-4;position-anchor:--gds-toast-top-right-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-top-right:nth-child(n+5 of.gds-toast-top-right){anchor-name:--gds-toast-top-right-anchor-5;position-anchor:--gds-toast-top-right-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-top-right:nth-child(n+6 of.gds-toast-top-right){anchor-name:--gds-toast-top-right-anchor-6;position-anchor:--gds-toast-top-right-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-top-right:nth-child(n+7 of.gds-toast-top-right){anchor-name:--gds-toast-top-right-anchor-7;position-anchor:--gds-toast-top-right-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-top-right:nth-child(n+8 of.gds-toast-top-right){anchor-name:--gds-toast-top-right-anchor-8;position-anchor:--gds-toast-top-right-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-top-right:nth-child(n+9 of.gds-toast-top-right){anchor-name:--gds-toast-top-right-anchor-9;position-anchor:--gds-toast-top-right-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-top-right:nth-child(n+10 of.gds-toast-top-right){anchor-name:--gds-toast-top-right-anchor-10;position-anchor:--gds-toast-top-right-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-top-right:nth-child(n+11 of.gds-toast-top-right){anchor-name:--gds-toast-top-right-anchor-11;position-anchor:--gds-toast-top-right-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-top-right:nth-child(n+12 of.gds-toast-top-right){anchor-name:--gds-toast-top-right-anchor-12;position-anchor:--gds-toast-top-right-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-top-right:nth-child(n+13 of.gds-toast-top-right){anchor-name:--gds-toast-top-right-anchor-13;position-anchor:--gds-toast-top-right-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-top-right:nth-child(n+14 of.gds-toast-top-right){anchor-name:--gds-toast-top-right-anchor-14;position-anchor:--gds-toast-top-right-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-top-right:nth-child(n+15 of.gds-toast-top-right){anchor-name:--gds-toast-top-right-anchor-15;position-anchor:--gds-toast-top-right-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-top-right:nth-child(n+16 of.gds-toast-top-right){anchor-name:--gds-toast-top-right-anchor-16;position-anchor:--gds-toast-top-right-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-top-right:nth-child(n+17 of.gds-toast-top-right){anchor-name:--gds-toast-top-right-anchor-17;position-anchor:--gds-toast-top-right-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-top-right:nth-child(n+18 of.gds-toast-top-right){anchor-name:--gds-toast-top-right-anchor-18;position-anchor:--gds-toast-top-right-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-top-right:nth-child(n+19 of.gds-toast-top-right){anchor-name:--gds-toast-top-right-anchor-19;position-anchor:--gds-toast-top-right-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-top-right:nth-child(n+20 of.gds-toast-top-right){anchor-name:--gds-toast-top-right-anchor-20;position-anchor:--gds-toast-top-right-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-top-right:nth-child(n+21 of.gds-toast-top-right){anchor-name:--gds-toast-top-right-anchor-21;position-anchor:--gds-toast-top-right-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-top-right:nth-child(n+22 of.gds-toast-top-right){anchor-name:--gds-toast-top-right-anchor-22;position-anchor:--gds-toast-top-right-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-top-right:nth-child(n+23 of.gds-toast-top-right){anchor-name:--gds-toast-top-right-anchor-23;position-anchor:--gds-toast-top-right-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-top-right:nth-child(n+24 of.gds-toast-top-right){anchor-name:--gds-toast-top-right-anchor-24;position-anchor:--gds-toast-top-right-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-top-right:nth-child(n+25 of.gds-toast-top-right){anchor-name:--gds-toast-top-right-anchor-25;position-anchor:--gds-toast-top-right-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-bottom-left{padding-inline:var(--toast-spacing)}:host.gds-toast-bottom-left:nth-child(1 of.gds-toast-bottom-left){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-bottom-left-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom span-right}:host.gds-toast-bottom-left:nth-child(n+2 of.gds-toast-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-2;position-anchor:--gds-toast-bottom-left-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-bottom-left:nth-child(n+3 of.gds-toast-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-3;position-anchor:--gds-toast-bottom-left-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-bottom-left:nth-child(n+4 of.gds-toast-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-4;position-anchor:--gds-toast-bottom-left-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-bottom-left:nth-child(n+5 of.gds-toast-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-5;position-anchor:--gds-toast-bottom-left-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-bottom-left:nth-child(n+6 of.gds-toast-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-6;position-anchor:--gds-toast-bottom-left-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-bottom-left:nth-child(n+7 of.gds-toast-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-7;position-anchor:--gds-toast-bottom-left-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-bottom-left:nth-child(n+8 of.gds-toast-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-8;position-anchor:--gds-toast-bottom-left-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-bottom-left:nth-child(n+9 of.gds-toast-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-9;position-anchor:--gds-toast-bottom-left-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-bottom-left:nth-child(n+10 of.gds-toast-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-10;position-anchor:--gds-toast-bottom-left-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-bottom-left:nth-child(n+11 of.gds-toast-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-11;position-anchor:--gds-toast-bottom-left-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-bottom-left:nth-child(n+12 of.gds-toast-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-12;position-anchor:--gds-toast-bottom-left-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-bottom-left:nth-child(n+13 of.gds-toast-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-13;position-anchor:--gds-toast-bottom-left-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-bottom-left:nth-child(n+14 of.gds-toast-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-14;position-anchor:--gds-toast-bottom-left-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-bottom-left:nth-child(n+15 of.gds-toast-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-15;position-anchor:--gds-toast-bottom-left-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-bottom-left:nth-child(n+16 of.gds-toast-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-16;position-anchor:--gds-toast-bottom-left-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-bottom-left:nth-child(n+17 of.gds-toast-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-17;position-anchor:--gds-toast-bottom-left-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-bottom-left:nth-child(n+18 of.gds-toast-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-18;position-anchor:--gds-toast-bottom-left-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-bottom-left:nth-child(n+19 of.gds-toast-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-19;position-anchor:--gds-toast-bottom-left-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-bottom-left:nth-child(n+20 of.gds-toast-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-20;position-anchor:--gds-toast-bottom-left-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-bottom-left:nth-child(n+21 of.gds-toast-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-21;position-anchor:--gds-toast-bottom-left-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-bottom-left:nth-child(n+22 of.gds-toast-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-22;position-anchor:--gds-toast-bottom-left-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-bottom-left:nth-child(n+23 of.gds-toast-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-23;position-anchor:--gds-toast-bottom-left-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-bottom-left:nth-child(n+24 of.gds-toast-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-24;position-anchor:--gds-toast-bottom-left-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-bottom-left:nth-child(n+25 of.gds-toast-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-25;position-anchor:--gds-toast-bottom-left-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-bottom-center{padding-inline:var(--toast-spacing)}:host.gds-toast-bottom-center:nth-child(1 of.gds-toast-bottom-center){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-bottom-center-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom}:host.gds-toast-bottom-center:nth-child(n+2 of.gds-toast-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-2;position-anchor:--gds-toast-bottom-center-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-bottom-center:nth-child(n+3 of.gds-toast-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-3;position-anchor:--gds-toast-bottom-center-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-bottom-center:nth-child(n+4 of.gds-toast-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-4;position-anchor:--gds-toast-bottom-center-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-bottom-center:nth-child(n+5 of.gds-toast-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-5;position-anchor:--gds-toast-bottom-center-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-bottom-center:nth-child(n+6 of.gds-toast-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-6;position-anchor:--gds-toast-bottom-center-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-bottom-center:nth-child(n+7 of.gds-toast-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-7;position-anchor:--gds-toast-bottom-center-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-bottom-center:nth-child(n+8 of.gds-toast-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-8;position-anchor:--gds-toast-bottom-center-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-bottom-center:nth-child(n+9 of.gds-toast-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-9;position-anchor:--gds-toast-bottom-center-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-bottom-center:nth-child(n+10 of.gds-toast-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-10;position-anchor:--gds-toast-bottom-center-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-bottom-center:nth-child(n+11 of.gds-toast-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-11;position-anchor:--gds-toast-bottom-center-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-bottom-center:nth-child(n+12 of.gds-toast-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-12;position-anchor:--gds-toast-bottom-center-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-bottom-center:nth-child(n+13 of.gds-toast-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-13;position-anchor:--gds-toast-bottom-center-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-bottom-center:nth-child(n+14 of.gds-toast-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-14;position-anchor:--gds-toast-bottom-center-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-bottom-center:nth-child(n+15 of.gds-toast-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-15;position-anchor:--gds-toast-bottom-center-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-bottom-center:nth-child(n+16 of.gds-toast-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-16;position-anchor:--gds-toast-bottom-center-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-bottom-center:nth-child(n+17 of.gds-toast-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-17;position-anchor:--gds-toast-bottom-center-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-bottom-center:nth-child(n+18 of.gds-toast-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-18;position-anchor:--gds-toast-bottom-center-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-bottom-center:nth-child(n+19 of.gds-toast-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-19;position-anchor:--gds-toast-bottom-center-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-bottom-center:nth-child(n+20 of.gds-toast-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-20;position-anchor:--gds-toast-bottom-center-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-bottom-center:nth-child(n+21 of.gds-toast-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-21;position-anchor:--gds-toast-bottom-center-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-bottom-center:nth-child(n+22 of.gds-toast-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-22;position-anchor:--gds-toast-bottom-center-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-bottom-center:nth-child(n+23 of.gds-toast-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-23;position-anchor:--gds-toast-bottom-center-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-bottom-center:nth-child(n+24 of.gds-toast-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-24;position-anchor:--gds-toast-bottom-center-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-bottom-center:nth-child(n+25 of.gds-toast-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-25;position-anchor:--gds-toast-bottom-center-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-bottom-right{padding-inline:var(--toast-spacing)}:host.gds-toast-bottom-right:nth-child(1 of.gds-toast-bottom-right){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-bottom-right-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom span-left}:host.gds-toast-bottom-right:nth-child(n+2 of.gds-toast-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-2;position-anchor:--gds-toast-bottom-right-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-bottom-right:nth-child(n+3 of.gds-toast-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-3;position-anchor:--gds-toast-bottom-right-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-bottom-right:nth-child(n+4 of.gds-toast-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-4;position-anchor:--gds-toast-bottom-right-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-bottom-right:nth-child(n+5 of.gds-toast-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-5;position-anchor:--gds-toast-bottom-right-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-bottom-right:nth-child(n+6 of.gds-toast-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-6;position-anchor:--gds-toast-bottom-right-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-bottom-right:nth-child(n+7 of.gds-toast-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-7;position-anchor:--gds-toast-bottom-right-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-bottom-right:nth-child(n+8 of.gds-toast-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-8;position-anchor:--gds-toast-bottom-right-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-bottom-right:nth-child(n+9 of.gds-toast-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-9;position-anchor:--gds-toast-bottom-right-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-bottom-right:nth-child(n+10 of.gds-toast-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-10;position-anchor:--gds-toast-bottom-right-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-bottom-right:nth-child(n+11 of.gds-toast-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-11;position-anchor:--gds-toast-bottom-right-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-bottom-right:nth-child(n+12 of.gds-toast-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-12;position-anchor:--gds-toast-bottom-right-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-bottom-right:nth-child(n+13 of.gds-toast-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-13;position-anchor:--gds-toast-bottom-right-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-bottom-right:nth-child(n+14 of.gds-toast-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-14;position-anchor:--gds-toast-bottom-right-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-bottom-right:nth-child(n+15 of.gds-toast-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-15;position-anchor:--gds-toast-bottom-right-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-bottom-right:nth-child(n+16 of.gds-toast-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-16;position-anchor:--gds-toast-bottom-right-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-bottom-right:nth-child(n+17 of.gds-toast-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-17;position-anchor:--gds-toast-bottom-right-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-bottom-right:nth-child(n+18 of.gds-toast-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-18;position-anchor:--gds-toast-bottom-right-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-bottom-right:nth-child(n+19 of.gds-toast-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-19;position-anchor:--gds-toast-bottom-right-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-bottom-right:nth-child(n+20 of.gds-toast-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-20;position-anchor:--gds-toast-bottom-right-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-bottom-right:nth-child(n+21 of.gds-toast-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-21;position-anchor:--gds-toast-bottom-right-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-bottom-right:nth-child(n+22 of.gds-toast-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-22;position-anchor:--gds-toast-bottom-right-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-bottom-right:nth-child(n+23 of.gds-toast-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-23;position-anchor:--gds-toast-bottom-right-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-bottom-right:nth-child(n+24 of.gds-toast-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-24;position-anchor:--gds-toast-bottom-right-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-bottom-right:nth-child(n+25 of.gds-toast-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-25;position-anchor:--gds-toast-bottom-right-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}@media(max-width:1440px){:host.gds-toast-responsive-xl-top-left{padding-inline:var(--toast-spacing)}:host.gds-toast-responsive-xl-top-left:nth-child(1 of.gds-toast-responsive-xl-top-left){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-top-left-anchor-1;padding-top:var(--toast-spacing);position-area:top span-right}:host.gds-toast-responsive-xl-top-left:nth-child(n+2 of.gds-toast-responsive-xl-top-left){anchor-name:--gds-toast-top-left-anchor-2;position-anchor:--gds-toast-top-left-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-xl-top-left:nth-child(n+3 of.gds-toast-responsive-xl-top-left){anchor-name:--gds-toast-top-left-anchor-3;position-anchor:--gds-toast-top-left-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-xl-top-left:nth-child(n+4 of.gds-toast-responsive-xl-top-left){anchor-name:--gds-toast-top-left-anchor-4;position-anchor:--gds-toast-top-left-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-xl-top-left:nth-child(n+5 of.gds-toast-responsive-xl-top-left){anchor-name:--gds-toast-top-left-anchor-5;position-anchor:--gds-toast-top-left-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-xl-top-left:nth-child(n+6 of.gds-toast-responsive-xl-top-left){anchor-name:--gds-toast-top-left-anchor-6;position-anchor:--gds-toast-top-left-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-xl-top-left:nth-child(n+7 of.gds-toast-responsive-xl-top-left){anchor-name:--gds-toast-top-left-anchor-7;position-anchor:--gds-toast-top-left-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-xl-top-left:nth-child(n+8 of.gds-toast-responsive-xl-top-left){anchor-name:--gds-toast-top-left-anchor-8;position-anchor:--gds-toast-top-left-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-xl-top-left:nth-child(n+9 of.gds-toast-responsive-xl-top-left){anchor-name:--gds-toast-top-left-anchor-9;position-anchor:--gds-toast-top-left-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-xl-top-left:nth-child(n+10 of.gds-toast-responsive-xl-top-left){anchor-name:--gds-toast-top-left-anchor-10;position-anchor:--gds-toast-top-left-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-xl-top-left:nth-child(n+11 of.gds-toast-responsive-xl-top-left){anchor-name:--gds-toast-top-left-anchor-11;position-anchor:--gds-toast-top-left-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-xl-top-left:nth-child(n+12 of.gds-toast-responsive-xl-top-left){anchor-name:--gds-toast-top-left-anchor-12;position-anchor:--gds-toast-top-left-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-xl-top-left:nth-child(n+13 of.gds-toast-responsive-xl-top-left){anchor-name:--gds-toast-top-left-anchor-13;position-anchor:--gds-toast-top-left-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-xl-top-left:nth-child(n+14 of.gds-toast-responsive-xl-top-left){anchor-name:--gds-toast-top-left-anchor-14;position-anchor:--gds-toast-top-left-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-xl-top-left:nth-child(n+15 of.gds-toast-responsive-xl-top-left){anchor-name:--gds-toast-top-left-anchor-15;position-anchor:--gds-toast-top-left-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-xl-top-left:nth-child(n+16 of.gds-toast-responsive-xl-top-left){anchor-name:--gds-toast-top-left-anchor-16;position-anchor:--gds-toast-top-left-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-xl-top-left:nth-child(n+17 of.gds-toast-responsive-xl-top-left){anchor-name:--gds-toast-top-left-anchor-17;position-anchor:--gds-toast-top-left-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-xl-top-left:nth-child(n+18 of.gds-toast-responsive-xl-top-left){anchor-name:--gds-toast-top-left-anchor-18;position-anchor:--gds-toast-top-left-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-xl-top-left:nth-child(n+19 of.gds-toast-responsive-xl-top-left){anchor-name:--gds-toast-top-left-anchor-19;position-anchor:--gds-toast-top-left-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-xl-top-left:nth-child(n+20 of.gds-toast-responsive-xl-top-left){anchor-name:--gds-toast-top-left-anchor-20;position-anchor:--gds-toast-top-left-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-xl-top-left:nth-child(n+21 of.gds-toast-responsive-xl-top-left){anchor-name:--gds-toast-top-left-anchor-21;position-anchor:--gds-toast-top-left-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-xl-top-left:nth-child(n+22 of.gds-toast-responsive-xl-top-left){anchor-name:--gds-toast-top-left-anchor-22;position-anchor:--gds-toast-top-left-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-xl-top-left:nth-child(n+23 of.gds-toast-responsive-xl-top-left){anchor-name:--gds-toast-top-left-anchor-23;position-anchor:--gds-toast-top-left-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-xl-top-left:nth-child(n+24 of.gds-toast-responsive-xl-top-left){anchor-name:--gds-toast-top-left-anchor-24;position-anchor:--gds-toast-top-left-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-xl-top-left:nth-child(n+25 of.gds-toast-responsive-xl-top-left){anchor-name:--gds-toast-top-left-anchor-25;position-anchor:--gds-toast-top-left-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-xl-top-center{padding-inline:var(--toast-spacing)}:host.gds-toast-responsive-xl-top-center:nth-child(1 of.gds-toast-responsive-xl-top-center){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-top-center-anchor-1;padding-top:var(--toast-spacing);position-area:top}:host.gds-toast-responsive-xl-top-center:nth-child(n+2 of.gds-toast-responsive-xl-top-center){anchor-name:--gds-toast-top-center-anchor-2;position-anchor:--gds-toast-top-center-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-xl-top-center:nth-child(n+3 of.gds-toast-responsive-xl-top-center){anchor-name:--gds-toast-top-center-anchor-3;position-anchor:--gds-toast-top-center-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-xl-top-center:nth-child(n+4 of.gds-toast-responsive-xl-top-center){anchor-name:--gds-toast-top-center-anchor-4;position-anchor:--gds-toast-top-center-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-xl-top-center:nth-child(n+5 of.gds-toast-responsive-xl-top-center){anchor-name:--gds-toast-top-center-anchor-5;position-anchor:--gds-toast-top-center-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-xl-top-center:nth-child(n+6 of.gds-toast-responsive-xl-top-center){anchor-name:--gds-toast-top-center-anchor-6;position-anchor:--gds-toast-top-center-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-xl-top-center:nth-child(n+7 of.gds-toast-responsive-xl-top-center){anchor-name:--gds-toast-top-center-anchor-7;position-anchor:--gds-toast-top-center-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-xl-top-center:nth-child(n+8 of.gds-toast-responsive-xl-top-center){anchor-name:--gds-toast-top-center-anchor-8;position-anchor:--gds-toast-top-center-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-xl-top-center:nth-child(n+9 of.gds-toast-responsive-xl-top-center){anchor-name:--gds-toast-top-center-anchor-9;position-anchor:--gds-toast-top-center-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-xl-top-center:nth-child(n+10 of.gds-toast-responsive-xl-top-center){anchor-name:--gds-toast-top-center-anchor-10;position-anchor:--gds-toast-top-center-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-xl-top-center:nth-child(n+11 of.gds-toast-responsive-xl-top-center){anchor-name:--gds-toast-top-center-anchor-11;position-anchor:--gds-toast-top-center-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-xl-top-center:nth-child(n+12 of.gds-toast-responsive-xl-top-center){anchor-name:--gds-toast-top-center-anchor-12;position-anchor:--gds-toast-top-center-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-xl-top-center:nth-child(n+13 of.gds-toast-responsive-xl-top-center){anchor-name:--gds-toast-top-center-anchor-13;position-anchor:--gds-toast-top-center-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-xl-top-center:nth-child(n+14 of.gds-toast-responsive-xl-top-center){anchor-name:--gds-toast-top-center-anchor-14;position-anchor:--gds-toast-top-center-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-xl-top-center:nth-child(n+15 of.gds-toast-responsive-xl-top-center){anchor-name:--gds-toast-top-center-anchor-15;position-anchor:--gds-toast-top-center-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-xl-top-center:nth-child(n+16 of.gds-toast-responsive-xl-top-center){anchor-name:--gds-toast-top-center-anchor-16;position-anchor:--gds-toast-top-center-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-xl-top-center:nth-child(n+17 of.gds-toast-responsive-xl-top-center){anchor-name:--gds-toast-top-center-anchor-17;position-anchor:--gds-toast-top-center-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-xl-top-center:nth-child(n+18 of.gds-toast-responsive-xl-top-center){anchor-name:--gds-toast-top-center-anchor-18;position-anchor:--gds-toast-top-center-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-xl-top-center:nth-child(n+19 of.gds-toast-responsive-xl-top-center){anchor-name:--gds-toast-top-center-anchor-19;position-anchor:--gds-toast-top-center-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-xl-top-center:nth-child(n+20 of.gds-toast-responsive-xl-top-center){anchor-name:--gds-toast-top-center-anchor-20;position-anchor:--gds-toast-top-center-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-xl-top-center:nth-child(n+21 of.gds-toast-responsive-xl-top-center){anchor-name:--gds-toast-top-center-anchor-21;position-anchor:--gds-toast-top-center-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-xl-top-center:nth-child(n+22 of.gds-toast-responsive-xl-top-center){anchor-name:--gds-toast-top-center-anchor-22;position-anchor:--gds-toast-top-center-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-xl-top-center:nth-child(n+23 of.gds-toast-responsive-xl-top-center){anchor-name:--gds-toast-top-center-anchor-23;position-anchor:--gds-toast-top-center-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-xl-top-center:nth-child(n+24 of.gds-toast-responsive-xl-top-center){anchor-name:--gds-toast-top-center-anchor-24;position-anchor:--gds-toast-top-center-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-xl-top-center:nth-child(n+25 of.gds-toast-responsive-xl-top-center){anchor-name:--gds-toast-top-center-anchor-25;position-anchor:--gds-toast-top-center-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-xl-top-right{padding-inline:var(--toast-spacing)}:host.gds-toast-responsive-xl-top-right:nth-child(1 of.gds-toast-responsive-xl-top-right){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-top-right-anchor-1;padding-top:var(--toast-spacing);position-area:top span-left}:host.gds-toast-responsive-xl-top-right:nth-child(n+2 of.gds-toast-responsive-xl-top-right){anchor-name:--gds-toast-top-right-anchor-2;position-anchor:--gds-toast-top-right-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-xl-top-right:nth-child(n+3 of.gds-toast-responsive-xl-top-right){anchor-name:--gds-toast-top-right-anchor-3;position-anchor:--gds-toast-top-right-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-xl-top-right:nth-child(n+4 of.gds-toast-responsive-xl-top-right){anchor-name:--gds-toast-top-right-anchor-4;position-anchor:--gds-toast-top-right-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-xl-top-right:nth-child(n+5 of.gds-toast-responsive-xl-top-right){anchor-name:--gds-toast-top-right-anchor-5;position-anchor:--gds-toast-top-right-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-xl-top-right:nth-child(n+6 of.gds-toast-responsive-xl-top-right){anchor-name:--gds-toast-top-right-anchor-6;position-anchor:--gds-toast-top-right-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-xl-top-right:nth-child(n+7 of.gds-toast-responsive-xl-top-right){anchor-name:--gds-toast-top-right-anchor-7;position-anchor:--gds-toast-top-right-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-xl-top-right:nth-child(n+8 of.gds-toast-responsive-xl-top-right){anchor-name:--gds-toast-top-right-anchor-8;position-anchor:--gds-toast-top-right-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-xl-top-right:nth-child(n+9 of.gds-toast-responsive-xl-top-right){anchor-name:--gds-toast-top-right-anchor-9;position-anchor:--gds-toast-top-right-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-xl-top-right:nth-child(n+10 of.gds-toast-responsive-xl-top-right){anchor-name:--gds-toast-top-right-anchor-10;position-anchor:--gds-toast-top-right-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-xl-top-right:nth-child(n+11 of.gds-toast-responsive-xl-top-right){anchor-name:--gds-toast-top-right-anchor-11;position-anchor:--gds-toast-top-right-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-xl-top-right:nth-child(n+12 of.gds-toast-responsive-xl-top-right){anchor-name:--gds-toast-top-right-anchor-12;position-anchor:--gds-toast-top-right-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-xl-top-right:nth-child(n+13 of.gds-toast-responsive-xl-top-right){anchor-name:--gds-toast-top-right-anchor-13;position-anchor:--gds-toast-top-right-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-xl-top-right:nth-child(n+14 of.gds-toast-responsive-xl-top-right){anchor-name:--gds-toast-top-right-anchor-14;position-anchor:--gds-toast-top-right-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-xl-top-right:nth-child(n+15 of.gds-toast-responsive-xl-top-right){anchor-name:--gds-toast-top-right-anchor-15;position-anchor:--gds-toast-top-right-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-xl-top-right:nth-child(n+16 of.gds-toast-responsive-xl-top-right){anchor-name:--gds-toast-top-right-anchor-16;position-anchor:--gds-toast-top-right-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-xl-top-right:nth-child(n+17 of.gds-toast-responsive-xl-top-right){anchor-name:--gds-toast-top-right-anchor-17;position-anchor:--gds-toast-top-right-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-xl-top-right:nth-child(n+18 of.gds-toast-responsive-xl-top-right){anchor-name:--gds-toast-top-right-anchor-18;position-anchor:--gds-toast-top-right-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-xl-top-right:nth-child(n+19 of.gds-toast-responsive-xl-top-right){anchor-name:--gds-toast-top-right-anchor-19;position-anchor:--gds-toast-top-right-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-xl-top-right:nth-child(n+20 of.gds-toast-responsive-xl-top-right){anchor-name:--gds-toast-top-right-anchor-20;position-anchor:--gds-toast-top-right-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-xl-top-right:nth-child(n+21 of.gds-toast-responsive-xl-top-right){anchor-name:--gds-toast-top-right-anchor-21;position-anchor:--gds-toast-top-right-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-xl-top-right:nth-child(n+22 of.gds-toast-responsive-xl-top-right){anchor-name:--gds-toast-top-right-anchor-22;position-anchor:--gds-toast-top-right-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-xl-top-right:nth-child(n+23 of.gds-toast-responsive-xl-top-right){anchor-name:--gds-toast-top-right-anchor-23;position-anchor:--gds-toast-top-right-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-xl-top-right:nth-child(n+24 of.gds-toast-responsive-xl-top-right){anchor-name:--gds-toast-top-right-anchor-24;position-anchor:--gds-toast-top-right-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-xl-top-right:nth-child(n+25 of.gds-toast-responsive-xl-top-right){anchor-name:--gds-toast-top-right-anchor-25;position-anchor:--gds-toast-top-right-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-xl-bottom-left{padding-inline:var(--toast-spacing)}:host.gds-toast-responsive-xl-bottom-left:nth-child(1 of.gds-toast-responsive-xl-bottom-left){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-bottom-left-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom span-right}:host.gds-toast-responsive-xl-bottom-left:nth-child(n+2 of.gds-toast-responsive-xl-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-2;position-anchor:--gds-toast-bottom-left-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-xl-bottom-left:nth-child(n+3 of.gds-toast-responsive-xl-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-3;position-anchor:--gds-toast-bottom-left-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-xl-bottom-left:nth-child(n+4 of.gds-toast-responsive-xl-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-4;position-anchor:--gds-toast-bottom-left-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-xl-bottom-left:nth-child(n+5 of.gds-toast-responsive-xl-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-5;position-anchor:--gds-toast-bottom-left-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-xl-bottom-left:nth-child(n+6 of.gds-toast-responsive-xl-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-6;position-anchor:--gds-toast-bottom-left-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-xl-bottom-left:nth-child(n+7 of.gds-toast-responsive-xl-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-7;position-anchor:--gds-toast-bottom-left-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-xl-bottom-left:nth-child(n+8 of.gds-toast-responsive-xl-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-8;position-anchor:--gds-toast-bottom-left-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-xl-bottom-left:nth-child(n+9 of.gds-toast-responsive-xl-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-9;position-anchor:--gds-toast-bottom-left-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-xl-bottom-left:nth-child(n+10 of.gds-toast-responsive-xl-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-10;position-anchor:--gds-toast-bottom-left-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-xl-bottom-left:nth-child(n+11 of.gds-toast-responsive-xl-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-11;position-anchor:--gds-toast-bottom-left-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-xl-bottom-left:nth-child(n+12 of.gds-toast-responsive-xl-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-12;position-anchor:--gds-toast-bottom-left-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-xl-bottom-left:nth-child(n+13 of.gds-toast-responsive-xl-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-13;position-anchor:--gds-toast-bottom-left-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-xl-bottom-left:nth-child(n+14 of.gds-toast-responsive-xl-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-14;position-anchor:--gds-toast-bottom-left-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-xl-bottom-left:nth-child(n+15 of.gds-toast-responsive-xl-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-15;position-anchor:--gds-toast-bottom-left-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-xl-bottom-left:nth-child(n+16 of.gds-toast-responsive-xl-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-16;position-anchor:--gds-toast-bottom-left-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-xl-bottom-left:nth-child(n+17 of.gds-toast-responsive-xl-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-17;position-anchor:--gds-toast-bottom-left-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-xl-bottom-left:nth-child(n+18 of.gds-toast-responsive-xl-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-18;position-anchor:--gds-toast-bottom-left-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-xl-bottom-left:nth-child(n+19 of.gds-toast-responsive-xl-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-19;position-anchor:--gds-toast-bottom-left-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-xl-bottom-left:nth-child(n+20 of.gds-toast-responsive-xl-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-20;position-anchor:--gds-toast-bottom-left-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-xl-bottom-left:nth-child(n+21 of.gds-toast-responsive-xl-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-21;position-anchor:--gds-toast-bottom-left-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-xl-bottom-left:nth-child(n+22 of.gds-toast-responsive-xl-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-22;position-anchor:--gds-toast-bottom-left-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-xl-bottom-left:nth-child(n+23 of.gds-toast-responsive-xl-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-23;position-anchor:--gds-toast-bottom-left-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-xl-bottom-left:nth-child(n+24 of.gds-toast-responsive-xl-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-24;position-anchor:--gds-toast-bottom-left-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-xl-bottom-left:nth-child(n+25 of.gds-toast-responsive-xl-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-25;position-anchor:--gds-toast-bottom-left-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-xl-bottom-center{padding-inline:var(--toast-spacing)}:host.gds-toast-responsive-xl-bottom-center:nth-child(1 of.gds-toast-responsive-xl-bottom-center){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-bottom-center-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom}:host.gds-toast-responsive-xl-bottom-center:nth-child(n+2 of.gds-toast-responsive-xl-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-2;position-anchor:--gds-toast-bottom-center-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-xl-bottom-center:nth-child(n+3 of.gds-toast-responsive-xl-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-3;position-anchor:--gds-toast-bottom-center-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-xl-bottom-center:nth-child(n+4 of.gds-toast-responsive-xl-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-4;position-anchor:--gds-toast-bottom-center-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-xl-bottom-center:nth-child(n+5 of.gds-toast-responsive-xl-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-5;position-anchor:--gds-toast-bottom-center-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-xl-bottom-center:nth-child(n+6 of.gds-toast-responsive-xl-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-6;position-anchor:--gds-toast-bottom-center-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-xl-bottom-center:nth-child(n+7 of.gds-toast-responsive-xl-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-7;position-anchor:--gds-toast-bottom-center-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-xl-bottom-center:nth-child(n+8 of.gds-toast-responsive-xl-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-8;position-anchor:--gds-toast-bottom-center-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-xl-bottom-center:nth-child(n+9 of.gds-toast-responsive-xl-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-9;position-anchor:--gds-toast-bottom-center-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-xl-bottom-center:nth-child(n+10 of.gds-toast-responsive-xl-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-10;position-anchor:--gds-toast-bottom-center-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-xl-bottom-center:nth-child(n+11 of.gds-toast-responsive-xl-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-11;position-anchor:--gds-toast-bottom-center-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-xl-bottom-center:nth-child(n+12 of.gds-toast-responsive-xl-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-12;position-anchor:--gds-toast-bottom-center-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-xl-bottom-center:nth-child(n+13 of.gds-toast-responsive-xl-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-13;position-anchor:--gds-toast-bottom-center-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-xl-bottom-center:nth-child(n+14 of.gds-toast-responsive-xl-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-14;position-anchor:--gds-toast-bottom-center-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-xl-bottom-center:nth-child(n+15 of.gds-toast-responsive-xl-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-15;position-anchor:--gds-toast-bottom-center-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-xl-bottom-center:nth-child(n+16 of.gds-toast-responsive-xl-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-16;position-anchor:--gds-toast-bottom-center-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-xl-bottom-center:nth-child(n+17 of.gds-toast-responsive-xl-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-17;position-anchor:--gds-toast-bottom-center-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-xl-bottom-center:nth-child(n+18 of.gds-toast-responsive-xl-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-18;position-anchor:--gds-toast-bottom-center-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-xl-bottom-center:nth-child(n+19 of.gds-toast-responsive-xl-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-19;position-anchor:--gds-toast-bottom-center-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-xl-bottom-center:nth-child(n+20 of.gds-toast-responsive-xl-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-20;position-anchor:--gds-toast-bottom-center-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-xl-bottom-center:nth-child(n+21 of.gds-toast-responsive-xl-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-21;position-anchor:--gds-toast-bottom-center-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-xl-bottom-center:nth-child(n+22 of.gds-toast-responsive-xl-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-22;position-anchor:--gds-toast-bottom-center-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-xl-bottom-center:nth-child(n+23 of.gds-toast-responsive-xl-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-23;position-anchor:--gds-toast-bottom-center-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-xl-bottom-center:nth-child(n+24 of.gds-toast-responsive-xl-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-24;position-anchor:--gds-toast-bottom-center-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-xl-bottom-center:nth-child(n+25 of.gds-toast-responsive-xl-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-25;position-anchor:--gds-toast-bottom-center-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-xl-bottom-right{padding-inline:var(--toast-spacing)}:host.gds-toast-responsive-xl-bottom-right:nth-child(1 of.gds-toast-responsive-xl-bottom-right){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-bottom-right-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom span-left}:host.gds-toast-responsive-xl-bottom-right:nth-child(n+2 of.gds-toast-responsive-xl-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-2;position-anchor:--gds-toast-bottom-right-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-xl-bottom-right:nth-child(n+3 of.gds-toast-responsive-xl-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-3;position-anchor:--gds-toast-bottom-right-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-xl-bottom-right:nth-child(n+4 of.gds-toast-responsive-xl-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-4;position-anchor:--gds-toast-bottom-right-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-xl-bottom-right:nth-child(n+5 of.gds-toast-responsive-xl-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-5;position-anchor:--gds-toast-bottom-right-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-xl-bottom-right:nth-child(n+6 of.gds-toast-responsive-xl-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-6;position-anchor:--gds-toast-bottom-right-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-xl-bottom-right:nth-child(n+7 of.gds-toast-responsive-xl-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-7;position-anchor:--gds-toast-bottom-right-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-xl-bottom-right:nth-child(n+8 of.gds-toast-responsive-xl-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-8;position-anchor:--gds-toast-bottom-right-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-xl-bottom-right:nth-child(n+9 of.gds-toast-responsive-xl-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-9;position-anchor:--gds-toast-bottom-right-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-xl-bottom-right:nth-child(n+10 of.gds-toast-responsive-xl-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-10;position-anchor:--gds-toast-bottom-right-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-xl-bottom-right:nth-child(n+11 of.gds-toast-responsive-xl-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-11;position-anchor:--gds-toast-bottom-right-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-xl-bottom-right:nth-child(n+12 of.gds-toast-responsive-xl-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-12;position-anchor:--gds-toast-bottom-right-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-xl-bottom-right:nth-child(n+13 of.gds-toast-responsive-xl-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-13;position-anchor:--gds-toast-bottom-right-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-xl-bottom-right:nth-child(n+14 of.gds-toast-responsive-xl-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-14;position-anchor:--gds-toast-bottom-right-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-xl-bottom-right:nth-child(n+15 of.gds-toast-responsive-xl-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-15;position-anchor:--gds-toast-bottom-right-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-xl-bottom-right:nth-child(n+16 of.gds-toast-responsive-xl-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-16;position-anchor:--gds-toast-bottom-right-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-xl-bottom-right:nth-child(n+17 of.gds-toast-responsive-xl-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-17;position-anchor:--gds-toast-bottom-right-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-xl-bottom-right:nth-child(n+18 of.gds-toast-responsive-xl-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-18;position-anchor:--gds-toast-bottom-right-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-xl-bottom-right:nth-child(n+19 of.gds-toast-responsive-xl-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-19;position-anchor:--gds-toast-bottom-right-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-xl-bottom-right:nth-child(n+20 of.gds-toast-responsive-xl-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-20;position-anchor:--gds-toast-bottom-right-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-xl-bottom-right:nth-child(n+21 of.gds-toast-responsive-xl-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-21;position-anchor:--gds-toast-bottom-right-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-xl-bottom-right:nth-child(n+22 of.gds-toast-responsive-xl-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-22;position-anchor:--gds-toast-bottom-right-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-xl-bottom-right:nth-child(n+23 of.gds-toast-responsive-xl-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-23;position-anchor:--gds-toast-bottom-right-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-xl-bottom-right:nth-child(n+24 of.gds-toast-responsive-xl-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-24;position-anchor:--gds-toast-bottom-right-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-xl-bottom-right:nth-child(n+25 of.gds-toast-responsive-xl-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-25;position-anchor:--gds-toast-bottom-right-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}}@media(max-width:1200px){:host.gds-toast-responsive-lg-top-left{padding-inline:var(--toast-spacing)}:host.gds-toast-responsive-lg-top-left:nth-child(1 of.gds-toast-responsive-lg-top-left){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-top-left-anchor-1;padding-top:var(--toast-spacing);position-area:top span-right}:host.gds-toast-responsive-lg-top-left:nth-child(n+2 of.gds-toast-responsive-lg-top-left){anchor-name:--gds-toast-top-left-anchor-2;position-anchor:--gds-toast-top-left-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-lg-top-left:nth-child(n+3 of.gds-toast-responsive-lg-top-left){anchor-name:--gds-toast-top-left-anchor-3;position-anchor:--gds-toast-top-left-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-lg-top-left:nth-child(n+4 of.gds-toast-responsive-lg-top-left){anchor-name:--gds-toast-top-left-anchor-4;position-anchor:--gds-toast-top-left-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-lg-top-left:nth-child(n+5 of.gds-toast-responsive-lg-top-left){anchor-name:--gds-toast-top-left-anchor-5;position-anchor:--gds-toast-top-left-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-lg-top-left:nth-child(n+6 of.gds-toast-responsive-lg-top-left){anchor-name:--gds-toast-top-left-anchor-6;position-anchor:--gds-toast-top-left-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-lg-top-left:nth-child(n+7 of.gds-toast-responsive-lg-top-left){anchor-name:--gds-toast-top-left-anchor-7;position-anchor:--gds-toast-top-left-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-lg-top-left:nth-child(n+8 of.gds-toast-responsive-lg-top-left){anchor-name:--gds-toast-top-left-anchor-8;position-anchor:--gds-toast-top-left-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-lg-top-left:nth-child(n+9 of.gds-toast-responsive-lg-top-left){anchor-name:--gds-toast-top-left-anchor-9;position-anchor:--gds-toast-top-left-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-lg-top-left:nth-child(n+10 of.gds-toast-responsive-lg-top-left){anchor-name:--gds-toast-top-left-anchor-10;position-anchor:--gds-toast-top-left-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-lg-top-left:nth-child(n+11 of.gds-toast-responsive-lg-top-left){anchor-name:--gds-toast-top-left-anchor-11;position-anchor:--gds-toast-top-left-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-lg-top-left:nth-child(n+12 of.gds-toast-responsive-lg-top-left){anchor-name:--gds-toast-top-left-anchor-12;position-anchor:--gds-toast-top-left-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-lg-top-left:nth-child(n+13 of.gds-toast-responsive-lg-top-left){anchor-name:--gds-toast-top-left-anchor-13;position-anchor:--gds-toast-top-left-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-lg-top-left:nth-child(n+14 of.gds-toast-responsive-lg-top-left){anchor-name:--gds-toast-top-left-anchor-14;position-anchor:--gds-toast-top-left-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-lg-top-left:nth-child(n+15 of.gds-toast-responsive-lg-top-left){anchor-name:--gds-toast-top-left-anchor-15;position-anchor:--gds-toast-top-left-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-lg-top-left:nth-child(n+16 of.gds-toast-responsive-lg-top-left){anchor-name:--gds-toast-top-left-anchor-16;position-anchor:--gds-toast-top-left-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-lg-top-left:nth-child(n+17 of.gds-toast-responsive-lg-top-left){anchor-name:--gds-toast-top-left-anchor-17;position-anchor:--gds-toast-top-left-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-lg-top-left:nth-child(n+18 of.gds-toast-responsive-lg-top-left){anchor-name:--gds-toast-top-left-anchor-18;position-anchor:--gds-toast-top-left-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-lg-top-left:nth-child(n+19 of.gds-toast-responsive-lg-top-left){anchor-name:--gds-toast-top-left-anchor-19;position-anchor:--gds-toast-top-left-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-lg-top-left:nth-child(n+20 of.gds-toast-responsive-lg-top-left){anchor-name:--gds-toast-top-left-anchor-20;position-anchor:--gds-toast-top-left-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-lg-top-left:nth-child(n+21 of.gds-toast-responsive-lg-top-left){anchor-name:--gds-toast-top-left-anchor-21;position-anchor:--gds-toast-top-left-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-lg-top-left:nth-child(n+22 of.gds-toast-responsive-lg-top-left){anchor-name:--gds-toast-top-left-anchor-22;position-anchor:--gds-toast-top-left-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-lg-top-left:nth-child(n+23 of.gds-toast-responsive-lg-top-left){anchor-name:--gds-toast-top-left-anchor-23;position-anchor:--gds-toast-top-left-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-lg-top-left:nth-child(n+24 of.gds-toast-responsive-lg-top-left){anchor-name:--gds-toast-top-left-anchor-24;position-anchor:--gds-toast-top-left-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-lg-top-left:nth-child(n+25 of.gds-toast-responsive-lg-top-left){anchor-name:--gds-toast-top-left-anchor-25;position-anchor:--gds-toast-top-left-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-lg-top-center{padding-inline:var(--toast-spacing)}:host.gds-toast-responsive-lg-top-center:nth-child(1 of.gds-toast-responsive-lg-top-center){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-top-center-anchor-1;padding-top:var(--toast-spacing);position-area:top}:host.gds-toast-responsive-lg-top-center:nth-child(n+2 of.gds-toast-responsive-lg-top-center){anchor-name:--gds-toast-top-center-anchor-2;position-anchor:--gds-toast-top-center-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-lg-top-center:nth-child(n+3 of.gds-toast-responsive-lg-top-center){anchor-name:--gds-toast-top-center-anchor-3;position-anchor:--gds-toast-top-center-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-lg-top-center:nth-child(n+4 of.gds-toast-responsive-lg-top-center){anchor-name:--gds-toast-top-center-anchor-4;position-anchor:--gds-toast-top-center-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-lg-top-center:nth-child(n+5 of.gds-toast-responsive-lg-top-center){anchor-name:--gds-toast-top-center-anchor-5;position-anchor:--gds-toast-top-center-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-lg-top-center:nth-child(n+6 of.gds-toast-responsive-lg-top-center){anchor-name:--gds-toast-top-center-anchor-6;position-anchor:--gds-toast-top-center-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-lg-top-center:nth-child(n+7 of.gds-toast-responsive-lg-top-center){anchor-name:--gds-toast-top-center-anchor-7;position-anchor:--gds-toast-top-center-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-lg-top-center:nth-child(n+8 of.gds-toast-responsive-lg-top-center){anchor-name:--gds-toast-top-center-anchor-8;position-anchor:--gds-toast-top-center-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-lg-top-center:nth-child(n+9 of.gds-toast-responsive-lg-top-center){anchor-name:--gds-toast-top-center-anchor-9;position-anchor:--gds-toast-top-center-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-lg-top-center:nth-child(n+10 of.gds-toast-responsive-lg-top-center){anchor-name:--gds-toast-top-center-anchor-10;position-anchor:--gds-toast-top-center-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-lg-top-center:nth-child(n+11 of.gds-toast-responsive-lg-top-center){anchor-name:--gds-toast-top-center-anchor-11;position-anchor:--gds-toast-top-center-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-lg-top-center:nth-child(n+12 of.gds-toast-responsive-lg-top-center){anchor-name:--gds-toast-top-center-anchor-12;position-anchor:--gds-toast-top-center-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-lg-top-center:nth-child(n+13 of.gds-toast-responsive-lg-top-center){anchor-name:--gds-toast-top-center-anchor-13;position-anchor:--gds-toast-top-center-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-lg-top-center:nth-child(n+14 of.gds-toast-responsive-lg-top-center){anchor-name:--gds-toast-top-center-anchor-14;position-anchor:--gds-toast-top-center-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-lg-top-center:nth-child(n+15 of.gds-toast-responsive-lg-top-center){anchor-name:--gds-toast-top-center-anchor-15;position-anchor:--gds-toast-top-center-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-lg-top-center:nth-child(n+16 of.gds-toast-responsive-lg-top-center){anchor-name:--gds-toast-top-center-anchor-16;position-anchor:--gds-toast-top-center-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-lg-top-center:nth-child(n+17 of.gds-toast-responsive-lg-top-center){anchor-name:--gds-toast-top-center-anchor-17;position-anchor:--gds-toast-top-center-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-lg-top-center:nth-child(n+18 of.gds-toast-responsive-lg-top-center){anchor-name:--gds-toast-top-center-anchor-18;position-anchor:--gds-toast-top-center-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-lg-top-center:nth-child(n+19 of.gds-toast-responsive-lg-top-center){anchor-name:--gds-toast-top-center-anchor-19;position-anchor:--gds-toast-top-center-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-lg-top-center:nth-child(n+20 of.gds-toast-responsive-lg-top-center){anchor-name:--gds-toast-top-center-anchor-20;position-anchor:--gds-toast-top-center-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-lg-top-center:nth-child(n+21 of.gds-toast-responsive-lg-top-center){anchor-name:--gds-toast-top-center-anchor-21;position-anchor:--gds-toast-top-center-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-lg-top-center:nth-child(n+22 of.gds-toast-responsive-lg-top-center){anchor-name:--gds-toast-top-center-anchor-22;position-anchor:--gds-toast-top-center-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-lg-top-center:nth-child(n+23 of.gds-toast-responsive-lg-top-center){anchor-name:--gds-toast-top-center-anchor-23;position-anchor:--gds-toast-top-center-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-lg-top-center:nth-child(n+24 of.gds-toast-responsive-lg-top-center){anchor-name:--gds-toast-top-center-anchor-24;position-anchor:--gds-toast-top-center-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-lg-top-center:nth-child(n+25 of.gds-toast-responsive-lg-top-center){anchor-name:--gds-toast-top-center-anchor-25;position-anchor:--gds-toast-top-center-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-lg-top-right{padding-inline:var(--toast-spacing)}:host.gds-toast-responsive-lg-top-right:nth-child(1 of.gds-toast-responsive-lg-top-right){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-top-right-anchor-1;padding-top:var(--toast-spacing);position-area:top span-left}:host.gds-toast-responsive-lg-top-right:nth-child(n+2 of.gds-toast-responsive-lg-top-right){anchor-name:--gds-toast-top-right-anchor-2;position-anchor:--gds-toast-top-right-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-lg-top-right:nth-child(n+3 of.gds-toast-responsive-lg-top-right){anchor-name:--gds-toast-top-right-anchor-3;position-anchor:--gds-toast-top-right-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-lg-top-right:nth-child(n+4 of.gds-toast-responsive-lg-top-right){anchor-name:--gds-toast-top-right-anchor-4;position-anchor:--gds-toast-top-right-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-lg-top-right:nth-child(n+5 of.gds-toast-responsive-lg-top-right){anchor-name:--gds-toast-top-right-anchor-5;position-anchor:--gds-toast-top-right-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-lg-top-right:nth-child(n+6 of.gds-toast-responsive-lg-top-right){anchor-name:--gds-toast-top-right-anchor-6;position-anchor:--gds-toast-top-right-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-lg-top-right:nth-child(n+7 of.gds-toast-responsive-lg-top-right){anchor-name:--gds-toast-top-right-anchor-7;position-anchor:--gds-toast-top-right-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-lg-top-right:nth-child(n+8 of.gds-toast-responsive-lg-top-right){anchor-name:--gds-toast-top-right-anchor-8;position-anchor:--gds-toast-top-right-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-lg-top-right:nth-child(n+9 of.gds-toast-responsive-lg-top-right){anchor-name:--gds-toast-top-right-anchor-9;position-anchor:--gds-toast-top-right-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-lg-top-right:nth-child(n+10 of.gds-toast-responsive-lg-top-right){anchor-name:--gds-toast-top-right-anchor-10;position-anchor:--gds-toast-top-right-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-lg-top-right:nth-child(n+11 of.gds-toast-responsive-lg-top-right){anchor-name:--gds-toast-top-right-anchor-11;position-anchor:--gds-toast-top-right-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-lg-top-right:nth-child(n+12 of.gds-toast-responsive-lg-top-right){anchor-name:--gds-toast-top-right-anchor-12;position-anchor:--gds-toast-top-right-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-lg-top-right:nth-child(n+13 of.gds-toast-responsive-lg-top-right){anchor-name:--gds-toast-top-right-anchor-13;position-anchor:--gds-toast-top-right-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-lg-top-right:nth-child(n+14 of.gds-toast-responsive-lg-top-right){anchor-name:--gds-toast-top-right-anchor-14;position-anchor:--gds-toast-top-right-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-lg-top-right:nth-child(n+15 of.gds-toast-responsive-lg-top-right){anchor-name:--gds-toast-top-right-anchor-15;position-anchor:--gds-toast-top-right-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-lg-top-right:nth-child(n+16 of.gds-toast-responsive-lg-top-right){anchor-name:--gds-toast-top-right-anchor-16;position-anchor:--gds-toast-top-right-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-lg-top-right:nth-child(n+17 of.gds-toast-responsive-lg-top-right){anchor-name:--gds-toast-top-right-anchor-17;position-anchor:--gds-toast-top-right-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-lg-top-right:nth-child(n+18 of.gds-toast-responsive-lg-top-right){anchor-name:--gds-toast-top-right-anchor-18;position-anchor:--gds-toast-top-right-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-lg-top-right:nth-child(n+19 of.gds-toast-responsive-lg-top-right){anchor-name:--gds-toast-top-right-anchor-19;position-anchor:--gds-toast-top-right-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-lg-top-right:nth-child(n+20 of.gds-toast-responsive-lg-top-right){anchor-name:--gds-toast-top-right-anchor-20;position-anchor:--gds-toast-top-right-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-lg-top-right:nth-child(n+21 of.gds-toast-responsive-lg-top-right){anchor-name:--gds-toast-top-right-anchor-21;position-anchor:--gds-toast-top-right-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-lg-top-right:nth-child(n+22 of.gds-toast-responsive-lg-top-right){anchor-name:--gds-toast-top-right-anchor-22;position-anchor:--gds-toast-top-right-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-lg-top-right:nth-child(n+23 of.gds-toast-responsive-lg-top-right){anchor-name:--gds-toast-top-right-anchor-23;position-anchor:--gds-toast-top-right-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-lg-top-right:nth-child(n+24 of.gds-toast-responsive-lg-top-right){anchor-name:--gds-toast-top-right-anchor-24;position-anchor:--gds-toast-top-right-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-lg-top-right:nth-child(n+25 of.gds-toast-responsive-lg-top-right){anchor-name:--gds-toast-top-right-anchor-25;position-anchor:--gds-toast-top-right-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-lg-bottom-left{padding-inline:var(--toast-spacing)}:host.gds-toast-responsive-lg-bottom-left:nth-child(1 of.gds-toast-responsive-lg-bottom-left){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-bottom-left-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom span-right}:host.gds-toast-responsive-lg-bottom-left:nth-child(n+2 of.gds-toast-responsive-lg-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-2;position-anchor:--gds-toast-bottom-left-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-lg-bottom-left:nth-child(n+3 of.gds-toast-responsive-lg-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-3;position-anchor:--gds-toast-bottom-left-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-lg-bottom-left:nth-child(n+4 of.gds-toast-responsive-lg-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-4;position-anchor:--gds-toast-bottom-left-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-lg-bottom-left:nth-child(n+5 of.gds-toast-responsive-lg-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-5;position-anchor:--gds-toast-bottom-left-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-lg-bottom-left:nth-child(n+6 of.gds-toast-responsive-lg-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-6;position-anchor:--gds-toast-bottom-left-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-lg-bottom-left:nth-child(n+7 of.gds-toast-responsive-lg-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-7;position-anchor:--gds-toast-bottom-left-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-lg-bottom-left:nth-child(n+8 of.gds-toast-responsive-lg-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-8;position-anchor:--gds-toast-bottom-left-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-lg-bottom-left:nth-child(n+9 of.gds-toast-responsive-lg-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-9;position-anchor:--gds-toast-bottom-left-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-lg-bottom-left:nth-child(n+10 of.gds-toast-responsive-lg-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-10;position-anchor:--gds-toast-bottom-left-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-lg-bottom-left:nth-child(n+11 of.gds-toast-responsive-lg-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-11;position-anchor:--gds-toast-bottom-left-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-lg-bottom-left:nth-child(n+12 of.gds-toast-responsive-lg-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-12;position-anchor:--gds-toast-bottom-left-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-lg-bottom-left:nth-child(n+13 of.gds-toast-responsive-lg-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-13;position-anchor:--gds-toast-bottom-left-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-lg-bottom-left:nth-child(n+14 of.gds-toast-responsive-lg-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-14;position-anchor:--gds-toast-bottom-left-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-lg-bottom-left:nth-child(n+15 of.gds-toast-responsive-lg-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-15;position-anchor:--gds-toast-bottom-left-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-lg-bottom-left:nth-child(n+16 of.gds-toast-responsive-lg-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-16;position-anchor:--gds-toast-bottom-left-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-lg-bottom-left:nth-child(n+17 of.gds-toast-responsive-lg-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-17;position-anchor:--gds-toast-bottom-left-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-lg-bottom-left:nth-child(n+18 of.gds-toast-responsive-lg-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-18;position-anchor:--gds-toast-bottom-left-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-lg-bottom-left:nth-child(n+19 of.gds-toast-responsive-lg-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-19;position-anchor:--gds-toast-bottom-left-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-lg-bottom-left:nth-child(n+20 of.gds-toast-responsive-lg-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-20;position-anchor:--gds-toast-bottom-left-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-lg-bottom-left:nth-child(n+21 of.gds-toast-responsive-lg-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-21;position-anchor:--gds-toast-bottom-left-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-lg-bottom-left:nth-child(n+22 of.gds-toast-responsive-lg-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-22;position-anchor:--gds-toast-bottom-left-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-lg-bottom-left:nth-child(n+23 of.gds-toast-responsive-lg-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-23;position-anchor:--gds-toast-bottom-left-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-lg-bottom-left:nth-child(n+24 of.gds-toast-responsive-lg-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-24;position-anchor:--gds-toast-bottom-left-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-lg-bottom-left:nth-child(n+25 of.gds-toast-responsive-lg-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-25;position-anchor:--gds-toast-bottom-left-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-lg-bottom-center{padding-inline:var(--toast-spacing)}:host.gds-toast-responsive-lg-bottom-center:nth-child(1 of.gds-toast-responsive-lg-bottom-center){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-bottom-center-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom}:host.gds-toast-responsive-lg-bottom-center:nth-child(n+2 of.gds-toast-responsive-lg-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-2;position-anchor:--gds-toast-bottom-center-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-lg-bottom-center:nth-child(n+3 of.gds-toast-responsive-lg-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-3;position-anchor:--gds-toast-bottom-center-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-lg-bottom-center:nth-child(n+4 of.gds-toast-responsive-lg-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-4;position-anchor:--gds-toast-bottom-center-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-lg-bottom-center:nth-child(n+5 of.gds-toast-responsive-lg-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-5;position-anchor:--gds-toast-bottom-center-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-lg-bottom-center:nth-child(n+6 of.gds-toast-responsive-lg-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-6;position-anchor:--gds-toast-bottom-center-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-lg-bottom-center:nth-child(n+7 of.gds-toast-responsive-lg-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-7;position-anchor:--gds-toast-bottom-center-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-lg-bottom-center:nth-child(n+8 of.gds-toast-responsive-lg-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-8;position-anchor:--gds-toast-bottom-center-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-lg-bottom-center:nth-child(n+9 of.gds-toast-responsive-lg-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-9;position-anchor:--gds-toast-bottom-center-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-lg-bottom-center:nth-child(n+10 of.gds-toast-responsive-lg-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-10;position-anchor:--gds-toast-bottom-center-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-lg-bottom-center:nth-child(n+11 of.gds-toast-responsive-lg-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-11;position-anchor:--gds-toast-bottom-center-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-lg-bottom-center:nth-child(n+12 of.gds-toast-responsive-lg-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-12;position-anchor:--gds-toast-bottom-center-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-lg-bottom-center:nth-child(n+13 of.gds-toast-responsive-lg-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-13;position-anchor:--gds-toast-bottom-center-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-lg-bottom-center:nth-child(n+14 of.gds-toast-responsive-lg-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-14;position-anchor:--gds-toast-bottom-center-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-lg-bottom-center:nth-child(n+15 of.gds-toast-responsive-lg-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-15;position-anchor:--gds-toast-bottom-center-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-lg-bottom-center:nth-child(n+16 of.gds-toast-responsive-lg-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-16;position-anchor:--gds-toast-bottom-center-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-lg-bottom-center:nth-child(n+17 of.gds-toast-responsive-lg-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-17;position-anchor:--gds-toast-bottom-center-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-lg-bottom-center:nth-child(n+18 of.gds-toast-responsive-lg-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-18;position-anchor:--gds-toast-bottom-center-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-lg-bottom-center:nth-child(n+19 of.gds-toast-responsive-lg-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-19;position-anchor:--gds-toast-bottom-center-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-lg-bottom-center:nth-child(n+20 of.gds-toast-responsive-lg-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-20;position-anchor:--gds-toast-bottom-center-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-lg-bottom-center:nth-child(n+21 of.gds-toast-responsive-lg-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-21;position-anchor:--gds-toast-bottom-center-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-lg-bottom-center:nth-child(n+22 of.gds-toast-responsive-lg-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-22;position-anchor:--gds-toast-bottom-center-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-lg-bottom-center:nth-child(n+23 of.gds-toast-responsive-lg-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-23;position-anchor:--gds-toast-bottom-center-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-lg-bottom-center:nth-child(n+24 of.gds-toast-responsive-lg-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-24;position-anchor:--gds-toast-bottom-center-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-lg-bottom-center:nth-child(n+25 of.gds-toast-responsive-lg-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-25;position-anchor:--gds-toast-bottom-center-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-lg-bottom-right{padding-inline:var(--toast-spacing)}:host.gds-toast-responsive-lg-bottom-right:nth-child(1 of.gds-toast-responsive-lg-bottom-right){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-bottom-right-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom span-left}:host.gds-toast-responsive-lg-bottom-right:nth-child(n+2 of.gds-toast-responsive-lg-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-2;position-anchor:--gds-toast-bottom-right-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-lg-bottom-right:nth-child(n+3 of.gds-toast-responsive-lg-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-3;position-anchor:--gds-toast-bottom-right-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-lg-bottom-right:nth-child(n+4 of.gds-toast-responsive-lg-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-4;position-anchor:--gds-toast-bottom-right-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-lg-bottom-right:nth-child(n+5 of.gds-toast-responsive-lg-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-5;position-anchor:--gds-toast-bottom-right-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-lg-bottom-right:nth-child(n+6 of.gds-toast-responsive-lg-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-6;position-anchor:--gds-toast-bottom-right-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-lg-bottom-right:nth-child(n+7 of.gds-toast-responsive-lg-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-7;position-anchor:--gds-toast-bottom-right-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-lg-bottom-right:nth-child(n+8 of.gds-toast-responsive-lg-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-8;position-anchor:--gds-toast-bottom-right-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-lg-bottom-right:nth-child(n+9 of.gds-toast-responsive-lg-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-9;position-anchor:--gds-toast-bottom-right-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-lg-bottom-right:nth-child(n+10 of.gds-toast-responsive-lg-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-10;position-anchor:--gds-toast-bottom-right-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-lg-bottom-right:nth-child(n+11 of.gds-toast-responsive-lg-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-11;position-anchor:--gds-toast-bottom-right-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-lg-bottom-right:nth-child(n+12 of.gds-toast-responsive-lg-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-12;position-anchor:--gds-toast-bottom-right-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-lg-bottom-right:nth-child(n+13 of.gds-toast-responsive-lg-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-13;position-anchor:--gds-toast-bottom-right-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-lg-bottom-right:nth-child(n+14 of.gds-toast-responsive-lg-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-14;position-anchor:--gds-toast-bottom-right-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-lg-bottom-right:nth-child(n+15 of.gds-toast-responsive-lg-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-15;position-anchor:--gds-toast-bottom-right-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-lg-bottom-right:nth-child(n+16 of.gds-toast-responsive-lg-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-16;position-anchor:--gds-toast-bottom-right-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-lg-bottom-right:nth-child(n+17 of.gds-toast-responsive-lg-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-17;position-anchor:--gds-toast-bottom-right-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-lg-bottom-right:nth-child(n+18 of.gds-toast-responsive-lg-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-18;position-anchor:--gds-toast-bottom-right-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-lg-bottom-right:nth-child(n+19 of.gds-toast-responsive-lg-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-19;position-anchor:--gds-toast-bottom-right-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-lg-bottom-right:nth-child(n+20 of.gds-toast-responsive-lg-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-20;position-anchor:--gds-toast-bottom-right-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-lg-bottom-right:nth-child(n+21 of.gds-toast-responsive-lg-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-21;position-anchor:--gds-toast-bottom-right-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-lg-bottom-right:nth-child(n+22 of.gds-toast-responsive-lg-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-22;position-anchor:--gds-toast-bottom-right-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-lg-bottom-right:nth-child(n+23 of.gds-toast-responsive-lg-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-23;position-anchor:--gds-toast-bottom-right-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-lg-bottom-right:nth-child(n+24 of.gds-toast-responsive-lg-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-24;position-anchor:--gds-toast-bottom-right-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-lg-bottom-right:nth-child(n+25 of.gds-toast-responsive-lg-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-25;position-anchor:--gds-toast-bottom-right-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}}@media(max-width:900px){:host.gds-toast-responsive-md-top-left{padding-inline:var(--toast-spacing)}:host.gds-toast-responsive-md-top-left:nth-child(1 of.gds-toast-responsive-md-top-left){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-top-left-anchor-1;padding-top:var(--toast-spacing);position-area:top span-right}:host.gds-toast-responsive-md-top-left:nth-child(n+2 of.gds-toast-responsive-md-top-left){anchor-name:--gds-toast-top-left-anchor-2;position-anchor:--gds-toast-top-left-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-md-top-left:nth-child(n+3 of.gds-toast-responsive-md-top-left){anchor-name:--gds-toast-top-left-anchor-3;position-anchor:--gds-toast-top-left-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-md-top-left:nth-child(n+4 of.gds-toast-responsive-md-top-left){anchor-name:--gds-toast-top-left-anchor-4;position-anchor:--gds-toast-top-left-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-md-top-left:nth-child(n+5 of.gds-toast-responsive-md-top-left){anchor-name:--gds-toast-top-left-anchor-5;position-anchor:--gds-toast-top-left-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-md-top-left:nth-child(n+6 of.gds-toast-responsive-md-top-left){anchor-name:--gds-toast-top-left-anchor-6;position-anchor:--gds-toast-top-left-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-md-top-left:nth-child(n+7 of.gds-toast-responsive-md-top-left){anchor-name:--gds-toast-top-left-anchor-7;position-anchor:--gds-toast-top-left-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-md-top-left:nth-child(n+8 of.gds-toast-responsive-md-top-left){anchor-name:--gds-toast-top-left-anchor-8;position-anchor:--gds-toast-top-left-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-md-top-left:nth-child(n+9 of.gds-toast-responsive-md-top-left){anchor-name:--gds-toast-top-left-anchor-9;position-anchor:--gds-toast-top-left-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-md-top-left:nth-child(n+10 of.gds-toast-responsive-md-top-left){anchor-name:--gds-toast-top-left-anchor-10;position-anchor:--gds-toast-top-left-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-md-top-left:nth-child(n+11 of.gds-toast-responsive-md-top-left){anchor-name:--gds-toast-top-left-anchor-11;position-anchor:--gds-toast-top-left-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-md-top-left:nth-child(n+12 of.gds-toast-responsive-md-top-left){anchor-name:--gds-toast-top-left-anchor-12;position-anchor:--gds-toast-top-left-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-md-top-left:nth-child(n+13 of.gds-toast-responsive-md-top-left){anchor-name:--gds-toast-top-left-anchor-13;position-anchor:--gds-toast-top-left-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-md-top-left:nth-child(n+14 of.gds-toast-responsive-md-top-left){anchor-name:--gds-toast-top-left-anchor-14;position-anchor:--gds-toast-top-left-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-md-top-left:nth-child(n+15 of.gds-toast-responsive-md-top-left){anchor-name:--gds-toast-top-left-anchor-15;position-anchor:--gds-toast-top-left-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-md-top-left:nth-child(n+16 of.gds-toast-responsive-md-top-left){anchor-name:--gds-toast-top-left-anchor-16;position-anchor:--gds-toast-top-left-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-md-top-left:nth-child(n+17 of.gds-toast-responsive-md-top-left){anchor-name:--gds-toast-top-left-anchor-17;position-anchor:--gds-toast-top-left-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-md-top-left:nth-child(n+18 of.gds-toast-responsive-md-top-left){anchor-name:--gds-toast-top-left-anchor-18;position-anchor:--gds-toast-top-left-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-md-top-left:nth-child(n+19 of.gds-toast-responsive-md-top-left){anchor-name:--gds-toast-top-left-anchor-19;position-anchor:--gds-toast-top-left-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-md-top-left:nth-child(n+20 of.gds-toast-responsive-md-top-left){anchor-name:--gds-toast-top-left-anchor-20;position-anchor:--gds-toast-top-left-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-md-top-left:nth-child(n+21 of.gds-toast-responsive-md-top-left){anchor-name:--gds-toast-top-left-anchor-21;position-anchor:--gds-toast-top-left-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-md-top-left:nth-child(n+22 of.gds-toast-responsive-md-top-left){anchor-name:--gds-toast-top-left-anchor-22;position-anchor:--gds-toast-top-left-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-md-top-left:nth-child(n+23 of.gds-toast-responsive-md-top-left){anchor-name:--gds-toast-top-left-anchor-23;position-anchor:--gds-toast-top-left-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-md-top-left:nth-child(n+24 of.gds-toast-responsive-md-top-left){anchor-name:--gds-toast-top-left-anchor-24;position-anchor:--gds-toast-top-left-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-md-top-left:nth-child(n+25 of.gds-toast-responsive-md-top-left){anchor-name:--gds-toast-top-left-anchor-25;position-anchor:--gds-toast-top-left-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-md-top-center{padding-inline:var(--toast-spacing)}:host.gds-toast-responsive-md-top-center:nth-child(1 of.gds-toast-responsive-md-top-center){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-top-center-anchor-1;padding-top:var(--toast-spacing);position-area:top}:host.gds-toast-responsive-md-top-center:nth-child(n+2 of.gds-toast-responsive-md-top-center){anchor-name:--gds-toast-top-center-anchor-2;position-anchor:--gds-toast-top-center-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-md-top-center:nth-child(n+3 of.gds-toast-responsive-md-top-center){anchor-name:--gds-toast-top-center-anchor-3;position-anchor:--gds-toast-top-center-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-md-top-center:nth-child(n+4 of.gds-toast-responsive-md-top-center){anchor-name:--gds-toast-top-center-anchor-4;position-anchor:--gds-toast-top-center-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-md-top-center:nth-child(n+5 of.gds-toast-responsive-md-top-center){anchor-name:--gds-toast-top-center-anchor-5;position-anchor:--gds-toast-top-center-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-md-top-center:nth-child(n+6 of.gds-toast-responsive-md-top-center){anchor-name:--gds-toast-top-center-anchor-6;position-anchor:--gds-toast-top-center-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-md-top-center:nth-child(n+7 of.gds-toast-responsive-md-top-center){anchor-name:--gds-toast-top-center-anchor-7;position-anchor:--gds-toast-top-center-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-md-top-center:nth-child(n+8 of.gds-toast-responsive-md-top-center){anchor-name:--gds-toast-top-center-anchor-8;position-anchor:--gds-toast-top-center-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-md-top-center:nth-child(n+9 of.gds-toast-responsive-md-top-center){anchor-name:--gds-toast-top-center-anchor-9;position-anchor:--gds-toast-top-center-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-md-top-center:nth-child(n+10 of.gds-toast-responsive-md-top-center){anchor-name:--gds-toast-top-center-anchor-10;position-anchor:--gds-toast-top-center-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-md-top-center:nth-child(n+11 of.gds-toast-responsive-md-top-center){anchor-name:--gds-toast-top-center-anchor-11;position-anchor:--gds-toast-top-center-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-md-top-center:nth-child(n+12 of.gds-toast-responsive-md-top-center){anchor-name:--gds-toast-top-center-anchor-12;position-anchor:--gds-toast-top-center-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-md-top-center:nth-child(n+13 of.gds-toast-responsive-md-top-center){anchor-name:--gds-toast-top-center-anchor-13;position-anchor:--gds-toast-top-center-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-md-top-center:nth-child(n+14 of.gds-toast-responsive-md-top-center){anchor-name:--gds-toast-top-center-anchor-14;position-anchor:--gds-toast-top-center-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-md-top-center:nth-child(n+15 of.gds-toast-responsive-md-top-center){anchor-name:--gds-toast-top-center-anchor-15;position-anchor:--gds-toast-top-center-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-md-top-center:nth-child(n+16 of.gds-toast-responsive-md-top-center){anchor-name:--gds-toast-top-center-anchor-16;position-anchor:--gds-toast-top-center-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-md-top-center:nth-child(n+17 of.gds-toast-responsive-md-top-center){anchor-name:--gds-toast-top-center-anchor-17;position-anchor:--gds-toast-top-center-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-md-top-center:nth-child(n+18 of.gds-toast-responsive-md-top-center){anchor-name:--gds-toast-top-center-anchor-18;position-anchor:--gds-toast-top-center-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-md-top-center:nth-child(n+19 of.gds-toast-responsive-md-top-center){anchor-name:--gds-toast-top-center-anchor-19;position-anchor:--gds-toast-top-center-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-md-top-center:nth-child(n+20 of.gds-toast-responsive-md-top-center){anchor-name:--gds-toast-top-center-anchor-20;position-anchor:--gds-toast-top-center-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-md-top-center:nth-child(n+21 of.gds-toast-responsive-md-top-center){anchor-name:--gds-toast-top-center-anchor-21;position-anchor:--gds-toast-top-center-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-md-top-center:nth-child(n+22 of.gds-toast-responsive-md-top-center){anchor-name:--gds-toast-top-center-anchor-22;position-anchor:--gds-toast-top-center-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-md-top-center:nth-child(n+23 of.gds-toast-responsive-md-top-center){anchor-name:--gds-toast-top-center-anchor-23;position-anchor:--gds-toast-top-center-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-md-top-center:nth-child(n+24 of.gds-toast-responsive-md-top-center){anchor-name:--gds-toast-top-center-anchor-24;position-anchor:--gds-toast-top-center-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-md-top-center:nth-child(n+25 of.gds-toast-responsive-md-top-center){anchor-name:--gds-toast-top-center-anchor-25;position-anchor:--gds-toast-top-center-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-md-top-right{padding-inline:var(--toast-spacing)}:host.gds-toast-responsive-md-top-right:nth-child(1 of.gds-toast-responsive-md-top-right){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-top-right-anchor-1;padding-top:var(--toast-spacing);position-area:top span-left}:host.gds-toast-responsive-md-top-right:nth-child(n+2 of.gds-toast-responsive-md-top-right){anchor-name:--gds-toast-top-right-anchor-2;position-anchor:--gds-toast-top-right-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-md-top-right:nth-child(n+3 of.gds-toast-responsive-md-top-right){anchor-name:--gds-toast-top-right-anchor-3;position-anchor:--gds-toast-top-right-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-md-top-right:nth-child(n+4 of.gds-toast-responsive-md-top-right){anchor-name:--gds-toast-top-right-anchor-4;position-anchor:--gds-toast-top-right-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-md-top-right:nth-child(n+5 of.gds-toast-responsive-md-top-right){anchor-name:--gds-toast-top-right-anchor-5;position-anchor:--gds-toast-top-right-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-md-top-right:nth-child(n+6 of.gds-toast-responsive-md-top-right){anchor-name:--gds-toast-top-right-anchor-6;position-anchor:--gds-toast-top-right-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-md-top-right:nth-child(n+7 of.gds-toast-responsive-md-top-right){anchor-name:--gds-toast-top-right-anchor-7;position-anchor:--gds-toast-top-right-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-md-top-right:nth-child(n+8 of.gds-toast-responsive-md-top-right){anchor-name:--gds-toast-top-right-anchor-8;position-anchor:--gds-toast-top-right-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-md-top-right:nth-child(n+9 of.gds-toast-responsive-md-top-right){anchor-name:--gds-toast-top-right-anchor-9;position-anchor:--gds-toast-top-right-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-md-top-right:nth-child(n+10 of.gds-toast-responsive-md-top-right){anchor-name:--gds-toast-top-right-anchor-10;position-anchor:--gds-toast-top-right-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-md-top-right:nth-child(n+11 of.gds-toast-responsive-md-top-right){anchor-name:--gds-toast-top-right-anchor-11;position-anchor:--gds-toast-top-right-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-md-top-right:nth-child(n+12 of.gds-toast-responsive-md-top-right){anchor-name:--gds-toast-top-right-anchor-12;position-anchor:--gds-toast-top-right-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-md-top-right:nth-child(n+13 of.gds-toast-responsive-md-top-right){anchor-name:--gds-toast-top-right-anchor-13;position-anchor:--gds-toast-top-right-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-md-top-right:nth-child(n+14 of.gds-toast-responsive-md-top-right){anchor-name:--gds-toast-top-right-anchor-14;position-anchor:--gds-toast-top-right-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-md-top-right:nth-child(n+15 of.gds-toast-responsive-md-top-right){anchor-name:--gds-toast-top-right-anchor-15;position-anchor:--gds-toast-top-right-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-md-top-right:nth-child(n+16 of.gds-toast-responsive-md-top-right){anchor-name:--gds-toast-top-right-anchor-16;position-anchor:--gds-toast-top-right-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-md-top-right:nth-child(n+17 of.gds-toast-responsive-md-top-right){anchor-name:--gds-toast-top-right-anchor-17;position-anchor:--gds-toast-top-right-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-md-top-right:nth-child(n+18 of.gds-toast-responsive-md-top-right){anchor-name:--gds-toast-top-right-anchor-18;position-anchor:--gds-toast-top-right-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-md-top-right:nth-child(n+19 of.gds-toast-responsive-md-top-right){anchor-name:--gds-toast-top-right-anchor-19;position-anchor:--gds-toast-top-right-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-md-top-right:nth-child(n+20 of.gds-toast-responsive-md-top-right){anchor-name:--gds-toast-top-right-anchor-20;position-anchor:--gds-toast-top-right-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-md-top-right:nth-child(n+21 of.gds-toast-responsive-md-top-right){anchor-name:--gds-toast-top-right-anchor-21;position-anchor:--gds-toast-top-right-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-md-top-right:nth-child(n+22 of.gds-toast-responsive-md-top-right){anchor-name:--gds-toast-top-right-anchor-22;position-anchor:--gds-toast-top-right-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-md-top-right:nth-child(n+23 of.gds-toast-responsive-md-top-right){anchor-name:--gds-toast-top-right-anchor-23;position-anchor:--gds-toast-top-right-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-md-top-right:nth-child(n+24 of.gds-toast-responsive-md-top-right){anchor-name:--gds-toast-top-right-anchor-24;position-anchor:--gds-toast-top-right-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-md-top-right:nth-child(n+25 of.gds-toast-responsive-md-top-right){anchor-name:--gds-toast-top-right-anchor-25;position-anchor:--gds-toast-top-right-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-md-bottom-left{padding-inline:var(--toast-spacing)}:host.gds-toast-responsive-md-bottom-left:nth-child(1 of.gds-toast-responsive-md-bottom-left){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-bottom-left-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom span-right}:host.gds-toast-responsive-md-bottom-left:nth-child(n+2 of.gds-toast-responsive-md-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-2;position-anchor:--gds-toast-bottom-left-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-md-bottom-left:nth-child(n+3 of.gds-toast-responsive-md-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-3;position-anchor:--gds-toast-bottom-left-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-md-bottom-left:nth-child(n+4 of.gds-toast-responsive-md-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-4;position-anchor:--gds-toast-bottom-left-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-md-bottom-left:nth-child(n+5 of.gds-toast-responsive-md-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-5;position-anchor:--gds-toast-bottom-left-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-md-bottom-left:nth-child(n+6 of.gds-toast-responsive-md-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-6;position-anchor:--gds-toast-bottom-left-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-md-bottom-left:nth-child(n+7 of.gds-toast-responsive-md-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-7;position-anchor:--gds-toast-bottom-left-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-md-bottom-left:nth-child(n+8 of.gds-toast-responsive-md-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-8;position-anchor:--gds-toast-bottom-left-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-md-bottom-left:nth-child(n+9 of.gds-toast-responsive-md-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-9;position-anchor:--gds-toast-bottom-left-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-md-bottom-left:nth-child(n+10 of.gds-toast-responsive-md-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-10;position-anchor:--gds-toast-bottom-left-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-md-bottom-left:nth-child(n+11 of.gds-toast-responsive-md-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-11;position-anchor:--gds-toast-bottom-left-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-md-bottom-left:nth-child(n+12 of.gds-toast-responsive-md-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-12;position-anchor:--gds-toast-bottom-left-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-md-bottom-left:nth-child(n+13 of.gds-toast-responsive-md-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-13;position-anchor:--gds-toast-bottom-left-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-md-bottom-left:nth-child(n+14 of.gds-toast-responsive-md-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-14;position-anchor:--gds-toast-bottom-left-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-md-bottom-left:nth-child(n+15 of.gds-toast-responsive-md-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-15;position-anchor:--gds-toast-bottom-left-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-md-bottom-left:nth-child(n+16 of.gds-toast-responsive-md-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-16;position-anchor:--gds-toast-bottom-left-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-md-bottom-left:nth-child(n+17 of.gds-toast-responsive-md-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-17;position-anchor:--gds-toast-bottom-left-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-md-bottom-left:nth-child(n+18 of.gds-toast-responsive-md-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-18;position-anchor:--gds-toast-bottom-left-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-md-bottom-left:nth-child(n+19 of.gds-toast-responsive-md-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-19;position-anchor:--gds-toast-bottom-left-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-md-bottom-left:nth-child(n+20 of.gds-toast-responsive-md-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-20;position-anchor:--gds-toast-bottom-left-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-md-bottom-left:nth-child(n+21 of.gds-toast-responsive-md-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-21;position-anchor:--gds-toast-bottom-left-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-md-bottom-left:nth-child(n+22 of.gds-toast-responsive-md-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-22;position-anchor:--gds-toast-bottom-left-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-md-bottom-left:nth-child(n+23 of.gds-toast-responsive-md-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-23;position-anchor:--gds-toast-bottom-left-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-md-bottom-left:nth-child(n+24 of.gds-toast-responsive-md-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-24;position-anchor:--gds-toast-bottom-left-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-md-bottom-left:nth-child(n+25 of.gds-toast-responsive-md-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-25;position-anchor:--gds-toast-bottom-left-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-md-bottom-center{padding-inline:var(--toast-spacing)}:host.gds-toast-responsive-md-bottom-center:nth-child(1 of.gds-toast-responsive-md-bottom-center){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-bottom-center-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom}:host.gds-toast-responsive-md-bottom-center:nth-child(n+2 of.gds-toast-responsive-md-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-2;position-anchor:--gds-toast-bottom-center-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-md-bottom-center:nth-child(n+3 of.gds-toast-responsive-md-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-3;position-anchor:--gds-toast-bottom-center-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-md-bottom-center:nth-child(n+4 of.gds-toast-responsive-md-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-4;position-anchor:--gds-toast-bottom-center-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-md-bottom-center:nth-child(n+5 of.gds-toast-responsive-md-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-5;position-anchor:--gds-toast-bottom-center-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-md-bottom-center:nth-child(n+6 of.gds-toast-responsive-md-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-6;position-anchor:--gds-toast-bottom-center-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-md-bottom-center:nth-child(n+7 of.gds-toast-responsive-md-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-7;position-anchor:--gds-toast-bottom-center-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-md-bottom-center:nth-child(n+8 of.gds-toast-responsive-md-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-8;position-anchor:--gds-toast-bottom-center-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-md-bottom-center:nth-child(n+9 of.gds-toast-responsive-md-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-9;position-anchor:--gds-toast-bottom-center-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-md-bottom-center:nth-child(n+10 of.gds-toast-responsive-md-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-10;position-anchor:--gds-toast-bottom-center-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-md-bottom-center:nth-child(n+11 of.gds-toast-responsive-md-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-11;position-anchor:--gds-toast-bottom-center-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-md-bottom-center:nth-child(n+12 of.gds-toast-responsive-md-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-12;position-anchor:--gds-toast-bottom-center-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-md-bottom-center:nth-child(n+13 of.gds-toast-responsive-md-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-13;position-anchor:--gds-toast-bottom-center-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-md-bottom-center:nth-child(n+14 of.gds-toast-responsive-md-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-14;position-anchor:--gds-toast-bottom-center-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-md-bottom-center:nth-child(n+15 of.gds-toast-responsive-md-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-15;position-anchor:--gds-toast-bottom-center-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-md-bottom-center:nth-child(n+16 of.gds-toast-responsive-md-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-16;position-anchor:--gds-toast-bottom-center-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-md-bottom-center:nth-child(n+17 of.gds-toast-responsive-md-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-17;position-anchor:--gds-toast-bottom-center-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-md-bottom-center:nth-child(n+18 of.gds-toast-responsive-md-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-18;position-anchor:--gds-toast-bottom-center-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-md-bottom-center:nth-child(n+19 of.gds-toast-responsive-md-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-19;position-anchor:--gds-toast-bottom-center-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-md-bottom-center:nth-child(n+20 of.gds-toast-responsive-md-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-20;position-anchor:--gds-toast-bottom-center-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-md-bottom-center:nth-child(n+21 of.gds-toast-responsive-md-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-21;position-anchor:--gds-toast-bottom-center-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-md-bottom-center:nth-child(n+22 of.gds-toast-responsive-md-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-22;position-anchor:--gds-toast-bottom-center-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-md-bottom-center:nth-child(n+23 of.gds-toast-responsive-md-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-23;position-anchor:--gds-toast-bottom-center-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-md-bottom-center:nth-child(n+24 of.gds-toast-responsive-md-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-24;position-anchor:--gds-toast-bottom-center-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-md-bottom-center:nth-child(n+25 of.gds-toast-responsive-md-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-25;position-anchor:--gds-toast-bottom-center-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-md-bottom-right{padding-inline:var(--toast-spacing)}:host.gds-toast-responsive-md-bottom-right:nth-child(1 of.gds-toast-responsive-md-bottom-right){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-bottom-right-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom span-left}:host.gds-toast-responsive-md-bottom-right:nth-child(n+2 of.gds-toast-responsive-md-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-2;position-anchor:--gds-toast-bottom-right-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-md-bottom-right:nth-child(n+3 of.gds-toast-responsive-md-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-3;position-anchor:--gds-toast-bottom-right-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-md-bottom-right:nth-child(n+4 of.gds-toast-responsive-md-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-4;position-anchor:--gds-toast-bottom-right-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-md-bottom-right:nth-child(n+5 of.gds-toast-responsive-md-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-5;position-anchor:--gds-toast-bottom-right-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-md-bottom-right:nth-child(n+6 of.gds-toast-responsive-md-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-6;position-anchor:--gds-toast-bottom-right-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-md-bottom-right:nth-child(n+7 of.gds-toast-responsive-md-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-7;position-anchor:--gds-toast-bottom-right-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-md-bottom-right:nth-child(n+8 of.gds-toast-responsive-md-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-8;position-anchor:--gds-toast-bottom-right-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-md-bottom-right:nth-child(n+9 of.gds-toast-responsive-md-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-9;position-anchor:--gds-toast-bottom-right-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-md-bottom-right:nth-child(n+10 of.gds-toast-responsive-md-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-10;position-anchor:--gds-toast-bottom-right-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-md-bottom-right:nth-child(n+11 of.gds-toast-responsive-md-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-11;position-anchor:--gds-toast-bottom-right-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-md-bottom-right:nth-child(n+12 of.gds-toast-responsive-md-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-12;position-anchor:--gds-toast-bottom-right-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-md-bottom-right:nth-child(n+13 of.gds-toast-responsive-md-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-13;position-anchor:--gds-toast-bottom-right-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-md-bottom-right:nth-child(n+14 of.gds-toast-responsive-md-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-14;position-anchor:--gds-toast-bottom-right-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-md-bottom-right:nth-child(n+15 of.gds-toast-responsive-md-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-15;position-anchor:--gds-toast-bottom-right-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-md-bottom-right:nth-child(n+16 of.gds-toast-responsive-md-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-16;position-anchor:--gds-toast-bottom-right-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-md-bottom-right:nth-child(n+17 of.gds-toast-responsive-md-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-17;position-anchor:--gds-toast-bottom-right-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-md-bottom-right:nth-child(n+18 of.gds-toast-responsive-md-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-18;position-anchor:--gds-toast-bottom-right-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-md-bottom-right:nth-child(n+19 of.gds-toast-responsive-md-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-19;position-anchor:--gds-toast-bottom-right-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-md-bottom-right:nth-child(n+20 of.gds-toast-responsive-md-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-20;position-anchor:--gds-toast-bottom-right-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-md-bottom-right:nth-child(n+21 of.gds-toast-responsive-md-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-21;position-anchor:--gds-toast-bottom-right-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-md-bottom-right:nth-child(n+22 of.gds-toast-responsive-md-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-22;position-anchor:--gds-toast-bottom-right-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-md-bottom-right:nth-child(n+23 of.gds-toast-responsive-md-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-23;position-anchor:--gds-toast-bottom-right-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-md-bottom-right:nth-child(n+24 of.gds-toast-responsive-md-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-24;position-anchor:--gds-toast-bottom-right-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-md-bottom-right:nth-child(n+25 of.gds-toast-responsive-md-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-25;position-anchor:--gds-toast-bottom-right-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}}@media(max-width:600px){:host.gds-toast-responsive-sm-top-left{padding-inline:var(--toast-spacing)}:host.gds-toast-responsive-sm-top-left:nth-child(1 of.gds-toast-responsive-sm-top-left){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-top-left-anchor-1;padding-top:var(--toast-spacing);position-area:top span-right}:host.gds-toast-responsive-sm-top-left:nth-child(n+2 of.gds-toast-responsive-sm-top-left){anchor-name:--gds-toast-top-left-anchor-2;position-anchor:--gds-toast-top-left-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-sm-top-left:nth-child(n+3 of.gds-toast-responsive-sm-top-left){anchor-name:--gds-toast-top-left-anchor-3;position-anchor:--gds-toast-top-left-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-sm-top-left:nth-child(n+4 of.gds-toast-responsive-sm-top-left){anchor-name:--gds-toast-top-left-anchor-4;position-anchor:--gds-toast-top-left-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-sm-top-left:nth-child(n+5 of.gds-toast-responsive-sm-top-left){anchor-name:--gds-toast-top-left-anchor-5;position-anchor:--gds-toast-top-left-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-sm-top-left:nth-child(n+6 of.gds-toast-responsive-sm-top-left){anchor-name:--gds-toast-top-left-anchor-6;position-anchor:--gds-toast-top-left-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-sm-top-left:nth-child(n+7 of.gds-toast-responsive-sm-top-left){anchor-name:--gds-toast-top-left-anchor-7;position-anchor:--gds-toast-top-left-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-sm-top-left:nth-child(n+8 of.gds-toast-responsive-sm-top-left){anchor-name:--gds-toast-top-left-anchor-8;position-anchor:--gds-toast-top-left-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-sm-top-left:nth-child(n+9 of.gds-toast-responsive-sm-top-left){anchor-name:--gds-toast-top-left-anchor-9;position-anchor:--gds-toast-top-left-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-sm-top-left:nth-child(n+10 of.gds-toast-responsive-sm-top-left){anchor-name:--gds-toast-top-left-anchor-10;position-anchor:--gds-toast-top-left-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-sm-top-left:nth-child(n+11 of.gds-toast-responsive-sm-top-left){anchor-name:--gds-toast-top-left-anchor-11;position-anchor:--gds-toast-top-left-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-sm-top-left:nth-child(n+12 of.gds-toast-responsive-sm-top-left){anchor-name:--gds-toast-top-left-anchor-12;position-anchor:--gds-toast-top-left-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-sm-top-left:nth-child(n+13 of.gds-toast-responsive-sm-top-left){anchor-name:--gds-toast-top-left-anchor-13;position-anchor:--gds-toast-top-left-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-sm-top-left:nth-child(n+14 of.gds-toast-responsive-sm-top-left){anchor-name:--gds-toast-top-left-anchor-14;position-anchor:--gds-toast-top-left-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-sm-top-left:nth-child(n+15 of.gds-toast-responsive-sm-top-left){anchor-name:--gds-toast-top-left-anchor-15;position-anchor:--gds-toast-top-left-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-sm-top-left:nth-child(n+16 of.gds-toast-responsive-sm-top-left){anchor-name:--gds-toast-top-left-anchor-16;position-anchor:--gds-toast-top-left-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-sm-top-left:nth-child(n+17 of.gds-toast-responsive-sm-top-left){anchor-name:--gds-toast-top-left-anchor-17;position-anchor:--gds-toast-top-left-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-sm-top-left:nth-child(n+18 of.gds-toast-responsive-sm-top-left){anchor-name:--gds-toast-top-left-anchor-18;position-anchor:--gds-toast-top-left-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-sm-top-left:nth-child(n+19 of.gds-toast-responsive-sm-top-left){anchor-name:--gds-toast-top-left-anchor-19;position-anchor:--gds-toast-top-left-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-sm-top-left:nth-child(n+20 of.gds-toast-responsive-sm-top-left){anchor-name:--gds-toast-top-left-anchor-20;position-anchor:--gds-toast-top-left-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-sm-top-left:nth-child(n+21 of.gds-toast-responsive-sm-top-left){anchor-name:--gds-toast-top-left-anchor-21;position-anchor:--gds-toast-top-left-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-sm-top-left:nth-child(n+22 of.gds-toast-responsive-sm-top-left){anchor-name:--gds-toast-top-left-anchor-22;position-anchor:--gds-toast-top-left-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-sm-top-left:nth-child(n+23 of.gds-toast-responsive-sm-top-left){anchor-name:--gds-toast-top-left-anchor-23;position-anchor:--gds-toast-top-left-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-sm-top-left:nth-child(n+24 of.gds-toast-responsive-sm-top-left){anchor-name:--gds-toast-top-left-anchor-24;position-anchor:--gds-toast-top-left-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-sm-top-left:nth-child(n+25 of.gds-toast-responsive-sm-top-left){anchor-name:--gds-toast-top-left-anchor-25;position-anchor:--gds-toast-top-left-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-sm-top-center{padding-inline:var(--toast-spacing)}:host.gds-toast-responsive-sm-top-center:nth-child(1 of.gds-toast-responsive-sm-top-center){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-top-center-anchor-1;padding-top:var(--toast-spacing);position-area:top}:host.gds-toast-responsive-sm-top-center:nth-child(n+2 of.gds-toast-responsive-sm-top-center){anchor-name:--gds-toast-top-center-anchor-2;position-anchor:--gds-toast-top-center-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-sm-top-center:nth-child(n+3 of.gds-toast-responsive-sm-top-center){anchor-name:--gds-toast-top-center-anchor-3;position-anchor:--gds-toast-top-center-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-sm-top-center:nth-child(n+4 of.gds-toast-responsive-sm-top-center){anchor-name:--gds-toast-top-center-anchor-4;position-anchor:--gds-toast-top-center-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-sm-top-center:nth-child(n+5 of.gds-toast-responsive-sm-top-center){anchor-name:--gds-toast-top-center-anchor-5;position-anchor:--gds-toast-top-center-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-sm-top-center:nth-child(n+6 of.gds-toast-responsive-sm-top-center){anchor-name:--gds-toast-top-center-anchor-6;position-anchor:--gds-toast-top-center-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-sm-top-center:nth-child(n+7 of.gds-toast-responsive-sm-top-center){anchor-name:--gds-toast-top-center-anchor-7;position-anchor:--gds-toast-top-center-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-sm-top-center:nth-child(n+8 of.gds-toast-responsive-sm-top-center){anchor-name:--gds-toast-top-center-anchor-8;position-anchor:--gds-toast-top-center-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-sm-top-center:nth-child(n+9 of.gds-toast-responsive-sm-top-center){anchor-name:--gds-toast-top-center-anchor-9;position-anchor:--gds-toast-top-center-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-sm-top-center:nth-child(n+10 of.gds-toast-responsive-sm-top-center){anchor-name:--gds-toast-top-center-anchor-10;position-anchor:--gds-toast-top-center-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-sm-top-center:nth-child(n+11 of.gds-toast-responsive-sm-top-center){anchor-name:--gds-toast-top-center-anchor-11;position-anchor:--gds-toast-top-center-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-sm-top-center:nth-child(n+12 of.gds-toast-responsive-sm-top-center){anchor-name:--gds-toast-top-center-anchor-12;position-anchor:--gds-toast-top-center-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-sm-top-center:nth-child(n+13 of.gds-toast-responsive-sm-top-center){anchor-name:--gds-toast-top-center-anchor-13;position-anchor:--gds-toast-top-center-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-sm-top-center:nth-child(n+14 of.gds-toast-responsive-sm-top-center){anchor-name:--gds-toast-top-center-anchor-14;position-anchor:--gds-toast-top-center-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-sm-top-center:nth-child(n+15 of.gds-toast-responsive-sm-top-center){anchor-name:--gds-toast-top-center-anchor-15;position-anchor:--gds-toast-top-center-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-sm-top-center:nth-child(n+16 of.gds-toast-responsive-sm-top-center){anchor-name:--gds-toast-top-center-anchor-16;position-anchor:--gds-toast-top-center-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-sm-top-center:nth-child(n+17 of.gds-toast-responsive-sm-top-center){anchor-name:--gds-toast-top-center-anchor-17;position-anchor:--gds-toast-top-center-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-sm-top-center:nth-child(n+18 of.gds-toast-responsive-sm-top-center){anchor-name:--gds-toast-top-center-anchor-18;position-anchor:--gds-toast-top-center-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-sm-top-center:nth-child(n+19 of.gds-toast-responsive-sm-top-center){anchor-name:--gds-toast-top-center-anchor-19;position-anchor:--gds-toast-top-center-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-sm-top-center:nth-child(n+20 of.gds-toast-responsive-sm-top-center){anchor-name:--gds-toast-top-center-anchor-20;position-anchor:--gds-toast-top-center-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-sm-top-center:nth-child(n+21 of.gds-toast-responsive-sm-top-center){anchor-name:--gds-toast-top-center-anchor-21;position-anchor:--gds-toast-top-center-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-sm-top-center:nth-child(n+22 of.gds-toast-responsive-sm-top-center){anchor-name:--gds-toast-top-center-anchor-22;position-anchor:--gds-toast-top-center-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-sm-top-center:nth-child(n+23 of.gds-toast-responsive-sm-top-center){anchor-name:--gds-toast-top-center-anchor-23;position-anchor:--gds-toast-top-center-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-sm-top-center:nth-child(n+24 of.gds-toast-responsive-sm-top-center){anchor-name:--gds-toast-top-center-anchor-24;position-anchor:--gds-toast-top-center-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-sm-top-center:nth-child(n+25 of.gds-toast-responsive-sm-top-center){anchor-name:--gds-toast-top-center-anchor-25;position-anchor:--gds-toast-top-center-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-sm-top-right{padding-inline:var(--toast-spacing)}:host.gds-toast-responsive-sm-top-right:nth-child(1 of.gds-toast-responsive-sm-top-right){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-top-right-anchor-1;padding-top:var(--toast-spacing);position-area:top span-left}:host.gds-toast-responsive-sm-top-right:nth-child(n+2 of.gds-toast-responsive-sm-top-right){anchor-name:--gds-toast-top-right-anchor-2;position-anchor:--gds-toast-top-right-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-sm-top-right:nth-child(n+3 of.gds-toast-responsive-sm-top-right){anchor-name:--gds-toast-top-right-anchor-3;position-anchor:--gds-toast-top-right-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-sm-top-right:nth-child(n+4 of.gds-toast-responsive-sm-top-right){anchor-name:--gds-toast-top-right-anchor-4;position-anchor:--gds-toast-top-right-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-sm-top-right:nth-child(n+5 of.gds-toast-responsive-sm-top-right){anchor-name:--gds-toast-top-right-anchor-5;position-anchor:--gds-toast-top-right-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-sm-top-right:nth-child(n+6 of.gds-toast-responsive-sm-top-right){anchor-name:--gds-toast-top-right-anchor-6;position-anchor:--gds-toast-top-right-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-sm-top-right:nth-child(n+7 of.gds-toast-responsive-sm-top-right){anchor-name:--gds-toast-top-right-anchor-7;position-anchor:--gds-toast-top-right-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-sm-top-right:nth-child(n+8 of.gds-toast-responsive-sm-top-right){anchor-name:--gds-toast-top-right-anchor-8;position-anchor:--gds-toast-top-right-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-sm-top-right:nth-child(n+9 of.gds-toast-responsive-sm-top-right){anchor-name:--gds-toast-top-right-anchor-9;position-anchor:--gds-toast-top-right-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-sm-top-right:nth-child(n+10 of.gds-toast-responsive-sm-top-right){anchor-name:--gds-toast-top-right-anchor-10;position-anchor:--gds-toast-top-right-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-sm-top-right:nth-child(n+11 of.gds-toast-responsive-sm-top-right){anchor-name:--gds-toast-top-right-anchor-11;position-anchor:--gds-toast-top-right-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-sm-top-right:nth-child(n+12 of.gds-toast-responsive-sm-top-right){anchor-name:--gds-toast-top-right-anchor-12;position-anchor:--gds-toast-top-right-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-sm-top-right:nth-child(n+13 of.gds-toast-responsive-sm-top-right){anchor-name:--gds-toast-top-right-anchor-13;position-anchor:--gds-toast-top-right-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-sm-top-right:nth-child(n+14 of.gds-toast-responsive-sm-top-right){anchor-name:--gds-toast-top-right-anchor-14;position-anchor:--gds-toast-top-right-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-sm-top-right:nth-child(n+15 of.gds-toast-responsive-sm-top-right){anchor-name:--gds-toast-top-right-anchor-15;position-anchor:--gds-toast-top-right-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-sm-top-right:nth-child(n+16 of.gds-toast-responsive-sm-top-right){anchor-name:--gds-toast-top-right-anchor-16;position-anchor:--gds-toast-top-right-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-sm-top-right:nth-child(n+17 of.gds-toast-responsive-sm-top-right){anchor-name:--gds-toast-top-right-anchor-17;position-anchor:--gds-toast-top-right-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-sm-top-right:nth-child(n+18 of.gds-toast-responsive-sm-top-right){anchor-name:--gds-toast-top-right-anchor-18;position-anchor:--gds-toast-top-right-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-sm-top-right:nth-child(n+19 of.gds-toast-responsive-sm-top-right){anchor-name:--gds-toast-top-right-anchor-19;position-anchor:--gds-toast-top-right-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-sm-top-right:nth-child(n+20 of.gds-toast-responsive-sm-top-right){anchor-name:--gds-toast-top-right-anchor-20;position-anchor:--gds-toast-top-right-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-sm-top-right:nth-child(n+21 of.gds-toast-responsive-sm-top-right){anchor-name:--gds-toast-top-right-anchor-21;position-anchor:--gds-toast-top-right-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-sm-top-right:nth-child(n+22 of.gds-toast-responsive-sm-top-right){anchor-name:--gds-toast-top-right-anchor-22;position-anchor:--gds-toast-top-right-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-sm-top-right:nth-child(n+23 of.gds-toast-responsive-sm-top-right){anchor-name:--gds-toast-top-right-anchor-23;position-anchor:--gds-toast-top-right-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-sm-top-right:nth-child(n+24 of.gds-toast-responsive-sm-top-right){anchor-name:--gds-toast-top-right-anchor-24;position-anchor:--gds-toast-top-right-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-sm-top-right:nth-child(n+25 of.gds-toast-responsive-sm-top-right){anchor-name:--gds-toast-top-right-anchor-25;position-anchor:--gds-toast-top-right-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-sm-bottom-left{padding-inline:var(--toast-spacing)}:host.gds-toast-responsive-sm-bottom-left:nth-child(1 of.gds-toast-responsive-sm-bottom-left){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-bottom-left-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom span-right}:host.gds-toast-responsive-sm-bottom-left:nth-child(n+2 of.gds-toast-responsive-sm-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-2;position-anchor:--gds-toast-bottom-left-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-sm-bottom-left:nth-child(n+3 of.gds-toast-responsive-sm-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-3;position-anchor:--gds-toast-bottom-left-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-sm-bottom-left:nth-child(n+4 of.gds-toast-responsive-sm-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-4;position-anchor:--gds-toast-bottom-left-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-sm-bottom-left:nth-child(n+5 of.gds-toast-responsive-sm-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-5;position-anchor:--gds-toast-bottom-left-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-sm-bottom-left:nth-child(n+6 of.gds-toast-responsive-sm-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-6;position-anchor:--gds-toast-bottom-left-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-sm-bottom-left:nth-child(n+7 of.gds-toast-responsive-sm-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-7;position-anchor:--gds-toast-bottom-left-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-sm-bottom-left:nth-child(n+8 of.gds-toast-responsive-sm-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-8;position-anchor:--gds-toast-bottom-left-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-sm-bottom-left:nth-child(n+9 of.gds-toast-responsive-sm-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-9;position-anchor:--gds-toast-bottom-left-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-sm-bottom-left:nth-child(n+10 of.gds-toast-responsive-sm-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-10;position-anchor:--gds-toast-bottom-left-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-sm-bottom-left:nth-child(n+11 of.gds-toast-responsive-sm-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-11;position-anchor:--gds-toast-bottom-left-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-sm-bottom-left:nth-child(n+12 of.gds-toast-responsive-sm-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-12;position-anchor:--gds-toast-bottom-left-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-sm-bottom-left:nth-child(n+13 of.gds-toast-responsive-sm-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-13;position-anchor:--gds-toast-bottom-left-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-sm-bottom-left:nth-child(n+14 of.gds-toast-responsive-sm-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-14;position-anchor:--gds-toast-bottom-left-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-sm-bottom-left:nth-child(n+15 of.gds-toast-responsive-sm-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-15;position-anchor:--gds-toast-bottom-left-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-sm-bottom-left:nth-child(n+16 of.gds-toast-responsive-sm-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-16;position-anchor:--gds-toast-bottom-left-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-sm-bottom-left:nth-child(n+17 of.gds-toast-responsive-sm-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-17;position-anchor:--gds-toast-bottom-left-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-sm-bottom-left:nth-child(n+18 of.gds-toast-responsive-sm-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-18;position-anchor:--gds-toast-bottom-left-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-sm-bottom-left:nth-child(n+19 of.gds-toast-responsive-sm-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-19;position-anchor:--gds-toast-bottom-left-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-sm-bottom-left:nth-child(n+20 of.gds-toast-responsive-sm-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-20;position-anchor:--gds-toast-bottom-left-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-sm-bottom-left:nth-child(n+21 of.gds-toast-responsive-sm-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-21;position-anchor:--gds-toast-bottom-left-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-sm-bottom-left:nth-child(n+22 of.gds-toast-responsive-sm-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-22;position-anchor:--gds-toast-bottom-left-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-sm-bottom-left:nth-child(n+23 of.gds-toast-responsive-sm-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-23;position-anchor:--gds-toast-bottom-left-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-sm-bottom-left:nth-child(n+24 of.gds-toast-responsive-sm-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-24;position-anchor:--gds-toast-bottom-left-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-sm-bottom-left:nth-child(n+25 of.gds-toast-responsive-sm-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-25;position-anchor:--gds-toast-bottom-left-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-sm-bottom-center{padding-inline:var(--toast-spacing)}:host.gds-toast-responsive-sm-bottom-center:nth-child(1 of.gds-toast-responsive-sm-bottom-center){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-bottom-center-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom}:host.gds-toast-responsive-sm-bottom-center:nth-child(n+2 of.gds-toast-responsive-sm-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-2;position-anchor:--gds-toast-bottom-center-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-sm-bottom-center:nth-child(n+3 of.gds-toast-responsive-sm-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-3;position-anchor:--gds-toast-bottom-center-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-sm-bottom-center:nth-child(n+4 of.gds-toast-responsive-sm-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-4;position-anchor:--gds-toast-bottom-center-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-sm-bottom-center:nth-child(n+5 of.gds-toast-responsive-sm-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-5;position-anchor:--gds-toast-bottom-center-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-sm-bottom-center:nth-child(n+6 of.gds-toast-responsive-sm-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-6;position-anchor:--gds-toast-bottom-center-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-sm-bottom-center:nth-child(n+7 of.gds-toast-responsive-sm-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-7;position-anchor:--gds-toast-bottom-center-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-sm-bottom-center:nth-child(n+8 of.gds-toast-responsive-sm-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-8;position-anchor:--gds-toast-bottom-center-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-sm-bottom-center:nth-child(n+9 of.gds-toast-responsive-sm-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-9;position-anchor:--gds-toast-bottom-center-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-sm-bottom-center:nth-child(n+10 of.gds-toast-responsive-sm-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-10;position-anchor:--gds-toast-bottom-center-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-sm-bottom-center:nth-child(n+11 of.gds-toast-responsive-sm-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-11;position-anchor:--gds-toast-bottom-center-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-sm-bottom-center:nth-child(n+12 of.gds-toast-responsive-sm-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-12;position-anchor:--gds-toast-bottom-center-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-sm-bottom-center:nth-child(n+13 of.gds-toast-responsive-sm-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-13;position-anchor:--gds-toast-bottom-center-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-sm-bottom-center:nth-child(n+14 of.gds-toast-responsive-sm-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-14;position-anchor:--gds-toast-bottom-center-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-sm-bottom-center:nth-child(n+15 of.gds-toast-responsive-sm-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-15;position-anchor:--gds-toast-bottom-center-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-sm-bottom-center:nth-child(n+16 of.gds-toast-responsive-sm-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-16;position-anchor:--gds-toast-bottom-center-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-sm-bottom-center:nth-child(n+17 of.gds-toast-responsive-sm-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-17;position-anchor:--gds-toast-bottom-center-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-sm-bottom-center:nth-child(n+18 of.gds-toast-responsive-sm-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-18;position-anchor:--gds-toast-bottom-center-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-sm-bottom-center:nth-child(n+19 of.gds-toast-responsive-sm-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-19;position-anchor:--gds-toast-bottom-center-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-sm-bottom-center:nth-child(n+20 of.gds-toast-responsive-sm-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-20;position-anchor:--gds-toast-bottom-center-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-sm-bottom-center:nth-child(n+21 of.gds-toast-responsive-sm-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-21;position-anchor:--gds-toast-bottom-center-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-sm-bottom-center:nth-child(n+22 of.gds-toast-responsive-sm-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-22;position-anchor:--gds-toast-bottom-center-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-sm-bottom-center:nth-child(n+23 of.gds-toast-responsive-sm-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-23;position-anchor:--gds-toast-bottom-center-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-sm-bottom-center:nth-child(n+24 of.gds-toast-responsive-sm-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-24;position-anchor:--gds-toast-bottom-center-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-sm-bottom-center:nth-child(n+25 of.gds-toast-responsive-sm-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-25;position-anchor:--gds-toast-bottom-center-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-sm-bottom-right{padding-inline:var(--toast-spacing)}:host.gds-toast-responsive-sm-bottom-right:nth-child(1 of.gds-toast-responsive-sm-bottom-right){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-bottom-right-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom span-left}:host.gds-toast-responsive-sm-bottom-right:nth-child(n+2 of.gds-toast-responsive-sm-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-2;position-anchor:--gds-toast-bottom-right-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-sm-bottom-right:nth-child(n+3 of.gds-toast-responsive-sm-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-3;position-anchor:--gds-toast-bottom-right-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-sm-bottom-right:nth-child(n+4 of.gds-toast-responsive-sm-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-4;position-anchor:--gds-toast-bottom-right-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-sm-bottom-right:nth-child(n+5 of.gds-toast-responsive-sm-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-5;position-anchor:--gds-toast-bottom-right-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-sm-bottom-right:nth-child(n+6 of.gds-toast-responsive-sm-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-6;position-anchor:--gds-toast-bottom-right-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-sm-bottom-right:nth-child(n+7 of.gds-toast-responsive-sm-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-7;position-anchor:--gds-toast-bottom-right-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-sm-bottom-right:nth-child(n+8 of.gds-toast-responsive-sm-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-8;position-anchor:--gds-toast-bottom-right-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-sm-bottom-right:nth-child(n+9 of.gds-toast-responsive-sm-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-9;position-anchor:--gds-toast-bottom-right-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-sm-bottom-right:nth-child(n+10 of.gds-toast-responsive-sm-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-10;position-anchor:--gds-toast-bottom-right-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-sm-bottom-right:nth-child(n+11 of.gds-toast-responsive-sm-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-11;position-anchor:--gds-toast-bottom-right-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-sm-bottom-right:nth-child(n+12 of.gds-toast-responsive-sm-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-12;position-anchor:--gds-toast-bottom-right-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-sm-bottom-right:nth-child(n+13 of.gds-toast-responsive-sm-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-13;position-anchor:--gds-toast-bottom-right-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-sm-bottom-right:nth-child(n+14 of.gds-toast-responsive-sm-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-14;position-anchor:--gds-toast-bottom-right-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-sm-bottom-right:nth-child(n+15 of.gds-toast-responsive-sm-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-15;position-anchor:--gds-toast-bottom-right-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-sm-bottom-right:nth-child(n+16 of.gds-toast-responsive-sm-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-16;position-anchor:--gds-toast-bottom-right-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-sm-bottom-right:nth-child(n+17 of.gds-toast-responsive-sm-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-17;position-anchor:--gds-toast-bottom-right-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-sm-bottom-right:nth-child(n+18 of.gds-toast-responsive-sm-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-18;position-anchor:--gds-toast-bottom-right-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-sm-bottom-right:nth-child(n+19 of.gds-toast-responsive-sm-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-19;position-anchor:--gds-toast-bottom-right-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-sm-bottom-right:nth-child(n+20 of.gds-toast-responsive-sm-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-20;position-anchor:--gds-toast-bottom-right-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-sm-bottom-right:nth-child(n+21 of.gds-toast-responsive-sm-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-21;position-anchor:--gds-toast-bottom-right-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-sm-bottom-right:nth-child(n+22 of.gds-toast-responsive-sm-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-22;position-anchor:--gds-toast-bottom-right-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-sm-bottom-right:nth-child(n+23 of.gds-toast-responsive-sm-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-23;position-anchor:--gds-toast-bottom-right-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-sm-bottom-right:nth-child(n+24 of.gds-toast-responsive-sm-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-24;position-anchor:--gds-toast-bottom-right-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-sm-bottom-right:nth-child(n+25 of.gds-toast-responsive-sm-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-25;position-anchor:--gds-toast-bottom-right-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}}:host body[isMobile=true].gds-toast-mobile-top-left{padding-inline:var(--toast-spacing)}:host body[isMobile=true].gds-toast-mobile-top-left:nth-child(1 of.gds-toast-mobile-top-left){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-top-left-anchor-1;padding-top:var(--toast-spacing);position-area:top span-right}:host body[isMobile=true].gds-toast-mobile-top-left:nth-child(n+2 of.gds-toast-mobile-top-left){anchor-name:--gds-toast-top-left-anchor-2;position-anchor:--gds-toast-top-left-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].gds-toast-mobile-top-left:nth-child(n+3 of.gds-toast-mobile-top-left){anchor-name:--gds-toast-top-left-anchor-3;position-anchor:--gds-toast-top-left-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].gds-toast-mobile-top-left:nth-child(n+4 of.gds-toast-mobile-top-left){anchor-name:--gds-toast-top-left-anchor-4;position-anchor:--gds-toast-top-left-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].gds-toast-mobile-top-left:nth-child(n+5 of.gds-toast-mobile-top-left){anchor-name:--gds-toast-top-left-anchor-5;position-anchor:--gds-toast-top-left-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].gds-toast-mobile-top-left:nth-child(n+6 of.gds-toast-mobile-top-left){anchor-name:--gds-toast-top-left-anchor-6;position-anchor:--gds-toast-top-left-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].gds-toast-mobile-top-left:nth-child(n+7 of.gds-toast-mobile-top-left){anchor-name:--gds-toast-top-left-anchor-7;position-anchor:--gds-toast-top-left-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].gds-toast-mobile-top-left:nth-child(n+8 of.gds-toast-mobile-top-left){anchor-name:--gds-toast-top-left-anchor-8;position-anchor:--gds-toast-top-left-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].gds-toast-mobile-top-left:nth-child(n+9 of.gds-toast-mobile-top-left){anchor-name:--gds-toast-top-left-anchor-9;position-anchor:--gds-toast-top-left-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].gds-toast-mobile-top-left:nth-child(n+10 of.gds-toast-mobile-top-left){anchor-name:--gds-toast-top-left-anchor-10;position-anchor:--gds-toast-top-left-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].gds-toast-mobile-top-left:nth-child(n+11 of.gds-toast-mobile-top-left){anchor-name:--gds-toast-top-left-anchor-11;position-anchor:--gds-toast-top-left-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].gds-toast-mobile-top-left:nth-child(n+12 of.gds-toast-mobile-top-left){anchor-name:--gds-toast-top-left-anchor-12;position-anchor:--gds-toast-top-left-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].gds-toast-mobile-top-left:nth-child(n+13 of.gds-toast-mobile-top-left){anchor-name:--gds-toast-top-left-anchor-13;position-anchor:--gds-toast-top-left-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].gds-toast-mobile-top-left:nth-child(n+14 of.gds-toast-mobile-top-left){anchor-name:--gds-toast-top-left-anchor-14;position-anchor:--gds-toast-top-left-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].gds-toast-mobile-top-left:nth-child(n+15 of.gds-toast-mobile-top-left){anchor-name:--gds-toast-top-left-anchor-15;position-anchor:--gds-toast-top-left-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].gds-toast-mobile-top-left:nth-child(n+16 of.gds-toast-mobile-top-left){anchor-name:--gds-toast-top-left-anchor-16;position-anchor:--gds-toast-top-left-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].gds-toast-mobile-top-left:nth-child(n+17 of.gds-toast-mobile-top-left){anchor-name:--gds-toast-top-left-anchor-17;position-anchor:--gds-toast-top-left-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].gds-toast-mobile-top-left:nth-child(n+18 of.gds-toast-mobile-top-left){anchor-name:--gds-toast-top-left-anchor-18;position-anchor:--gds-toast-top-left-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].gds-toast-mobile-top-left:nth-child(n+19 of.gds-toast-mobile-top-left){anchor-name:--gds-toast-top-left-anchor-19;position-anchor:--gds-toast-top-left-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].gds-toast-mobile-top-left:nth-child(n+20 of.gds-toast-mobile-top-left){anchor-name:--gds-toast-top-left-anchor-20;position-anchor:--gds-toast-top-left-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].gds-toast-mobile-top-left:nth-child(n+21 of.gds-toast-mobile-top-left){anchor-name:--gds-toast-top-left-anchor-21;position-anchor:--gds-toast-top-left-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].gds-toast-mobile-top-left:nth-child(n+22 of.gds-toast-mobile-top-left){anchor-name:--gds-toast-top-left-anchor-22;position-anchor:--gds-toast-top-left-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].gds-toast-mobile-top-left:nth-child(n+23 of.gds-toast-mobile-top-left){anchor-name:--gds-toast-top-left-anchor-23;position-anchor:--gds-toast-top-left-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].gds-toast-mobile-top-left:nth-child(n+24 of.gds-toast-mobile-top-left){anchor-name:--gds-toast-top-left-anchor-24;position-anchor:--gds-toast-top-left-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].gds-toast-mobile-top-left:nth-child(n+25 of.gds-toast-mobile-top-left){anchor-name:--gds-toast-top-left-anchor-25;position-anchor:--gds-toast-top-left-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].gds-toast-mobile-top-center{padding-inline:var(--toast-spacing)}:host body[isMobile=true].gds-toast-mobile-top-center:nth-child(1 of.gds-toast-mobile-top-center){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-top-center-anchor-1;padding-top:var(--toast-spacing);position-area:top}:host body[isMobile=true].gds-toast-mobile-top-center:nth-child(n+2 of.gds-toast-mobile-top-center){anchor-name:--gds-toast-top-center-anchor-2;position-anchor:--gds-toast-top-center-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].gds-toast-mobile-top-center:nth-child(n+3 of.gds-toast-mobile-top-center){anchor-name:--gds-toast-top-center-anchor-3;position-anchor:--gds-toast-top-center-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].gds-toast-mobile-top-center:nth-child(n+4 of.gds-toast-mobile-top-center){anchor-name:--gds-toast-top-center-anchor-4;position-anchor:--gds-toast-top-center-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].gds-toast-mobile-top-center:nth-child(n+5 of.gds-toast-mobile-top-center){anchor-name:--gds-toast-top-center-anchor-5;position-anchor:--gds-toast-top-center-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].gds-toast-mobile-top-center:nth-child(n+6 of.gds-toast-mobile-top-center){anchor-name:--gds-toast-top-center-anchor-6;position-anchor:--gds-toast-top-center-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].gds-toast-mobile-top-center:nth-child(n+7 of.gds-toast-mobile-top-center){anchor-name:--gds-toast-top-center-anchor-7;position-anchor:--gds-toast-top-center-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].gds-toast-mobile-top-center:nth-child(n+8 of.gds-toast-mobile-top-center){anchor-name:--gds-toast-top-center-anchor-8;position-anchor:--gds-toast-top-center-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].gds-toast-mobile-top-center:nth-child(n+9 of.gds-toast-mobile-top-center){anchor-name:--gds-toast-top-center-anchor-9;position-anchor:--gds-toast-top-center-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].gds-toast-mobile-top-center:nth-child(n+10 of.gds-toast-mobile-top-center){anchor-name:--gds-toast-top-center-anchor-10;position-anchor:--gds-toast-top-center-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].gds-toast-mobile-top-center:nth-child(n+11 of.gds-toast-mobile-top-center){anchor-name:--gds-toast-top-center-anchor-11;position-anchor:--gds-toast-top-center-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].gds-toast-mobile-top-center:nth-child(n+12 of.gds-toast-mobile-top-center){anchor-name:--gds-toast-top-center-anchor-12;position-anchor:--gds-toast-top-center-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].gds-toast-mobile-top-center:nth-child(n+13 of.gds-toast-mobile-top-center){anchor-name:--gds-toast-top-center-anchor-13;position-anchor:--gds-toast-top-center-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].gds-toast-mobile-top-center:nth-child(n+14 of.gds-toast-mobile-top-center){anchor-name:--gds-toast-top-center-anchor-14;position-anchor:--gds-toast-top-center-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].gds-toast-mobile-top-center:nth-child(n+15 of.gds-toast-mobile-top-center){anchor-name:--gds-toast-top-center-anchor-15;position-anchor:--gds-toast-top-center-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].gds-toast-mobile-top-center:nth-child(n+16 of.gds-toast-mobile-top-center){anchor-name:--gds-toast-top-center-anchor-16;position-anchor:--gds-toast-top-center-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].gds-toast-mobile-top-center:nth-child(n+17 of.gds-toast-mobile-top-center){anchor-name:--gds-toast-top-center-anchor-17;position-anchor:--gds-toast-top-center-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].gds-toast-mobile-top-center:nth-child(n+18 of.gds-toast-mobile-top-center){anchor-name:--gds-toast-top-center-anchor-18;position-anchor:--gds-toast-top-center-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].gds-toast-mobile-top-center:nth-child(n+19 of.gds-toast-mobile-top-center){anchor-name:--gds-toast-top-center-anchor-19;position-anchor:--gds-toast-top-center-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].gds-toast-mobile-top-center:nth-child(n+20 of.gds-toast-mobile-top-center){anchor-name:--gds-toast-top-center-anchor-20;position-anchor:--gds-toast-top-center-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].gds-toast-mobile-top-center:nth-child(n+21 of.gds-toast-mobile-top-center){anchor-name:--gds-toast-top-center-anchor-21;position-anchor:--gds-toast-top-center-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].gds-toast-mobile-top-center:nth-child(n+22 of.gds-toast-mobile-top-center){anchor-name:--gds-toast-top-center-anchor-22;position-anchor:--gds-toast-top-center-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].gds-toast-mobile-top-center:nth-child(n+23 of.gds-toast-mobile-top-center){anchor-name:--gds-toast-top-center-anchor-23;position-anchor:--gds-toast-top-center-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].gds-toast-mobile-top-center:nth-child(n+24 of.gds-toast-mobile-top-center){anchor-name:--gds-toast-top-center-anchor-24;position-anchor:--gds-toast-top-center-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].gds-toast-mobile-top-center:nth-child(n+25 of.gds-toast-mobile-top-center){anchor-name:--gds-toast-top-center-anchor-25;position-anchor:--gds-toast-top-center-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].gds-toast-mobile-top-right{padding-inline:var(--toast-spacing)}:host body[isMobile=true].gds-toast-mobile-top-right:nth-child(1 of.gds-toast-mobile-top-right){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-top-right-anchor-1;padding-top:var(--toast-spacing);position-area:top span-left}:host body[isMobile=true].gds-toast-mobile-top-right:nth-child(n+2 of.gds-toast-mobile-top-right){anchor-name:--gds-toast-top-right-anchor-2;position-anchor:--gds-toast-top-right-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].gds-toast-mobile-top-right:nth-child(n+3 of.gds-toast-mobile-top-right){anchor-name:--gds-toast-top-right-anchor-3;position-anchor:--gds-toast-top-right-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].gds-toast-mobile-top-right:nth-child(n+4 of.gds-toast-mobile-top-right){anchor-name:--gds-toast-top-right-anchor-4;position-anchor:--gds-toast-top-right-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].gds-toast-mobile-top-right:nth-child(n+5 of.gds-toast-mobile-top-right){anchor-name:--gds-toast-top-right-anchor-5;position-anchor:--gds-toast-top-right-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].gds-toast-mobile-top-right:nth-child(n+6 of.gds-toast-mobile-top-right){anchor-name:--gds-toast-top-right-anchor-6;position-anchor:--gds-toast-top-right-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].gds-toast-mobile-top-right:nth-child(n+7 of.gds-toast-mobile-top-right){anchor-name:--gds-toast-top-right-anchor-7;position-anchor:--gds-toast-top-right-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].gds-toast-mobile-top-right:nth-child(n+8 of.gds-toast-mobile-top-right){anchor-name:--gds-toast-top-right-anchor-8;position-anchor:--gds-toast-top-right-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].gds-toast-mobile-top-right:nth-child(n+9 of.gds-toast-mobile-top-right){anchor-name:--gds-toast-top-right-anchor-9;position-anchor:--gds-toast-top-right-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].gds-toast-mobile-top-right:nth-child(n+10 of.gds-toast-mobile-top-right){anchor-name:--gds-toast-top-right-anchor-10;position-anchor:--gds-toast-top-right-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].gds-toast-mobile-top-right:nth-child(n+11 of.gds-toast-mobile-top-right){anchor-name:--gds-toast-top-right-anchor-11;position-anchor:--gds-toast-top-right-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].gds-toast-mobile-top-right:nth-child(n+12 of.gds-toast-mobile-top-right){anchor-name:--gds-toast-top-right-anchor-12;position-anchor:--gds-toast-top-right-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].gds-toast-mobile-top-right:nth-child(n+13 of.gds-toast-mobile-top-right){anchor-name:--gds-toast-top-right-anchor-13;position-anchor:--gds-toast-top-right-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].gds-toast-mobile-top-right:nth-child(n+14 of.gds-toast-mobile-top-right){anchor-name:--gds-toast-top-right-anchor-14;position-anchor:--gds-toast-top-right-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].gds-toast-mobile-top-right:nth-child(n+15 of.gds-toast-mobile-top-right){anchor-name:--gds-toast-top-right-anchor-15;position-anchor:--gds-toast-top-right-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].gds-toast-mobile-top-right:nth-child(n+16 of.gds-toast-mobile-top-right){anchor-name:--gds-toast-top-right-anchor-16;position-anchor:--gds-toast-top-right-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].gds-toast-mobile-top-right:nth-child(n+17 of.gds-toast-mobile-top-right){anchor-name:--gds-toast-top-right-anchor-17;position-anchor:--gds-toast-top-right-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].gds-toast-mobile-top-right:nth-child(n+18 of.gds-toast-mobile-top-right){anchor-name:--gds-toast-top-right-anchor-18;position-anchor:--gds-toast-top-right-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].gds-toast-mobile-top-right:nth-child(n+19 of.gds-toast-mobile-top-right){anchor-name:--gds-toast-top-right-anchor-19;position-anchor:--gds-toast-top-right-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].gds-toast-mobile-top-right:nth-child(n+20 of.gds-toast-mobile-top-right){anchor-name:--gds-toast-top-right-anchor-20;position-anchor:--gds-toast-top-right-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].gds-toast-mobile-top-right:nth-child(n+21 of.gds-toast-mobile-top-right){anchor-name:--gds-toast-top-right-anchor-21;position-anchor:--gds-toast-top-right-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].gds-toast-mobile-top-right:nth-child(n+22 of.gds-toast-mobile-top-right){anchor-name:--gds-toast-top-right-anchor-22;position-anchor:--gds-toast-top-right-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].gds-toast-mobile-top-right:nth-child(n+23 of.gds-toast-mobile-top-right){anchor-name:--gds-toast-top-right-anchor-23;position-anchor:--gds-toast-top-right-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].gds-toast-mobile-top-right:nth-child(n+24 of.gds-toast-mobile-top-right){anchor-name:--gds-toast-top-right-anchor-24;position-anchor:--gds-toast-top-right-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].gds-toast-mobile-top-right:nth-child(n+25 of.gds-toast-mobile-top-right){anchor-name:--gds-toast-top-right-anchor-25;position-anchor:--gds-toast-top-right-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].gds-toast-mobile-bottom-left{padding-inline:var(--toast-spacing)}:host body[isMobile=true].gds-toast-mobile-bottom-left:nth-child(1 of.gds-toast-mobile-bottom-left){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-bottom-left-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom span-right}:host body[isMobile=true].gds-toast-mobile-bottom-left:nth-child(n+2 of.gds-toast-mobile-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-2;position-anchor:--gds-toast-bottom-left-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].gds-toast-mobile-bottom-left:nth-child(n+3 of.gds-toast-mobile-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-3;position-anchor:--gds-toast-bottom-left-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].gds-toast-mobile-bottom-left:nth-child(n+4 of.gds-toast-mobile-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-4;position-anchor:--gds-toast-bottom-left-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].gds-toast-mobile-bottom-left:nth-child(n+5 of.gds-toast-mobile-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-5;position-anchor:--gds-toast-bottom-left-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].gds-toast-mobile-bottom-left:nth-child(n+6 of.gds-toast-mobile-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-6;position-anchor:--gds-toast-bottom-left-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].gds-toast-mobile-bottom-left:nth-child(n+7 of.gds-toast-mobile-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-7;position-anchor:--gds-toast-bottom-left-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].gds-toast-mobile-bottom-left:nth-child(n+8 of.gds-toast-mobile-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-8;position-anchor:--gds-toast-bottom-left-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].gds-toast-mobile-bottom-left:nth-child(n+9 of.gds-toast-mobile-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-9;position-anchor:--gds-toast-bottom-left-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].gds-toast-mobile-bottom-left:nth-child(n+10 of.gds-toast-mobile-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-10;position-anchor:--gds-toast-bottom-left-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].gds-toast-mobile-bottom-left:nth-child(n+11 of.gds-toast-mobile-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-11;position-anchor:--gds-toast-bottom-left-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].gds-toast-mobile-bottom-left:nth-child(n+12 of.gds-toast-mobile-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-12;position-anchor:--gds-toast-bottom-left-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].gds-toast-mobile-bottom-left:nth-child(n+13 of.gds-toast-mobile-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-13;position-anchor:--gds-toast-bottom-left-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].gds-toast-mobile-bottom-left:nth-child(n+14 of.gds-toast-mobile-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-14;position-anchor:--gds-toast-bottom-left-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].gds-toast-mobile-bottom-left:nth-child(n+15 of.gds-toast-mobile-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-15;position-anchor:--gds-toast-bottom-left-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].gds-toast-mobile-bottom-left:nth-child(n+16 of.gds-toast-mobile-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-16;position-anchor:--gds-toast-bottom-left-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].gds-toast-mobile-bottom-left:nth-child(n+17 of.gds-toast-mobile-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-17;position-anchor:--gds-toast-bottom-left-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].gds-toast-mobile-bottom-left:nth-child(n+18 of.gds-toast-mobile-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-18;position-anchor:--gds-toast-bottom-left-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].gds-toast-mobile-bottom-left:nth-child(n+19 of.gds-toast-mobile-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-19;position-anchor:--gds-toast-bottom-left-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].gds-toast-mobile-bottom-left:nth-child(n+20 of.gds-toast-mobile-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-20;position-anchor:--gds-toast-bottom-left-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].gds-toast-mobile-bottom-left:nth-child(n+21 of.gds-toast-mobile-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-21;position-anchor:--gds-toast-bottom-left-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].gds-toast-mobile-bottom-left:nth-child(n+22 of.gds-toast-mobile-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-22;position-anchor:--gds-toast-bottom-left-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].gds-toast-mobile-bottom-left:nth-child(n+23 of.gds-toast-mobile-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-23;position-anchor:--gds-toast-bottom-left-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].gds-toast-mobile-bottom-left:nth-child(n+24 of.gds-toast-mobile-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-24;position-anchor:--gds-toast-bottom-left-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].gds-toast-mobile-bottom-left:nth-child(n+25 of.gds-toast-mobile-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-25;position-anchor:--gds-toast-bottom-left-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].gds-toast-mobile-bottom-center{padding-inline:var(--toast-spacing)}:host body[isMobile=true].gds-toast-mobile-bottom-center:nth-child(1 of.gds-toast-mobile-bottom-center){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-bottom-center-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom}:host body[isMobile=true].gds-toast-mobile-bottom-center:nth-child(n+2 of.gds-toast-mobile-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-2;position-anchor:--gds-toast-bottom-center-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].gds-toast-mobile-bottom-center:nth-child(n+3 of.gds-toast-mobile-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-3;position-anchor:--gds-toast-bottom-center-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].gds-toast-mobile-bottom-center:nth-child(n+4 of.gds-toast-mobile-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-4;position-anchor:--gds-toast-bottom-center-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].gds-toast-mobile-bottom-center:nth-child(n+5 of.gds-toast-mobile-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-5;position-anchor:--gds-toast-bottom-center-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].gds-toast-mobile-bottom-center:nth-child(n+6 of.gds-toast-mobile-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-6;position-anchor:--gds-toast-bottom-center-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].gds-toast-mobile-bottom-center:nth-child(n+7 of.gds-toast-mobile-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-7;position-anchor:--gds-toast-bottom-center-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].gds-toast-mobile-bottom-center:nth-child(n+8 of.gds-toast-mobile-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-8;position-anchor:--gds-toast-bottom-center-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].gds-toast-mobile-bottom-center:nth-child(n+9 of.gds-toast-mobile-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-9;position-anchor:--gds-toast-bottom-center-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].gds-toast-mobile-bottom-center:nth-child(n+10 of.gds-toast-mobile-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-10;position-anchor:--gds-toast-bottom-center-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].gds-toast-mobile-bottom-center:nth-child(n+11 of.gds-toast-mobile-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-11;position-anchor:--gds-toast-bottom-center-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].gds-toast-mobile-bottom-center:nth-child(n+12 of.gds-toast-mobile-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-12;position-anchor:--gds-toast-bottom-center-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].gds-toast-mobile-bottom-center:nth-child(n+13 of.gds-toast-mobile-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-13;position-anchor:--gds-toast-bottom-center-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].gds-toast-mobile-bottom-center:nth-child(n+14 of.gds-toast-mobile-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-14;position-anchor:--gds-toast-bottom-center-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].gds-toast-mobile-bottom-center:nth-child(n+15 of.gds-toast-mobile-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-15;position-anchor:--gds-toast-bottom-center-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].gds-toast-mobile-bottom-center:nth-child(n+16 of.gds-toast-mobile-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-16;position-anchor:--gds-toast-bottom-center-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].gds-toast-mobile-bottom-center:nth-child(n+17 of.gds-toast-mobile-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-17;position-anchor:--gds-toast-bottom-center-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].gds-toast-mobile-bottom-center:nth-child(n+18 of.gds-toast-mobile-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-18;position-anchor:--gds-toast-bottom-center-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].gds-toast-mobile-bottom-center:nth-child(n+19 of.gds-toast-mobile-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-19;position-anchor:--gds-toast-bottom-center-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].gds-toast-mobile-bottom-center:nth-child(n+20 of.gds-toast-mobile-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-20;position-anchor:--gds-toast-bottom-center-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].gds-toast-mobile-bottom-center:nth-child(n+21 of.gds-toast-mobile-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-21;position-anchor:--gds-toast-bottom-center-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].gds-toast-mobile-bottom-center:nth-child(n+22 of.gds-toast-mobile-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-22;position-anchor:--gds-toast-bottom-center-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].gds-toast-mobile-bottom-center:nth-child(n+23 of.gds-toast-mobile-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-23;position-anchor:--gds-toast-bottom-center-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].gds-toast-mobile-bottom-center:nth-child(n+24 of.gds-toast-mobile-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-24;position-anchor:--gds-toast-bottom-center-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].gds-toast-mobile-bottom-center:nth-child(n+25 of.gds-toast-mobile-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-25;position-anchor:--gds-toast-bottom-center-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].gds-toast-mobile-bottom-right{padding-inline:var(--toast-spacing)}:host body[isMobile=true].gds-toast-mobile-bottom-right:nth-child(1 of.gds-toast-mobile-bottom-right){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-bottom-right-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom span-left}:host body[isMobile=true].gds-toast-mobile-bottom-right:nth-child(n+2 of.gds-toast-mobile-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-2;position-anchor:--gds-toast-bottom-right-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].gds-toast-mobile-bottom-right:nth-child(n+3 of.gds-toast-mobile-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-3;position-anchor:--gds-toast-bottom-right-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].gds-toast-mobile-bottom-right:nth-child(n+4 of.gds-toast-mobile-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-4;position-anchor:--gds-toast-bottom-right-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].gds-toast-mobile-bottom-right:nth-child(n+5 of.gds-toast-mobile-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-5;position-anchor:--gds-toast-bottom-right-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].gds-toast-mobile-bottom-right:nth-child(n+6 of.gds-toast-mobile-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-6;position-anchor:--gds-toast-bottom-right-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].gds-toast-mobile-bottom-right:nth-child(n+7 of.gds-toast-mobile-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-7;position-anchor:--gds-toast-bottom-right-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].gds-toast-mobile-bottom-right:nth-child(n+8 of.gds-toast-mobile-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-8;position-anchor:--gds-toast-bottom-right-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].gds-toast-mobile-bottom-right:nth-child(n+9 of.gds-toast-mobile-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-9;position-anchor:--gds-toast-bottom-right-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].gds-toast-mobile-bottom-right:nth-child(n+10 of.gds-toast-mobile-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-10;position-anchor:--gds-toast-bottom-right-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].gds-toast-mobile-bottom-right:nth-child(n+11 of.gds-toast-mobile-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-11;position-anchor:--gds-toast-bottom-right-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].gds-toast-mobile-bottom-right:nth-child(n+12 of.gds-toast-mobile-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-12;position-anchor:--gds-toast-bottom-right-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].gds-toast-mobile-bottom-right:nth-child(n+13 of.gds-toast-mobile-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-13;position-anchor:--gds-toast-bottom-right-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].gds-toast-mobile-bottom-right:nth-child(n+14 of.gds-toast-mobile-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-14;position-anchor:--gds-toast-bottom-right-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].gds-toast-mobile-bottom-right:nth-child(n+15 of.gds-toast-mobile-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-15;position-anchor:--gds-toast-bottom-right-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].gds-toast-mobile-bottom-right:nth-child(n+16 of.gds-toast-mobile-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-16;position-anchor:--gds-toast-bottom-right-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].gds-toast-mobile-bottom-right:nth-child(n+17 of.gds-toast-mobile-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-17;position-anchor:--gds-toast-bottom-right-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].gds-toast-mobile-bottom-right:nth-child(n+18 of.gds-toast-mobile-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-18;position-anchor:--gds-toast-bottom-right-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].gds-toast-mobile-bottom-right:nth-child(n+19 of.gds-toast-mobile-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-19;position-anchor:--gds-toast-bottom-right-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].gds-toast-mobile-bottom-right:nth-child(n+20 of.gds-toast-mobile-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-20;position-anchor:--gds-toast-bottom-right-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].gds-toast-mobile-bottom-right:nth-child(n+21 of.gds-toast-mobile-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-21;position-anchor:--gds-toast-bottom-right-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].gds-toast-mobile-bottom-right:nth-child(n+22 of.gds-toast-mobile-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-22;position-anchor:--gds-toast-bottom-right-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].gds-toast-mobile-bottom-right:nth-child(n+23 of.gds-toast-mobile-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-23;position-anchor:--gds-toast-bottom-right-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].gds-toast-mobile-bottom-right:nth-child(n+24 of.gds-toast-mobile-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-24;position-anchor:--gds-toast-bottom-right-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].gds-toast-mobile-bottom-right:nth-child(n+25 of.gds-toast-mobile-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-25;position-anchor:--gds-toast-bottom-right-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host{--background-color: var(--gds-pattern-toast-default-backgroundColor-rest);--icon-color: var(--gds-pattern-toast-default-iconColor-rest);--action-btn-backgroundColor: var(--gds-pattern-toast-default-btnColor-rest);--action-btn-backgroundColor-hover: var(--gds-pattern-toast-default-btnColor-hover);--action-btn-color: var(--gds-palette-text-default-contrast)}:host[type=success]{--background-color: var(--gds-palette-helper-success-default);--icon-color: var(--gds-palette-helper-success-inverse);--action-btn-backgroundColor: var(--gds-pattern-toast-success-btnColor-rest);--action-btn-backgroundColor-hover: var(--gds-pattern-toast-success-btnColor-hover)}:host[type=warning]{--background-color: var(--gds-palette-helper-warning-default);--icon-color: var(--gds-palette-helper-warning-inverse);--action-btn-backgroundColor: var(--gds-pattern-toast-warning-btnColor-rest);--action-btn-backgroundColor-hover: var(--gds-pattern-toast-warning-btnColor-hover)}:host[type=danger]{--background-color: var(--gds-palette-helper-error-default);--icon-color: var(--gds-palette-helper-error-inverse);--action-btn-backgroundColor: var(--gds-pattern-toast-error-btnColor-rest);--action-btn-backgroundColor-hover: var(--gds-pattern-toast-error-btnColor-hover)}:host .gds-toaster--container{background-color:var(--background-color)}:host .gds-toaster--icon{color:var(--icon-color)}:host .gds-toaster--action-btn{--gds-button-backgroundColor: var(--action-btn-backgroundColor);--gds-button-backgroundColor-hover: var(--action-btn-backgroundColor-hover);--gds-button-color: var(--action-btn-color)}}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "component", type: GdsIconButtonComponent, selector: "button[gds-icon-button]", inputs: ["tooltipLabel"] }, { kind: "component", type: GdsButtonComponent, selector: "button[gds-button]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
8145
8509
|
}
|
|
8146
8510
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: GdsToastComponent, decorators: [{
|
|
8147
8511
|
type: Component,
|
|
@@ -8156,7 +8520,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
|
|
|
8156
8520
|
'(click)': 'onHostClick($event)',
|
|
8157
8521
|
'(mouseenter)': 'onMouseEnter()',
|
|
8158
8522
|
'(mouseleave)': 'onMouseLeave()'
|
|
8159
|
-
}, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"\n gds-border\n gds-display-flex\n gds-gap-sm\n gds-padding-block-2xs\n gds-padding-inline-sm\n gds-radius-sm\n gds-responsive-sm-padding-3xs\n gds-toaster--container\n \"\n>\n <div class=\"\n gds-align-items-center\n gds-display-flex\n gds-height-md\n gds-justify-content-center\n \">\n <gds-icon\n key=\"filled-info\"\n class=\"\n gds-icon-size-xs\n gds-toaster--icon\n \"\n />\n </div>\n <div class=\"\n gds-align-items-center\n gds-column-gap-sm\n gds-display-flex\n gds-flex-1\n gds-flex-wrap\n gds-row-gap-2xs\n \">\n @if (title()) {\n <div class=\"\n gds-height-fit-content\n gds-text-body-strong\n gds-text-primary\n gds-width-fit-content\n \">\n {{ title() }}\n </div>\n }\n @if (message()) {\n <div\n class=\"\n gds-height-fit-content\n gds-text-body\n gds-text-primary\n gds-width-fit-content\n \"\n [innerHtml]=\"message()\"\n ></div>\n }\n @if (actionLabel()) {\n <button\n gds-button\n class=\"\n gds-border-none\n gds-toaster--action-btn\n \"\n [attr.aria-label]=\"actionAriaLabel()\"\n (clicked)=\"action($event)\"\n >\n {{ actionLabel() }}\n </button>\n }\n </div>\n <div class=\"\n gds-align-items-center\n gds-display-flex\n gds-height-md\n gds-justify-content-center\n \">\n <button\n gds-icon-button\n class=\"gds-background-none\"\n variant=\"primary\"\n [attr.aria-label]=\"dismissAriaLabel()\"\n (clicked)=\"remove()\"\n >\n <gds-icon\n key=\"line-dismiss\"\n class=\"gds-icon-size-2xs\"\n />\n </button>\n </div>\n</div>\n", styles: ["@layer design-system{:host{position:fixed;pointer-events:auto;--toast-spacing: var(--gds-spacing-2xs)}:host.toast-top-left{padding-inline:var(--toast-spacing)}:host.toast-top-left:nth-child(1 of.toast-top-left){position-anchor:--toast-container-anchor;anchor-name:--toast-top-left-anchor-1;padding-top:var(--toast-spacing);position-area:top span-right}:host.toast-top-left:nth-child(n+2 of.toast-top-left){anchor-name:--toast-top-left-anchor-2;position-anchor:--toast-top-left-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-top-left:nth-child(n+3 of.toast-top-left){anchor-name:--toast-top-left-anchor-3;position-anchor:--toast-top-left-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-top-left:nth-child(n+4 of.toast-top-left){anchor-name:--toast-top-left-anchor-4;position-anchor:--toast-top-left-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-top-left:nth-child(n+5 of.toast-top-left){anchor-name:--toast-top-left-anchor-5;position-anchor:--toast-top-left-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-top-left:nth-child(n+6 of.toast-top-left){anchor-name:--toast-top-left-anchor-6;position-anchor:--toast-top-left-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-top-left:nth-child(n+7 of.toast-top-left){anchor-name:--toast-top-left-anchor-7;position-anchor:--toast-top-left-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-top-left:nth-child(n+8 of.toast-top-left){anchor-name:--toast-top-left-anchor-8;position-anchor:--toast-top-left-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-top-left:nth-child(n+9 of.toast-top-left){anchor-name:--toast-top-left-anchor-9;position-anchor:--toast-top-left-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-top-left:nth-child(n+10 of.toast-top-left){anchor-name:--toast-top-left-anchor-10;position-anchor:--toast-top-left-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-top-left:nth-child(n+11 of.toast-top-left){anchor-name:--toast-top-left-anchor-11;position-anchor:--toast-top-left-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-top-left:nth-child(n+12 of.toast-top-left){anchor-name:--toast-top-left-anchor-12;position-anchor:--toast-top-left-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-top-left:nth-child(n+13 of.toast-top-left){anchor-name:--toast-top-left-anchor-13;position-anchor:--toast-top-left-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-top-left:nth-child(n+14 of.toast-top-left){anchor-name:--toast-top-left-anchor-14;position-anchor:--toast-top-left-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-top-left:nth-child(n+15 of.toast-top-left){anchor-name:--toast-top-left-anchor-15;position-anchor:--toast-top-left-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-top-left:nth-child(n+16 of.toast-top-left){anchor-name:--toast-top-left-anchor-16;position-anchor:--toast-top-left-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-top-left:nth-child(n+17 of.toast-top-left){anchor-name:--toast-top-left-anchor-17;position-anchor:--toast-top-left-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-top-left:nth-child(n+18 of.toast-top-left){anchor-name:--toast-top-left-anchor-18;position-anchor:--toast-top-left-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-top-left:nth-child(n+19 of.toast-top-left){anchor-name:--toast-top-left-anchor-19;position-anchor:--toast-top-left-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-top-left:nth-child(n+20 of.toast-top-left){anchor-name:--toast-top-left-anchor-20;position-anchor:--toast-top-left-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-top-left:nth-child(n+21 of.toast-top-left){anchor-name:--toast-top-left-anchor-21;position-anchor:--toast-top-left-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-top-left:nth-child(n+22 of.toast-top-left){anchor-name:--toast-top-left-anchor-22;position-anchor:--toast-top-left-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-top-left:nth-child(n+23 of.toast-top-left){anchor-name:--toast-top-left-anchor-23;position-anchor:--toast-top-left-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-top-left:nth-child(n+24 of.toast-top-left){anchor-name:--toast-top-left-anchor-24;position-anchor:--toast-top-left-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-top-left:nth-child(n+25 of.toast-top-left){anchor-name:--toast-top-left-anchor-25;position-anchor:--toast-top-left-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-top-center{padding-inline:var(--toast-spacing)}:host.toast-top-center:nth-child(1 of.toast-top-center){position-anchor:--toast-container-anchor;anchor-name:--toast-top-center-anchor-1;padding-top:var(--toast-spacing);position-area:top}:host.toast-top-center:nth-child(n+2 of.toast-top-center){anchor-name:--toast-top-center-anchor-2;position-anchor:--toast-top-center-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-top-center:nth-child(n+3 of.toast-top-center){anchor-name:--toast-top-center-anchor-3;position-anchor:--toast-top-center-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-top-center:nth-child(n+4 of.toast-top-center){anchor-name:--toast-top-center-anchor-4;position-anchor:--toast-top-center-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-top-center:nth-child(n+5 of.toast-top-center){anchor-name:--toast-top-center-anchor-5;position-anchor:--toast-top-center-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-top-center:nth-child(n+6 of.toast-top-center){anchor-name:--toast-top-center-anchor-6;position-anchor:--toast-top-center-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-top-center:nth-child(n+7 of.toast-top-center){anchor-name:--toast-top-center-anchor-7;position-anchor:--toast-top-center-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-top-center:nth-child(n+8 of.toast-top-center){anchor-name:--toast-top-center-anchor-8;position-anchor:--toast-top-center-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-top-center:nth-child(n+9 of.toast-top-center){anchor-name:--toast-top-center-anchor-9;position-anchor:--toast-top-center-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-top-center:nth-child(n+10 of.toast-top-center){anchor-name:--toast-top-center-anchor-10;position-anchor:--toast-top-center-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-top-center:nth-child(n+11 of.toast-top-center){anchor-name:--toast-top-center-anchor-11;position-anchor:--toast-top-center-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-top-center:nth-child(n+12 of.toast-top-center){anchor-name:--toast-top-center-anchor-12;position-anchor:--toast-top-center-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-top-center:nth-child(n+13 of.toast-top-center){anchor-name:--toast-top-center-anchor-13;position-anchor:--toast-top-center-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-top-center:nth-child(n+14 of.toast-top-center){anchor-name:--toast-top-center-anchor-14;position-anchor:--toast-top-center-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-top-center:nth-child(n+15 of.toast-top-center){anchor-name:--toast-top-center-anchor-15;position-anchor:--toast-top-center-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-top-center:nth-child(n+16 of.toast-top-center){anchor-name:--toast-top-center-anchor-16;position-anchor:--toast-top-center-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-top-center:nth-child(n+17 of.toast-top-center){anchor-name:--toast-top-center-anchor-17;position-anchor:--toast-top-center-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-top-center:nth-child(n+18 of.toast-top-center){anchor-name:--toast-top-center-anchor-18;position-anchor:--toast-top-center-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-top-center:nth-child(n+19 of.toast-top-center){anchor-name:--toast-top-center-anchor-19;position-anchor:--toast-top-center-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-top-center:nth-child(n+20 of.toast-top-center){anchor-name:--toast-top-center-anchor-20;position-anchor:--toast-top-center-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-top-center:nth-child(n+21 of.toast-top-center){anchor-name:--toast-top-center-anchor-21;position-anchor:--toast-top-center-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-top-center:nth-child(n+22 of.toast-top-center){anchor-name:--toast-top-center-anchor-22;position-anchor:--toast-top-center-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-top-center:nth-child(n+23 of.toast-top-center){anchor-name:--toast-top-center-anchor-23;position-anchor:--toast-top-center-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-top-center:nth-child(n+24 of.toast-top-center){anchor-name:--toast-top-center-anchor-24;position-anchor:--toast-top-center-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-top-center:nth-child(n+25 of.toast-top-center){anchor-name:--toast-top-center-anchor-25;position-anchor:--toast-top-center-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-top-right{padding-inline:var(--toast-spacing)}:host.toast-top-right:nth-child(1 of.toast-top-right){position-anchor:--toast-container-anchor;anchor-name:--toast-top-right-anchor-1;padding-top:var(--toast-spacing);position-area:top span-left}:host.toast-top-right:nth-child(n+2 of.toast-top-right){anchor-name:--toast-top-right-anchor-2;position-anchor:--toast-top-right-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-top-right:nth-child(n+3 of.toast-top-right){anchor-name:--toast-top-right-anchor-3;position-anchor:--toast-top-right-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-top-right:nth-child(n+4 of.toast-top-right){anchor-name:--toast-top-right-anchor-4;position-anchor:--toast-top-right-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-top-right:nth-child(n+5 of.toast-top-right){anchor-name:--toast-top-right-anchor-5;position-anchor:--toast-top-right-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-top-right:nth-child(n+6 of.toast-top-right){anchor-name:--toast-top-right-anchor-6;position-anchor:--toast-top-right-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-top-right:nth-child(n+7 of.toast-top-right){anchor-name:--toast-top-right-anchor-7;position-anchor:--toast-top-right-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-top-right:nth-child(n+8 of.toast-top-right){anchor-name:--toast-top-right-anchor-8;position-anchor:--toast-top-right-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-top-right:nth-child(n+9 of.toast-top-right){anchor-name:--toast-top-right-anchor-9;position-anchor:--toast-top-right-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-top-right:nth-child(n+10 of.toast-top-right){anchor-name:--toast-top-right-anchor-10;position-anchor:--toast-top-right-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-top-right:nth-child(n+11 of.toast-top-right){anchor-name:--toast-top-right-anchor-11;position-anchor:--toast-top-right-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-top-right:nth-child(n+12 of.toast-top-right){anchor-name:--toast-top-right-anchor-12;position-anchor:--toast-top-right-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-top-right:nth-child(n+13 of.toast-top-right){anchor-name:--toast-top-right-anchor-13;position-anchor:--toast-top-right-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-top-right:nth-child(n+14 of.toast-top-right){anchor-name:--toast-top-right-anchor-14;position-anchor:--toast-top-right-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-top-right:nth-child(n+15 of.toast-top-right){anchor-name:--toast-top-right-anchor-15;position-anchor:--toast-top-right-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-top-right:nth-child(n+16 of.toast-top-right){anchor-name:--toast-top-right-anchor-16;position-anchor:--toast-top-right-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-top-right:nth-child(n+17 of.toast-top-right){anchor-name:--toast-top-right-anchor-17;position-anchor:--toast-top-right-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-top-right:nth-child(n+18 of.toast-top-right){anchor-name:--toast-top-right-anchor-18;position-anchor:--toast-top-right-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-top-right:nth-child(n+19 of.toast-top-right){anchor-name:--toast-top-right-anchor-19;position-anchor:--toast-top-right-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-top-right:nth-child(n+20 of.toast-top-right){anchor-name:--toast-top-right-anchor-20;position-anchor:--toast-top-right-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-top-right:nth-child(n+21 of.toast-top-right){anchor-name:--toast-top-right-anchor-21;position-anchor:--toast-top-right-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-top-right:nth-child(n+22 of.toast-top-right){anchor-name:--toast-top-right-anchor-22;position-anchor:--toast-top-right-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-top-right:nth-child(n+23 of.toast-top-right){anchor-name:--toast-top-right-anchor-23;position-anchor:--toast-top-right-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-top-right:nth-child(n+24 of.toast-top-right){anchor-name:--toast-top-right-anchor-24;position-anchor:--toast-top-right-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-top-right:nth-child(n+25 of.toast-top-right){anchor-name:--toast-top-right-anchor-25;position-anchor:--toast-top-right-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-bottom-left{padding-inline:var(--toast-spacing)}:host.toast-bottom-left:nth-child(1 of.toast-bottom-left){position-anchor:--toast-container-anchor;anchor-name:--toast-bottom-left-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom span-right}:host.toast-bottom-left:nth-child(n+2 of.toast-bottom-left){anchor-name:--toast-bottom-left-anchor-2;position-anchor:--toast-bottom-left-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-bottom-left:nth-child(n+3 of.toast-bottom-left){anchor-name:--toast-bottom-left-anchor-3;position-anchor:--toast-bottom-left-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-bottom-left:nth-child(n+4 of.toast-bottom-left){anchor-name:--toast-bottom-left-anchor-4;position-anchor:--toast-bottom-left-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-bottom-left:nth-child(n+5 of.toast-bottom-left){anchor-name:--toast-bottom-left-anchor-5;position-anchor:--toast-bottom-left-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-bottom-left:nth-child(n+6 of.toast-bottom-left){anchor-name:--toast-bottom-left-anchor-6;position-anchor:--toast-bottom-left-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-bottom-left:nth-child(n+7 of.toast-bottom-left){anchor-name:--toast-bottom-left-anchor-7;position-anchor:--toast-bottom-left-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-bottom-left:nth-child(n+8 of.toast-bottom-left){anchor-name:--toast-bottom-left-anchor-8;position-anchor:--toast-bottom-left-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-bottom-left:nth-child(n+9 of.toast-bottom-left){anchor-name:--toast-bottom-left-anchor-9;position-anchor:--toast-bottom-left-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-bottom-left:nth-child(n+10 of.toast-bottom-left){anchor-name:--toast-bottom-left-anchor-10;position-anchor:--toast-bottom-left-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-bottom-left:nth-child(n+11 of.toast-bottom-left){anchor-name:--toast-bottom-left-anchor-11;position-anchor:--toast-bottom-left-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-bottom-left:nth-child(n+12 of.toast-bottom-left){anchor-name:--toast-bottom-left-anchor-12;position-anchor:--toast-bottom-left-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-bottom-left:nth-child(n+13 of.toast-bottom-left){anchor-name:--toast-bottom-left-anchor-13;position-anchor:--toast-bottom-left-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-bottom-left:nth-child(n+14 of.toast-bottom-left){anchor-name:--toast-bottom-left-anchor-14;position-anchor:--toast-bottom-left-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-bottom-left:nth-child(n+15 of.toast-bottom-left){anchor-name:--toast-bottom-left-anchor-15;position-anchor:--toast-bottom-left-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-bottom-left:nth-child(n+16 of.toast-bottom-left){anchor-name:--toast-bottom-left-anchor-16;position-anchor:--toast-bottom-left-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-bottom-left:nth-child(n+17 of.toast-bottom-left){anchor-name:--toast-bottom-left-anchor-17;position-anchor:--toast-bottom-left-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-bottom-left:nth-child(n+18 of.toast-bottom-left){anchor-name:--toast-bottom-left-anchor-18;position-anchor:--toast-bottom-left-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-bottom-left:nth-child(n+19 of.toast-bottom-left){anchor-name:--toast-bottom-left-anchor-19;position-anchor:--toast-bottom-left-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-bottom-left:nth-child(n+20 of.toast-bottom-left){anchor-name:--toast-bottom-left-anchor-20;position-anchor:--toast-bottom-left-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-bottom-left:nth-child(n+21 of.toast-bottom-left){anchor-name:--toast-bottom-left-anchor-21;position-anchor:--toast-bottom-left-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-bottom-left:nth-child(n+22 of.toast-bottom-left){anchor-name:--toast-bottom-left-anchor-22;position-anchor:--toast-bottom-left-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-bottom-left:nth-child(n+23 of.toast-bottom-left){anchor-name:--toast-bottom-left-anchor-23;position-anchor:--toast-bottom-left-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-bottom-left:nth-child(n+24 of.toast-bottom-left){anchor-name:--toast-bottom-left-anchor-24;position-anchor:--toast-bottom-left-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-bottom-left:nth-child(n+25 of.toast-bottom-left){anchor-name:--toast-bottom-left-anchor-25;position-anchor:--toast-bottom-left-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-bottom-center{padding-inline:var(--toast-spacing)}:host.toast-bottom-center:nth-child(1 of.toast-bottom-center){position-anchor:--toast-container-anchor;anchor-name:--toast-bottom-center-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom}:host.toast-bottom-center:nth-child(n+2 of.toast-bottom-center){anchor-name:--toast-bottom-center-anchor-2;position-anchor:--toast-bottom-center-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-bottom-center:nth-child(n+3 of.toast-bottom-center){anchor-name:--toast-bottom-center-anchor-3;position-anchor:--toast-bottom-center-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-bottom-center:nth-child(n+4 of.toast-bottom-center){anchor-name:--toast-bottom-center-anchor-4;position-anchor:--toast-bottom-center-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-bottom-center:nth-child(n+5 of.toast-bottom-center){anchor-name:--toast-bottom-center-anchor-5;position-anchor:--toast-bottom-center-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-bottom-center:nth-child(n+6 of.toast-bottom-center){anchor-name:--toast-bottom-center-anchor-6;position-anchor:--toast-bottom-center-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-bottom-center:nth-child(n+7 of.toast-bottom-center){anchor-name:--toast-bottom-center-anchor-7;position-anchor:--toast-bottom-center-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-bottom-center:nth-child(n+8 of.toast-bottom-center){anchor-name:--toast-bottom-center-anchor-8;position-anchor:--toast-bottom-center-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-bottom-center:nth-child(n+9 of.toast-bottom-center){anchor-name:--toast-bottom-center-anchor-9;position-anchor:--toast-bottom-center-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-bottom-center:nth-child(n+10 of.toast-bottom-center){anchor-name:--toast-bottom-center-anchor-10;position-anchor:--toast-bottom-center-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-bottom-center:nth-child(n+11 of.toast-bottom-center){anchor-name:--toast-bottom-center-anchor-11;position-anchor:--toast-bottom-center-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-bottom-center:nth-child(n+12 of.toast-bottom-center){anchor-name:--toast-bottom-center-anchor-12;position-anchor:--toast-bottom-center-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-bottom-center:nth-child(n+13 of.toast-bottom-center){anchor-name:--toast-bottom-center-anchor-13;position-anchor:--toast-bottom-center-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-bottom-center:nth-child(n+14 of.toast-bottom-center){anchor-name:--toast-bottom-center-anchor-14;position-anchor:--toast-bottom-center-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-bottom-center:nth-child(n+15 of.toast-bottom-center){anchor-name:--toast-bottom-center-anchor-15;position-anchor:--toast-bottom-center-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-bottom-center:nth-child(n+16 of.toast-bottom-center){anchor-name:--toast-bottom-center-anchor-16;position-anchor:--toast-bottom-center-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-bottom-center:nth-child(n+17 of.toast-bottom-center){anchor-name:--toast-bottom-center-anchor-17;position-anchor:--toast-bottom-center-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-bottom-center:nth-child(n+18 of.toast-bottom-center){anchor-name:--toast-bottom-center-anchor-18;position-anchor:--toast-bottom-center-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-bottom-center:nth-child(n+19 of.toast-bottom-center){anchor-name:--toast-bottom-center-anchor-19;position-anchor:--toast-bottom-center-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-bottom-center:nth-child(n+20 of.toast-bottom-center){anchor-name:--toast-bottom-center-anchor-20;position-anchor:--toast-bottom-center-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-bottom-center:nth-child(n+21 of.toast-bottom-center){anchor-name:--toast-bottom-center-anchor-21;position-anchor:--toast-bottom-center-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-bottom-center:nth-child(n+22 of.toast-bottom-center){anchor-name:--toast-bottom-center-anchor-22;position-anchor:--toast-bottom-center-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-bottom-center:nth-child(n+23 of.toast-bottom-center){anchor-name:--toast-bottom-center-anchor-23;position-anchor:--toast-bottom-center-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-bottom-center:nth-child(n+24 of.toast-bottom-center){anchor-name:--toast-bottom-center-anchor-24;position-anchor:--toast-bottom-center-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-bottom-center:nth-child(n+25 of.toast-bottom-center){anchor-name:--toast-bottom-center-anchor-25;position-anchor:--toast-bottom-center-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-bottom-right{padding-inline:var(--toast-spacing)}:host.toast-bottom-right:nth-child(1 of.toast-bottom-right){position-anchor:--toast-container-anchor;anchor-name:--toast-bottom-right-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom span-left}:host.toast-bottom-right:nth-child(n+2 of.toast-bottom-right){anchor-name:--toast-bottom-right-anchor-2;position-anchor:--toast-bottom-right-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-bottom-right:nth-child(n+3 of.toast-bottom-right){anchor-name:--toast-bottom-right-anchor-3;position-anchor:--toast-bottom-right-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-bottom-right:nth-child(n+4 of.toast-bottom-right){anchor-name:--toast-bottom-right-anchor-4;position-anchor:--toast-bottom-right-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-bottom-right:nth-child(n+5 of.toast-bottom-right){anchor-name:--toast-bottom-right-anchor-5;position-anchor:--toast-bottom-right-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-bottom-right:nth-child(n+6 of.toast-bottom-right){anchor-name:--toast-bottom-right-anchor-6;position-anchor:--toast-bottom-right-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-bottom-right:nth-child(n+7 of.toast-bottom-right){anchor-name:--toast-bottom-right-anchor-7;position-anchor:--toast-bottom-right-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-bottom-right:nth-child(n+8 of.toast-bottom-right){anchor-name:--toast-bottom-right-anchor-8;position-anchor:--toast-bottom-right-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-bottom-right:nth-child(n+9 of.toast-bottom-right){anchor-name:--toast-bottom-right-anchor-9;position-anchor:--toast-bottom-right-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-bottom-right:nth-child(n+10 of.toast-bottom-right){anchor-name:--toast-bottom-right-anchor-10;position-anchor:--toast-bottom-right-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-bottom-right:nth-child(n+11 of.toast-bottom-right){anchor-name:--toast-bottom-right-anchor-11;position-anchor:--toast-bottom-right-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-bottom-right:nth-child(n+12 of.toast-bottom-right){anchor-name:--toast-bottom-right-anchor-12;position-anchor:--toast-bottom-right-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-bottom-right:nth-child(n+13 of.toast-bottom-right){anchor-name:--toast-bottom-right-anchor-13;position-anchor:--toast-bottom-right-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-bottom-right:nth-child(n+14 of.toast-bottom-right){anchor-name:--toast-bottom-right-anchor-14;position-anchor:--toast-bottom-right-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-bottom-right:nth-child(n+15 of.toast-bottom-right){anchor-name:--toast-bottom-right-anchor-15;position-anchor:--toast-bottom-right-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-bottom-right:nth-child(n+16 of.toast-bottom-right){anchor-name:--toast-bottom-right-anchor-16;position-anchor:--toast-bottom-right-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-bottom-right:nth-child(n+17 of.toast-bottom-right){anchor-name:--toast-bottom-right-anchor-17;position-anchor:--toast-bottom-right-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-bottom-right:nth-child(n+18 of.toast-bottom-right){anchor-name:--toast-bottom-right-anchor-18;position-anchor:--toast-bottom-right-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-bottom-right:nth-child(n+19 of.toast-bottom-right){anchor-name:--toast-bottom-right-anchor-19;position-anchor:--toast-bottom-right-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-bottom-right:nth-child(n+20 of.toast-bottom-right){anchor-name:--toast-bottom-right-anchor-20;position-anchor:--toast-bottom-right-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-bottom-right:nth-child(n+21 of.toast-bottom-right){anchor-name:--toast-bottom-right-anchor-21;position-anchor:--toast-bottom-right-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-bottom-right:nth-child(n+22 of.toast-bottom-right){anchor-name:--toast-bottom-right-anchor-22;position-anchor:--toast-bottom-right-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-bottom-right:nth-child(n+23 of.toast-bottom-right){anchor-name:--toast-bottom-right-anchor-23;position-anchor:--toast-bottom-right-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-bottom-right:nth-child(n+24 of.toast-bottom-right){anchor-name:--toast-bottom-right-anchor-24;position-anchor:--toast-bottom-right-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-bottom-right:nth-child(n+25 of.toast-bottom-right){anchor-name:--toast-bottom-right-anchor-25;position-anchor:--toast-bottom-right-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}@media(max-width:1440px){:host.toast-responsive-xl-top-left{padding-inline:var(--toast-spacing)}:host.toast-responsive-xl-top-left:nth-child(1 of.toast-responsive-xl-top-left){position-anchor:--toast-container-anchor;anchor-name:--toast-top-left-anchor-1;padding-top:var(--toast-spacing);position-area:top span-right}:host.toast-responsive-xl-top-left:nth-child(n+2 of.toast-responsive-xl-top-left){anchor-name:--toast-top-left-anchor-2;position-anchor:--toast-top-left-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-xl-top-left:nth-child(n+3 of.toast-responsive-xl-top-left){anchor-name:--toast-top-left-anchor-3;position-anchor:--toast-top-left-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-xl-top-left:nth-child(n+4 of.toast-responsive-xl-top-left){anchor-name:--toast-top-left-anchor-4;position-anchor:--toast-top-left-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-xl-top-left:nth-child(n+5 of.toast-responsive-xl-top-left){anchor-name:--toast-top-left-anchor-5;position-anchor:--toast-top-left-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-xl-top-left:nth-child(n+6 of.toast-responsive-xl-top-left){anchor-name:--toast-top-left-anchor-6;position-anchor:--toast-top-left-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-xl-top-left:nth-child(n+7 of.toast-responsive-xl-top-left){anchor-name:--toast-top-left-anchor-7;position-anchor:--toast-top-left-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-xl-top-left:nth-child(n+8 of.toast-responsive-xl-top-left){anchor-name:--toast-top-left-anchor-8;position-anchor:--toast-top-left-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-xl-top-left:nth-child(n+9 of.toast-responsive-xl-top-left){anchor-name:--toast-top-left-anchor-9;position-anchor:--toast-top-left-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-xl-top-left:nth-child(n+10 of.toast-responsive-xl-top-left){anchor-name:--toast-top-left-anchor-10;position-anchor:--toast-top-left-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-xl-top-left:nth-child(n+11 of.toast-responsive-xl-top-left){anchor-name:--toast-top-left-anchor-11;position-anchor:--toast-top-left-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-xl-top-left:nth-child(n+12 of.toast-responsive-xl-top-left){anchor-name:--toast-top-left-anchor-12;position-anchor:--toast-top-left-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-xl-top-left:nth-child(n+13 of.toast-responsive-xl-top-left){anchor-name:--toast-top-left-anchor-13;position-anchor:--toast-top-left-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-xl-top-left:nth-child(n+14 of.toast-responsive-xl-top-left){anchor-name:--toast-top-left-anchor-14;position-anchor:--toast-top-left-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-xl-top-left:nth-child(n+15 of.toast-responsive-xl-top-left){anchor-name:--toast-top-left-anchor-15;position-anchor:--toast-top-left-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-xl-top-left:nth-child(n+16 of.toast-responsive-xl-top-left){anchor-name:--toast-top-left-anchor-16;position-anchor:--toast-top-left-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-xl-top-left:nth-child(n+17 of.toast-responsive-xl-top-left){anchor-name:--toast-top-left-anchor-17;position-anchor:--toast-top-left-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-xl-top-left:nth-child(n+18 of.toast-responsive-xl-top-left){anchor-name:--toast-top-left-anchor-18;position-anchor:--toast-top-left-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-xl-top-left:nth-child(n+19 of.toast-responsive-xl-top-left){anchor-name:--toast-top-left-anchor-19;position-anchor:--toast-top-left-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-xl-top-left:nth-child(n+20 of.toast-responsive-xl-top-left){anchor-name:--toast-top-left-anchor-20;position-anchor:--toast-top-left-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-xl-top-left:nth-child(n+21 of.toast-responsive-xl-top-left){anchor-name:--toast-top-left-anchor-21;position-anchor:--toast-top-left-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-xl-top-left:nth-child(n+22 of.toast-responsive-xl-top-left){anchor-name:--toast-top-left-anchor-22;position-anchor:--toast-top-left-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-xl-top-left:nth-child(n+23 of.toast-responsive-xl-top-left){anchor-name:--toast-top-left-anchor-23;position-anchor:--toast-top-left-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-xl-top-left:nth-child(n+24 of.toast-responsive-xl-top-left){anchor-name:--toast-top-left-anchor-24;position-anchor:--toast-top-left-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-xl-top-left:nth-child(n+25 of.toast-responsive-xl-top-left){anchor-name:--toast-top-left-anchor-25;position-anchor:--toast-top-left-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-xl-top-center{padding-inline:var(--toast-spacing)}:host.toast-responsive-xl-top-center:nth-child(1 of.toast-responsive-xl-top-center){position-anchor:--toast-container-anchor;anchor-name:--toast-top-center-anchor-1;padding-top:var(--toast-spacing);position-area:top}:host.toast-responsive-xl-top-center:nth-child(n+2 of.toast-responsive-xl-top-center){anchor-name:--toast-top-center-anchor-2;position-anchor:--toast-top-center-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-xl-top-center:nth-child(n+3 of.toast-responsive-xl-top-center){anchor-name:--toast-top-center-anchor-3;position-anchor:--toast-top-center-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-xl-top-center:nth-child(n+4 of.toast-responsive-xl-top-center){anchor-name:--toast-top-center-anchor-4;position-anchor:--toast-top-center-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-xl-top-center:nth-child(n+5 of.toast-responsive-xl-top-center){anchor-name:--toast-top-center-anchor-5;position-anchor:--toast-top-center-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-xl-top-center:nth-child(n+6 of.toast-responsive-xl-top-center){anchor-name:--toast-top-center-anchor-6;position-anchor:--toast-top-center-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-xl-top-center:nth-child(n+7 of.toast-responsive-xl-top-center){anchor-name:--toast-top-center-anchor-7;position-anchor:--toast-top-center-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-xl-top-center:nth-child(n+8 of.toast-responsive-xl-top-center){anchor-name:--toast-top-center-anchor-8;position-anchor:--toast-top-center-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-xl-top-center:nth-child(n+9 of.toast-responsive-xl-top-center){anchor-name:--toast-top-center-anchor-9;position-anchor:--toast-top-center-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-xl-top-center:nth-child(n+10 of.toast-responsive-xl-top-center){anchor-name:--toast-top-center-anchor-10;position-anchor:--toast-top-center-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-xl-top-center:nth-child(n+11 of.toast-responsive-xl-top-center){anchor-name:--toast-top-center-anchor-11;position-anchor:--toast-top-center-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-xl-top-center:nth-child(n+12 of.toast-responsive-xl-top-center){anchor-name:--toast-top-center-anchor-12;position-anchor:--toast-top-center-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-xl-top-center:nth-child(n+13 of.toast-responsive-xl-top-center){anchor-name:--toast-top-center-anchor-13;position-anchor:--toast-top-center-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-xl-top-center:nth-child(n+14 of.toast-responsive-xl-top-center){anchor-name:--toast-top-center-anchor-14;position-anchor:--toast-top-center-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-xl-top-center:nth-child(n+15 of.toast-responsive-xl-top-center){anchor-name:--toast-top-center-anchor-15;position-anchor:--toast-top-center-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-xl-top-center:nth-child(n+16 of.toast-responsive-xl-top-center){anchor-name:--toast-top-center-anchor-16;position-anchor:--toast-top-center-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-xl-top-center:nth-child(n+17 of.toast-responsive-xl-top-center){anchor-name:--toast-top-center-anchor-17;position-anchor:--toast-top-center-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-xl-top-center:nth-child(n+18 of.toast-responsive-xl-top-center){anchor-name:--toast-top-center-anchor-18;position-anchor:--toast-top-center-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-xl-top-center:nth-child(n+19 of.toast-responsive-xl-top-center){anchor-name:--toast-top-center-anchor-19;position-anchor:--toast-top-center-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-xl-top-center:nth-child(n+20 of.toast-responsive-xl-top-center){anchor-name:--toast-top-center-anchor-20;position-anchor:--toast-top-center-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-xl-top-center:nth-child(n+21 of.toast-responsive-xl-top-center){anchor-name:--toast-top-center-anchor-21;position-anchor:--toast-top-center-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-xl-top-center:nth-child(n+22 of.toast-responsive-xl-top-center){anchor-name:--toast-top-center-anchor-22;position-anchor:--toast-top-center-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-xl-top-center:nth-child(n+23 of.toast-responsive-xl-top-center){anchor-name:--toast-top-center-anchor-23;position-anchor:--toast-top-center-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-xl-top-center:nth-child(n+24 of.toast-responsive-xl-top-center){anchor-name:--toast-top-center-anchor-24;position-anchor:--toast-top-center-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-xl-top-center:nth-child(n+25 of.toast-responsive-xl-top-center){anchor-name:--toast-top-center-anchor-25;position-anchor:--toast-top-center-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-xl-top-right{padding-inline:var(--toast-spacing)}:host.toast-responsive-xl-top-right:nth-child(1 of.toast-responsive-xl-top-right){position-anchor:--toast-container-anchor;anchor-name:--toast-top-right-anchor-1;padding-top:var(--toast-spacing);position-area:top span-left}:host.toast-responsive-xl-top-right:nth-child(n+2 of.toast-responsive-xl-top-right){anchor-name:--toast-top-right-anchor-2;position-anchor:--toast-top-right-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-xl-top-right:nth-child(n+3 of.toast-responsive-xl-top-right){anchor-name:--toast-top-right-anchor-3;position-anchor:--toast-top-right-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-xl-top-right:nth-child(n+4 of.toast-responsive-xl-top-right){anchor-name:--toast-top-right-anchor-4;position-anchor:--toast-top-right-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-xl-top-right:nth-child(n+5 of.toast-responsive-xl-top-right){anchor-name:--toast-top-right-anchor-5;position-anchor:--toast-top-right-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-xl-top-right:nth-child(n+6 of.toast-responsive-xl-top-right){anchor-name:--toast-top-right-anchor-6;position-anchor:--toast-top-right-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-xl-top-right:nth-child(n+7 of.toast-responsive-xl-top-right){anchor-name:--toast-top-right-anchor-7;position-anchor:--toast-top-right-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-xl-top-right:nth-child(n+8 of.toast-responsive-xl-top-right){anchor-name:--toast-top-right-anchor-8;position-anchor:--toast-top-right-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-xl-top-right:nth-child(n+9 of.toast-responsive-xl-top-right){anchor-name:--toast-top-right-anchor-9;position-anchor:--toast-top-right-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-xl-top-right:nth-child(n+10 of.toast-responsive-xl-top-right){anchor-name:--toast-top-right-anchor-10;position-anchor:--toast-top-right-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-xl-top-right:nth-child(n+11 of.toast-responsive-xl-top-right){anchor-name:--toast-top-right-anchor-11;position-anchor:--toast-top-right-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-xl-top-right:nth-child(n+12 of.toast-responsive-xl-top-right){anchor-name:--toast-top-right-anchor-12;position-anchor:--toast-top-right-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-xl-top-right:nth-child(n+13 of.toast-responsive-xl-top-right){anchor-name:--toast-top-right-anchor-13;position-anchor:--toast-top-right-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-xl-top-right:nth-child(n+14 of.toast-responsive-xl-top-right){anchor-name:--toast-top-right-anchor-14;position-anchor:--toast-top-right-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-xl-top-right:nth-child(n+15 of.toast-responsive-xl-top-right){anchor-name:--toast-top-right-anchor-15;position-anchor:--toast-top-right-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-xl-top-right:nth-child(n+16 of.toast-responsive-xl-top-right){anchor-name:--toast-top-right-anchor-16;position-anchor:--toast-top-right-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-xl-top-right:nth-child(n+17 of.toast-responsive-xl-top-right){anchor-name:--toast-top-right-anchor-17;position-anchor:--toast-top-right-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-xl-top-right:nth-child(n+18 of.toast-responsive-xl-top-right){anchor-name:--toast-top-right-anchor-18;position-anchor:--toast-top-right-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-xl-top-right:nth-child(n+19 of.toast-responsive-xl-top-right){anchor-name:--toast-top-right-anchor-19;position-anchor:--toast-top-right-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-xl-top-right:nth-child(n+20 of.toast-responsive-xl-top-right){anchor-name:--toast-top-right-anchor-20;position-anchor:--toast-top-right-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-xl-top-right:nth-child(n+21 of.toast-responsive-xl-top-right){anchor-name:--toast-top-right-anchor-21;position-anchor:--toast-top-right-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-xl-top-right:nth-child(n+22 of.toast-responsive-xl-top-right){anchor-name:--toast-top-right-anchor-22;position-anchor:--toast-top-right-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-xl-top-right:nth-child(n+23 of.toast-responsive-xl-top-right){anchor-name:--toast-top-right-anchor-23;position-anchor:--toast-top-right-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-xl-top-right:nth-child(n+24 of.toast-responsive-xl-top-right){anchor-name:--toast-top-right-anchor-24;position-anchor:--toast-top-right-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-xl-top-right:nth-child(n+25 of.toast-responsive-xl-top-right){anchor-name:--toast-top-right-anchor-25;position-anchor:--toast-top-right-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-xl-bottom-left{padding-inline:var(--toast-spacing)}:host.toast-responsive-xl-bottom-left:nth-child(1 of.toast-responsive-xl-bottom-left){position-anchor:--toast-container-anchor;anchor-name:--toast-bottom-left-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom span-right}:host.toast-responsive-xl-bottom-left:nth-child(n+2 of.toast-responsive-xl-bottom-left){anchor-name:--toast-bottom-left-anchor-2;position-anchor:--toast-bottom-left-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-xl-bottom-left:nth-child(n+3 of.toast-responsive-xl-bottom-left){anchor-name:--toast-bottom-left-anchor-3;position-anchor:--toast-bottom-left-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-xl-bottom-left:nth-child(n+4 of.toast-responsive-xl-bottom-left){anchor-name:--toast-bottom-left-anchor-4;position-anchor:--toast-bottom-left-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-xl-bottom-left:nth-child(n+5 of.toast-responsive-xl-bottom-left){anchor-name:--toast-bottom-left-anchor-5;position-anchor:--toast-bottom-left-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-xl-bottom-left:nth-child(n+6 of.toast-responsive-xl-bottom-left){anchor-name:--toast-bottom-left-anchor-6;position-anchor:--toast-bottom-left-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-xl-bottom-left:nth-child(n+7 of.toast-responsive-xl-bottom-left){anchor-name:--toast-bottom-left-anchor-7;position-anchor:--toast-bottom-left-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-xl-bottom-left:nth-child(n+8 of.toast-responsive-xl-bottom-left){anchor-name:--toast-bottom-left-anchor-8;position-anchor:--toast-bottom-left-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-xl-bottom-left:nth-child(n+9 of.toast-responsive-xl-bottom-left){anchor-name:--toast-bottom-left-anchor-9;position-anchor:--toast-bottom-left-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-xl-bottom-left:nth-child(n+10 of.toast-responsive-xl-bottom-left){anchor-name:--toast-bottom-left-anchor-10;position-anchor:--toast-bottom-left-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-xl-bottom-left:nth-child(n+11 of.toast-responsive-xl-bottom-left){anchor-name:--toast-bottom-left-anchor-11;position-anchor:--toast-bottom-left-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-xl-bottom-left:nth-child(n+12 of.toast-responsive-xl-bottom-left){anchor-name:--toast-bottom-left-anchor-12;position-anchor:--toast-bottom-left-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-xl-bottom-left:nth-child(n+13 of.toast-responsive-xl-bottom-left){anchor-name:--toast-bottom-left-anchor-13;position-anchor:--toast-bottom-left-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-xl-bottom-left:nth-child(n+14 of.toast-responsive-xl-bottom-left){anchor-name:--toast-bottom-left-anchor-14;position-anchor:--toast-bottom-left-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-xl-bottom-left:nth-child(n+15 of.toast-responsive-xl-bottom-left){anchor-name:--toast-bottom-left-anchor-15;position-anchor:--toast-bottom-left-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-xl-bottom-left:nth-child(n+16 of.toast-responsive-xl-bottom-left){anchor-name:--toast-bottom-left-anchor-16;position-anchor:--toast-bottom-left-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-xl-bottom-left:nth-child(n+17 of.toast-responsive-xl-bottom-left){anchor-name:--toast-bottom-left-anchor-17;position-anchor:--toast-bottom-left-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-xl-bottom-left:nth-child(n+18 of.toast-responsive-xl-bottom-left){anchor-name:--toast-bottom-left-anchor-18;position-anchor:--toast-bottom-left-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-xl-bottom-left:nth-child(n+19 of.toast-responsive-xl-bottom-left){anchor-name:--toast-bottom-left-anchor-19;position-anchor:--toast-bottom-left-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-xl-bottom-left:nth-child(n+20 of.toast-responsive-xl-bottom-left){anchor-name:--toast-bottom-left-anchor-20;position-anchor:--toast-bottom-left-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-xl-bottom-left:nth-child(n+21 of.toast-responsive-xl-bottom-left){anchor-name:--toast-bottom-left-anchor-21;position-anchor:--toast-bottom-left-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-xl-bottom-left:nth-child(n+22 of.toast-responsive-xl-bottom-left){anchor-name:--toast-bottom-left-anchor-22;position-anchor:--toast-bottom-left-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-xl-bottom-left:nth-child(n+23 of.toast-responsive-xl-bottom-left){anchor-name:--toast-bottom-left-anchor-23;position-anchor:--toast-bottom-left-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-xl-bottom-left:nth-child(n+24 of.toast-responsive-xl-bottom-left){anchor-name:--toast-bottom-left-anchor-24;position-anchor:--toast-bottom-left-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-xl-bottom-left:nth-child(n+25 of.toast-responsive-xl-bottom-left){anchor-name:--toast-bottom-left-anchor-25;position-anchor:--toast-bottom-left-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-xl-bottom-center{padding-inline:var(--toast-spacing)}:host.toast-responsive-xl-bottom-center:nth-child(1 of.toast-responsive-xl-bottom-center){position-anchor:--toast-container-anchor;anchor-name:--toast-bottom-center-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom}:host.toast-responsive-xl-bottom-center:nth-child(n+2 of.toast-responsive-xl-bottom-center){anchor-name:--toast-bottom-center-anchor-2;position-anchor:--toast-bottom-center-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-xl-bottom-center:nth-child(n+3 of.toast-responsive-xl-bottom-center){anchor-name:--toast-bottom-center-anchor-3;position-anchor:--toast-bottom-center-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-xl-bottom-center:nth-child(n+4 of.toast-responsive-xl-bottom-center){anchor-name:--toast-bottom-center-anchor-4;position-anchor:--toast-bottom-center-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-xl-bottom-center:nth-child(n+5 of.toast-responsive-xl-bottom-center){anchor-name:--toast-bottom-center-anchor-5;position-anchor:--toast-bottom-center-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-xl-bottom-center:nth-child(n+6 of.toast-responsive-xl-bottom-center){anchor-name:--toast-bottom-center-anchor-6;position-anchor:--toast-bottom-center-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-xl-bottom-center:nth-child(n+7 of.toast-responsive-xl-bottom-center){anchor-name:--toast-bottom-center-anchor-7;position-anchor:--toast-bottom-center-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-xl-bottom-center:nth-child(n+8 of.toast-responsive-xl-bottom-center){anchor-name:--toast-bottom-center-anchor-8;position-anchor:--toast-bottom-center-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-xl-bottom-center:nth-child(n+9 of.toast-responsive-xl-bottom-center){anchor-name:--toast-bottom-center-anchor-9;position-anchor:--toast-bottom-center-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-xl-bottom-center:nth-child(n+10 of.toast-responsive-xl-bottom-center){anchor-name:--toast-bottom-center-anchor-10;position-anchor:--toast-bottom-center-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-xl-bottom-center:nth-child(n+11 of.toast-responsive-xl-bottom-center){anchor-name:--toast-bottom-center-anchor-11;position-anchor:--toast-bottom-center-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-xl-bottom-center:nth-child(n+12 of.toast-responsive-xl-bottom-center){anchor-name:--toast-bottom-center-anchor-12;position-anchor:--toast-bottom-center-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-xl-bottom-center:nth-child(n+13 of.toast-responsive-xl-bottom-center){anchor-name:--toast-bottom-center-anchor-13;position-anchor:--toast-bottom-center-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-xl-bottom-center:nth-child(n+14 of.toast-responsive-xl-bottom-center){anchor-name:--toast-bottom-center-anchor-14;position-anchor:--toast-bottom-center-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-xl-bottom-center:nth-child(n+15 of.toast-responsive-xl-bottom-center){anchor-name:--toast-bottom-center-anchor-15;position-anchor:--toast-bottom-center-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-xl-bottom-center:nth-child(n+16 of.toast-responsive-xl-bottom-center){anchor-name:--toast-bottom-center-anchor-16;position-anchor:--toast-bottom-center-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-xl-bottom-center:nth-child(n+17 of.toast-responsive-xl-bottom-center){anchor-name:--toast-bottom-center-anchor-17;position-anchor:--toast-bottom-center-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-xl-bottom-center:nth-child(n+18 of.toast-responsive-xl-bottom-center){anchor-name:--toast-bottom-center-anchor-18;position-anchor:--toast-bottom-center-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-xl-bottom-center:nth-child(n+19 of.toast-responsive-xl-bottom-center){anchor-name:--toast-bottom-center-anchor-19;position-anchor:--toast-bottom-center-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-xl-bottom-center:nth-child(n+20 of.toast-responsive-xl-bottom-center){anchor-name:--toast-bottom-center-anchor-20;position-anchor:--toast-bottom-center-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-xl-bottom-center:nth-child(n+21 of.toast-responsive-xl-bottom-center){anchor-name:--toast-bottom-center-anchor-21;position-anchor:--toast-bottom-center-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-xl-bottom-center:nth-child(n+22 of.toast-responsive-xl-bottom-center){anchor-name:--toast-bottom-center-anchor-22;position-anchor:--toast-bottom-center-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-xl-bottom-center:nth-child(n+23 of.toast-responsive-xl-bottom-center){anchor-name:--toast-bottom-center-anchor-23;position-anchor:--toast-bottom-center-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-xl-bottom-center:nth-child(n+24 of.toast-responsive-xl-bottom-center){anchor-name:--toast-bottom-center-anchor-24;position-anchor:--toast-bottom-center-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-xl-bottom-center:nth-child(n+25 of.toast-responsive-xl-bottom-center){anchor-name:--toast-bottom-center-anchor-25;position-anchor:--toast-bottom-center-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-xl-bottom-right{padding-inline:var(--toast-spacing)}:host.toast-responsive-xl-bottom-right:nth-child(1 of.toast-responsive-xl-bottom-right){position-anchor:--toast-container-anchor;anchor-name:--toast-bottom-right-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom span-left}:host.toast-responsive-xl-bottom-right:nth-child(n+2 of.toast-responsive-xl-bottom-right){anchor-name:--toast-bottom-right-anchor-2;position-anchor:--toast-bottom-right-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-xl-bottom-right:nth-child(n+3 of.toast-responsive-xl-bottom-right){anchor-name:--toast-bottom-right-anchor-3;position-anchor:--toast-bottom-right-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-xl-bottom-right:nth-child(n+4 of.toast-responsive-xl-bottom-right){anchor-name:--toast-bottom-right-anchor-4;position-anchor:--toast-bottom-right-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-xl-bottom-right:nth-child(n+5 of.toast-responsive-xl-bottom-right){anchor-name:--toast-bottom-right-anchor-5;position-anchor:--toast-bottom-right-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-xl-bottom-right:nth-child(n+6 of.toast-responsive-xl-bottom-right){anchor-name:--toast-bottom-right-anchor-6;position-anchor:--toast-bottom-right-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-xl-bottom-right:nth-child(n+7 of.toast-responsive-xl-bottom-right){anchor-name:--toast-bottom-right-anchor-7;position-anchor:--toast-bottom-right-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-xl-bottom-right:nth-child(n+8 of.toast-responsive-xl-bottom-right){anchor-name:--toast-bottom-right-anchor-8;position-anchor:--toast-bottom-right-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-xl-bottom-right:nth-child(n+9 of.toast-responsive-xl-bottom-right){anchor-name:--toast-bottom-right-anchor-9;position-anchor:--toast-bottom-right-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-xl-bottom-right:nth-child(n+10 of.toast-responsive-xl-bottom-right){anchor-name:--toast-bottom-right-anchor-10;position-anchor:--toast-bottom-right-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-xl-bottom-right:nth-child(n+11 of.toast-responsive-xl-bottom-right){anchor-name:--toast-bottom-right-anchor-11;position-anchor:--toast-bottom-right-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-xl-bottom-right:nth-child(n+12 of.toast-responsive-xl-bottom-right){anchor-name:--toast-bottom-right-anchor-12;position-anchor:--toast-bottom-right-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-xl-bottom-right:nth-child(n+13 of.toast-responsive-xl-bottom-right){anchor-name:--toast-bottom-right-anchor-13;position-anchor:--toast-bottom-right-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-xl-bottom-right:nth-child(n+14 of.toast-responsive-xl-bottom-right){anchor-name:--toast-bottom-right-anchor-14;position-anchor:--toast-bottom-right-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-xl-bottom-right:nth-child(n+15 of.toast-responsive-xl-bottom-right){anchor-name:--toast-bottom-right-anchor-15;position-anchor:--toast-bottom-right-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-xl-bottom-right:nth-child(n+16 of.toast-responsive-xl-bottom-right){anchor-name:--toast-bottom-right-anchor-16;position-anchor:--toast-bottom-right-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-xl-bottom-right:nth-child(n+17 of.toast-responsive-xl-bottom-right){anchor-name:--toast-bottom-right-anchor-17;position-anchor:--toast-bottom-right-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-xl-bottom-right:nth-child(n+18 of.toast-responsive-xl-bottom-right){anchor-name:--toast-bottom-right-anchor-18;position-anchor:--toast-bottom-right-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-xl-bottom-right:nth-child(n+19 of.toast-responsive-xl-bottom-right){anchor-name:--toast-bottom-right-anchor-19;position-anchor:--toast-bottom-right-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-xl-bottom-right:nth-child(n+20 of.toast-responsive-xl-bottom-right){anchor-name:--toast-bottom-right-anchor-20;position-anchor:--toast-bottom-right-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-xl-bottom-right:nth-child(n+21 of.toast-responsive-xl-bottom-right){anchor-name:--toast-bottom-right-anchor-21;position-anchor:--toast-bottom-right-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-xl-bottom-right:nth-child(n+22 of.toast-responsive-xl-bottom-right){anchor-name:--toast-bottom-right-anchor-22;position-anchor:--toast-bottom-right-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-xl-bottom-right:nth-child(n+23 of.toast-responsive-xl-bottom-right){anchor-name:--toast-bottom-right-anchor-23;position-anchor:--toast-bottom-right-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-xl-bottom-right:nth-child(n+24 of.toast-responsive-xl-bottom-right){anchor-name:--toast-bottom-right-anchor-24;position-anchor:--toast-bottom-right-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-xl-bottom-right:nth-child(n+25 of.toast-responsive-xl-bottom-right){anchor-name:--toast-bottom-right-anchor-25;position-anchor:--toast-bottom-right-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}}@media(max-width:1200px){:host.toast-responsive-lg-top-left{padding-inline:var(--toast-spacing)}:host.toast-responsive-lg-top-left:nth-child(1 of.toast-responsive-lg-top-left){position-anchor:--toast-container-anchor;anchor-name:--toast-top-left-anchor-1;padding-top:var(--toast-spacing);position-area:top span-right}:host.toast-responsive-lg-top-left:nth-child(n+2 of.toast-responsive-lg-top-left){anchor-name:--toast-top-left-anchor-2;position-anchor:--toast-top-left-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-lg-top-left:nth-child(n+3 of.toast-responsive-lg-top-left){anchor-name:--toast-top-left-anchor-3;position-anchor:--toast-top-left-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-lg-top-left:nth-child(n+4 of.toast-responsive-lg-top-left){anchor-name:--toast-top-left-anchor-4;position-anchor:--toast-top-left-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-lg-top-left:nth-child(n+5 of.toast-responsive-lg-top-left){anchor-name:--toast-top-left-anchor-5;position-anchor:--toast-top-left-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-lg-top-left:nth-child(n+6 of.toast-responsive-lg-top-left){anchor-name:--toast-top-left-anchor-6;position-anchor:--toast-top-left-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-lg-top-left:nth-child(n+7 of.toast-responsive-lg-top-left){anchor-name:--toast-top-left-anchor-7;position-anchor:--toast-top-left-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-lg-top-left:nth-child(n+8 of.toast-responsive-lg-top-left){anchor-name:--toast-top-left-anchor-8;position-anchor:--toast-top-left-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-lg-top-left:nth-child(n+9 of.toast-responsive-lg-top-left){anchor-name:--toast-top-left-anchor-9;position-anchor:--toast-top-left-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-lg-top-left:nth-child(n+10 of.toast-responsive-lg-top-left){anchor-name:--toast-top-left-anchor-10;position-anchor:--toast-top-left-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-lg-top-left:nth-child(n+11 of.toast-responsive-lg-top-left){anchor-name:--toast-top-left-anchor-11;position-anchor:--toast-top-left-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-lg-top-left:nth-child(n+12 of.toast-responsive-lg-top-left){anchor-name:--toast-top-left-anchor-12;position-anchor:--toast-top-left-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-lg-top-left:nth-child(n+13 of.toast-responsive-lg-top-left){anchor-name:--toast-top-left-anchor-13;position-anchor:--toast-top-left-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-lg-top-left:nth-child(n+14 of.toast-responsive-lg-top-left){anchor-name:--toast-top-left-anchor-14;position-anchor:--toast-top-left-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-lg-top-left:nth-child(n+15 of.toast-responsive-lg-top-left){anchor-name:--toast-top-left-anchor-15;position-anchor:--toast-top-left-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-lg-top-left:nth-child(n+16 of.toast-responsive-lg-top-left){anchor-name:--toast-top-left-anchor-16;position-anchor:--toast-top-left-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-lg-top-left:nth-child(n+17 of.toast-responsive-lg-top-left){anchor-name:--toast-top-left-anchor-17;position-anchor:--toast-top-left-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-lg-top-left:nth-child(n+18 of.toast-responsive-lg-top-left){anchor-name:--toast-top-left-anchor-18;position-anchor:--toast-top-left-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-lg-top-left:nth-child(n+19 of.toast-responsive-lg-top-left){anchor-name:--toast-top-left-anchor-19;position-anchor:--toast-top-left-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-lg-top-left:nth-child(n+20 of.toast-responsive-lg-top-left){anchor-name:--toast-top-left-anchor-20;position-anchor:--toast-top-left-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-lg-top-left:nth-child(n+21 of.toast-responsive-lg-top-left){anchor-name:--toast-top-left-anchor-21;position-anchor:--toast-top-left-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-lg-top-left:nth-child(n+22 of.toast-responsive-lg-top-left){anchor-name:--toast-top-left-anchor-22;position-anchor:--toast-top-left-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-lg-top-left:nth-child(n+23 of.toast-responsive-lg-top-left){anchor-name:--toast-top-left-anchor-23;position-anchor:--toast-top-left-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-lg-top-left:nth-child(n+24 of.toast-responsive-lg-top-left){anchor-name:--toast-top-left-anchor-24;position-anchor:--toast-top-left-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-lg-top-left:nth-child(n+25 of.toast-responsive-lg-top-left){anchor-name:--toast-top-left-anchor-25;position-anchor:--toast-top-left-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-lg-top-center{padding-inline:var(--toast-spacing)}:host.toast-responsive-lg-top-center:nth-child(1 of.toast-responsive-lg-top-center){position-anchor:--toast-container-anchor;anchor-name:--toast-top-center-anchor-1;padding-top:var(--toast-spacing);position-area:top}:host.toast-responsive-lg-top-center:nth-child(n+2 of.toast-responsive-lg-top-center){anchor-name:--toast-top-center-anchor-2;position-anchor:--toast-top-center-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-lg-top-center:nth-child(n+3 of.toast-responsive-lg-top-center){anchor-name:--toast-top-center-anchor-3;position-anchor:--toast-top-center-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-lg-top-center:nth-child(n+4 of.toast-responsive-lg-top-center){anchor-name:--toast-top-center-anchor-4;position-anchor:--toast-top-center-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-lg-top-center:nth-child(n+5 of.toast-responsive-lg-top-center){anchor-name:--toast-top-center-anchor-5;position-anchor:--toast-top-center-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-lg-top-center:nth-child(n+6 of.toast-responsive-lg-top-center){anchor-name:--toast-top-center-anchor-6;position-anchor:--toast-top-center-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-lg-top-center:nth-child(n+7 of.toast-responsive-lg-top-center){anchor-name:--toast-top-center-anchor-7;position-anchor:--toast-top-center-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-lg-top-center:nth-child(n+8 of.toast-responsive-lg-top-center){anchor-name:--toast-top-center-anchor-8;position-anchor:--toast-top-center-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-lg-top-center:nth-child(n+9 of.toast-responsive-lg-top-center){anchor-name:--toast-top-center-anchor-9;position-anchor:--toast-top-center-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-lg-top-center:nth-child(n+10 of.toast-responsive-lg-top-center){anchor-name:--toast-top-center-anchor-10;position-anchor:--toast-top-center-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-lg-top-center:nth-child(n+11 of.toast-responsive-lg-top-center){anchor-name:--toast-top-center-anchor-11;position-anchor:--toast-top-center-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-lg-top-center:nth-child(n+12 of.toast-responsive-lg-top-center){anchor-name:--toast-top-center-anchor-12;position-anchor:--toast-top-center-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-lg-top-center:nth-child(n+13 of.toast-responsive-lg-top-center){anchor-name:--toast-top-center-anchor-13;position-anchor:--toast-top-center-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-lg-top-center:nth-child(n+14 of.toast-responsive-lg-top-center){anchor-name:--toast-top-center-anchor-14;position-anchor:--toast-top-center-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-lg-top-center:nth-child(n+15 of.toast-responsive-lg-top-center){anchor-name:--toast-top-center-anchor-15;position-anchor:--toast-top-center-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-lg-top-center:nth-child(n+16 of.toast-responsive-lg-top-center){anchor-name:--toast-top-center-anchor-16;position-anchor:--toast-top-center-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-lg-top-center:nth-child(n+17 of.toast-responsive-lg-top-center){anchor-name:--toast-top-center-anchor-17;position-anchor:--toast-top-center-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-lg-top-center:nth-child(n+18 of.toast-responsive-lg-top-center){anchor-name:--toast-top-center-anchor-18;position-anchor:--toast-top-center-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-lg-top-center:nth-child(n+19 of.toast-responsive-lg-top-center){anchor-name:--toast-top-center-anchor-19;position-anchor:--toast-top-center-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-lg-top-center:nth-child(n+20 of.toast-responsive-lg-top-center){anchor-name:--toast-top-center-anchor-20;position-anchor:--toast-top-center-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-lg-top-center:nth-child(n+21 of.toast-responsive-lg-top-center){anchor-name:--toast-top-center-anchor-21;position-anchor:--toast-top-center-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-lg-top-center:nth-child(n+22 of.toast-responsive-lg-top-center){anchor-name:--toast-top-center-anchor-22;position-anchor:--toast-top-center-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-lg-top-center:nth-child(n+23 of.toast-responsive-lg-top-center){anchor-name:--toast-top-center-anchor-23;position-anchor:--toast-top-center-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-lg-top-center:nth-child(n+24 of.toast-responsive-lg-top-center){anchor-name:--toast-top-center-anchor-24;position-anchor:--toast-top-center-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-lg-top-center:nth-child(n+25 of.toast-responsive-lg-top-center){anchor-name:--toast-top-center-anchor-25;position-anchor:--toast-top-center-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-lg-top-right{padding-inline:var(--toast-spacing)}:host.toast-responsive-lg-top-right:nth-child(1 of.toast-responsive-lg-top-right){position-anchor:--toast-container-anchor;anchor-name:--toast-top-right-anchor-1;padding-top:var(--toast-spacing);position-area:top span-left}:host.toast-responsive-lg-top-right:nth-child(n+2 of.toast-responsive-lg-top-right){anchor-name:--toast-top-right-anchor-2;position-anchor:--toast-top-right-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-lg-top-right:nth-child(n+3 of.toast-responsive-lg-top-right){anchor-name:--toast-top-right-anchor-3;position-anchor:--toast-top-right-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-lg-top-right:nth-child(n+4 of.toast-responsive-lg-top-right){anchor-name:--toast-top-right-anchor-4;position-anchor:--toast-top-right-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-lg-top-right:nth-child(n+5 of.toast-responsive-lg-top-right){anchor-name:--toast-top-right-anchor-5;position-anchor:--toast-top-right-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-lg-top-right:nth-child(n+6 of.toast-responsive-lg-top-right){anchor-name:--toast-top-right-anchor-6;position-anchor:--toast-top-right-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-lg-top-right:nth-child(n+7 of.toast-responsive-lg-top-right){anchor-name:--toast-top-right-anchor-7;position-anchor:--toast-top-right-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-lg-top-right:nth-child(n+8 of.toast-responsive-lg-top-right){anchor-name:--toast-top-right-anchor-8;position-anchor:--toast-top-right-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-lg-top-right:nth-child(n+9 of.toast-responsive-lg-top-right){anchor-name:--toast-top-right-anchor-9;position-anchor:--toast-top-right-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-lg-top-right:nth-child(n+10 of.toast-responsive-lg-top-right){anchor-name:--toast-top-right-anchor-10;position-anchor:--toast-top-right-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-lg-top-right:nth-child(n+11 of.toast-responsive-lg-top-right){anchor-name:--toast-top-right-anchor-11;position-anchor:--toast-top-right-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-lg-top-right:nth-child(n+12 of.toast-responsive-lg-top-right){anchor-name:--toast-top-right-anchor-12;position-anchor:--toast-top-right-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-lg-top-right:nth-child(n+13 of.toast-responsive-lg-top-right){anchor-name:--toast-top-right-anchor-13;position-anchor:--toast-top-right-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-lg-top-right:nth-child(n+14 of.toast-responsive-lg-top-right){anchor-name:--toast-top-right-anchor-14;position-anchor:--toast-top-right-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-lg-top-right:nth-child(n+15 of.toast-responsive-lg-top-right){anchor-name:--toast-top-right-anchor-15;position-anchor:--toast-top-right-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-lg-top-right:nth-child(n+16 of.toast-responsive-lg-top-right){anchor-name:--toast-top-right-anchor-16;position-anchor:--toast-top-right-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-lg-top-right:nth-child(n+17 of.toast-responsive-lg-top-right){anchor-name:--toast-top-right-anchor-17;position-anchor:--toast-top-right-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-lg-top-right:nth-child(n+18 of.toast-responsive-lg-top-right){anchor-name:--toast-top-right-anchor-18;position-anchor:--toast-top-right-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-lg-top-right:nth-child(n+19 of.toast-responsive-lg-top-right){anchor-name:--toast-top-right-anchor-19;position-anchor:--toast-top-right-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-lg-top-right:nth-child(n+20 of.toast-responsive-lg-top-right){anchor-name:--toast-top-right-anchor-20;position-anchor:--toast-top-right-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-lg-top-right:nth-child(n+21 of.toast-responsive-lg-top-right){anchor-name:--toast-top-right-anchor-21;position-anchor:--toast-top-right-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-lg-top-right:nth-child(n+22 of.toast-responsive-lg-top-right){anchor-name:--toast-top-right-anchor-22;position-anchor:--toast-top-right-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-lg-top-right:nth-child(n+23 of.toast-responsive-lg-top-right){anchor-name:--toast-top-right-anchor-23;position-anchor:--toast-top-right-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-lg-top-right:nth-child(n+24 of.toast-responsive-lg-top-right){anchor-name:--toast-top-right-anchor-24;position-anchor:--toast-top-right-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-lg-top-right:nth-child(n+25 of.toast-responsive-lg-top-right){anchor-name:--toast-top-right-anchor-25;position-anchor:--toast-top-right-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-lg-bottom-left{padding-inline:var(--toast-spacing)}:host.toast-responsive-lg-bottom-left:nth-child(1 of.toast-responsive-lg-bottom-left){position-anchor:--toast-container-anchor;anchor-name:--toast-bottom-left-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom span-right}:host.toast-responsive-lg-bottom-left:nth-child(n+2 of.toast-responsive-lg-bottom-left){anchor-name:--toast-bottom-left-anchor-2;position-anchor:--toast-bottom-left-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-lg-bottom-left:nth-child(n+3 of.toast-responsive-lg-bottom-left){anchor-name:--toast-bottom-left-anchor-3;position-anchor:--toast-bottom-left-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-lg-bottom-left:nth-child(n+4 of.toast-responsive-lg-bottom-left){anchor-name:--toast-bottom-left-anchor-4;position-anchor:--toast-bottom-left-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-lg-bottom-left:nth-child(n+5 of.toast-responsive-lg-bottom-left){anchor-name:--toast-bottom-left-anchor-5;position-anchor:--toast-bottom-left-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-lg-bottom-left:nth-child(n+6 of.toast-responsive-lg-bottom-left){anchor-name:--toast-bottom-left-anchor-6;position-anchor:--toast-bottom-left-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-lg-bottom-left:nth-child(n+7 of.toast-responsive-lg-bottom-left){anchor-name:--toast-bottom-left-anchor-7;position-anchor:--toast-bottom-left-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-lg-bottom-left:nth-child(n+8 of.toast-responsive-lg-bottom-left){anchor-name:--toast-bottom-left-anchor-8;position-anchor:--toast-bottom-left-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-lg-bottom-left:nth-child(n+9 of.toast-responsive-lg-bottom-left){anchor-name:--toast-bottom-left-anchor-9;position-anchor:--toast-bottom-left-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-lg-bottom-left:nth-child(n+10 of.toast-responsive-lg-bottom-left){anchor-name:--toast-bottom-left-anchor-10;position-anchor:--toast-bottom-left-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-lg-bottom-left:nth-child(n+11 of.toast-responsive-lg-bottom-left){anchor-name:--toast-bottom-left-anchor-11;position-anchor:--toast-bottom-left-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-lg-bottom-left:nth-child(n+12 of.toast-responsive-lg-bottom-left){anchor-name:--toast-bottom-left-anchor-12;position-anchor:--toast-bottom-left-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-lg-bottom-left:nth-child(n+13 of.toast-responsive-lg-bottom-left){anchor-name:--toast-bottom-left-anchor-13;position-anchor:--toast-bottom-left-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-lg-bottom-left:nth-child(n+14 of.toast-responsive-lg-bottom-left){anchor-name:--toast-bottom-left-anchor-14;position-anchor:--toast-bottom-left-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-lg-bottom-left:nth-child(n+15 of.toast-responsive-lg-bottom-left){anchor-name:--toast-bottom-left-anchor-15;position-anchor:--toast-bottom-left-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-lg-bottom-left:nth-child(n+16 of.toast-responsive-lg-bottom-left){anchor-name:--toast-bottom-left-anchor-16;position-anchor:--toast-bottom-left-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-lg-bottom-left:nth-child(n+17 of.toast-responsive-lg-bottom-left){anchor-name:--toast-bottom-left-anchor-17;position-anchor:--toast-bottom-left-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-lg-bottom-left:nth-child(n+18 of.toast-responsive-lg-bottom-left){anchor-name:--toast-bottom-left-anchor-18;position-anchor:--toast-bottom-left-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-lg-bottom-left:nth-child(n+19 of.toast-responsive-lg-bottom-left){anchor-name:--toast-bottom-left-anchor-19;position-anchor:--toast-bottom-left-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-lg-bottom-left:nth-child(n+20 of.toast-responsive-lg-bottom-left){anchor-name:--toast-bottom-left-anchor-20;position-anchor:--toast-bottom-left-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-lg-bottom-left:nth-child(n+21 of.toast-responsive-lg-bottom-left){anchor-name:--toast-bottom-left-anchor-21;position-anchor:--toast-bottom-left-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-lg-bottom-left:nth-child(n+22 of.toast-responsive-lg-bottom-left){anchor-name:--toast-bottom-left-anchor-22;position-anchor:--toast-bottom-left-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-lg-bottom-left:nth-child(n+23 of.toast-responsive-lg-bottom-left){anchor-name:--toast-bottom-left-anchor-23;position-anchor:--toast-bottom-left-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-lg-bottom-left:nth-child(n+24 of.toast-responsive-lg-bottom-left){anchor-name:--toast-bottom-left-anchor-24;position-anchor:--toast-bottom-left-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-lg-bottom-left:nth-child(n+25 of.toast-responsive-lg-bottom-left){anchor-name:--toast-bottom-left-anchor-25;position-anchor:--toast-bottom-left-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-lg-bottom-center{padding-inline:var(--toast-spacing)}:host.toast-responsive-lg-bottom-center:nth-child(1 of.toast-responsive-lg-bottom-center){position-anchor:--toast-container-anchor;anchor-name:--toast-bottom-center-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom}:host.toast-responsive-lg-bottom-center:nth-child(n+2 of.toast-responsive-lg-bottom-center){anchor-name:--toast-bottom-center-anchor-2;position-anchor:--toast-bottom-center-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-lg-bottom-center:nth-child(n+3 of.toast-responsive-lg-bottom-center){anchor-name:--toast-bottom-center-anchor-3;position-anchor:--toast-bottom-center-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-lg-bottom-center:nth-child(n+4 of.toast-responsive-lg-bottom-center){anchor-name:--toast-bottom-center-anchor-4;position-anchor:--toast-bottom-center-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-lg-bottom-center:nth-child(n+5 of.toast-responsive-lg-bottom-center){anchor-name:--toast-bottom-center-anchor-5;position-anchor:--toast-bottom-center-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-lg-bottom-center:nth-child(n+6 of.toast-responsive-lg-bottom-center){anchor-name:--toast-bottom-center-anchor-6;position-anchor:--toast-bottom-center-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-lg-bottom-center:nth-child(n+7 of.toast-responsive-lg-bottom-center){anchor-name:--toast-bottom-center-anchor-7;position-anchor:--toast-bottom-center-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-lg-bottom-center:nth-child(n+8 of.toast-responsive-lg-bottom-center){anchor-name:--toast-bottom-center-anchor-8;position-anchor:--toast-bottom-center-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-lg-bottom-center:nth-child(n+9 of.toast-responsive-lg-bottom-center){anchor-name:--toast-bottom-center-anchor-9;position-anchor:--toast-bottom-center-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-lg-bottom-center:nth-child(n+10 of.toast-responsive-lg-bottom-center){anchor-name:--toast-bottom-center-anchor-10;position-anchor:--toast-bottom-center-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-lg-bottom-center:nth-child(n+11 of.toast-responsive-lg-bottom-center){anchor-name:--toast-bottom-center-anchor-11;position-anchor:--toast-bottom-center-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-lg-bottom-center:nth-child(n+12 of.toast-responsive-lg-bottom-center){anchor-name:--toast-bottom-center-anchor-12;position-anchor:--toast-bottom-center-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-lg-bottom-center:nth-child(n+13 of.toast-responsive-lg-bottom-center){anchor-name:--toast-bottom-center-anchor-13;position-anchor:--toast-bottom-center-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-lg-bottom-center:nth-child(n+14 of.toast-responsive-lg-bottom-center){anchor-name:--toast-bottom-center-anchor-14;position-anchor:--toast-bottom-center-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-lg-bottom-center:nth-child(n+15 of.toast-responsive-lg-bottom-center){anchor-name:--toast-bottom-center-anchor-15;position-anchor:--toast-bottom-center-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-lg-bottom-center:nth-child(n+16 of.toast-responsive-lg-bottom-center){anchor-name:--toast-bottom-center-anchor-16;position-anchor:--toast-bottom-center-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-lg-bottom-center:nth-child(n+17 of.toast-responsive-lg-bottom-center){anchor-name:--toast-bottom-center-anchor-17;position-anchor:--toast-bottom-center-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-lg-bottom-center:nth-child(n+18 of.toast-responsive-lg-bottom-center){anchor-name:--toast-bottom-center-anchor-18;position-anchor:--toast-bottom-center-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-lg-bottom-center:nth-child(n+19 of.toast-responsive-lg-bottom-center){anchor-name:--toast-bottom-center-anchor-19;position-anchor:--toast-bottom-center-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-lg-bottom-center:nth-child(n+20 of.toast-responsive-lg-bottom-center){anchor-name:--toast-bottom-center-anchor-20;position-anchor:--toast-bottom-center-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-lg-bottom-center:nth-child(n+21 of.toast-responsive-lg-bottom-center){anchor-name:--toast-bottom-center-anchor-21;position-anchor:--toast-bottom-center-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-lg-bottom-center:nth-child(n+22 of.toast-responsive-lg-bottom-center){anchor-name:--toast-bottom-center-anchor-22;position-anchor:--toast-bottom-center-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-lg-bottom-center:nth-child(n+23 of.toast-responsive-lg-bottom-center){anchor-name:--toast-bottom-center-anchor-23;position-anchor:--toast-bottom-center-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-lg-bottom-center:nth-child(n+24 of.toast-responsive-lg-bottom-center){anchor-name:--toast-bottom-center-anchor-24;position-anchor:--toast-bottom-center-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-lg-bottom-center:nth-child(n+25 of.toast-responsive-lg-bottom-center){anchor-name:--toast-bottom-center-anchor-25;position-anchor:--toast-bottom-center-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-lg-bottom-right{padding-inline:var(--toast-spacing)}:host.toast-responsive-lg-bottom-right:nth-child(1 of.toast-responsive-lg-bottom-right){position-anchor:--toast-container-anchor;anchor-name:--toast-bottom-right-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom span-left}:host.toast-responsive-lg-bottom-right:nth-child(n+2 of.toast-responsive-lg-bottom-right){anchor-name:--toast-bottom-right-anchor-2;position-anchor:--toast-bottom-right-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-lg-bottom-right:nth-child(n+3 of.toast-responsive-lg-bottom-right){anchor-name:--toast-bottom-right-anchor-3;position-anchor:--toast-bottom-right-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-lg-bottom-right:nth-child(n+4 of.toast-responsive-lg-bottom-right){anchor-name:--toast-bottom-right-anchor-4;position-anchor:--toast-bottom-right-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-lg-bottom-right:nth-child(n+5 of.toast-responsive-lg-bottom-right){anchor-name:--toast-bottom-right-anchor-5;position-anchor:--toast-bottom-right-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-lg-bottom-right:nth-child(n+6 of.toast-responsive-lg-bottom-right){anchor-name:--toast-bottom-right-anchor-6;position-anchor:--toast-bottom-right-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-lg-bottom-right:nth-child(n+7 of.toast-responsive-lg-bottom-right){anchor-name:--toast-bottom-right-anchor-7;position-anchor:--toast-bottom-right-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-lg-bottom-right:nth-child(n+8 of.toast-responsive-lg-bottom-right){anchor-name:--toast-bottom-right-anchor-8;position-anchor:--toast-bottom-right-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-lg-bottom-right:nth-child(n+9 of.toast-responsive-lg-bottom-right){anchor-name:--toast-bottom-right-anchor-9;position-anchor:--toast-bottom-right-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-lg-bottom-right:nth-child(n+10 of.toast-responsive-lg-bottom-right){anchor-name:--toast-bottom-right-anchor-10;position-anchor:--toast-bottom-right-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-lg-bottom-right:nth-child(n+11 of.toast-responsive-lg-bottom-right){anchor-name:--toast-bottom-right-anchor-11;position-anchor:--toast-bottom-right-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-lg-bottom-right:nth-child(n+12 of.toast-responsive-lg-bottom-right){anchor-name:--toast-bottom-right-anchor-12;position-anchor:--toast-bottom-right-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-lg-bottom-right:nth-child(n+13 of.toast-responsive-lg-bottom-right){anchor-name:--toast-bottom-right-anchor-13;position-anchor:--toast-bottom-right-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-lg-bottom-right:nth-child(n+14 of.toast-responsive-lg-bottom-right){anchor-name:--toast-bottom-right-anchor-14;position-anchor:--toast-bottom-right-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-lg-bottom-right:nth-child(n+15 of.toast-responsive-lg-bottom-right){anchor-name:--toast-bottom-right-anchor-15;position-anchor:--toast-bottom-right-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-lg-bottom-right:nth-child(n+16 of.toast-responsive-lg-bottom-right){anchor-name:--toast-bottom-right-anchor-16;position-anchor:--toast-bottom-right-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-lg-bottom-right:nth-child(n+17 of.toast-responsive-lg-bottom-right){anchor-name:--toast-bottom-right-anchor-17;position-anchor:--toast-bottom-right-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-lg-bottom-right:nth-child(n+18 of.toast-responsive-lg-bottom-right){anchor-name:--toast-bottom-right-anchor-18;position-anchor:--toast-bottom-right-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-lg-bottom-right:nth-child(n+19 of.toast-responsive-lg-bottom-right){anchor-name:--toast-bottom-right-anchor-19;position-anchor:--toast-bottom-right-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-lg-bottom-right:nth-child(n+20 of.toast-responsive-lg-bottom-right){anchor-name:--toast-bottom-right-anchor-20;position-anchor:--toast-bottom-right-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-lg-bottom-right:nth-child(n+21 of.toast-responsive-lg-bottom-right){anchor-name:--toast-bottom-right-anchor-21;position-anchor:--toast-bottom-right-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-lg-bottom-right:nth-child(n+22 of.toast-responsive-lg-bottom-right){anchor-name:--toast-bottom-right-anchor-22;position-anchor:--toast-bottom-right-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-lg-bottom-right:nth-child(n+23 of.toast-responsive-lg-bottom-right){anchor-name:--toast-bottom-right-anchor-23;position-anchor:--toast-bottom-right-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-lg-bottom-right:nth-child(n+24 of.toast-responsive-lg-bottom-right){anchor-name:--toast-bottom-right-anchor-24;position-anchor:--toast-bottom-right-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-lg-bottom-right:nth-child(n+25 of.toast-responsive-lg-bottom-right){anchor-name:--toast-bottom-right-anchor-25;position-anchor:--toast-bottom-right-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}}@media(max-width:900px){:host.toast-responsive-md-top-left{padding-inline:var(--toast-spacing)}:host.toast-responsive-md-top-left:nth-child(1 of.toast-responsive-md-top-left){position-anchor:--toast-container-anchor;anchor-name:--toast-top-left-anchor-1;padding-top:var(--toast-spacing);position-area:top span-right}:host.toast-responsive-md-top-left:nth-child(n+2 of.toast-responsive-md-top-left){anchor-name:--toast-top-left-anchor-2;position-anchor:--toast-top-left-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-md-top-left:nth-child(n+3 of.toast-responsive-md-top-left){anchor-name:--toast-top-left-anchor-3;position-anchor:--toast-top-left-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-md-top-left:nth-child(n+4 of.toast-responsive-md-top-left){anchor-name:--toast-top-left-anchor-4;position-anchor:--toast-top-left-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-md-top-left:nth-child(n+5 of.toast-responsive-md-top-left){anchor-name:--toast-top-left-anchor-5;position-anchor:--toast-top-left-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-md-top-left:nth-child(n+6 of.toast-responsive-md-top-left){anchor-name:--toast-top-left-anchor-6;position-anchor:--toast-top-left-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-md-top-left:nth-child(n+7 of.toast-responsive-md-top-left){anchor-name:--toast-top-left-anchor-7;position-anchor:--toast-top-left-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-md-top-left:nth-child(n+8 of.toast-responsive-md-top-left){anchor-name:--toast-top-left-anchor-8;position-anchor:--toast-top-left-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-md-top-left:nth-child(n+9 of.toast-responsive-md-top-left){anchor-name:--toast-top-left-anchor-9;position-anchor:--toast-top-left-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-md-top-left:nth-child(n+10 of.toast-responsive-md-top-left){anchor-name:--toast-top-left-anchor-10;position-anchor:--toast-top-left-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-md-top-left:nth-child(n+11 of.toast-responsive-md-top-left){anchor-name:--toast-top-left-anchor-11;position-anchor:--toast-top-left-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-md-top-left:nth-child(n+12 of.toast-responsive-md-top-left){anchor-name:--toast-top-left-anchor-12;position-anchor:--toast-top-left-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-md-top-left:nth-child(n+13 of.toast-responsive-md-top-left){anchor-name:--toast-top-left-anchor-13;position-anchor:--toast-top-left-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-md-top-left:nth-child(n+14 of.toast-responsive-md-top-left){anchor-name:--toast-top-left-anchor-14;position-anchor:--toast-top-left-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-md-top-left:nth-child(n+15 of.toast-responsive-md-top-left){anchor-name:--toast-top-left-anchor-15;position-anchor:--toast-top-left-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-md-top-left:nth-child(n+16 of.toast-responsive-md-top-left){anchor-name:--toast-top-left-anchor-16;position-anchor:--toast-top-left-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-md-top-left:nth-child(n+17 of.toast-responsive-md-top-left){anchor-name:--toast-top-left-anchor-17;position-anchor:--toast-top-left-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-md-top-left:nth-child(n+18 of.toast-responsive-md-top-left){anchor-name:--toast-top-left-anchor-18;position-anchor:--toast-top-left-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-md-top-left:nth-child(n+19 of.toast-responsive-md-top-left){anchor-name:--toast-top-left-anchor-19;position-anchor:--toast-top-left-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-md-top-left:nth-child(n+20 of.toast-responsive-md-top-left){anchor-name:--toast-top-left-anchor-20;position-anchor:--toast-top-left-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-md-top-left:nth-child(n+21 of.toast-responsive-md-top-left){anchor-name:--toast-top-left-anchor-21;position-anchor:--toast-top-left-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-md-top-left:nth-child(n+22 of.toast-responsive-md-top-left){anchor-name:--toast-top-left-anchor-22;position-anchor:--toast-top-left-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-md-top-left:nth-child(n+23 of.toast-responsive-md-top-left){anchor-name:--toast-top-left-anchor-23;position-anchor:--toast-top-left-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-md-top-left:nth-child(n+24 of.toast-responsive-md-top-left){anchor-name:--toast-top-left-anchor-24;position-anchor:--toast-top-left-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-md-top-left:nth-child(n+25 of.toast-responsive-md-top-left){anchor-name:--toast-top-left-anchor-25;position-anchor:--toast-top-left-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-md-top-center{padding-inline:var(--toast-spacing)}:host.toast-responsive-md-top-center:nth-child(1 of.toast-responsive-md-top-center){position-anchor:--toast-container-anchor;anchor-name:--toast-top-center-anchor-1;padding-top:var(--toast-spacing);position-area:top}:host.toast-responsive-md-top-center:nth-child(n+2 of.toast-responsive-md-top-center){anchor-name:--toast-top-center-anchor-2;position-anchor:--toast-top-center-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-md-top-center:nth-child(n+3 of.toast-responsive-md-top-center){anchor-name:--toast-top-center-anchor-3;position-anchor:--toast-top-center-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-md-top-center:nth-child(n+4 of.toast-responsive-md-top-center){anchor-name:--toast-top-center-anchor-4;position-anchor:--toast-top-center-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-md-top-center:nth-child(n+5 of.toast-responsive-md-top-center){anchor-name:--toast-top-center-anchor-5;position-anchor:--toast-top-center-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-md-top-center:nth-child(n+6 of.toast-responsive-md-top-center){anchor-name:--toast-top-center-anchor-6;position-anchor:--toast-top-center-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-md-top-center:nth-child(n+7 of.toast-responsive-md-top-center){anchor-name:--toast-top-center-anchor-7;position-anchor:--toast-top-center-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-md-top-center:nth-child(n+8 of.toast-responsive-md-top-center){anchor-name:--toast-top-center-anchor-8;position-anchor:--toast-top-center-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-md-top-center:nth-child(n+9 of.toast-responsive-md-top-center){anchor-name:--toast-top-center-anchor-9;position-anchor:--toast-top-center-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-md-top-center:nth-child(n+10 of.toast-responsive-md-top-center){anchor-name:--toast-top-center-anchor-10;position-anchor:--toast-top-center-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-md-top-center:nth-child(n+11 of.toast-responsive-md-top-center){anchor-name:--toast-top-center-anchor-11;position-anchor:--toast-top-center-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-md-top-center:nth-child(n+12 of.toast-responsive-md-top-center){anchor-name:--toast-top-center-anchor-12;position-anchor:--toast-top-center-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-md-top-center:nth-child(n+13 of.toast-responsive-md-top-center){anchor-name:--toast-top-center-anchor-13;position-anchor:--toast-top-center-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-md-top-center:nth-child(n+14 of.toast-responsive-md-top-center){anchor-name:--toast-top-center-anchor-14;position-anchor:--toast-top-center-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-md-top-center:nth-child(n+15 of.toast-responsive-md-top-center){anchor-name:--toast-top-center-anchor-15;position-anchor:--toast-top-center-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-md-top-center:nth-child(n+16 of.toast-responsive-md-top-center){anchor-name:--toast-top-center-anchor-16;position-anchor:--toast-top-center-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-md-top-center:nth-child(n+17 of.toast-responsive-md-top-center){anchor-name:--toast-top-center-anchor-17;position-anchor:--toast-top-center-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-md-top-center:nth-child(n+18 of.toast-responsive-md-top-center){anchor-name:--toast-top-center-anchor-18;position-anchor:--toast-top-center-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-md-top-center:nth-child(n+19 of.toast-responsive-md-top-center){anchor-name:--toast-top-center-anchor-19;position-anchor:--toast-top-center-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-md-top-center:nth-child(n+20 of.toast-responsive-md-top-center){anchor-name:--toast-top-center-anchor-20;position-anchor:--toast-top-center-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-md-top-center:nth-child(n+21 of.toast-responsive-md-top-center){anchor-name:--toast-top-center-anchor-21;position-anchor:--toast-top-center-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-md-top-center:nth-child(n+22 of.toast-responsive-md-top-center){anchor-name:--toast-top-center-anchor-22;position-anchor:--toast-top-center-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-md-top-center:nth-child(n+23 of.toast-responsive-md-top-center){anchor-name:--toast-top-center-anchor-23;position-anchor:--toast-top-center-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-md-top-center:nth-child(n+24 of.toast-responsive-md-top-center){anchor-name:--toast-top-center-anchor-24;position-anchor:--toast-top-center-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-md-top-center:nth-child(n+25 of.toast-responsive-md-top-center){anchor-name:--toast-top-center-anchor-25;position-anchor:--toast-top-center-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-md-top-right{padding-inline:var(--toast-spacing)}:host.toast-responsive-md-top-right:nth-child(1 of.toast-responsive-md-top-right){position-anchor:--toast-container-anchor;anchor-name:--toast-top-right-anchor-1;padding-top:var(--toast-spacing);position-area:top span-left}:host.toast-responsive-md-top-right:nth-child(n+2 of.toast-responsive-md-top-right){anchor-name:--toast-top-right-anchor-2;position-anchor:--toast-top-right-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-md-top-right:nth-child(n+3 of.toast-responsive-md-top-right){anchor-name:--toast-top-right-anchor-3;position-anchor:--toast-top-right-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-md-top-right:nth-child(n+4 of.toast-responsive-md-top-right){anchor-name:--toast-top-right-anchor-4;position-anchor:--toast-top-right-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-md-top-right:nth-child(n+5 of.toast-responsive-md-top-right){anchor-name:--toast-top-right-anchor-5;position-anchor:--toast-top-right-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-md-top-right:nth-child(n+6 of.toast-responsive-md-top-right){anchor-name:--toast-top-right-anchor-6;position-anchor:--toast-top-right-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-md-top-right:nth-child(n+7 of.toast-responsive-md-top-right){anchor-name:--toast-top-right-anchor-7;position-anchor:--toast-top-right-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-md-top-right:nth-child(n+8 of.toast-responsive-md-top-right){anchor-name:--toast-top-right-anchor-8;position-anchor:--toast-top-right-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-md-top-right:nth-child(n+9 of.toast-responsive-md-top-right){anchor-name:--toast-top-right-anchor-9;position-anchor:--toast-top-right-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-md-top-right:nth-child(n+10 of.toast-responsive-md-top-right){anchor-name:--toast-top-right-anchor-10;position-anchor:--toast-top-right-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-md-top-right:nth-child(n+11 of.toast-responsive-md-top-right){anchor-name:--toast-top-right-anchor-11;position-anchor:--toast-top-right-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-md-top-right:nth-child(n+12 of.toast-responsive-md-top-right){anchor-name:--toast-top-right-anchor-12;position-anchor:--toast-top-right-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-md-top-right:nth-child(n+13 of.toast-responsive-md-top-right){anchor-name:--toast-top-right-anchor-13;position-anchor:--toast-top-right-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-md-top-right:nth-child(n+14 of.toast-responsive-md-top-right){anchor-name:--toast-top-right-anchor-14;position-anchor:--toast-top-right-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-md-top-right:nth-child(n+15 of.toast-responsive-md-top-right){anchor-name:--toast-top-right-anchor-15;position-anchor:--toast-top-right-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-md-top-right:nth-child(n+16 of.toast-responsive-md-top-right){anchor-name:--toast-top-right-anchor-16;position-anchor:--toast-top-right-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-md-top-right:nth-child(n+17 of.toast-responsive-md-top-right){anchor-name:--toast-top-right-anchor-17;position-anchor:--toast-top-right-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-md-top-right:nth-child(n+18 of.toast-responsive-md-top-right){anchor-name:--toast-top-right-anchor-18;position-anchor:--toast-top-right-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-md-top-right:nth-child(n+19 of.toast-responsive-md-top-right){anchor-name:--toast-top-right-anchor-19;position-anchor:--toast-top-right-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-md-top-right:nth-child(n+20 of.toast-responsive-md-top-right){anchor-name:--toast-top-right-anchor-20;position-anchor:--toast-top-right-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-md-top-right:nth-child(n+21 of.toast-responsive-md-top-right){anchor-name:--toast-top-right-anchor-21;position-anchor:--toast-top-right-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-md-top-right:nth-child(n+22 of.toast-responsive-md-top-right){anchor-name:--toast-top-right-anchor-22;position-anchor:--toast-top-right-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-md-top-right:nth-child(n+23 of.toast-responsive-md-top-right){anchor-name:--toast-top-right-anchor-23;position-anchor:--toast-top-right-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-md-top-right:nth-child(n+24 of.toast-responsive-md-top-right){anchor-name:--toast-top-right-anchor-24;position-anchor:--toast-top-right-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-md-top-right:nth-child(n+25 of.toast-responsive-md-top-right){anchor-name:--toast-top-right-anchor-25;position-anchor:--toast-top-right-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-md-bottom-left{padding-inline:var(--toast-spacing)}:host.toast-responsive-md-bottom-left:nth-child(1 of.toast-responsive-md-bottom-left){position-anchor:--toast-container-anchor;anchor-name:--toast-bottom-left-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom span-right}:host.toast-responsive-md-bottom-left:nth-child(n+2 of.toast-responsive-md-bottom-left){anchor-name:--toast-bottom-left-anchor-2;position-anchor:--toast-bottom-left-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-md-bottom-left:nth-child(n+3 of.toast-responsive-md-bottom-left){anchor-name:--toast-bottom-left-anchor-3;position-anchor:--toast-bottom-left-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-md-bottom-left:nth-child(n+4 of.toast-responsive-md-bottom-left){anchor-name:--toast-bottom-left-anchor-4;position-anchor:--toast-bottom-left-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-md-bottom-left:nth-child(n+5 of.toast-responsive-md-bottom-left){anchor-name:--toast-bottom-left-anchor-5;position-anchor:--toast-bottom-left-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-md-bottom-left:nth-child(n+6 of.toast-responsive-md-bottom-left){anchor-name:--toast-bottom-left-anchor-6;position-anchor:--toast-bottom-left-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-md-bottom-left:nth-child(n+7 of.toast-responsive-md-bottom-left){anchor-name:--toast-bottom-left-anchor-7;position-anchor:--toast-bottom-left-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-md-bottom-left:nth-child(n+8 of.toast-responsive-md-bottom-left){anchor-name:--toast-bottom-left-anchor-8;position-anchor:--toast-bottom-left-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-md-bottom-left:nth-child(n+9 of.toast-responsive-md-bottom-left){anchor-name:--toast-bottom-left-anchor-9;position-anchor:--toast-bottom-left-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-md-bottom-left:nth-child(n+10 of.toast-responsive-md-bottom-left){anchor-name:--toast-bottom-left-anchor-10;position-anchor:--toast-bottom-left-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-md-bottom-left:nth-child(n+11 of.toast-responsive-md-bottom-left){anchor-name:--toast-bottom-left-anchor-11;position-anchor:--toast-bottom-left-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-md-bottom-left:nth-child(n+12 of.toast-responsive-md-bottom-left){anchor-name:--toast-bottom-left-anchor-12;position-anchor:--toast-bottom-left-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-md-bottom-left:nth-child(n+13 of.toast-responsive-md-bottom-left){anchor-name:--toast-bottom-left-anchor-13;position-anchor:--toast-bottom-left-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-md-bottom-left:nth-child(n+14 of.toast-responsive-md-bottom-left){anchor-name:--toast-bottom-left-anchor-14;position-anchor:--toast-bottom-left-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-md-bottom-left:nth-child(n+15 of.toast-responsive-md-bottom-left){anchor-name:--toast-bottom-left-anchor-15;position-anchor:--toast-bottom-left-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-md-bottom-left:nth-child(n+16 of.toast-responsive-md-bottom-left){anchor-name:--toast-bottom-left-anchor-16;position-anchor:--toast-bottom-left-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-md-bottom-left:nth-child(n+17 of.toast-responsive-md-bottom-left){anchor-name:--toast-bottom-left-anchor-17;position-anchor:--toast-bottom-left-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-md-bottom-left:nth-child(n+18 of.toast-responsive-md-bottom-left){anchor-name:--toast-bottom-left-anchor-18;position-anchor:--toast-bottom-left-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-md-bottom-left:nth-child(n+19 of.toast-responsive-md-bottom-left){anchor-name:--toast-bottom-left-anchor-19;position-anchor:--toast-bottom-left-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-md-bottom-left:nth-child(n+20 of.toast-responsive-md-bottom-left){anchor-name:--toast-bottom-left-anchor-20;position-anchor:--toast-bottom-left-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-md-bottom-left:nth-child(n+21 of.toast-responsive-md-bottom-left){anchor-name:--toast-bottom-left-anchor-21;position-anchor:--toast-bottom-left-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-md-bottom-left:nth-child(n+22 of.toast-responsive-md-bottom-left){anchor-name:--toast-bottom-left-anchor-22;position-anchor:--toast-bottom-left-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-md-bottom-left:nth-child(n+23 of.toast-responsive-md-bottom-left){anchor-name:--toast-bottom-left-anchor-23;position-anchor:--toast-bottom-left-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-md-bottom-left:nth-child(n+24 of.toast-responsive-md-bottom-left){anchor-name:--toast-bottom-left-anchor-24;position-anchor:--toast-bottom-left-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-md-bottom-left:nth-child(n+25 of.toast-responsive-md-bottom-left){anchor-name:--toast-bottom-left-anchor-25;position-anchor:--toast-bottom-left-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-md-bottom-center{padding-inline:var(--toast-spacing)}:host.toast-responsive-md-bottom-center:nth-child(1 of.toast-responsive-md-bottom-center){position-anchor:--toast-container-anchor;anchor-name:--toast-bottom-center-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom}:host.toast-responsive-md-bottom-center:nth-child(n+2 of.toast-responsive-md-bottom-center){anchor-name:--toast-bottom-center-anchor-2;position-anchor:--toast-bottom-center-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-md-bottom-center:nth-child(n+3 of.toast-responsive-md-bottom-center){anchor-name:--toast-bottom-center-anchor-3;position-anchor:--toast-bottom-center-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-md-bottom-center:nth-child(n+4 of.toast-responsive-md-bottom-center){anchor-name:--toast-bottom-center-anchor-4;position-anchor:--toast-bottom-center-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-md-bottom-center:nth-child(n+5 of.toast-responsive-md-bottom-center){anchor-name:--toast-bottom-center-anchor-5;position-anchor:--toast-bottom-center-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-md-bottom-center:nth-child(n+6 of.toast-responsive-md-bottom-center){anchor-name:--toast-bottom-center-anchor-6;position-anchor:--toast-bottom-center-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-md-bottom-center:nth-child(n+7 of.toast-responsive-md-bottom-center){anchor-name:--toast-bottom-center-anchor-7;position-anchor:--toast-bottom-center-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-md-bottom-center:nth-child(n+8 of.toast-responsive-md-bottom-center){anchor-name:--toast-bottom-center-anchor-8;position-anchor:--toast-bottom-center-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-md-bottom-center:nth-child(n+9 of.toast-responsive-md-bottom-center){anchor-name:--toast-bottom-center-anchor-9;position-anchor:--toast-bottom-center-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-md-bottom-center:nth-child(n+10 of.toast-responsive-md-bottom-center){anchor-name:--toast-bottom-center-anchor-10;position-anchor:--toast-bottom-center-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-md-bottom-center:nth-child(n+11 of.toast-responsive-md-bottom-center){anchor-name:--toast-bottom-center-anchor-11;position-anchor:--toast-bottom-center-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-md-bottom-center:nth-child(n+12 of.toast-responsive-md-bottom-center){anchor-name:--toast-bottom-center-anchor-12;position-anchor:--toast-bottom-center-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-md-bottom-center:nth-child(n+13 of.toast-responsive-md-bottom-center){anchor-name:--toast-bottom-center-anchor-13;position-anchor:--toast-bottom-center-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-md-bottom-center:nth-child(n+14 of.toast-responsive-md-bottom-center){anchor-name:--toast-bottom-center-anchor-14;position-anchor:--toast-bottom-center-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-md-bottom-center:nth-child(n+15 of.toast-responsive-md-bottom-center){anchor-name:--toast-bottom-center-anchor-15;position-anchor:--toast-bottom-center-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-md-bottom-center:nth-child(n+16 of.toast-responsive-md-bottom-center){anchor-name:--toast-bottom-center-anchor-16;position-anchor:--toast-bottom-center-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-md-bottom-center:nth-child(n+17 of.toast-responsive-md-bottom-center){anchor-name:--toast-bottom-center-anchor-17;position-anchor:--toast-bottom-center-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-md-bottom-center:nth-child(n+18 of.toast-responsive-md-bottom-center){anchor-name:--toast-bottom-center-anchor-18;position-anchor:--toast-bottom-center-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-md-bottom-center:nth-child(n+19 of.toast-responsive-md-bottom-center){anchor-name:--toast-bottom-center-anchor-19;position-anchor:--toast-bottom-center-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-md-bottom-center:nth-child(n+20 of.toast-responsive-md-bottom-center){anchor-name:--toast-bottom-center-anchor-20;position-anchor:--toast-bottom-center-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-md-bottom-center:nth-child(n+21 of.toast-responsive-md-bottom-center){anchor-name:--toast-bottom-center-anchor-21;position-anchor:--toast-bottom-center-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-md-bottom-center:nth-child(n+22 of.toast-responsive-md-bottom-center){anchor-name:--toast-bottom-center-anchor-22;position-anchor:--toast-bottom-center-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-md-bottom-center:nth-child(n+23 of.toast-responsive-md-bottom-center){anchor-name:--toast-bottom-center-anchor-23;position-anchor:--toast-bottom-center-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-md-bottom-center:nth-child(n+24 of.toast-responsive-md-bottom-center){anchor-name:--toast-bottom-center-anchor-24;position-anchor:--toast-bottom-center-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-md-bottom-center:nth-child(n+25 of.toast-responsive-md-bottom-center){anchor-name:--toast-bottom-center-anchor-25;position-anchor:--toast-bottom-center-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-md-bottom-right{padding-inline:var(--toast-spacing)}:host.toast-responsive-md-bottom-right:nth-child(1 of.toast-responsive-md-bottom-right){position-anchor:--toast-container-anchor;anchor-name:--toast-bottom-right-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom span-left}:host.toast-responsive-md-bottom-right:nth-child(n+2 of.toast-responsive-md-bottom-right){anchor-name:--toast-bottom-right-anchor-2;position-anchor:--toast-bottom-right-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-md-bottom-right:nth-child(n+3 of.toast-responsive-md-bottom-right){anchor-name:--toast-bottom-right-anchor-3;position-anchor:--toast-bottom-right-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-md-bottom-right:nth-child(n+4 of.toast-responsive-md-bottom-right){anchor-name:--toast-bottom-right-anchor-4;position-anchor:--toast-bottom-right-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-md-bottom-right:nth-child(n+5 of.toast-responsive-md-bottom-right){anchor-name:--toast-bottom-right-anchor-5;position-anchor:--toast-bottom-right-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-md-bottom-right:nth-child(n+6 of.toast-responsive-md-bottom-right){anchor-name:--toast-bottom-right-anchor-6;position-anchor:--toast-bottom-right-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-md-bottom-right:nth-child(n+7 of.toast-responsive-md-bottom-right){anchor-name:--toast-bottom-right-anchor-7;position-anchor:--toast-bottom-right-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-md-bottom-right:nth-child(n+8 of.toast-responsive-md-bottom-right){anchor-name:--toast-bottom-right-anchor-8;position-anchor:--toast-bottom-right-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-md-bottom-right:nth-child(n+9 of.toast-responsive-md-bottom-right){anchor-name:--toast-bottom-right-anchor-9;position-anchor:--toast-bottom-right-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-md-bottom-right:nth-child(n+10 of.toast-responsive-md-bottom-right){anchor-name:--toast-bottom-right-anchor-10;position-anchor:--toast-bottom-right-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-md-bottom-right:nth-child(n+11 of.toast-responsive-md-bottom-right){anchor-name:--toast-bottom-right-anchor-11;position-anchor:--toast-bottom-right-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-md-bottom-right:nth-child(n+12 of.toast-responsive-md-bottom-right){anchor-name:--toast-bottom-right-anchor-12;position-anchor:--toast-bottom-right-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-md-bottom-right:nth-child(n+13 of.toast-responsive-md-bottom-right){anchor-name:--toast-bottom-right-anchor-13;position-anchor:--toast-bottom-right-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-md-bottom-right:nth-child(n+14 of.toast-responsive-md-bottom-right){anchor-name:--toast-bottom-right-anchor-14;position-anchor:--toast-bottom-right-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-md-bottom-right:nth-child(n+15 of.toast-responsive-md-bottom-right){anchor-name:--toast-bottom-right-anchor-15;position-anchor:--toast-bottom-right-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-md-bottom-right:nth-child(n+16 of.toast-responsive-md-bottom-right){anchor-name:--toast-bottom-right-anchor-16;position-anchor:--toast-bottom-right-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-md-bottom-right:nth-child(n+17 of.toast-responsive-md-bottom-right){anchor-name:--toast-bottom-right-anchor-17;position-anchor:--toast-bottom-right-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-md-bottom-right:nth-child(n+18 of.toast-responsive-md-bottom-right){anchor-name:--toast-bottom-right-anchor-18;position-anchor:--toast-bottom-right-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-md-bottom-right:nth-child(n+19 of.toast-responsive-md-bottom-right){anchor-name:--toast-bottom-right-anchor-19;position-anchor:--toast-bottom-right-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-md-bottom-right:nth-child(n+20 of.toast-responsive-md-bottom-right){anchor-name:--toast-bottom-right-anchor-20;position-anchor:--toast-bottom-right-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-md-bottom-right:nth-child(n+21 of.toast-responsive-md-bottom-right){anchor-name:--toast-bottom-right-anchor-21;position-anchor:--toast-bottom-right-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-md-bottom-right:nth-child(n+22 of.toast-responsive-md-bottom-right){anchor-name:--toast-bottom-right-anchor-22;position-anchor:--toast-bottom-right-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-md-bottom-right:nth-child(n+23 of.toast-responsive-md-bottom-right){anchor-name:--toast-bottom-right-anchor-23;position-anchor:--toast-bottom-right-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-md-bottom-right:nth-child(n+24 of.toast-responsive-md-bottom-right){anchor-name:--toast-bottom-right-anchor-24;position-anchor:--toast-bottom-right-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-md-bottom-right:nth-child(n+25 of.toast-responsive-md-bottom-right){anchor-name:--toast-bottom-right-anchor-25;position-anchor:--toast-bottom-right-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}}@media(max-width:600px){:host.toast-responsive-sm-top-left{padding-inline:var(--toast-spacing)}:host.toast-responsive-sm-top-left:nth-child(1 of.toast-responsive-sm-top-left){position-anchor:--toast-container-anchor;anchor-name:--toast-top-left-anchor-1;padding-top:var(--toast-spacing);position-area:top span-right}:host.toast-responsive-sm-top-left:nth-child(n+2 of.toast-responsive-sm-top-left){anchor-name:--toast-top-left-anchor-2;position-anchor:--toast-top-left-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-sm-top-left:nth-child(n+3 of.toast-responsive-sm-top-left){anchor-name:--toast-top-left-anchor-3;position-anchor:--toast-top-left-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-sm-top-left:nth-child(n+4 of.toast-responsive-sm-top-left){anchor-name:--toast-top-left-anchor-4;position-anchor:--toast-top-left-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-sm-top-left:nth-child(n+5 of.toast-responsive-sm-top-left){anchor-name:--toast-top-left-anchor-5;position-anchor:--toast-top-left-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-sm-top-left:nth-child(n+6 of.toast-responsive-sm-top-left){anchor-name:--toast-top-left-anchor-6;position-anchor:--toast-top-left-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-sm-top-left:nth-child(n+7 of.toast-responsive-sm-top-left){anchor-name:--toast-top-left-anchor-7;position-anchor:--toast-top-left-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-sm-top-left:nth-child(n+8 of.toast-responsive-sm-top-left){anchor-name:--toast-top-left-anchor-8;position-anchor:--toast-top-left-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-sm-top-left:nth-child(n+9 of.toast-responsive-sm-top-left){anchor-name:--toast-top-left-anchor-9;position-anchor:--toast-top-left-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-sm-top-left:nth-child(n+10 of.toast-responsive-sm-top-left){anchor-name:--toast-top-left-anchor-10;position-anchor:--toast-top-left-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-sm-top-left:nth-child(n+11 of.toast-responsive-sm-top-left){anchor-name:--toast-top-left-anchor-11;position-anchor:--toast-top-left-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-sm-top-left:nth-child(n+12 of.toast-responsive-sm-top-left){anchor-name:--toast-top-left-anchor-12;position-anchor:--toast-top-left-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-sm-top-left:nth-child(n+13 of.toast-responsive-sm-top-left){anchor-name:--toast-top-left-anchor-13;position-anchor:--toast-top-left-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-sm-top-left:nth-child(n+14 of.toast-responsive-sm-top-left){anchor-name:--toast-top-left-anchor-14;position-anchor:--toast-top-left-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-sm-top-left:nth-child(n+15 of.toast-responsive-sm-top-left){anchor-name:--toast-top-left-anchor-15;position-anchor:--toast-top-left-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-sm-top-left:nth-child(n+16 of.toast-responsive-sm-top-left){anchor-name:--toast-top-left-anchor-16;position-anchor:--toast-top-left-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-sm-top-left:nth-child(n+17 of.toast-responsive-sm-top-left){anchor-name:--toast-top-left-anchor-17;position-anchor:--toast-top-left-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-sm-top-left:nth-child(n+18 of.toast-responsive-sm-top-left){anchor-name:--toast-top-left-anchor-18;position-anchor:--toast-top-left-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-sm-top-left:nth-child(n+19 of.toast-responsive-sm-top-left){anchor-name:--toast-top-left-anchor-19;position-anchor:--toast-top-left-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-sm-top-left:nth-child(n+20 of.toast-responsive-sm-top-left){anchor-name:--toast-top-left-anchor-20;position-anchor:--toast-top-left-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-sm-top-left:nth-child(n+21 of.toast-responsive-sm-top-left){anchor-name:--toast-top-left-anchor-21;position-anchor:--toast-top-left-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-sm-top-left:nth-child(n+22 of.toast-responsive-sm-top-left){anchor-name:--toast-top-left-anchor-22;position-anchor:--toast-top-left-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-sm-top-left:nth-child(n+23 of.toast-responsive-sm-top-left){anchor-name:--toast-top-left-anchor-23;position-anchor:--toast-top-left-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-sm-top-left:nth-child(n+24 of.toast-responsive-sm-top-left){anchor-name:--toast-top-left-anchor-24;position-anchor:--toast-top-left-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-sm-top-left:nth-child(n+25 of.toast-responsive-sm-top-left){anchor-name:--toast-top-left-anchor-25;position-anchor:--toast-top-left-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.toast-responsive-sm-top-center{padding-inline:var(--toast-spacing)}:host.toast-responsive-sm-top-center:nth-child(1 of.toast-responsive-sm-top-center){position-anchor:--toast-container-anchor;anchor-name:--toast-top-center-anchor-1;padding-top:var(--toast-spacing);position-area:top}:host.toast-responsive-sm-top-center:nth-child(n+2 of.toast-responsive-sm-top-center){anchor-name:--toast-top-center-anchor-2;position-anchor:--toast-top-center-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-sm-top-center:nth-child(n+3 of.toast-responsive-sm-top-center){anchor-name:--toast-top-center-anchor-3;position-anchor:--toast-top-center-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-sm-top-center:nth-child(n+4 of.toast-responsive-sm-top-center){anchor-name:--toast-top-center-anchor-4;position-anchor:--toast-top-center-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-sm-top-center:nth-child(n+5 of.toast-responsive-sm-top-center){anchor-name:--toast-top-center-anchor-5;position-anchor:--toast-top-center-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-sm-top-center:nth-child(n+6 of.toast-responsive-sm-top-center){anchor-name:--toast-top-center-anchor-6;position-anchor:--toast-top-center-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-sm-top-center:nth-child(n+7 of.toast-responsive-sm-top-center){anchor-name:--toast-top-center-anchor-7;position-anchor:--toast-top-center-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-sm-top-center:nth-child(n+8 of.toast-responsive-sm-top-center){anchor-name:--toast-top-center-anchor-8;position-anchor:--toast-top-center-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-sm-top-center:nth-child(n+9 of.toast-responsive-sm-top-center){anchor-name:--toast-top-center-anchor-9;position-anchor:--toast-top-center-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-sm-top-center:nth-child(n+10 of.toast-responsive-sm-top-center){anchor-name:--toast-top-center-anchor-10;position-anchor:--toast-top-center-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-sm-top-center:nth-child(n+11 of.toast-responsive-sm-top-center){anchor-name:--toast-top-center-anchor-11;position-anchor:--toast-top-center-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-sm-top-center:nth-child(n+12 of.toast-responsive-sm-top-center){anchor-name:--toast-top-center-anchor-12;position-anchor:--toast-top-center-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-sm-top-center:nth-child(n+13 of.toast-responsive-sm-top-center){anchor-name:--toast-top-center-anchor-13;position-anchor:--toast-top-center-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-sm-top-center:nth-child(n+14 of.toast-responsive-sm-top-center){anchor-name:--toast-top-center-anchor-14;position-anchor:--toast-top-center-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-sm-top-center:nth-child(n+15 of.toast-responsive-sm-top-center){anchor-name:--toast-top-center-anchor-15;position-anchor:--toast-top-center-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-sm-top-center:nth-child(n+16 of.toast-responsive-sm-top-center){anchor-name:--toast-top-center-anchor-16;position-anchor:--toast-top-center-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-sm-top-center:nth-child(n+17 of.toast-responsive-sm-top-center){anchor-name:--toast-top-center-anchor-17;position-anchor:--toast-top-center-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-sm-top-center:nth-child(n+18 of.toast-responsive-sm-top-center){anchor-name:--toast-top-center-anchor-18;position-anchor:--toast-top-center-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-sm-top-center:nth-child(n+19 of.toast-responsive-sm-top-center){anchor-name:--toast-top-center-anchor-19;position-anchor:--toast-top-center-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-sm-top-center:nth-child(n+20 of.toast-responsive-sm-top-center){anchor-name:--toast-top-center-anchor-20;position-anchor:--toast-top-center-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-sm-top-center:nth-child(n+21 of.toast-responsive-sm-top-center){anchor-name:--toast-top-center-anchor-21;position-anchor:--toast-top-center-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-sm-top-center:nth-child(n+22 of.toast-responsive-sm-top-center){anchor-name:--toast-top-center-anchor-22;position-anchor:--toast-top-center-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-sm-top-center:nth-child(n+23 of.toast-responsive-sm-top-center){anchor-name:--toast-top-center-anchor-23;position-anchor:--toast-top-center-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-sm-top-center:nth-child(n+24 of.toast-responsive-sm-top-center){anchor-name:--toast-top-center-anchor-24;position-anchor:--toast-top-center-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-sm-top-center:nth-child(n+25 of.toast-responsive-sm-top-center){anchor-name:--toast-top-center-anchor-25;position-anchor:--toast-top-center-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.toast-responsive-sm-top-right{padding-inline:var(--toast-spacing)}:host.toast-responsive-sm-top-right:nth-child(1 of.toast-responsive-sm-top-right){position-anchor:--toast-container-anchor;anchor-name:--toast-top-right-anchor-1;padding-top:var(--toast-spacing);position-area:top span-left}:host.toast-responsive-sm-top-right:nth-child(n+2 of.toast-responsive-sm-top-right){anchor-name:--toast-top-right-anchor-2;position-anchor:--toast-top-right-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-sm-top-right:nth-child(n+3 of.toast-responsive-sm-top-right){anchor-name:--toast-top-right-anchor-3;position-anchor:--toast-top-right-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-sm-top-right:nth-child(n+4 of.toast-responsive-sm-top-right){anchor-name:--toast-top-right-anchor-4;position-anchor:--toast-top-right-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-sm-top-right:nth-child(n+5 of.toast-responsive-sm-top-right){anchor-name:--toast-top-right-anchor-5;position-anchor:--toast-top-right-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-sm-top-right:nth-child(n+6 of.toast-responsive-sm-top-right){anchor-name:--toast-top-right-anchor-6;position-anchor:--toast-top-right-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-sm-top-right:nth-child(n+7 of.toast-responsive-sm-top-right){anchor-name:--toast-top-right-anchor-7;position-anchor:--toast-top-right-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-sm-top-right:nth-child(n+8 of.toast-responsive-sm-top-right){anchor-name:--toast-top-right-anchor-8;position-anchor:--toast-top-right-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-sm-top-right:nth-child(n+9 of.toast-responsive-sm-top-right){anchor-name:--toast-top-right-anchor-9;position-anchor:--toast-top-right-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-sm-top-right:nth-child(n+10 of.toast-responsive-sm-top-right){anchor-name:--toast-top-right-anchor-10;position-anchor:--toast-top-right-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-sm-top-right:nth-child(n+11 of.toast-responsive-sm-top-right){anchor-name:--toast-top-right-anchor-11;position-anchor:--toast-top-right-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-sm-top-right:nth-child(n+12 of.toast-responsive-sm-top-right){anchor-name:--toast-top-right-anchor-12;position-anchor:--toast-top-right-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-sm-top-right:nth-child(n+13 of.toast-responsive-sm-top-right){anchor-name:--toast-top-right-anchor-13;position-anchor:--toast-top-right-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-sm-top-right:nth-child(n+14 of.toast-responsive-sm-top-right){anchor-name:--toast-top-right-anchor-14;position-anchor:--toast-top-right-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-sm-top-right:nth-child(n+15 of.toast-responsive-sm-top-right){anchor-name:--toast-top-right-anchor-15;position-anchor:--toast-top-right-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-sm-top-right:nth-child(n+16 of.toast-responsive-sm-top-right){anchor-name:--toast-top-right-anchor-16;position-anchor:--toast-top-right-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-sm-top-right:nth-child(n+17 of.toast-responsive-sm-top-right){anchor-name:--toast-top-right-anchor-17;position-anchor:--toast-top-right-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-sm-top-right:nth-child(n+18 of.toast-responsive-sm-top-right){anchor-name:--toast-top-right-anchor-18;position-anchor:--toast-top-right-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-sm-top-right:nth-child(n+19 of.toast-responsive-sm-top-right){anchor-name:--toast-top-right-anchor-19;position-anchor:--toast-top-right-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-sm-top-right:nth-child(n+20 of.toast-responsive-sm-top-right){anchor-name:--toast-top-right-anchor-20;position-anchor:--toast-top-right-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-sm-top-right:nth-child(n+21 of.toast-responsive-sm-top-right){anchor-name:--toast-top-right-anchor-21;position-anchor:--toast-top-right-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-sm-top-right:nth-child(n+22 of.toast-responsive-sm-top-right){anchor-name:--toast-top-right-anchor-22;position-anchor:--toast-top-right-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-sm-top-right:nth-child(n+23 of.toast-responsive-sm-top-right){anchor-name:--toast-top-right-anchor-23;position-anchor:--toast-top-right-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-sm-top-right:nth-child(n+24 of.toast-responsive-sm-top-right){anchor-name:--toast-top-right-anchor-24;position-anchor:--toast-top-right-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-sm-top-right:nth-child(n+25 of.toast-responsive-sm-top-right){anchor-name:--toast-top-right-anchor-25;position-anchor:--toast-top-right-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.toast-responsive-sm-bottom-left{padding-inline:var(--toast-spacing)}:host.toast-responsive-sm-bottom-left:nth-child(1 of.toast-responsive-sm-bottom-left){position-anchor:--toast-container-anchor;anchor-name:--toast-bottom-left-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom span-right}:host.toast-responsive-sm-bottom-left:nth-child(n+2 of.toast-responsive-sm-bottom-left){anchor-name:--toast-bottom-left-anchor-2;position-anchor:--toast-bottom-left-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-sm-bottom-left:nth-child(n+3 of.toast-responsive-sm-bottom-left){anchor-name:--toast-bottom-left-anchor-3;position-anchor:--toast-bottom-left-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-sm-bottom-left:nth-child(n+4 of.toast-responsive-sm-bottom-left){anchor-name:--toast-bottom-left-anchor-4;position-anchor:--toast-bottom-left-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-sm-bottom-left:nth-child(n+5 of.toast-responsive-sm-bottom-left){anchor-name:--toast-bottom-left-anchor-5;position-anchor:--toast-bottom-left-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-sm-bottom-left:nth-child(n+6 of.toast-responsive-sm-bottom-left){anchor-name:--toast-bottom-left-anchor-6;position-anchor:--toast-bottom-left-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-sm-bottom-left:nth-child(n+7 of.toast-responsive-sm-bottom-left){anchor-name:--toast-bottom-left-anchor-7;position-anchor:--toast-bottom-left-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-sm-bottom-left:nth-child(n+8 of.toast-responsive-sm-bottom-left){anchor-name:--toast-bottom-left-anchor-8;position-anchor:--toast-bottom-left-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-sm-bottom-left:nth-child(n+9 of.toast-responsive-sm-bottom-left){anchor-name:--toast-bottom-left-anchor-9;position-anchor:--toast-bottom-left-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-sm-bottom-left:nth-child(n+10 of.toast-responsive-sm-bottom-left){anchor-name:--toast-bottom-left-anchor-10;position-anchor:--toast-bottom-left-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-sm-bottom-left:nth-child(n+11 of.toast-responsive-sm-bottom-left){anchor-name:--toast-bottom-left-anchor-11;position-anchor:--toast-bottom-left-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-sm-bottom-left:nth-child(n+12 of.toast-responsive-sm-bottom-left){anchor-name:--toast-bottom-left-anchor-12;position-anchor:--toast-bottom-left-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-sm-bottom-left:nth-child(n+13 of.toast-responsive-sm-bottom-left){anchor-name:--toast-bottom-left-anchor-13;position-anchor:--toast-bottom-left-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-sm-bottom-left:nth-child(n+14 of.toast-responsive-sm-bottom-left){anchor-name:--toast-bottom-left-anchor-14;position-anchor:--toast-bottom-left-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-sm-bottom-left:nth-child(n+15 of.toast-responsive-sm-bottom-left){anchor-name:--toast-bottom-left-anchor-15;position-anchor:--toast-bottom-left-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-sm-bottom-left:nth-child(n+16 of.toast-responsive-sm-bottom-left){anchor-name:--toast-bottom-left-anchor-16;position-anchor:--toast-bottom-left-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-sm-bottom-left:nth-child(n+17 of.toast-responsive-sm-bottom-left){anchor-name:--toast-bottom-left-anchor-17;position-anchor:--toast-bottom-left-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-sm-bottom-left:nth-child(n+18 of.toast-responsive-sm-bottom-left){anchor-name:--toast-bottom-left-anchor-18;position-anchor:--toast-bottom-left-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-sm-bottom-left:nth-child(n+19 of.toast-responsive-sm-bottom-left){anchor-name:--toast-bottom-left-anchor-19;position-anchor:--toast-bottom-left-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-sm-bottom-left:nth-child(n+20 of.toast-responsive-sm-bottom-left){anchor-name:--toast-bottom-left-anchor-20;position-anchor:--toast-bottom-left-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-sm-bottom-left:nth-child(n+21 of.toast-responsive-sm-bottom-left){anchor-name:--toast-bottom-left-anchor-21;position-anchor:--toast-bottom-left-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-sm-bottom-left:nth-child(n+22 of.toast-responsive-sm-bottom-left){anchor-name:--toast-bottom-left-anchor-22;position-anchor:--toast-bottom-left-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-sm-bottom-left:nth-child(n+23 of.toast-responsive-sm-bottom-left){anchor-name:--toast-bottom-left-anchor-23;position-anchor:--toast-bottom-left-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-sm-bottom-left:nth-child(n+24 of.toast-responsive-sm-bottom-left){anchor-name:--toast-bottom-left-anchor-24;position-anchor:--toast-bottom-left-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-sm-bottom-left:nth-child(n+25 of.toast-responsive-sm-bottom-left){anchor-name:--toast-bottom-left-anchor-25;position-anchor:--toast-bottom-left-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.toast-responsive-sm-bottom-center{padding-inline:var(--toast-spacing)}:host.toast-responsive-sm-bottom-center:nth-child(1 of.toast-responsive-sm-bottom-center){position-anchor:--toast-container-anchor;anchor-name:--toast-bottom-center-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom}:host.toast-responsive-sm-bottom-center:nth-child(n+2 of.toast-responsive-sm-bottom-center){anchor-name:--toast-bottom-center-anchor-2;position-anchor:--toast-bottom-center-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-sm-bottom-center:nth-child(n+3 of.toast-responsive-sm-bottom-center){anchor-name:--toast-bottom-center-anchor-3;position-anchor:--toast-bottom-center-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-sm-bottom-center:nth-child(n+4 of.toast-responsive-sm-bottom-center){anchor-name:--toast-bottom-center-anchor-4;position-anchor:--toast-bottom-center-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-sm-bottom-center:nth-child(n+5 of.toast-responsive-sm-bottom-center){anchor-name:--toast-bottom-center-anchor-5;position-anchor:--toast-bottom-center-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-sm-bottom-center:nth-child(n+6 of.toast-responsive-sm-bottom-center){anchor-name:--toast-bottom-center-anchor-6;position-anchor:--toast-bottom-center-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-sm-bottom-center:nth-child(n+7 of.toast-responsive-sm-bottom-center){anchor-name:--toast-bottom-center-anchor-7;position-anchor:--toast-bottom-center-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-sm-bottom-center:nth-child(n+8 of.toast-responsive-sm-bottom-center){anchor-name:--toast-bottom-center-anchor-8;position-anchor:--toast-bottom-center-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-sm-bottom-center:nth-child(n+9 of.toast-responsive-sm-bottom-center){anchor-name:--toast-bottom-center-anchor-9;position-anchor:--toast-bottom-center-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-sm-bottom-center:nth-child(n+10 of.toast-responsive-sm-bottom-center){anchor-name:--toast-bottom-center-anchor-10;position-anchor:--toast-bottom-center-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-sm-bottom-center:nth-child(n+11 of.toast-responsive-sm-bottom-center){anchor-name:--toast-bottom-center-anchor-11;position-anchor:--toast-bottom-center-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-sm-bottom-center:nth-child(n+12 of.toast-responsive-sm-bottom-center){anchor-name:--toast-bottom-center-anchor-12;position-anchor:--toast-bottom-center-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-sm-bottom-center:nth-child(n+13 of.toast-responsive-sm-bottom-center){anchor-name:--toast-bottom-center-anchor-13;position-anchor:--toast-bottom-center-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-sm-bottom-center:nth-child(n+14 of.toast-responsive-sm-bottom-center){anchor-name:--toast-bottom-center-anchor-14;position-anchor:--toast-bottom-center-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-sm-bottom-center:nth-child(n+15 of.toast-responsive-sm-bottom-center){anchor-name:--toast-bottom-center-anchor-15;position-anchor:--toast-bottom-center-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-sm-bottom-center:nth-child(n+16 of.toast-responsive-sm-bottom-center){anchor-name:--toast-bottom-center-anchor-16;position-anchor:--toast-bottom-center-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-sm-bottom-center:nth-child(n+17 of.toast-responsive-sm-bottom-center){anchor-name:--toast-bottom-center-anchor-17;position-anchor:--toast-bottom-center-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-sm-bottom-center:nth-child(n+18 of.toast-responsive-sm-bottom-center){anchor-name:--toast-bottom-center-anchor-18;position-anchor:--toast-bottom-center-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-sm-bottom-center:nth-child(n+19 of.toast-responsive-sm-bottom-center){anchor-name:--toast-bottom-center-anchor-19;position-anchor:--toast-bottom-center-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-sm-bottom-center:nth-child(n+20 of.toast-responsive-sm-bottom-center){anchor-name:--toast-bottom-center-anchor-20;position-anchor:--toast-bottom-center-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-sm-bottom-center:nth-child(n+21 of.toast-responsive-sm-bottom-center){anchor-name:--toast-bottom-center-anchor-21;position-anchor:--toast-bottom-center-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-sm-bottom-center:nth-child(n+22 of.toast-responsive-sm-bottom-center){anchor-name:--toast-bottom-center-anchor-22;position-anchor:--toast-bottom-center-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-sm-bottom-center:nth-child(n+23 of.toast-responsive-sm-bottom-center){anchor-name:--toast-bottom-center-anchor-23;position-anchor:--toast-bottom-center-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-sm-bottom-center:nth-child(n+24 of.toast-responsive-sm-bottom-center){anchor-name:--toast-bottom-center-anchor-24;position-anchor:--toast-bottom-center-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-sm-bottom-center:nth-child(n+25 of.toast-responsive-sm-bottom-center){anchor-name:--toast-bottom-center-anchor-25;position-anchor:--toast-bottom-center-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.toast-responsive-sm-bottom-right{padding-inline:var(--toast-spacing)}:host.toast-responsive-sm-bottom-right:nth-child(1 of.toast-responsive-sm-bottom-right){position-anchor:--toast-container-anchor;anchor-name:--toast-bottom-right-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom span-left}:host.toast-responsive-sm-bottom-right:nth-child(n+2 of.toast-responsive-sm-bottom-right){anchor-name:--toast-bottom-right-anchor-2;position-anchor:--toast-bottom-right-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-sm-bottom-right:nth-child(n+3 of.toast-responsive-sm-bottom-right){anchor-name:--toast-bottom-right-anchor-3;position-anchor:--toast-bottom-right-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-sm-bottom-right:nth-child(n+4 of.toast-responsive-sm-bottom-right){anchor-name:--toast-bottom-right-anchor-4;position-anchor:--toast-bottom-right-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-sm-bottom-right:nth-child(n+5 of.toast-responsive-sm-bottom-right){anchor-name:--toast-bottom-right-anchor-5;position-anchor:--toast-bottom-right-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-sm-bottom-right:nth-child(n+6 of.toast-responsive-sm-bottom-right){anchor-name:--toast-bottom-right-anchor-6;position-anchor:--toast-bottom-right-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-sm-bottom-right:nth-child(n+7 of.toast-responsive-sm-bottom-right){anchor-name:--toast-bottom-right-anchor-7;position-anchor:--toast-bottom-right-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-sm-bottom-right:nth-child(n+8 of.toast-responsive-sm-bottom-right){anchor-name:--toast-bottom-right-anchor-8;position-anchor:--toast-bottom-right-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-sm-bottom-right:nth-child(n+9 of.toast-responsive-sm-bottom-right){anchor-name:--toast-bottom-right-anchor-9;position-anchor:--toast-bottom-right-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-sm-bottom-right:nth-child(n+10 of.toast-responsive-sm-bottom-right){anchor-name:--toast-bottom-right-anchor-10;position-anchor:--toast-bottom-right-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-sm-bottom-right:nth-child(n+11 of.toast-responsive-sm-bottom-right){anchor-name:--toast-bottom-right-anchor-11;position-anchor:--toast-bottom-right-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-sm-bottom-right:nth-child(n+12 of.toast-responsive-sm-bottom-right){anchor-name:--toast-bottom-right-anchor-12;position-anchor:--toast-bottom-right-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-sm-bottom-right:nth-child(n+13 of.toast-responsive-sm-bottom-right){anchor-name:--toast-bottom-right-anchor-13;position-anchor:--toast-bottom-right-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-sm-bottom-right:nth-child(n+14 of.toast-responsive-sm-bottom-right){anchor-name:--toast-bottom-right-anchor-14;position-anchor:--toast-bottom-right-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-sm-bottom-right:nth-child(n+15 of.toast-responsive-sm-bottom-right){anchor-name:--toast-bottom-right-anchor-15;position-anchor:--toast-bottom-right-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-sm-bottom-right:nth-child(n+16 of.toast-responsive-sm-bottom-right){anchor-name:--toast-bottom-right-anchor-16;position-anchor:--toast-bottom-right-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-sm-bottom-right:nth-child(n+17 of.toast-responsive-sm-bottom-right){anchor-name:--toast-bottom-right-anchor-17;position-anchor:--toast-bottom-right-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-sm-bottom-right:nth-child(n+18 of.toast-responsive-sm-bottom-right){anchor-name:--toast-bottom-right-anchor-18;position-anchor:--toast-bottom-right-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-sm-bottom-right:nth-child(n+19 of.toast-responsive-sm-bottom-right){anchor-name:--toast-bottom-right-anchor-19;position-anchor:--toast-bottom-right-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-sm-bottom-right:nth-child(n+20 of.toast-responsive-sm-bottom-right){anchor-name:--toast-bottom-right-anchor-20;position-anchor:--toast-bottom-right-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-sm-bottom-right:nth-child(n+21 of.toast-responsive-sm-bottom-right){anchor-name:--toast-bottom-right-anchor-21;position-anchor:--toast-bottom-right-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-sm-bottom-right:nth-child(n+22 of.toast-responsive-sm-bottom-right){anchor-name:--toast-bottom-right-anchor-22;position-anchor:--toast-bottom-right-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-sm-bottom-right:nth-child(n+23 of.toast-responsive-sm-bottom-right){anchor-name:--toast-bottom-right-anchor-23;position-anchor:--toast-bottom-right-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-sm-bottom-right:nth-child(n+24 of.toast-responsive-sm-bottom-right){anchor-name:--toast-bottom-right-anchor-24;position-anchor:--toast-bottom-right-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.toast-responsive-sm-bottom-right:nth-child(n+25 of.toast-responsive-sm-bottom-right){anchor-name:--toast-bottom-right-anchor-25;position-anchor:--toast-bottom-right-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}}:host body[isMobile=true].toast-mobile-top-left{padding-inline:var(--toast-spacing)}:host body[isMobile=true].toast-mobile-top-left:nth-child(1 of.toast-mobile-top-left){position-anchor:--toast-container-anchor;anchor-name:--toast-top-left-anchor-1;padding-top:var(--toast-spacing);position-area:top span-right}:host body[isMobile=true].toast-mobile-top-left:nth-child(n+2 of.toast-mobile-top-left){anchor-name:--toast-top-left-anchor-2;position-anchor:--toast-top-left-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].toast-mobile-top-left:nth-child(n+3 of.toast-mobile-top-left){anchor-name:--toast-top-left-anchor-3;position-anchor:--toast-top-left-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].toast-mobile-top-left:nth-child(n+4 of.toast-mobile-top-left){anchor-name:--toast-top-left-anchor-4;position-anchor:--toast-top-left-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].toast-mobile-top-left:nth-child(n+5 of.toast-mobile-top-left){anchor-name:--toast-top-left-anchor-5;position-anchor:--toast-top-left-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].toast-mobile-top-left:nth-child(n+6 of.toast-mobile-top-left){anchor-name:--toast-top-left-anchor-6;position-anchor:--toast-top-left-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].toast-mobile-top-left:nth-child(n+7 of.toast-mobile-top-left){anchor-name:--toast-top-left-anchor-7;position-anchor:--toast-top-left-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].toast-mobile-top-left:nth-child(n+8 of.toast-mobile-top-left){anchor-name:--toast-top-left-anchor-8;position-anchor:--toast-top-left-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].toast-mobile-top-left:nth-child(n+9 of.toast-mobile-top-left){anchor-name:--toast-top-left-anchor-9;position-anchor:--toast-top-left-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].toast-mobile-top-left:nth-child(n+10 of.toast-mobile-top-left){anchor-name:--toast-top-left-anchor-10;position-anchor:--toast-top-left-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].toast-mobile-top-left:nth-child(n+11 of.toast-mobile-top-left){anchor-name:--toast-top-left-anchor-11;position-anchor:--toast-top-left-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].toast-mobile-top-left:nth-child(n+12 of.toast-mobile-top-left){anchor-name:--toast-top-left-anchor-12;position-anchor:--toast-top-left-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].toast-mobile-top-left:nth-child(n+13 of.toast-mobile-top-left){anchor-name:--toast-top-left-anchor-13;position-anchor:--toast-top-left-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].toast-mobile-top-left:nth-child(n+14 of.toast-mobile-top-left){anchor-name:--toast-top-left-anchor-14;position-anchor:--toast-top-left-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].toast-mobile-top-left:nth-child(n+15 of.toast-mobile-top-left){anchor-name:--toast-top-left-anchor-15;position-anchor:--toast-top-left-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].toast-mobile-top-left:nth-child(n+16 of.toast-mobile-top-left){anchor-name:--toast-top-left-anchor-16;position-anchor:--toast-top-left-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].toast-mobile-top-left:nth-child(n+17 of.toast-mobile-top-left){anchor-name:--toast-top-left-anchor-17;position-anchor:--toast-top-left-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].toast-mobile-top-left:nth-child(n+18 of.toast-mobile-top-left){anchor-name:--toast-top-left-anchor-18;position-anchor:--toast-top-left-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].toast-mobile-top-left:nth-child(n+19 of.toast-mobile-top-left){anchor-name:--toast-top-left-anchor-19;position-anchor:--toast-top-left-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].toast-mobile-top-left:nth-child(n+20 of.toast-mobile-top-left){anchor-name:--toast-top-left-anchor-20;position-anchor:--toast-top-left-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].toast-mobile-top-left:nth-child(n+21 of.toast-mobile-top-left){anchor-name:--toast-top-left-anchor-21;position-anchor:--toast-top-left-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].toast-mobile-top-left:nth-child(n+22 of.toast-mobile-top-left){anchor-name:--toast-top-left-anchor-22;position-anchor:--toast-top-left-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].toast-mobile-top-left:nth-child(n+23 of.toast-mobile-top-left){anchor-name:--toast-top-left-anchor-23;position-anchor:--toast-top-left-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].toast-mobile-top-left:nth-child(n+24 of.toast-mobile-top-left){anchor-name:--toast-top-left-anchor-24;position-anchor:--toast-top-left-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].toast-mobile-top-left:nth-child(n+25 of.toast-mobile-top-left){anchor-name:--toast-top-left-anchor-25;position-anchor:--toast-top-left-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].toast-mobile-top-center{padding-inline:var(--toast-spacing)}:host body[isMobile=true].toast-mobile-top-center:nth-child(1 of.toast-mobile-top-center){position-anchor:--toast-container-anchor;anchor-name:--toast-top-center-anchor-1;padding-top:var(--toast-spacing);position-area:top}:host body[isMobile=true].toast-mobile-top-center:nth-child(n+2 of.toast-mobile-top-center){anchor-name:--toast-top-center-anchor-2;position-anchor:--toast-top-center-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].toast-mobile-top-center:nth-child(n+3 of.toast-mobile-top-center){anchor-name:--toast-top-center-anchor-3;position-anchor:--toast-top-center-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].toast-mobile-top-center:nth-child(n+4 of.toast-mobile-top-center){anchor-name:--toast-top-center-anchor-4;position-anchor:--toast-top-center-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].toast-mobile-top-center:nth-child(n+5 of.toast-mobile-top-center){anchor-name:--toast-top-center-anchor-5;position-anchor:--toast-top-center-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].toast-mobile-top-center:nth-child(n+6 of.toast-mobile-top-center){anchor-name:--toast-top-center-anchor-6;position-anchor:--toast-top-center-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].toast-mobile-top-center:nth-child(n+7 of.toast-mobile-top-center){anchor-name:--toast-top-center-anchor-7;position-anchor:--toast-top-center-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].toast-mobile-top-center:nth-child(n+8 of.toast-mobile-top-center){anchor-name:--toast-top-center-anchor-8;position-anchor:--toast-top-center-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].toast-mobile-top-center:nth-child(n+9 of.toast-mobile-top-center){anchor-name:--toast-top-center-anchor-9;position-anchor:--toast-top-center-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].toast-mobile-top-center:nth-child(n+10 of.toast-mobile-top-center){anchor-name:--toast-top-center-anchor-10;position-anchor:--toast-top-center-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].toast-mobile-top-center:nth-child(n+11 of.toast-mobile-top-center){anchor-name:--toast-top-center-anchor-11;position-anchor:--toast-top-center-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].toast-mobile-top-center:nth-child(n+12 of.toast-mobile-top-center){anchor-name:--toast-top-center-anchor-12;position-anchor:--toast-top-center-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].toast-mobile-top-center:nth-child(n+13 of.toast-mobile-top-center){anchor-name:--toast-top-center-anchor-13;position-anchor:--toast-top-center-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].toast-mobile-top-center:nth-child(n+14 of.toast-mobile-top-center){anchor-name:--toast-top-center-anchor-14;position-anchor:--toast-top-center-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].toast-mobile-top-center:nth-child(n+15 of.toast-mobile-top-center){anchor-name:--toast-top-center-anchor-15;position-anchor:--toast-top-center-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].toast-mobile-top-center:nth-child(n+16 of.toast-mobile-top-center){anchor-name:--toast-top-center-anchor-16;position-anchor:--toast-top-center-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].toast-mobile-top-center:nth-child(n+17 of.toast-mobile-top-center){anchor-name:--toast-top-center-anchor-17;position-anchor:--toast-top-center-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].toast-mobile-top-center:nth-child(n+18 of.toast-mobile-top-center){anchor-name:--toast-top-center-anchor-18;position-anchor:--toast-top-center-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].toast-mobile-top-center:nth-child(n+19 of.toast-mobile-top-center){anchor-name:--toast-top-center-anchor-19;position-anchor:--toast-top-center-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].toast-mobile-top-center:nth-child(n+20 of.toast-mobile-top-center){anchor-name:--toast-top-center-anchor-20;position-anchor:--toast-top-center-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].toast-mobile-top-center:nth-child(n+21 of.toast-mobile-top-center){anchor-name:--toast-top-center-anchor-21;position-anchor:--toast-top-center-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].toast-mobile-top-center:nth-child(n+22 of.toast-mobile-top-center){anchor-name:--toast-top-center-anchor-22;position-anchor:--toast-top-center-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].toast-mobile-top-center:nth-child(n+23 of.toast-mobile-top-center){anchor-name:--toast-top-center-anchor-23;position-anchor:--toast-top-center-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].toast-mobile-top-center:nth-child(n+24 of.toast-mobile-top-center){anchor-name:--toast-top-center-anchor-24;position-anchor:--toast-top-center-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].toast-mobile-top-center:nth-child(n+25 of.toast-mobile-top-center){anchor-name:--toast-top-center-anchor-25;position-anchor:--toast-top-center-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].toast-mobile-top-right{padding-inline:var(--toast-spacing)}:host body[isMobile=true].toast-mobile-top-right:nth-child(1 of.toast-mobile-top-right){position-anchor:--toast-container-anchor;anchor-name:--toast-top-right-anchor-1;padding-top:var(--toast-spacing);position-area:top span-left}:host body[isMobile=true].toast-mobile-top-right:nth-child(n+2 of.toast-mobile-top-right){anchor-name:--toast-top-right-anchor-2;position-anchor:--toast-top-right-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].toast-mobile-top-right:nth-child(n+3 of.toast-mobile-top-right){anchor-name:--toast-top-right-anchor-3;position-anchor:--toast-top-right-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].toast-mobile-top-right:nth-child(n+4 of.toast-mobile-top-right){anchor-name:--toast-top-right-anchor-4;position-anchor:--toast-top-right-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].toast-mobile-top-right:nth-child(n+5 of.toast-mobile-top-right){anchor-name:--toast-top-right-anchor-5;position-anchor:--toast-top-right-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].toast-mobile-top-right:nth-child(n+6 of.toast-mobile-top-right){anchor-name:--toast-top-right-anchor-6;position-anchor:--toast-top-right-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].toast-mobile-top-right:nth-child(n+7 of.toast-mobile-top-right){anchor-name:--toast-top-right-anchor-7;position-anchor:--toast-top-right-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].toast-mobile-top-right:nth-child(n+8 of.toast-mobile-top-right){anchor-name:--toast-top-right-anchor-8;position-anchor:--toast-top-right-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].toast-mobile-top-right:nth-child(n+9 of.toast-mobile-top-right){anchor-name:--toast-top-right-anchor-9;position-anchor:--toast-top-right-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].toast-mobile-top-right:nth-child(n+10 of.toast-mobile-top-right){anchor-name:--toast-top-right-anchor-10;position-anchor:--toast-top-right-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].toast-mobile-top-right:nth-child(n+11 of.toast-mobile-top-right){anchor-name:--toast-top-right-anchor-11;position-anchor:--toast-top-right-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].toast-mobile-top-right:nth-child(n+12 of.toast-mobile-top-right){anchor-name:--toast-top-right-anchor-12;position-anchor:--toast-top-right-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].toast-mobile-top-right:nth-child(n+13 of.toast-mobile-top-right){anchor-name:--toast-top-right-anchor-13;position-anchor:--toast-top-right-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].toast-mobile-top-right:nth-child(n+14 of.toast-mobile-top-right){anchor-name:--toast-top-right-anchor-14;position-anchor:--toast-top-right-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].toast-mobile-top-right:nth-child(n+15 of.toast-mobile-top-right){anchor-name:--toast-top-right-anchor-15;position-anchor:--toast-top-right-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].toast-mobile-top-right:nth-child(n+16 of.toast-mobile-top-right){anchor-name:--toast-top-right-anchor-16;position-anchor:--toast-top-right-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].toast-mobile-top-right:nth-child(n+17 of.toast-mobile-top-right){anchor-name:--toast-top-right-anchor-17;position-anchor:--toast-top-right-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].toast-mobile-top-right:nth-child(n+18 of.toast-mobile-top-right){anchor-name:--toast-top-right-anchor-18;position-anchor:--toast-top-right-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].toast-mobile-top-right:nth-child(n+19 of.toast-mobile-top-right){anchor-name:--toast-top-right-anchor-19;position-anchor:--toast-top-right-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].toast-mobile-top-right:nth-child(n+20 of.toast-mobile-top-right){anchor-name:--toast-top-right-anchor-20;position-anchor:--toast-top-right-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].toast-mobile-top-right:nth-child(n+21 of.toast-mobile-top-right){anchor-name:--toast-top-right-anchor-21;position-anchor:--toast-top-right-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].toast-mobile-top-right:nth-child(n+22 of.toast-mobile-top-right){anchor-name:--toast-top-right-anchor-22;position-anchor:--toast-top-right-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].toast-mobile-top-right:nth-child(n+23 of.toast-mobile-top-right){anchor-name:--toast-top-right-anchor-23;position-anchor:--toast-top-right-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].toast-mobile-top-right:nth-child(n+24 of.toast-mobile-top-right){anchor-name:--toast-top-right-anchor-24;position-anchor:--toast-top-right-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].toast-mobile-top-right:nth-child(n+25 of.toast-mobile-top-right){anchor-name:--toast-top-right-anchor-25;position-anchor:--toast-top-right-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].toast-mobile-bottom-left{padding-inline:var(--toast-spacing)}:host body[isMobile=true].toast-mobile-bottom-left:nth-child(1 of.toast-mobile-bottom-left){position-anchor:--toast-container-anchor;anchor-name:--toast-bottom-left-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom span-right}:host body[isMobile=true].toast-mobile-bottom-left:nth-child(n+2 of.toast-mobile-bottom-left){anchor-name:--toast-bottom-left-anchor-2;position-anchor:--toast-bottom-left-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].toast-mobile-bottom-left:nth-child(n+3 of.toast-mobile-bottom-left){anchor-name:--toast-bottom-left-anchor-3;position-anchor:--toast-bottom-left-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].toast-mobile-bottom-left:nth-child(n+4 of.toast-mobile-bottom-left){anchor-name:--toast-bottom-left-anchor-4;position-anchor:--toast-bottom-left-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].toast-mobile-bottom-left:nth-child(n+5 of.toast-mobile-bottom-left){anchor-name:--toast-bottom-left-anchor-5;position-anchor:--toast-bottom-left-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].toast-mobile-bottom-left:nth-child(n+6 of.toast-mobile-bottom-left){anchor-name:--toast-bottom-left-anchor-6;position-anchor:--toast-bottom-left-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].toast-mobile-bottom-left:nth-child(n+7 of.toast-mobile-bottom-left){anchor-name:--toast-bottom-left-anchor-7;position-anchor:--toast-bottom-left-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].toast-mobile-bottom-left:nth-child(n+8 of.toast-mobile-bottom-left){anchor-name:--toast-bottom-left-anchor-8;position-anchor:--toast-bottom-left-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].toast-mobile-bottom-left:nth-child(n+9 of.toast-mobile-bottom-left){anchor-name:--toast-bottom-left-anchor-9;position-anchor:--toast-bottom-left-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].toast-mobile-bottom-left:nth-child(n+10 of.toast-mobile-bottom-left){anchor-name:--toast-bottom-left-anchor-10;position-anchor:--toast-bottom-left-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].toast-mobile-bottom-left:nth-child(n+11 of.toast-mobile-bottom-left){anchor-name:--toast-bottom-left-anchor-11;position-anchor:--toast-bottom-left-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].toast-mobile-bottom-left:nth-child(n+12 of.toast-mobile-bottom-left){anchor-name:--toast-bottom-left-anchor-12;position-anchor:--toast-bottom-left-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].toast-mobile-bottom-left:nth-child(n+13 of.toast-mobile-bottom-left){anchor-name:--toast-bottom-left-anchor-13;position-anchor:--toast-bottom-left-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].toast-mobile-bottom-left:nth-child(n+14 of.toast-mobile-bottom-left){anchor-name:--toast-bottom-left-anchor-14;position-anchor:--toast-bottom-left-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].toast-mobile-bottom-left:nth-child(n+15 of.toast-mobile-bottom-left){anchor-name:--toast-bottom-left-anchor-15;position-anchor:--toast-bottom-left-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].toast-mobile-bottom-left:nth-child(n+16 of.toast-mobile-bottom-left){anchor-name:--toast-bottom-left-anchor-16;position-anchor:--toast-bottom-left-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].toast-mobile-bottom-left:nth-child(n+17 of.toast-mobile-bottom-left){anchor-name:--toast-bottom-left-anchor-17;position-anchor:--toast-bottom-left-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].toast-mobile-bottom-left:nth-child(n+18 of.toast-mobile-bottom-left){anchor-name:--toast-bottom-left-anchor-18;position-anchor:--toast-bottom-left-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].toast-mobile-bottom-left:nth-child(n+19 of.toast-mobile-bottom-left){anchor-name:--toast-bottom-left-anchor-19;position-anchor:--toast-bottom-left-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].toast-mobile-bottom-left:nth-child(n+20 of.toast-mobile-bottom-left){anchor-name:--toast-bottom-left-anchor-20;position-anchor:--toast-bottom-left-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].toast-mobile-bottom-left:nth-child(n+21 of.toast-mobile-bottom-left){anchor-name:--toast-bottom-left-anchor-21;position-anchor:--toast-bottom-left-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].toast-mobile-bottom-left:nth-child(n+22 of.toast-mobile-bottom-left){anchor-name:--toast-bottom-left-anchor-22;position-anchor:--toast-bottom-left-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].toast-mobile-bottom-left:nth-child(n+23 of.toast-mobile-bottom-left){anchor-name:--toast-bottom-left-anchor-23;position-anchor:--toast-bottom-left-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].toast-mobile-bottom-left:nth-child(n+24 of.toast-mobile-bottom-left){anchor-name:--toast-bottom-left-anchor-24;position-anchor:--toast-bottom-left-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].toast-mobile-bottom-left:nth-child(n+25 of.toast-mobile-bottom-left){anchor-name:--toast-bottom-left-anchor-25;position-anchor:--toast-bottom-left-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].toast-mobile-bottom-center{padding-inline:var(--toast-spacing)}:host body[isMobile=true].toast-mobile-bottom-center:nth-child(1 of.toast-mobile-bottom-center){position-anchor:--toast-container-anchor;anchor-name:--toast-bottom-center-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom}:host body[isMobile=true].toast-mobile-bottom-center:nth-child(n+2 of.toast-mobile-bottom-center){anchor-name:--toast-bottom-center-anchor-2;position-anchor:--toast-bottom-center-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].toast-mobile-bottom-center:nth-child(n+3 of.toast-mobile-bottom-center){anchor-name:--toast-bottom-center-anchor-3;position-anchor:--toast-bottom-center-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].toast-mobile-bottom-center:nth-child(n+4 of.toast-mobile-bottom-center){anchor-name:--toast-bottom-center-anchor-4;position-anchor:--toast-bottom-center-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].toast-mobile-bottom-center:nth-child(n+5 of.toast-mobile-bottom-center){anchor-name:--toast-bottom-center-anchor-5;position-anchor:--toast-bottom-center-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].toast-mobile-bottom-center:nth-child(n+6 of.toast-mobile-bottom-center){anchor-name:--toast-bottom-center-anchor-6;position-anchor:--toast-bottom-center-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].toast-mobile-bottom-center:nth-child(n+7 of.toast-mobile-bottom-center){anchor-name:--toast-bottom-center-anchor-7;position-anchor:--toast-bottom-center-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].toast-mobile-bottom-center:nth-child(n+8 of.toast-mobile-bottom-center){anchor-name:--toast-bottom-center-anchor-8;position-anchor:--toast-bottom-center-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].toast-mobile-bottom-center:nth-child(n+9 of.toast-mobile-bottom-center){anchor-name:--toast-bottom-center-anchor-9;position-anchor:--toast-bottom-center-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].toast-mobile-bottom-center:nth-child(n+10 of.toast-mobile-bottom-center){anchor-name:--toast-bottom-center-anchor-10;position-anchor:--toast-bottom-center-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].toast-mobile-bottom-center:nth-child(n+11 of.toast-mobile-bottom-center){anchor-name:--toast-bottom-center-anchor-11;position-anchor:--toast-bottom-center-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].toast-mobile-bottom-center:nth-child(n+12 of.toast-mobile-bottom-center){anchor-name:--toast-bottom-center-anchor-12;position-anchor:--toast-bottom-center-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].toast-mobile-bottom-center:nth-child(n+13 of.toast-mobile-bottom-center){anchor-name:--toast-bottom-center-anchor-13;position-anchor:--toast-bottom-center-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].toast-mobile-bottom-center:nth-child(n+14 of.toast-mobile-bottom-center){anchor-name:--toast-bottom-center-anchor-14;position-anchor:--toast-bottom-center-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].toast-mobile-bottom-center:nth-child(n+15 of.toast-mobile-bottom-center){anchor-name:--toast-bottom-center-anchor-15;position-anchor:--toast-bottom-center-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].toast-mobile-bottom-center:nth-child(n+16 of.toast-mobile-bottom-center){anchor-name:--toast-bottom-center-anchor-16;position-anchor:--toast-bottom-center-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].toast-mobile-bottom-center:nth-child(n+17 of.toast-mobile-bottom-center){anchor-name:--toast-bottom-center-anchor-17;position-anchor:--toast-bottom-center-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].toast-mobile-bottom-center:nth-child(n+18 of.toast-mobile-bottom-center){anchor-name:--toast-bottom-center-anchor-18;position-anchor:--toast-bottom-center-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].toast-mobile-bottom-center:nth-child(n+19 of.toast-mobile-bottom-center){anchor-name:--toast-bottom-center-anchor-19;position-anchor:--toast-bottom-center-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].toast-mobile-bottom-center:nth-child(n+20 of.toast-mobile-bottom-center){anchor-name:--toast-bottom-center-anchor-20;position-anchor:--toast-bottom-center-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].toast-mobile-bottom-center:nth-child(n+21 of.toast-mobile-bottom-center){anchor-name:--toast-bottom-center-anchor-21;position-anchor:--toast-bottom-center-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].toast-mobile-bottom-center:nth-child(n+22 of.toast-mobile-bottom-center){anchor-name:--toast-bottom-center-anchor-22;position-anchor:--toast-bottom-center-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].toast-mobile-bottom-center:nth-child(n+23 of.toast-mobile-bottom-center){anchor-name:--toast-bottom-center-anchor-23;position-anchor:--toast-bottom-center-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].toast-mobile-bottom-center:nth-child(n+24 of.toast-mobile-bottom-center){anchor-name:--toast-bottom-center-anchor-24;position-anchor:--toast-bottom-center-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].toast-mobile-bottom-center:nth-child(n+25 of.toast-mobile-bottom-center){anchor-name:--toast-bottom-center-anchor-25;position-anchor:--toast-bottom-center-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].toast-mobile-bottom-right{padding-inline:var(--toast-spacing)}:host body[isMobile=true].toast-mobile-bottom-right:nth-child(1 of.toast-mobile-bottom-right){position-anchor:--toast-container-anchor;anchor-name:--toast-bottom-right-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom span-left}:host body[isMobile=true].toast-mobile-bottom-right:nth-child(n+2 of.toast-mobile-bottom-right){anchor-name:--toast-bottom-right-anchor-2;position-anchor:--toast-bottom-right-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].toast-mobile-bottom-right:nth-child(n+3 of.toast-mobile-bottom-right){anchor-name:--toast-bottom-right-anchor-3;position-anchor:--toast-bottom-right-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].toast-mobile-bottom-right:nth-child(n+4 of.toast-mobile-bottom-right){anchor-name:--toast-bottom-right-anchor-4;position-anchor:--toast-bottom-right-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].toast-mobile-bottom-right:nth-child(n+5 of.toast-mobile-bottom-right){anchor-name:--toast-bottom-right-anchor-5;position-anchor:--toast-bottom-right-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].toast-mobile-bottom-right:nth-child(n+6 of.toast-mobile-bottom-right){anchor-name:--toast-bottom-right-anchor-6;position-anchor:--toast-bottom-right-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].toast-mobile-bottom-right:nth-child(n+7 of.toast-mobile-bottom-right){anchor-name:--toast-bottom-right-anchor-7;position-anchor:--toast-bottom-right-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].toast-mobile-bottom-right:nth-child(n+8 of.toast-mobile-bottom-right){anchor-name:--toast-bottom-right-anchor-8;position-anchor:--toast-bottom-right-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].toast-mobile-bottom-right:nth-child(n+9 of.toast-mobile-bottom-right){anchor-name:--toast-bottom-right-anchor-9;position-anchor:--toast-bottom-right-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].toast-mobile-bottom-right:nth-child(n+10 of.toast-mobile-bottom-right){anchor-name:--toast-bottom-right-anchor-10;position-anchor:--toast-bottom-right-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].toast-mobile-bottom-right:nth-child(n+11 of.toast-mobile-bottom-right){anchor-name:--toast-bottom-right-anchor-11;position-anchor:--toast-bottom-right-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].toast-mobile-bottom-right:nth-child(n+12 of.toast-mobile-bottom-right){anchor-name:--toast-bottom-right-anchor-12;position-anchor:--toast-bottom-right-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].toast-mobile-bottom-right:nth-child(n+13 of.toast-mobile-bottom-right){anchor-name:--toast-bottom-right-anchor-13;position-anchor:--toast-bottom-right-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].toast-mobile-bottom-right:nth-child(n+14 of.toast-mobile-bottom-right){anchor-name:--toast-bottom-right-anchor-14;position-anchor:--toast-bottom-right-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].toast-mobile-bottom-right:nth-child(n+15 of.toast-mobile-bottom-right){anchor-name:--toast-bottom-right-anchor-15;position-anchor:--toast-bottom-right-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].toast-mobile-bottom-right:nth-child(n+16 of.toast-mobile-bottom-right){anchor-name:--toast-bottom-right-anchor-16;position-anchor:--toast-bottom-right-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].toast-mobile-bottom-right:nth-child(n+17 of.toast-mobile-bottom-right){anchor-name:--toast-bottom-right-anchor-17;position-anchor:--toast-bottom-right-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].toast-mobile-bottom-right:nth-child(n+18 of.toast-mobile-bottom-right){anchor-name:--toast-bottom-right-anchor-18;position-anchor:--toast-bottom-right-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].toast-mobile-bottom-right:nth-child(n+19 of.toast-mobile-bottom-right){anchor-name:--toast-bottom-right-anchor-19;position-anchor:--toast-bottom-right-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].toast-mobile-bottom-right:nth-child(n+20 of.toast-mobile-bottom-right){anchor-name:--toast-bottom-right-anchor-20;position-anchor:--toast-bottom-right-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].toast-mobile-bottom-right:nth-child(n+21 of.toast-mobile-bottom-right){anchor-name:--toast-bottom-right-anchor-21;position-anchor:--toast-bottom-right-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].toast-mobile-bottom-right:nth-child(n+22 of.toast-mobile-bottom-right){anchor-name:--toast-bottom-right-anchor-22;position-anchor:--toast-bottom-right-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].toast-mobile-bottom-right:nth-child(n+23 of.toast-mobile-bottom-right){anchor-name:--toast-bottom-right-anchor-23;position-anchor:--toast-bottom-right-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].toast-mobile-bottom-right:nth-child(n+24 of.toast-mobile-bottom-right){anchor-name:--toast-bottom-right-anchor-24;position-anchor:--toast-bottom-right-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].toast-mobile-bottom-right:nth-child(n+25 of.toast-mobile-bottom-right){anchor-name:--toast-bottom-right-anchor-25;position-anchor:--toast-bottom-right-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host{--background-color: var(--gds-pattern-toast-default-backgroundColor-rest);--icon-color: var(--gds-pattern-toast-default-iconColor-rest);--action-btn-backgroundColor: var(--gds-pattern-toast-default-btnColor-rest);--action-btn-backgroundColor-hover: var(--gds-pattern-toast-default-btnColor-hover);--action-btn-color: var(--gds-palette-text-default-contrast)}:host[type=success]{--background-color: var(--gds-palette-helper-success-default);--icon-color: var(--gds-palette-helper-success-inverse);--action-btn-backgroundColor: var(--gds-pattern-toast-success-btnColor-rest);--action-btn-backgroundColor-hover: var(--gds-pattern-toast-success-btnColor-hover)}:host[type=warning]{--background-color: var(--gds-palette-helper-warning-default);--icon-color: var(--gds-palette-helper-warning-inverse);--action-btn-backgroundColor: var(--gds-pattern-toast-warning-btnColor-rest);--action-btn-backgroundColor-hover: var(--gds-pattern-toast-warning-btnColor-hover)}:host[type=danger]{--background-color: var(--gds-palette-helper-error-default);--icon-color: var(--gds-palette-helper-error-inverse);--action-btn-backgroundColor: var(--gds-pattern-toast-error-btnColor-rest);--action-btn-backgroundColor-hover: var(--gds-pattern-toast-error-btnColor-hover)}:host .gds-toaster--container{background-color:var(--background-color)}:host .gds-toaster--icon{color:var(--icon-color)}:host .gds-toaster--action-btn{--gds-button-backgroundColor: var(--action-btn-backgroundColor);--gds-button-backgroundColor-hover: var(--action-btn-backgroundColor-hover);--gds-button-color: var(--action-btn-color)}}\n"] }]
|
|
8523
|
+
}, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"\n gds-border\n gds-display-flex\n gds-gap-sm\n gds-padding-block-2xs\n gds-padding-inline-sm\n gds-radius-sm\n gds-responsive-sm-padding-3xs\n gds-toaster--container\n \"\n>\n <div class=\"\n gds-align-items-center\n gds-display-flex\n gds-height-md\n gds-justify-content-center\n \">\n <gds-icon\n key=\"filled-info\"\n class=\"\n gds-icon-size-xs\n gds-toaster--icon\n \"\n />\n </div>\n <div class=\"\n gds-align-items-center\n gds-column-gap-sm\n gds-display-flex\n gds-flex-1\n gds-flex-wrap\n gds-row-gap-2xs\n \">\n @if (title()) {\n <div class=\"\n gds-height-fit-content\n gds-text-body-strong\n gds-text-primary\n gds-width-fit-content\n \">\n {{ title() }}\n </div>\n }\n @if (message()) {\n <div\n class=\"\n gds-height-fit-content\n gds-text-body\n gds-text-primary\n gds-width-fit-content\n \"\n [innerHtml]=\"message()\"\n ></div>\n }\n @if (actionLabel()) {\n <button\n gds-button\n class=\"\n gds-border-none\n gds-toaster--action-btn\n \"\n [attr.aria-label]=\"actionAriaLabel()\"\n (clicked)=\"action($event)\"\n >\n {{ actionLabel() }}\n </button>\n }\n </div>\n <div class=\"\n gds-align-items-center\n gds-display-flex\n gds-height-md\n gds-justify-content-center\n \">\n <button\n gds-icon-button\n class=\"gds-background-none\"\n variant=\"primary\"\n [attr.aria-label]=\"dismissAriaLabel()\"\n (clicked)=\"remove()\"\n >\n <gds-icon\n key=\"line-dismiss\"\n class=\"gds-icon-size-2xs\"\n />\n </button>\n </div>\n</div>\n", styles: ["@layer design-system{:host{position:fixed;pointer-events:auto;--toast-spacing: var(--gds-spacing-2xs)}:host.gds-toast-top-left{padding-inline:var(--toast-spacing)}:host.gds-toast-top-left:nth-child(1 of.gds-toast-top-left){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-top-left-anchor-1;padding-top:var(--toast-spacing);position-area:top span-right}:host.gds-toast-top-left:nth-child(n+2 of.gds-toast-top-left){anchor-name:--gds-toast-top-left-anchor-2;position-anchor:--gds-toast-top-left-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-top-left:nth-child(n+3 of.gds-toast-top-left){anchor-name:--gds-toast-top-left-anchor-3;position-anchor:--gds-toast-top-left-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-top-left:nth-child(n+4 of.gds-toast-top-left){anchor-name:--gds-toast-top-left-anchor-4;position-anchor:--gds-toast-top-left-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-top-left:nth-child(n+5 of.gds-toast-top-left){anchor-name:--gds-toast-top-left-anchor-5;position-anchor:--gds-toast-top-left-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-top-left:nth-child(n+6 of.gds-toast-top-left){anchor-name:--gds-toast-top-left-anchor-6;position-anchor:--gds-toast-top-left-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-top-left:nth-child(n+7 of.gds-toast-top-left){anchor-name:--gds-toast-top-left-anchor-7;position-anchor:--gds-toast-top-left-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-top-left:nth-child(n+8 of.gds-toast-top-left){anchor-name:--gds-toast-top-left-anchor-8;position-anchor:--gds-toast-top-left-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-top-left:nth-child(n+9 of.gds-toast-top-left){anchor-name:--gds-toast-top-left-anchor-9;position-anchor:--gds-toast-top-left-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-top-left:nth-child(n+10 of.gds-toast-top-left){anchor-name:--gds-toast-top-left-anchor-10;position-anchor:--gds-toast-top-left-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-top-left:nth-child(n+11 of.gds-toast-top-left){anchor-name:--gds-toast-top-left-anchor-11;position-anchor:--gds-toast-top-left-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-top-left:nth-child(n+12 of.gds-toast-top-left){anchor-name:--gds-toast-top-left-anchor-12;position-anchor:--gds-toast-top-left-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-top-left:nth-child(n+13 of.gds-toast-top-left){anchor-name:--gds-toast-top-left-anchor-13;position-anchor:--gds-toast-top-left-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-top-left:nth-child(n+14 of.gds-toast-top-left){anchor-name:--gds-toast-top-left-anchor-14;position-anchor:--gds-toast-top-left-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-top-left:nth-child(n+15 of.gds-toast-top-left){anchor-name:--gds-toast-top-left-anchor-15;position-anchor:--gds-toast-top-left-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-top-left:nth-child(n+16 of.gds-toast-top-left){anchor-name:--gds-toast-top-left-anchor-16;position-anchor:--gds-toast-top-left-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-top-left:nth-child(n+17 of.gds-toast-top-left){anchor-name:--gds-toast-top-left-anchor-17;position-anchor:--gds-toast-top-left-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-top-left:nth-child(n+18 of.gds-toast-top-left){anchor-name:--gds-toast-top-left-anchor-18;position-anchor:--gds-toast-top-left-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-top-left:nth-child(n+19 of.gds-toast-top-left){anchor-name:--gds-toast-top-left-anchor-19;position-anchor:--gds-toast-top-left-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-top-left:nth-child(n+20 of.gds-toast-top-left){anchor-name:--gds-toast-top-left-anchor-20;position-anchor:--gds-toast-top-left-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-top-left:nth-child(n+21 of.gds-toast-top-left){anchor-name:--gds-toast-top-left-anchor-21;position-anchor:--gds-toast-top-left-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-top-left:nth-child(n+22 of.gds-toast-top-left){anchor-name:--gds-toast-top-left-anchor-22;position-anchor:--gds-toast-top-left-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-top-left:nth-child(n+23 of.gds-toast-top-left){anchor-name:--gds-toast-top-left-anchor-23;position-anchor:--gds-toast-top-left-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-top-left:nth-child(n+24 of.gds-toast-top-left){anchor-name:--gds-toast-top-left-anchor-24;position-anchor:--gds-toast-top-left-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-top-left:nth-child(n+25 of.gds-toast-top-left){anchor-name:--gds-toast-top-left-anchor-25;position-anchor:--gds-toast-top-left-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-top-center{padding-inline:var(--toast-spacing)}:host.gds-toast-top-center:nth-child(1 of.gds-toast-top-center){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-top-center-anchor-1;padding-top:var(--toast-spacing);position-area:top}:host.gds-toast-top-center:nth-child(n+2 of.gds-toast-top-center){anchor-name:--gds-toast-top-center-anchor-2;position-anchor:--gds-toast-top-center-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-top-center:nth-child(n+3 of.gds-toast-top-center){anchor-name:--gds-toast-top-center-anchor-3;position-anchor:--gds-toast-top-center-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-top-center:nth-child(n+4 of.gds-toast-top-center){anchor-name:--gds-toast-top-center-anchor-4;position-anchor:--gds-toast-top-center-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-top-center:nth-child(n+5 of.gds-toast-top-center){anchor-name:--gds-toast-top-center-anchor-5;position-anchor:--gds-toast-top-center-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-top-center:nth-child(n+6 of.gds-toast-top-center){anchor-name:--gds-toast-top-center-anchor-6;position-anchor:--gds-toast-top-center-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-top-center:nth-child(n+7 of.gds-toast-top-center){anchor-name:--gds-toast-top-center-anchor-7;position-anchor:--gds-toast-top-center-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-top-center:nth-child(n+8 of.gds-toast-top-center){anchor-name:--gds-toast-top-center-anchor-8;position-anchor:--gds-toast-top-center-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-top-center:nth-child(n+9 of.gds-toast-top-center){anchor-name:--gds-toast-top-center-anchor-9;position-anchor:--gds-toast-top-center-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-top-center:nth-child(n+10 of.gds-toast-top-center){anchor-name:--gds-toast-top-center-anchor-10;position-anchor:--gds-toast-top-center-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-top-center:nth-child(n+11 of.gds-toast-top-center){anchor-name:--gds-toast-top-center-anchor-11;position-anchor:--gds-toast-top-center-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-top-center:nth-child(n+12 of.gds-toast-top-center){anchor-name:--gds-toast-top-center-anchor-12;position-anchor:--gds-toast-top-center-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-top-center:nth-child(n+13 of.gds-toast-top-center){anchor-name:--gds-toast-top-center-anchor-13;position-anchor:--gds-toast-top-center-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-top-center:nth-child(n+14 of.gds-toast-top-center){anchor-name:--gds-toast-top-center-anchor-14;position-anchor:--gds-toast-top-center-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-top-center:nth-child(n+15 of.gds-toast-top-center){anchor-name:--gds-toast-top-center-anchor-15;position-anchor:--gds-toast-top-center-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-top-center:nth-child(n+16 of.gds-toast-top-center){anchor-name:--gds-toast-top-center-anchor-16;position-anchor:--gds-toast-top-center-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-top-center:nth-child(n+17 of.gds-toast-top-center){anchor-name:--gds-toast-top-center-anchor-17;position-anchor:--gds-toast-top-center-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-top-center:nth-child(n+18 of.gds-toast-top-center){anchor-name:--gds-toast-top-center-anchor-18;position-anchor:--gds-toast-top-center-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-top-center:nth-child(n+19 of.gds-toast-top-center){anchor-name:--gds-toast-top-center-anchor-19;position-anchor:--gds-toast-top-center-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-top-center:nth-child(n+20 of.gds-toast-top-center){anchor-name:--gds-toast-top-center-anchor-20;position-anchor:--gds-toast-top-center-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-top-center:nth-child(n+21 of.gds-toast-top-center){anchor-name:--gds-toast-top-center-anchor-21;position-anchor:--gds-toast-top-center-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-top-center:nth-child(n+22 of.gds-toast-top-center){anchor-name:--gds-toast-top-center-anchor-22;position-anchor:--gds-toast-top-center-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-top-center:nth-child(n+23 of.gds-toast-top-center){anchor-name:--gds-toast-top-center-anchor-23;position-anchor:--gds-toast-top-center-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-top-center:nth-child(n+24 of.gds-toast-top-center){anchor-name:--gds-toast-top-center-anchor-24;position-anchor:--gds-toast-top-center-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-top-center:nth-child(n+25 of.gds-toast-top-center){anchor-name:--gds-toast-top-center-anchor-25;position-anchor:--gds-toast-top-center-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-top-right{padding-inline:var(--toast-spacing)}:host.gds-toast-top-right:nth-child(1 of.gds-toast-top-right){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-top-right-anchor-1;padding-top:var(--toast-spacing);position-area:top span-left}:host.gds-toast-top-right:nth-child(n+2 of.gds-toast-top-right){anchor-name:--gds-toast-top-right-anchor-2;position-anchor:--gds-toast-top-right-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-top-right:nth-child(n+3 of.gds-toast-top-right){anchor-name:--gds-toast-top-right-anchor-3;position-anchor:--gds-toast-top-right-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-top-right:nth-child(n+4 of.gds-toast-top-right){anchor-name:--gds-toast-top-right-anchor-4;position-anchor:--gds-toast-top-right-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-top-right:nth-child(n+5 of.gds-toast-top-right){anchor-name:--gds-toast-top-right-anchor-5;position-anchor:--gds-toast-top-right-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-top-right:nth-child(n+6 of.gds-toast-top-right){anchor-name:--gds-toast-top-right-anchor-6;position-anchor:--gds-toast-top-right-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-top-right:nth-child(n+7 of.gds-toast-top-right){anchor-name:--gds-toast-top-right-anchor-7;position-anchor:--gds-toast-top-right-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-top-right:nth-child(n+8 of.gds-toast-top-right){anchor-name:--gds-toast-top-right-anchor-8;position-anchor:--gds-toast-top-right-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-top-right:nth-child(n+9 of.gds-toast-top-right){anchor-name:--gds-toast-top-right-anchor-9;position-anchor:--gds-toast-top-right-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-top-right:nth-child(n+10 of.gds-toast-top-right){anchor-name:--gds-toast-top-right-anchor-10;position-anchor:--gds-toast-top-right-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-top-right:nth-child(n+11 of.gds-toast-top-right){anchor-name:--gds-toast-top-right-anchor-11;position-anchor:--gds-toast-top-right-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-top-right:nth-child(n+12 of.gds-toast-top-right){anchor-name:--gds-toast-top-right-anchor-12;position-anchor:--gds-toast-top-right-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-top-right:nth-child(n+13 of.gds-toast-top-right){anchor-name:--gds-toast-top-right-anchor-13;position-anchor:--gds-toast-top-right-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-top-right:nth-child(n+14 of.gds-toast-top-right){anchor-name:--gds-toast-top-right-anchor-14;position-anchor:--gds-toast-top-right-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-top-right:nth-child(n+15 of.gds-toast-top-right){anchor-name:--gds-toast-top-right-anchor-15;position-anchor:--gds-toast-top-right-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-top-right:nth-child(n+16 of.gds-toast-top-right){anchor-name:--gds-toast-top-right-anchor-16;position-anchor:--gds-toast-top-right-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-top-right:nth-child(n+17 of.gds-toast-top-right){anchor-name:--gds-toast-top-right-anchor-17;position-anchor:--gds-toast-top-right-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-top-right:nth-child(n+18 of.gds-toast-top-right){anchor-name:--gds-toast-top-right-anchor-18;position-anchor:--gds-toast-top-right-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-top-right:nth-child(n+19 of.gds-toast-top-right){anchor-name:--gds-toast-top-right-anchor-19;position-anchor:--gds-toast-top-right-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-top-right:nth-child(n+20 of.gds-toast-top-right){anchor-name:--gds-toast-top-right-anchor-20;position-anchor:--gds-toast-top-right-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-top-right:nth-child(n+21 of.gds-toast-top-right){anchor-name:--gds-toast-top-right-anchor-21;position-anchor:--gds-toast-top-right-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-top-right:nth-child(n+22 of.gds-toast-top-right){anchor-name:--gds-toast-top-right-anchor-22;position-anchor:--gds-toast-top-right-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-top-right:nth-child(n+23 of.gds-toast-top-right){anchor-name:--gds-toast-top-right-anchor-23;position-anchor:--gds-toast-top-right-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-top-right:nth-child(n+24 of.gds-toast-top-right){anchor-name:--gds-toast-top-right-anchor-24;position-anchor:--gds-toast-top-right-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-top-right:nth-child(n+25 of.gds-toast-top-right){anchor-name:--gds-toast-top-right-anchor-25;position-anchor:--gds-toast-top-right-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-bottom-left{padding-inline:var(--toast-spacing)}:host.gds-toast-bottom-left:nth-child(1 of.gds-toast-bottom-left){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-bottom-left-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom span-right}:host.gds-toast-bottom-left:nth-child(n+2 of.gds-toast-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-2;position-anchor:--gds-toast-bottom-left-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-bottom-left:nth-child(n+3 of.gds-toast-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-3;position-anchor:--gds-toast-bottom-left-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-bottom-left:nth-child(n+4 of.gds-toast-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-4;position-anchor:--gds-toast-bottom-left-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-bottom-left:nth-child(n+5 of.gds-toast-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-5;position-anchor:--gds-toast-bottom-left-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-bottom-left:nth-child(n+6 of.gds-toast-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-6;position-anchor:--gds-toast-bottom-left-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-bottom-left:nth-child(n+7 of.gds-toast-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-7;position-anchor:--gds-toast-bottom-left-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-bottom-left:nth-child(n+8 of.gds-toast-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-8;position-anchor:--gds-toast-bottom-left-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-bottom-left:nth-child(n+9 of.gds-toast-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-9;position-anchor:--gds-toast-bottom-left-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-bottom-left:nth-child(n+10 of.gds-toast-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-10;position-anchor:--gds-toast-bottom-left-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-bottom-left:nth-child(n+11 of.gds-toast-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-11;position-anchor:--gds-toast-bottom-left-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-bottom-left:nth-child(n+12 of.gds-toast-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-12;position-anchor:--gds-toast-bottom-left-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-bottom-left:nth-child(n+13 of.gds-toast-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-13;position-anchor:--gds-toast-bottom-left-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-bottom-left:nth-child(n+14 of.gds-toast-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-14;position-anchor:--gds-toast-bottom-left-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-bottom-left:nth-child(n+15 of.gds-toast-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-15;position-anchor:--gds-toast-bottom-left-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-bottom-left:nth-child(n+16 of.gds-toast-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-16;position-anchor:--gds-toast-bottom-left-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-bottom-left:nth-child(n+17 of.gds-toast-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-17;position-anchor:--gds-toast-bottom-left-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-bottom-left:nth-child(n+18 of.gds-toast-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-18;position-anchor:--gds-toast-bottom-left-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-bottom-left:nth-child(n+19 of.gds-toast-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-19;position-anchor:--gds-toast-bottom-left-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-bottom-left:nth-child(n+20 of.gds-toast-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-20;position-anchor:--gds-toast-bottom-left-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-bottom-left:nth-child(n+21 of.gds-toast-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-21;position-anchor:--gds-toast-bottom-left-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-bottom-left:nth-child(n+22 of.gds-toast-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-22;position-anchor:--gds-toast-bottom-left-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-bottom-left:nth-child(n+23 of.gds-toast-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-23;position-anchor:--gds-toast-bottom-left-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-bottom-left:nth-child(n+24 of.gds-toast-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-24;position-anchor:--gds-toast-bottom-left-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-bottom-left:nth-child(n+25 of.gds-toast-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-25;position-anchor:--gds-toast-bottom-left-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-bottom-center{padding-inline:var(--toast-spacing)}:host.gds-toast-bottom-center:nth-child(1 of.gds-toast-bottom-center){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-bottom-center-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom}:host.gds-toast-bottom-center:nth-child(n+2 of.gds-toast-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-2;position-anchor:--gds-toast-bottom-center-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-bottom-center:nth-child(n+3 of.gds-toast-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-3;position-anchor:--gds-toast-bottom-center-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-bottom-center:nth-child(n+4 of.gds-toast-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-4;position-anchor:--gds-toast-bottom-center-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-bottom-center:nth-child(n+5 of.gds-toast-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-5;position-anchor:--gds-toast-bottom-center-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-bottom-center:nth-child(n+6 of.gds-toast-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-6;position-anchor:--gds-toast-bottom-center-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-bottom-center:nth-child(n+7 of.gds-toast-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-7;position-anchor:--gds-toast-bottom-center-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-bottom-center:nth-child(n+8 of.gds-toast-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-8;position-anchor:--gds-toast-bottom-center-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-bottom-center:nth-child(n+9 of.gds-toast-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-9;position-anchor:--gds-toast-bottom-center-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-bottom-center:nth-child(n+10 of.gds-toast-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-10;position-anchor:--gds-toast-bottom-center-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-bottom-center:nth-child(n+11 of.gds-toast-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-11;position-anchor:--gds-toast-bottom-center-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-bottom-center:nth-child(n+12 of.gds-toast-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-12;position-anchor:--gds-toast-bottom-center-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-bottom-center:nth-child(n+13 of.gds-toast-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-13;position-anchor:--gds-toast-bottom-center-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-bottom-center:nth-child(n+14 of.gds-toast-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-14;position-anchor:--gds-toast-bottom-center-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-bottom-center:nth-child(n+15 of.gds-toast-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-15;position-anchor:--gds-toast-bottom-center-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-bottom-center:nth-child(n+16 of.gds-toast-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-16;position-anchor:--gds-toast-bottom-center-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-bottom-center:nth-child(n+17 of.gds-toast-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-17;position-anchor:--gds-toast-bottom-center-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-bottom-center:nth-child(n+18 of.gds-toast-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-18;position-anchor:--gds-toast-bottom-center-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-bottom-center:nth-child(n+19 of.gds-toast-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-19;position-anchor:--gds-toast-bottom-center-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-bottom-center:nth-child(n+20 of.gds-toast-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-20;position-anchor:--gds-toast-bottom-center-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-bottom-center:nth-child(n+21 of.gds-toast-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-21;position-anchor:--gds-toast-bottom-center-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-bottom-center:nth-child(n+22 of.gds-toast-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-22;position-anchor:--gds-toast-bottom-center-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-bottom-center:nth-child(n+23 of.gds-toast-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-23;position-anchor:--gds-toast-bottom-center-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-bottom-center:nth-child(n+24 of.gds-toast-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-24;position-anchor:--gds-toast-bottom-center-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-bottom-center:nth-child(n+25 of.gds-toast-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-25;position-anchor:--gds-toast-bottom-center-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-bottom-right{padding-inline:var(--toast-spacing)}:host.gds-toast-bottom-right:nth-child(1 of.gds-toast-bottom-right){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-bottom-right-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom span-left}:host.gds-toast-bottom-right:nth-child(n+2 of.gds-toast-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-2;position-anchor:--gds-toast-bottom-right-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-bottom-right:nth-child(n+3 of.gds-toast-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-3;position-anchor:--gds-toast-bottom-right-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-bottom-right:nth-child(n+4 of.gds-toast-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-4;position-anchor:--gds-toast-bottom-right-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-bottom-right:nth-child(n+5 of.gds-toast-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-5;position-anchor:--gds-toast-bottom-right-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-bottom-right:nth-child(n+6 of.gds-toast-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-6;position-anchor:--gds-toast-bottom-right-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-bottom-right:nth-child(n+7 of.gds-toast-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-7;position-anchor:--gds-toast-bottom-right-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-bottom-right:nth-child(n+8 of.gds-toast-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-8;position-anchor:--gds-toast-bottom-right-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-bottom-right:nth-child(n+9 of.gds-toast-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-9;position-anchor:--gds-toast-bottom-right-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-bottom-right:nth-child(n+10 of.gds-toast-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-10;position-anchor:--gds-toast-bottom-right-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-bottom-right:nth-child(n+11 of.gds-toast-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-11;position-anchor:--gds-toast-bottom-right-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-bottom-right:nth-child(n+12 of.gds-toast-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-12;position-anchor:--gds-toast-bottom-right-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-bottom-right:nth-child(n+13 of.gds-toast-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-13;position-anchor:--gds-toast-bottom-right-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-bottom-right:nth-child(n+14 of.gds-toast-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-14;position-anchor:--gds-toast-bottom-right-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-bottom-right:nth-child(n+15 of.gds-toast-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-15;position-anchor:--gds-toast-bottom-right-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-bottom-right:nth-child(n+16 of.gds-toast-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-16;position-anchor:--gds-toast-bottom-right-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-bottom-right:nth-child(n+17 of.gds-toast-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-17;position-anchor:--gds-toast-bottom-right-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-bottom-right:nth-child(n+18 of.gds-toast-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-18;position-anchor:--gds-toast-bottom-right-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-bottom-right:nth-child(n+19 of.gds-toast-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-19;position-anchor:--gds-toast-bottom-right-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-bottom-right:nth-child(n+20 of.gds-toast-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-20;position-anchor:--gds-toast-bottom-right-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-bottom-right:nth-child(n+21 of.gds-toast-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-21;position-anchor:--gds-toast-bottom-right-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-bottom-right:nth-child(n+22 of.gds-toast-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-22;position-anchor:--gds-toast-bottom-right-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-bottom-right:nth-child(n+23 of.gds-toast-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-23;position-anchor:--gds-toast-bottom-right-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-bottom-right:nth-child(n+24 of.gds-toast-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-24;position-anchor:--gds-toast-bottom-right-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-bottom-right:nth-child(n+25 of.gds-toast-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-25;position-anchor:--gds-toast-bottom-right-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}@media(max-width:1440px){:host.gds-toast-responsive-xl-top-left{padding-inline:var(--toast-spacing)}:host.gds-toast-responsive-xl-top-left:nth-child(1 of.gds-toast-responsive-xl-top-left){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-top-left-anchor-1;padding-top:var(--toast-spacing);position-area:top span-right}:host.gds-toast-responsive-xl-top-left:nth-child(n+2 of.gds-toast-responsive-xl-top-left){anchor-name:--gds-toast-top-left-anchor-2;position-anchor:--gds-toast-top-left-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-xl-top-left:nth-child(n+3 of.gds-toast-responsive-xl-top-left){anchor-name:--gds-toast-top-left-anchor-3;position-anchor:--gds-toast-top-left-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-xl-top-left:nth-child(n+4 of.gds-toast-responsive-xl-top-left){anchor-name:--gds-toast-top-left-anchor-4;position-anchor:--gds-toast-top-left-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-xl-top-left:nth-child(n+5 of.gds-toast-responsive-xl-top-left){anchor-name:--gds-toast-top-left-anchor-5;position-anchor:--gds-toast-top-left-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-xl-top-left:nth-child(n+6 of.gds-toast-responsive-xl-top-left){anchor-name:--gds-toast-top-left-anchor-6;position-anchor:--gds-toast-top-left-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-xl-top-left:nth-child(n+7 of.gds-toast-responsive-xl-top-left){anchor-name:--gds-toast-top-left-anchor-7;position-anchor:--gds-toast-top-left-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-xl-top-left:nth-child(n+8 of.gds-toast-responsive-xl-top-left){anchor-name:--gds-toast-top-left-anchor-8;position-anchor:--gds-toast-top-left-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-xl-top-left:nth-child(n+9 of.gds-toast-responsive-xl-top-left){anchor-name:--gds-toast-top-left-anchor-9;position-anchor:--gds-toast-top-left-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-xl-top-left:nth-child(n+10 of.gds-toast-responsive-xl-top-left){anchor-name:--gds-toast-top-left-anchor-10;position-anchor:--gds-toast-top-left-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-xl-top-left:nth-child(n+11 of.gds-toast-responsive-xl-top-left){anchor-name:--gds-toast-top-left-anchor-11;position-anchor:--gds-toast-top-left-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-xl-top-left:nth-child(n+12 of.gds-toast-responsive-xl-top-left){anchor-name:--gds-toast-top-left-anchor-12;position-anchor:--gds-toast-top-left-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-xl-top-left:nth-child(n+13 of.gds-toast-responsive-xl-top-left){anchor-name:--gds-toast-top-left-anchor-13;position-anchor:--gds-toast-top-left-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-xl-top-left:nth-child(n+14 of.gds-toast-responsive-xl-top-left){anchor-name:--gds-toast-top-left-anchor-14;position-anchor:--gds-toast-top-left-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-xl-top-left:nth-child(n+15 of.gds-toast-responsive-xl-top-left){anchor-name:--gds-toast-top-left-anchor-15;position-anchor:--gds-toast-top-left-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-xl-top-left:nth-child(n+16 of.gds-toast-responsive-xl-top-left){anchor-name:--gds-toast-top-left-anchor-16;position-anchor:--gds-toast-top-left-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-xl-top-left:nth-child(n+17 of.gds-toast-responsive-xl-top-left){anchor-name:--gds-toast-top-left-anchor-17;position-anchor:--gds-toast-top-left-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-xl-top-left:nth-child(n+18 of.gds-toast-responsive-xl-top-left){anchor-name:--gds-toast-top-left-anchor-18;position-anchor:--gds-toast-top-left-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-xl-top-left:nth-child(n+19 of.gds-toast-responsive-xl-top-left){anchor-name:--gds-toast-top-left-anchor-19;position-anchor:--gds-toast-top-left-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-xl-top-left:nth-child(n+20 of.gds-toast-responsive-xl-top-left){anchor-name:--gds-toast-top-left-anchor-20;position-anchor:--gds-toast-top-left-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-xl-top-left:nth-child(n+21 of.gds-toast-responsive-xl-top-left){anchor-name:--gds-toast-top-left-anchor-21;position-anchor:--gds-toast-top-left-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-xl-top-left:nth-child(n+22 of.gds-toast-responsive-xl-top-left){anchor-name:--gds-toast-top-left-anchor-22;position-anchor:--gds-toast-top-left-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-xl-top-left:nth-child(n+23 of.gds-toast-responsive-xl-top-left){anchor-name:--gds-toast-top-left-anchor-23;position-anchor:--gds-toast-top-left-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-xl-top-left:nth-child(n+24 of.gds-toast-responsive-xl-top-left){anchor-name:--gds-toast-top-left-anchor-24;position-anchor:--gds-toast-top-left-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-xl-top-left:nth-child(n+25 of.gds-toast-responsive-xl-top-left){anchor-name:--gds-toast-top-left-anchor-25;position-anchor:--gds-toast-top-left-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-xl-top-center{padding-inline:var(--toast-spacing)}:host.gds-toast-responsive-xl-top-center:nth-child(1 of.gds-toast-responsive-xl-top-center){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-top-center-anchor-1;padding-top:var(--toast-spacing);position-area:top}:host.gds-toast-responsive-xl-top-center:nth-child(n+2 of.gds-toast-responsive-xl-top-center){anchor-name:--gds-toast-top-center-anchor-2;position-anchor:--gds-toast-top-center-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-xl-top-center:nth-child(n+3 of.gds-toast-responsive-xl-top-center){anchor-name:--gds-toast-top-center-anchor-3;position-anchor:--gds-toast-top-center-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-xl-top-center:nth-child(n+4 of.gds-toast-responsive-xl-top-center){anchor-name:--gds-toast-top-center-anchor-4;position-anchor:--gds-toast-top-center-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-xl-top-center:nth-child(n+5 of.gds-toast-responsive-xl-top-center){anchor-name:--gds-toast-top-center-anchor-5;position-anchor:--gds-toast-top-center-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-xl-top-center:nth-child(n+6 of.gds-toast-responsive-xl-top-center){anchor-name:--gds-toast-top-center-anchor-6;position-anchor:--gds-toast-top-center-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-xl-top-center:nth-child(n+7 of.gds-toast-responsive-xl-top-center){anchor-name:--gds-toast-top-center-anchor-7;position-anchor:--gds-toast-top-center-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-xl-top-center:nth-child(n+8 of.gds-toast-responsive-xl-top-center){anchor-name:--gds-toast-top-center-anchor-8;position-anchor:--gds-toast-top-center-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-xl-top-center:nth-child(n+9 of.gds-toast-responsive-xl-top-center){anchor-name:--gds-toast-top-center-anchor-9;position-anchor:--gds-toast-top-center-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-xl-top-center:nth-child(n+10 of.gds-toast-responsive-xl-top-center){anchor-name:--gds-toast-top-center-anchor-10;position-anchor:--gds-toast-top-center-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-xl-top-center:nth-child(n+11 of.gds-toast-responsive-xl-top-center){anchor-name:--gds-toast-top-center-anchor-11;position-anchor:--gds-toast-top-center-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-xl-top-center:nth-child(n+12 of.gds-toast-responsive-xl-top-center){anchor-name:--gds-toast-top-center-anchor-12;position-anchor:--gds-toast-top-center-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-xl-top-center:nth-child(n+13 of.gds-toast-responsive-xl-top-center){anchor-name:--gds-toast-top-center-anchor-13;position-anchor:--gds-toast-top-center-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-xl-top-center:nth-child(n+14 of.gds-toast-responsive-xl-top-center){anchor-name:--gds-toast-top-center-anchor-14;position-anchor:--gds-toast-top-center-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-xl-top-center:nth-child(n+15 of.gds-toast-responsive-xl-top-center){anchor-name:--gds-toast-top-center-anchor-15;position-anchor:--gds-toast-top-center-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-xl-top-center:nth-child(n+16 of.gds-toast-responsive-xl-top-center){anchor-name:--gds-toast-top-center-anchor-16;position-anchor:--gds-toast-top-center-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-xl-top-center:nth-child(n+17 of.gds-toast-responsive-xl-top-center){anchor-name:--gds-toast-top-center-anchor-17;position-anchor:--gds-toast-top-center-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-xl-top-center:nth-child(n+18 of.gds-toast-responsive-xl-top-center){anchor-name:--gds-toast-top-center-anchor-18;position-anchor:--gds-toast-top-center-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-xl-top-center:nth-child(n+19 of.gds-toast-responsive-xl-top-center){anchor-name:--gds-toast-top-center-anchor-19;position-anchor:--gds-toast-top-center-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-xl-top-center:nth-child(n+20 of.gds-toast-responsive-xl-top-center){anchor-name:--gds-toast-top-center-anchor-20;position-anchor:--gds-toast-top-center-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-xl-top-center:nth-child(n+21 of.gds-toast-responsive-xl-top-center){anchor-name:--gds-toast-top-center-anchor-21;position-anchor:--gds-toast-top-center-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-xl-top-center:nth-child(n+22 of.gds-toast-responsive-xl-top-center){anchor-name:--gds-toast-top-center-anchor-22;position-anchor:--gds-toast-top-center-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-xl-top-center:nth-child(n+23 of.gds-toast-responsive-xl-top-center){anchor-name:--gds-toast-top-center-anchor-23;position-anchor:--gds-toast-top-center-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-xl-top-center:nth-child(n+24 of.gds-toast-responsive-xl-top-center){anchor-name:--gds-toast-top-center-anchor-24;position-anchor:--gds-toast-top-center-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-xl-top-center:nth-child(n+25 of.gds-toast-responsive-xl-top-center){anchor-name:--gds-toast-top-center-anchor-25;position-anchor:--gds-toast-top-center-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-xl-top-right{padding-inline:var(--toast-spacing)}:host.gds-toast-responsive-xl-top-right:nth-child(1 of.gds-toast-responsive-xl-top-right){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-top-right-anchor-1;padding-top:var(--toast-spacing);position-area:top span-left}:host.gds-toast-responsive-xl-top-right:nth-child(n+2 of.gds-toast-responsive-xl-top-right){anchor-name:--gds-toast-top-right-anchor-2;position-anchor:--gds-toast-top-right-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-xl-top-right:nth-child(n+3 of.gds-toast-responsive-xl-top-right){anchor-name:--gds-toast-top-right-anchor-3;position-anchor:--gds-toast-top-right-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-xl-top-right:nth-child(n+4 of.gds-toast-responsive-xl-top-right){anchor-name:--gds-toast-top-right-anchor-4;position-anchor:--gds-toast-top-right-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-xl-top-right:nth-child(n+5 of.gds-toast-responsive-xl-top-right){anchor-name:--gds-toast-top-right-anchor-5;position-anchor:--gds-toast-top-right-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-xl-top-right:nth-child(n+6 of.gds-toast-responsive-xl-top-right){anchor-name:--gds-toast-top-right-anchor-6;position-anchor:--gds-toast-top-right-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-xl-top-right:nth-child(n+7 of.gds-toast-responsive-xl-top-right){anchor-name:--gds-toast-top-right-anchor-7;position-anchor:--gds-toast-top-right-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-xl-top-right:nth-child(n+8 of.gds-toast-responsive-xl-top-right){anchor-name:--gds-toast-top-right-anchor-8;position-anchor:--gds-toast-top-right-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-xl-top-right:nth-child(n+9 of.gds-toast-responsive-xl-top-right){anchor-name:--gds-toast-top-right-anchor-9;position-anchor:--gds-toast-top-right-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-xl-top-right:nth-child(n+10 of.gds-toast-responsive-xl-top-right){anchor-name:--gds-toast-top-right-anchor-10;position-anchor:--gds-toast-top-right-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-xl-top-right:nth-child(n+11 of.gds-toast-responsive-xl-top-right){anchor-name:--gds-toast-top-right-anchor-11;position-anchor:--gds-toast-top-right-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-xl-top-right:nth-child(n+12 of.gds-toast-responsive-xl-top-right){anchor-name:--gds-toast-top-right-anchor-12;position-anchor:--gds-toast-top-right-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-xl-top-right:nth-child(n+13 of.gds-toast-responsive-xl-top-right){anchor-name:--gds-toast-top-right-anchor-13;position-anchor:--gds-toast-top-right-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-xl-top-right:nth-child(n+14 of.gds-toast-responsive-xl-top-right){anchor-name:--gds-toast-top-right-anchor-14;position-anchor:--gds-toast-top-right-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-xl-top-right:nth-child(n+15 of.gds-toast-responsive-xl-top-right){anchor-name:--gds-toast-top-right-anchor-15;position-anchor:--gds-toast-top-right-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-xl-top-right:nth-child(n+16 of.gds-toast-responsive-xl-top-right){anchor-name:--gds-toast-top-right-anchor-16;position-anchor:--gds-toast-top-right-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-xl-top-right:nth-child(n+17 of.gds-toast-responsive-xl-top-right){anchor-name:--gds-toast-top-right-anchor-17;position-anchor:--gds-toast-top-right-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-xl-top-right:nth-child(n+18 of.gds-toast-responsive-xl-top-right){anchor-name:--gds-toast-top-right-anchor-18;position-anchor:--gds-toast-top-right-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-xl-top-right:nth-child(n+19 of.gds-toast-responsive-xl-top-right){anchor-name:--gds-toast-top-right-anchor-19;position-anchor:--gds-toast-top-right-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-xl-top-right:nth-child(n+20 of.gds-toast-responsive-xl-top-right){anchor-name:--gds-toast-top-right-anchor-20;position-anchor:--gds-toast-top-right-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-xl-top-right:nth-child(n+21 of.gds-toast-responsive-xl-top-right){anchor-name:--gds-toast-top-right-anchor-21;position-anchor:--gds-toast-top-right-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-xl-top-right:nth-child(n+22 of.gds-toast-responsive-xl-top-right){anchor-name:--gds-toast-top-right-anchor-22;position-anchor:--gds-toast-top-right-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-xl-top-right:nth-child(n+23 of.gds-toast-responsive-xl-top-right){anchor-name:--gds-toast-top-right-anchor-23;position-anchor:--gds-toast-top-right-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-xl-top-right:nth-child(n+24 of.gds-toast-responsive-xl-top-right){anchor-name:--gds-toast-top-right-anchor-24;position-anchor:--gds-toast-top-right-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-xl-top-right:nth-child(n+25 of.gds-toast-responsive-xl-top-right){anchor-name:--gds-toast-top-right-anchor-25;position-anchor:--gds-toast-top-right-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-xl-bottom-left{padding-inline:var(--toast-spacing)}:host.gds-toast-responsive-xl-bottom-left:nth-child(1 of.gds-toast-responsive-xl-bottom-left){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-bottom-left-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom span-right}:host.gds-toast-responsive-xl-bottom-left:nth-child(n+2 of.gds-toast-responsive-xl-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-2;position-anchor:--gds-toast-bottom-left-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-xl-bottom-left:nth-child(n+3 of.gds-toast-responsive-xl-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-3;position-anchor:--gds-toast-bottom-left-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-xl-bottom-left:nth-child(n+4 of.gds-toast-responsive-xl-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-4;position-anchor:--gds-toast-bottom-left-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-xl-bottom-left:nth-child(n+5 of.gds-toast-responsive-xl-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-5;position-anchor:--gds-toast-bottom-left-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-xl-bottom-left:nth-child(n+6 of.gds-toast-responsive-xl-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-6;position-anchor:--gds-toast-bottom-left-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-xl-bottom-left:nth-child(n+7 of.gds-toast-responsive-xl-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-7;position-anchor:--gds-toast-bottom-left-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-xl-bottom-left:nth-child(n+8 of.gds-toast-responsive-xl-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-8;position-anchor:--gds-toast-bottom-left-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-xl-bottom-left:nth-child(n+9 of.gds-toast-responsive-xl-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-9;position-anchor:--gds-toast-bottom-left-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-xl-bottom-left:nth-child(n+10 of.gds-toast-responsive-xl-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-10;position-anchor:--gds-toast-bottom-left-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-xl-bottom-left:nth-child(n+11 of.gds-toast-responsive-xl-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-11;position-anchor:--gds-toast-bottom-left-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-xl-bottom-left:nth-child(n+12 of.gds-toast-responsive-xl-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-12;position-anchor:--gds-toast-bottom-left-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-xl-bottom-left:nth-child(n+13 of.gds-toast-responsive-xl-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-13;position-anchor:--gds-toast-bottom-left-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-xl-bottom-left:nth-child(n+14 of.gds-toast-responsive-xl-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-14;position-anchor:--gds-toast-bottom-left-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-xl-bottom-left:nth-child(n+15 of.gds-toast-responsive-xl-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-15;position-anchor:--gds-toast-bottom-left-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-xl-bottom-left:nth-child(n+16 of.gds-toast-responsive-xl-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-16;position-anchor:--gds-toast-bottom-left-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-xl-bottom-left:nth-child(n+17 of.gds-toast-responsive-xl-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-17;position-anchor:--gds-toast-bottom-left-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-xl-bottom-left:nth-child(n+18 of.gds-toast-responsive-xl-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-18;position-anchor:--gds-toast-bottom-left-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-xl-bottom-left:nth-child(n+19 of.gds-toast-responsive-xl-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-19;position-anchor:--gds-toast-bottom-left-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-xl-bottom-left:nth-child(n+20 of.gds-toast-responsive-xl-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-20;position-anchor:--gds-toast-bottom-left-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-xl-bottom-left:nth-child(n+21 of.gds-toast-responsive-xl-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-21;position-anchor:--gds-toast-bottom-left-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-xl-bottom-left:nth-child(n+22 of.gds-toast-responsive-xl-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-22;position-anchor:--gds-toast-bottom-left-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-xl-bottom-left:nth-child(n+23 of.gds-toast-responsive-xl-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-23;position-anchor:--gds-toast-bottom-left-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-xl-bottom-left:nth-child(n+24 of.gds-toast-responsive-xl-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-24;position-anchor:--gds-toast-bottom-left-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-xl-bottom-left:nth-child(n+25 of.gds-toast-responsive-xl-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-25;position-anchor:--gds-toast-bottom-left-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-xl-bottom-center{padding-inline:var(--toast-spacing)}:host.gds-toast-responsive-xl-bottom-center:nth-child(1 of.gds-toast-responsive-xl-bottom-center){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-bottom-center-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom}:host.gds-toast-responsive-xl-bottom-center:nth-child(n+2 of.gds-toast-responsive-xl-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-2;position-anchor:--gds-toast-bottom-center-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-xl-bottom-center:nth-child(n+3 of.gds-toast-responsive-xl-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-3;position-anchor:--gds-toast-bottom-center-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-xl-bottom-center:nth-child(n+4 of.gds-toast-responsive-xl-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-4;position-anchor:--gds-toast-bottom-center-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-xl-bottom-center:nth-child(n+5 of.gds-toast-responsive-xl-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-5;position-anchor:--gds-toast-bottom-center-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-xl-bottom-center:nth-child(n+6 of.gds-toast-responsive-xl-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-6;position-anchor:--gds-toast-bottom-center-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-xl-bottom-center:nth-child(n+7 of.gds-toast-responsive-xl-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-7;position-anchor:--gds-toast-bottom-center-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-xl-bottom-center:nth-child(n+8 of.gds-toast-responsive-xl-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-8;position-anchor:--gds-toast-bottom-center-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-xl-bottom-center:nth-child(n+9 of.gds-toast-responsive-xl-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-9;position-anchor:--gds-toast-bottom-center-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-xl-bottom-center:nth-child(n+10 of.gds-toast-responsive-xl-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-10;position-anchor:--gds-toast-bottom-center-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-xl-bottom-center:nth-child(n+11 of.gds-toast-responsive-xl-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-11;position-anchor:--gds-toast-bottom-center-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-xl-bottom-center:nth-child(n+12 of.gds-toast-responsive-xl-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-12;position-anchor:--gds-toast-bottom-center-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-xl-bottom-center:nth-child(n+13 of.gds-toast-responsive-xl-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-13;position-anchor:--gds-toast-bottom-center-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-xl-bottom-center:nth-child(n+14 of.gds-toast-responsive-xl-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-14;position-anchor:--gds-toast-bottom-center-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-xl-bottom-center:nth-child(n+15 of.gds-toast-responsive-xl-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-15;position-anchor:--gds-toast-bottom-center-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-xl-bottom-center:nth-child(n+16 of.gds-toast-responsive-xl-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-16;position-anchor:--gds-toast-bottom-center-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-xl-bottom-center:nth-child(n+17 of.gds-toast-responsive-xl-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-17;position-anchor:--gds-toast-bottom-center-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-xl-bottom-center:nth-child(n+18 of.gds-toast-responsive-xl-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-18;position-anchor:--gds-toast-bottom-center-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-xl-bottom-center:nth-child(n+19 of.gds-toast-responsive-xl-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-19;position-anchor:--gds-toast-bottom-center-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-xl-bottom-center:nth-child(n+20 of.gds-toast-responsive-xl-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-20;position-anchor:--gds-toast-bottom-center-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-xl-bottom-center:nth-child(n+21 of.gds-toast-responsive-xl-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-21;position-anchor:--gds-toast-bottom-center-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-xl-bottom-center:nth-child(n+22 of.gds-toast-responsive-xl-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-22;position-anchor:--gds-toast-bottom-center-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-xl-bottom-center:nth-child(n+23 of.gds-toast-responsive-xl-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-23;position-anchor:--gds-toast-bottom-center-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-xl-bottom-center:nth-child(n+24 of.gds-toast-responsive-xl-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-24;position-anchor:--gds-toast-bottom-center-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-xl-bottom-center:nth-child(n+25 of.gds-toast-responsive-xl-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-25;position-anchor:--gds-toast-bottom-center-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-xl-bottom-right{padding-inline:var(--toast-spacing)}:host.gds-toast-responsive-xl-bottom-right:nth-child(1 of.gds-toast-responsive-xl-bottom-right){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-bottom-right-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom span-left}:host.gds-toast-responsive-xl-bottom-right:nth-child(n+2 of.gds-toast-responsive-xl-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-2;position-anchor:--gds-toast-bottom-right-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-xl-bottom-right:nth-child(n+3 of.gds-toast-responsive-xl-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-3;position-anchor:--gds-toast-bottom-right-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-xl-bottom-right:nth-child(n+4 of.gds-toast-responsive-xl-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-4;position-anchor:--gds-toast-bottom-right-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-xl-bottom-right:nth-child(n+5 of.gds-toast-responsive-xl-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-5;position-anchor:--gds-toast-bottom-right-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-xl-bottom-right:nth-child(n+6 of.gds-toast-responsive-xl-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-6;position-anchor:--gds-toast-bottom-right-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-xl-bottom-right:nth-child(n+7 of.gds-toast-responsive-xl-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-7;position-anchor:--gds-toast-bottom-right-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-xl-bottom-right:nth-child(n+8 of.gds-toast-responsive-xl-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-8;position-anchor:--gds-toast-bottom-right-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-xl-bottom-right:nth-child(n+9 of.gds-toast-responsive-xl-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-9;position-anchor:--gds-toast-bottom-right-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-xl-bottom-right:nth-child(n+10 of.gds-toast-responsive-xl-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-10;position-anchor:--gds-toast-bottom-right-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-xl-bottom-right:nth-child(n+11 of.gds-toast-responsive-xl-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-11;position-anchor:--gds-toast-bottom-right-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-xl-bottom-right:nth-child(n+12 of.gds-toast-responsive-xl-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-12;position-anchor:--gds-toast-bottom-right-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-xl-bottom-right:nth-child(n+13 of.gds-toast-responsive-xl-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-13;position-anchor:--gds-toast-bottom-right-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-xl-bottom-right:nth-child(n+14 of.gds-toast-responsive-xl-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-14;position-anchor:--gds-toast-bottom-right-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-xl-bottom-right:nth-child(n+15 of.gds-toast-responsive-xl-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-15;position-anchor:--gds-toast-bottom-right-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-xl-bottom-right:nth-child(n+16 of.gds-toast-responsive-xl-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-16;position-anchor:--gds-toast-bottom-right-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-xl-bottom-right:nth-child(n+17 of.gds-toast-responsive-xl-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-17;position-anchor:--gds-toast-bottom-right-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-xl-bottom-right:nth-child(n+18 of.gds-toast-responsive-xl-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-18;position-anchor:--gds-toast-bottom-right-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-xl-bottom-right:nth-child(n+19 of.gds-toast-responsive-xl-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-19;position-anchor:--gds-toast-bottom-right-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-xl-bottom-right:nth-child(n+20 of.gds-toast-responsive-xl-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-20;position-anchor:--gds-toast-bottom-right-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-xl-bottom-right:nth-child(n+21 of.gds-toast-responsive-xl-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-21;position-anchor:--gds-toast-bottom-right-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-xl-bottom-right:nth-child(n+22 of.gds-toast-responsive-xl-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-22;position-anchor:--gds-toast-bottom-right-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-xl-bottom-right:nth-child(n+23 of.gds-toast-responsive-xl-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-23;position-anchor:--gds-toast-bottom-right-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-xl-bottom-right:nth-child(n+24 of.gds-toast-responsive-xl-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-24;position-anchor:--gds-toast-bottom-right-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-xl-bottom-right:nth-child(n+25 of.gds-toast-responsive-xl-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-25;position-anchor:--gds-toast-bottom-right-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}}@media(max-width:1200px){:host.gds-toast-responsive-lg-top-left{padding-inline:var(--toast-spacing)}:host.gds-toast-responsive-lg-top-left:nth-child(1 of.gds-toast-responsive-lg-top-left){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-top-left-anchor-1;padding-top:var(--toast-spacing);position-area:top span-right}:host.gds-toast-responsive-lg-top-left:nth-child(n+2 of.gds-toast-responsive-lg-top-left){anchor-name:--gds-toast-top-left-anchor-2;position-anchor:--gds-toast-top-left-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-lg-top-left:nth-child(n+3 of.gds-toast-responsive-lg-top-left){anchor-name:--gds-toast-top-left-anchor-3;position-anchor:--gds-toast-top-left-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-lg-top-left:nth-child(n+4 of.gds-toast-responsive-lg-top-left){anchor-name:--gds-toast-top-left-anchor-4;position-anchor:--gds-toast-top-left-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-lg-top-left:nth-child(n+5 of.gds-toast-responsive-lg-top-left){anchor-name:--gds-toast-top-left-anchor-5;position-anchor:--gds-toast-top-left-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-lg-top-left:nth-child(n+6 of.gds-toast-responsive-lg-top-left){anchor-name:--gds-toast-top-left-anchor-6;position-anchor:--gds-toast-top-left-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-lg-top-left:nth-child(n+7 of.gds-toast-responsive-lg-top-left){anchor-name:--gds-toast-top-left-anchor-7;position-anchor:--gds-toast-top-left-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-lg-top-left:nth-child(n+8 of.gds-toast-responsive-lg-top-left){anchor-name:--gds-toast-top-left-anchor-8;position-anchor:--gds-toast-top-left-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-lg-top-left:nth-child(n+9 of.gds-toast-responsive-lg-top-left){anchor-name:--gds-toast-top-left-anchor-9;position-anchor:--gds-toast-top-left-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-lg-top-left:nth-child(n+10 of.gds-toast-responsive-lg-top-left){anchor-name:--gds-toast-top-left-anchor-10;position-anchor:--gds-toast-top-left-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-lg-top-left:nth-child(n+11 of.gds-toast-responsive-lg-top-left){anchor-name:--gds-toast-top-left-anchor-11;position-anchor:--gds-toast-top-left-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-lg-top-left:nth-child(n+12 of.gds-toast-responsive-lg-top-left){anchor-name:--gds-toast-top-left-anchor-12;position-anchor:--gds-toast-top-left-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-lg-top-left:nth-child(n+13 of.gds-toast-responsive-lg-top-left){anchor-name:--gds-toast-top-left-anchor-13;position-anchor:--gds-toast-top-left-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-lg-top-left:nth-child(n+14 of.gds-toast-responsive-lg-top-left){anchor-name:--gds-toast-top-left-anchor-14;position-anchor:--gds-toast-top-left-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-lg-top-left:nth-child(n+15 of.gds-toast-responsive-lg-top-left){anchor-name:--gds-toast-top-left-anchor-15;position-anchor:--gds-toast-top-left-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-lg-top-left:nth-child(n+16 of.gds-toast-responsive-lg-top-left){anchor-name:--gds-toast-top-left-anchor-16;position-anchor:--gds-toast-top-left-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-lg-top-left:nth-child(n+17 of.gds-toast-responsive-lg-top-left){anchor-name:--gds-toast-top-left-anchor-17;position-anchor:--gds-toast-top-left-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-lg-top-left:nth-child(n+18 of.gds-toast-responsive-lg-top-left){anchor-name:--gds-toast-top-left-anchor-18;position-anchor:--gds-toast-top-left-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-lg-top-left:nth-child(n+19 of.gds-toast-responsive-lg-top-left){anchor-name:--gds-toast-top-left-anchor-19;position-anchor:--gds-toast-top-left-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-lg-top-left:nth-child(n+20 of.gds-toast-responsive-lg-top-left){anchor-name:--gds-toast-top-left-anchor-20;position-anchor:--gds-toast-top-left-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-lg-top-left:nth-child(n+21 of.gds-toast-responsive-lg-top-left){anchor-name:--gds-toast-top-left-anchor-21;position-anchor:--gds-toast-top-left-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-lg-top-left:nth-child(n+22 of.gds-toast-responsive-lg-top-left){anchor-name:--gds-toast-top-left-anchor-22;position-anchor:--gds-toast-top-left-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-lg-top-left:nth-child(n+23 of.gds-toast-responsive-lg-top-left){anchor-name:--gds-toast-top-left-anchor-23;position-anchor:--gds-toast-top-left-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-lg-top-left:nth-child(n+24 of.gds-toast-responsive-lg-top-left){anchor-name:--gds-toast-top-left-anchor-24;position-anchor:--gds-toast-top-left-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-lg-top-left:nth-child(n+25 of.gds-toast-responsive-lg-top-left){anchor-name:--gds-toast-top-left-anchor-25;position-anchor:--gds-toast-top-left-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-lg-top-center{padding-inline:var(--toast-spacing)}:host.gds-toast-responsive-lg-top-center:nth-child(1 of.gds-toast-responsive-lg-top-center){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-top-center-anchor-1;padding-top:var(--toast-spacing);position-area:top}:host.gds-toast-responsive-lg-top-center:nth-child(n+2 of.gds-toast-responsive-lg-top-center){anchor-name:--gds-toast-top-center-anchor-2;position-anchor:--gds-toast-top-center-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-lg-top-center:nth-child(n+3 of.gds-toast-responsive-lg-top-center){anchor-name:--gds-toast-top-center-anchor-3;position-anchor:--gds-toast-top-center-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-lg-top-center:nth-child(n+4 of.gds-toast-responsive-lg-top-center){anchor-name:--gds-toast-top-center-anchor-4;position-anchor:--gds-toast-top-center-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-lg-top-center:nth-child(n+5 of.gds-toast-responsive-lg-top-center){anchor-name:--gds-toast-top-center-anchor-5;position-anchor:--gds-toast-top-center-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-lg-top-center:nth-child(n+6 of.gds-toast-responsive-lg-top-center){anchor-name:--gds-toast-top-center-anchor-6;position-anchor:--gds-toast-top-center-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-lg-top-center:nth-child(n+7 of.gds-toast-responsive-lg-top-center){anchor-name:--gds-toast-top-center-anchor-7;position-anchor:--gds-toast-top-center-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-lg-top-center:nth-child(n+8 of.gds-toast-responsive-lg-top-center){anchor-name:--gds-toast-top-center-anchor-8;position-anchor:--gds-toast-top-center-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-lg-top-center:nth-child(n+9 of.gds-toast-responsive-lg-top-center){anchor-name:--gds-toast-top-center-anchor-9;position-anchor:--gds-toast-top-center-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-lg-top-center:nth-child(n+10 of.gds-toast-responsive-lg-top-center){anchor-name:--gds-toast-top-center-anchor-10;position-anchor:--gds-toast-top-center-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-lg-top-center:nth-child(n+11 of.gds-toast-responsive-lg-top-center){anchor-name:--gds-toast-top-center-anchor-11;position-anchor:--gds-toast-top-center-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-lg-top-center:nth-child(n+12 of.gds-toast-responsive-lg-top-center){anchor-name:--gds-toast-top-center-anchor-12;position-anchor:--gds-toast-top-center-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-lg-top-center:nth-child(n+13 of.gds-toast-responsive-lg-top-center){anchor-name:--gds-toast-top-center-anchor-13;position-anchor:--gds-toast-top-center-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-lg-top-center:nth-child(n+14 of.gds-toast-responsive-lg-top-center){anchor-name:--gds-toast-top-center-anchor-14;position-anchor:--gds-toast-top-center-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-lg-top-center:nth-child(n+15 of.gds-toast-responsive-lg-top-center){anchor-name:--gds-toast-top-center-anchor-15;position-anchor:--gds-toast-top-center-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-lg-top-center:nth-child(n+16 of.gds-toast-responsive-lg-top-center){anchor-name:--gds-toast-top-center-anchor-16;position-anchor:--gds-toast-top-center-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-lg-top-center:nth-child(n+17 of.gds-toast-responsive-lg-top-center){anchor-name:--gds-toast-top-center-anchor-17;position-anchor:--gds-toast-top-center-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-lg-top-center:nth-child(n+18 of.gds-toast-responsive-lg-top-center){anchor-name:--gds-toast-top-center-anchor-18;position-anchor:--gds-toast-top-center-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-lg-top-center:nth-child(n+19 of.gds-toast-responsive-lg-top-center){anchor-name:--gds-toast-top-center-anchor-19;position-anchor:--gds-toast-top-center-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-lg-top-center:nth-child(n+20 of.gds-toast-responsive-lg-top-center){anchor-name:--gds-toast-top-center-anchor-20;position-anchor:--gds-toast-top-center-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-lg-top-center:nth-child(n+21 of.gds-toast-responsive-lg-top-center){anchor-name:--gds-toast-top-center-anchor-21;position-anchor:--gds-toast-top-center-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-lg-top-center:nth-child(n+22 of.gds-toast-responsive-lg-top-center){anchor-name:--gds-toast-top-center-anchor-22;position-anchor:--gds-toast-top-center-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-lg-top-center:nth-child(n+23 of.gds-toast-responsive-lg-top-center){anchor-name:--gds-toast-top-center-anchor-23;position-anchor:--gds-toast-top-center-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-lg-top-center:nth-child(n+24 of.gds-toast-responsive-lg-top-center){anchor-name:--gds-toast-top-center-anchor-24;position-anchor:--gds-toast-top-center-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-lg-top-center:nth-child(n+25 of.gds-toast-responsive-lg-top-center){anchor-name:--gds-toast-top-center-anchor-25;position-anchor:--gds-toast-top-center-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-lg-top-right{padding-inline:var(--toast-spacing)}:host.gds-toast-responsive-lg-top-right:nth-child(1 of.gds-toast-responsive-lg-top-right){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-top-right-anchor-1;padding-top:var(--toast-spacing);position-area:top span-left}:host.gds-toast-responsive-lg-top-right:nth-child(n+2 of.gds-toast-responsive-lg-top-right){anchor-name:--gds-toast-top-right-anchor-2;position-anchor:--gds-toast-top-right-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-lg-top-right:nth-child(n+3 of.gds-toast-responsive-lg-top-right){anchor-name:--gds-toast-top-right-anchor-3;position-anchor:--gds-toast-top-right-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-lg-top-right:nth-child(n+4 of.gds-toast-responsive-lg-top-right){anchor-name:--gds-toast-top-right-anchor-4;position-anchor:--gds-toast-top-right-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-lg-top-right:nth-child(n+5 of.gds-toast-responsive-lg-top-right){anchor-name:--gds-toast-top-right-anchor-5;position-anchor:--gds-toast-top-right-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-lg-top-right:nth-child(n+6 of.gds-toast-responsive-lg-top-right){anchor-name:--gds-toast-top-right-anchor-6;position-anchor:--gds-toast-top-right-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-lg-top-right:nth-child(n+7 of.gds-toast-responsive-lg-top-right){anchor-name:--gds-toast-top-right-anchor-7;position-anchor:--gds-toast-top-right-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-lg-top-right:nth-child(n+8 of.gds-toast-responsive-lg-top-right){anchor-name:--gds-toast-top-right-anchor-8;position-anchor:--gds-toast-top-right-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-lg-top-right:nth-child(n+9 of.gds-toast-responsive-lg-top-right){anchor-name:--gds-toast-top-right-anchor-9;position-anchor:--gds-toast-top-right-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-lg-top-right:nth-child(n+10 of.gds-toast-responsive-lg-top-right){anchor-name:--gds-toast-top-right-anchor-10;position-anchor:--gds-toast-top-right-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-lg-top-right:nth-child(n+11 of.gds-toast-responsive-lg-top-right){anchor-name:--gds-toast-top-right-anchor-11;position-anchor:--gds-toast-top-right-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-lg-top-right:nth-child(n+12 of.gds-toast-responsive-lg-top-right){anchor-name:--gds-toast-top-right-anchor-12;position-anchor:--gds-toast-top-right-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-lg-top-right:nth-child(n+13 of.gds-toast-responsive-lg-top-right){anchor-name:--gds-toast-top-right-anchor-13;position-anchor:--gds-toast-top-right-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-lg-top-right:nth-child(n+14 of.gds-toast-responsive-lg-top-right){anchor-name:--gds-toast-top-right-anchor-14;position-anchor:--gds-toast-top-right-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-lg-top-right:nth-child(n+15 of.gds-toast-responsive-lg-top-right){anchor-name:--gds-toast-top-right-anchor-15;position-anchor:--gds-toast-top-right-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-lg-top-right:nth-child(n+16 of.gds-toast-responsive-lg-top-right){anchor-name:--gds-toast-top-right-anchor-16;position-anchor:--gds-toast-top-right-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-lg-top-right:nth-child(n+17 of.gds-toast-responsive-lg-top-right){anchor-name:--gds-toast-top-right-anchor-17;position-anchor:--gds-toast-top-right-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-lg-top-right:nth-child(n+18 of.gds-toast-responsive-lg-top-right){anchor-name:--gds-toast-top-right-anchor-18;position-anchor:--gds-toast-top-right-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-lg-top-right:nth-child(n+19 of.gds-toast-responsive-lg-top-right){anchor-name:--gds-toast-top-right-anchor-19;position-anchor:--gds-toast-top-right-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-lg-top-right:nth-child(n+20 of.gds-toast-responsive-lg-top-right){anchor-name:--gds-toast-top-right-anchor-20;position-anchor:--gds-toast-top-right-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-lg-top-right:nth-child(n+21 of.gds-toast-responsive-lg-top-right){anchor-name:--gds-toast-top-right-anchor-21;position-anchor:--gds-toast-top-right-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-lg-top-right:nth-child(n+22 of.gds-toast-responsive-lg-top-right){anchor-name:--gds-toast-top-right-anchor-22;position-anchor:--gds-toast-top-right-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-lg-top-right:nth-child(n+23 of.gds-toast-responsive-lg-top-right){anchor-name:--gds-toast-top-right-anchor-23;position-anchor:--gds-toast-top-right-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-lg-top-right:nth-child(n+24 of.gds-toast-responsive-lg-top-right){anchor-name:--gds-toast-top-right-anchor-24;position-anchor:--gds-toast-top-right-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-lg-top-right:nth-child(n+25 of.gds-toast-responsive-lg-top-right){anchor-name:--gds-toast-top-right-anchor-25;position-anchor:--gds-toast-top-right-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-lg-bottom-left{padding-inline:var(--toast-spacing)}:host.gds-toast-responsive-lg-bottom-left:nth-child(1 of.gds-toast-responsive-lg-bottom-left){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-bottom-left-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom span-right}:host.gds-toast-responsive-lg-bottom-left:nth-child(n+2 of.gds-toast-responsive-lg-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-2;position-anchor:--gds-toast-bottom-left-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-lg-bottom-left:nth-child(n+3 of.gds-toast-responsive-lg-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-3;position-anchor:--gds-toast-bottom-left-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-lg-bottom-left:nth-child(n+4 of.gds-toast-responsive-lg-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-4;position-anchor:--gds-toast-bottom-left-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-lg-bottom-left:nth-child(n+5 of.gds-toast-responsive-lg-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-5;position-anchor:--gds-toast-bottom-left-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-lg-bottom-left:nth-child(n+6 of.gds-toast-responsive-lg-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-6;position-anchor:--gds-toast-bottom-left-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-lg-bottom-left:nth-child(n+7 of.gds-toast-responsive-lg-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-7;position-anchor:--gds-toast-bottom-left-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-lg-bottom-left:nth-child(n+8 of.gds-toast-responsive-lg-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-8;position-anchor:--gds-toast-bottom-left-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-lg-bottom-left:nth-child(n+9 of.gds-toast-responsive-lg-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-9;position-anchor:--gds-toast-bottom-left-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-lg-bottom-left:nth-child(n+10 of.gds-toast-responsive-lg-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-10;position-anchor:--gds-toast-bottom-left-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-lg-bottom-left:nth-child(n+11 of.gds-toast-responsive-lg-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-11;position-anchor:--gds-toast-bottom-left-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-lg-bottom-left:nth-child(n+12 of.gds-toast-responsive-lg-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-12;position-anchor:--gds-toast-bottom-left-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-lg-bottom-left:nth-child(n+13 of.gds-toast-responsive-lg-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-13;position-anchor:--gds-toast-bottom-left-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-lg-bottom-left:nth-child(n+14 of.gds-toast-responsive-lg-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-14;position-anchor:--gds-toast-bottom-left-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-lg-bottom-left:nth-child(n+15 of.gds-toast-responsive-lg-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-15;position-anchor:--gds-toast-bottom-left-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-lg-bottom-left:nth-child(n+16 of.gds-toast-responsive-lg-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-16;position-anchor:--gds-toast-bottom-left-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-lg-bottom-left:nth-child(n+17 of.gds-toast-responsive-lg-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-17;position-anchor:--gds-toast-bottom-left-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-lg-bottom-left:nth-child(n+18 of.gds-toast-responsive-lg-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-18;position-anchor:--gds-toast-bottom-left-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-lg-bottom-left:nth-child(n+19 of.gds-toast-responsive-lg-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-19;position-anchor:--gds-toast-bottom-left-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-lg-bottom-left:nth-child(n+20 of.gds-toast-responsive-lg-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-20;position-anchor:--gds-toast-bottom-left-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-lg-bottom-left:nth-child(n+21 of.gds-toast-responsive-lg-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-21;position-anchor:--gds-toast-bottom-left-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-lg-bottom-left:nth-child(n+22 of.gds-toast-responsive-lg-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-22;position-anchor:--gds-toast-bottom-left-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-lg-bottom-left:nth-child(n+23 of.gds-toast-responsive-lg-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-23;position-anchor:--gds-toast-bottom-left-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-lg-bottom-left:nth-child(n+24 of.gds-toast-responsive-lg-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-24;position-anchor:--gds-toast-bottom-left-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-lg-bottom-left:nth-child(n+25 of.gds-toast-responsive-lg-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-25;position-anchor:--gds-toast-bottom-left-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-lg-bottom-center{padding-inline:var(--toast-spacing)}:host.gds-toast-responsive-lg-bottom-center:nth-child(1 of.gds-toast-responsive-lg-bottom-center){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-bottom-center-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom}:host.gds-toast-responsive-lg-bottom-center:nth-child(n+2 of.gds-toast-responsive-lg-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-2;position-anchor:--gds-toast-bottom-center-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-lg-bottom-center:nth-child(n+3 of.gds-toast-responsive-lg-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-3;position-anchor:--gds-toast-bottom-center-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-lg-bottom-center:nth-child(n+4 of.gds-toast-responsive-lg-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-4;position-anchor:--gds-toast-bottom-center-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-lg-bottom-center:nth-child(n+5 of.gds-toast-responsive-lg-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-5;position-anchor:--gds-toast-bottom-center-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-lg-bottom-center:nth-child(n+6 of.gds-toast-responsive-lg-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-6;position-anchor:--gds-toast-bottom-center-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-lg-bottom-center:nth-child(n+7 of.gds-toast-responsive-lg-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-7;position-anchor:--gds-toast-bottom-center-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-lg-bottom-center:nth-child(n+8 of.gds-toast-responsive-lg-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-8;position-anchor:--gds-toast-bottom-center-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-lg-bottom-center:nth-child(n+9 of.gds-toast-responsive-lg-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-9;position-anchor:--gds-toast-bottom-center-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-lg-bottom-center:nth-child(n+10 of.gds-toast-responsive-lg-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-10;position-anchor:--gds-toast-bottom-center-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-lg-bottom-center:nth-child(n+11 of.gds-toast-responsive-lg-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-11;position-anchor:--gds-toast-bottom-center-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-lg-bottom-center:nth-child(n+12 of.gds-toast-responsive-lg-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-12;position-anchor:--gds-toast-bottom-center-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-lg-bottom-center:nth-child(n+13 of.gds-toast-responsive-lg-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-13;position-anchor:--gds-toast-bottom-center-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-lg-bottom-center:nth-child(n+14 of.gds-toast-responsive-lg-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-14;position-anchor:--gds-toast-bottom-center-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-lg-bottom-center:nth-child(n+15 of.gds-toast-responsive-lg-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-15;position-anchor:--gds-toast-bottom-center-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-lg-bottom-center:nth-child(n+16 of.gds-toast-responsive-lg-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-16;position-anchor:--gds-toast-bottom-center-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-lg-bottom-center:nth-child(n+17 of.gds-toast-responsive-lg-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-17;position-anchor:--gds-toast-bottom-center-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-lg-bottom-center:nth-child(n+18 of.gds-toast-responsive-lg-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-18;position-anchor:--gds-toast-bottom-center-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-lg-bottom-center:nth-child(n+19 of.gds-toast-responsive-lg-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-19;position-anchor:--gds-toast-bottom-center-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-lg-bottom-center:nth-child(n+20 of.gds-toast-responsive-lg-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-20;position-anchor:--gds-toast-bottom-center-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-lg-bottom-center:nth-child(n+21 of.gds-toast-responsive-lg-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-21;position-anchor:--gds-toast-bottom-center-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-lg-bottom-center:nth-child(n+22 of.gds-toast-responsive-lg-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-22;position-anchor:--gds-toast-bottom-center-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-lg-bottom-center:nth-child(n+23 of.gds-toast-responsive-lg-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-23;position-anchor:--gds-toast-bottom-center-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-lg-bottom-center:nth-child(n+24 of.gds-toast-responsive-lg-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-24;position-anchor:--gds-toast-bottom-center-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-lg-bottom-center:nth-child(n+25 of.gds-toast-responsive-lg-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-25;position-anchor:--gds-toast-bottom-center-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-lg-bottom-right{padding-inline:var(--toast-spacing)}:host.gds-toast-responsive-lg-bottom-right:nth-child(1 of.gds-toast-responsive-lg-bottom-right){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-bottom-right-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom span-left}:host.gds-toast-responsive-lg-bottom-right:nth-child(n+2 of.gds-toast-responsive-lg-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-2;position-anchor:--gds-toast-bottom-right-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-lg-bottom-right:nth-child(n+3 of.gds-toast-responsive-lg-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-3;position-anchor:--gds-toast-bottom-right-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-lg-bottom-right:nth-child(n+4 of.gds-toast-responsive-lg-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-4;position-anchor:--gds-toast-bottom-right-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-lg-bottom-right:nth-child(n+5 of.gds-toast-responsive-lg-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-5;position-anchor:--gds-toast-bottom-right-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-lg-bottom-right:nth-child(n+6 of.gds-toast-responsive-lg-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-6;position-anchor:--gds-toast-bottom-right-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-lg-bottom-right:nth-child(n+7 of.gds-toast-responsive-lg-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-7;position-anchor:--gds-toast-bottom-right-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-lg-bottom-right:nth-child(n+8 of.gds-toast-responsive-lg-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-8;position-anchor:--gds-toast-bottom-right-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-lg-bottom-right:nth-child(n+9 of.gds-toast-responsive-lg-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-9;position-anchor:--gds-toast-bottom-right-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-lg-bottom-right:nth-child(n+10 of.gds-toast-responsive-lg-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-10;position-anchor:--gds-toast-bottom-right-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-lg-bottom-right:nth-child(n+11 of.gds-toast-responsive-lg-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-11;position-anchor:--gds-toast-bottom-right-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-lg-bottom-right:nth-child(n+12 of.gds-toast-responsive-lg-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-12;position-anchor:--gds-toast-bottom-right-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-lg-bottom-right:nth-child(n+13 of.gds-toast-responsive-lg-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-13;position-anchor:--gds-toast-bottom-right-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-lg-bottom-right:nth-child(n+14 of.gds-toast-responsive-lg-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-14;position-anchor:--gds-toast-bottom-right-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-lg-bottom-right:nth-child(n+15 of.gds-toast-responsive-lg-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-15;position-anchor:--gds-toast-bottom-right-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-lg-bottom-right:nth-child(n+16 of.gds-toast-responsive-lg-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-16;position-anchor:--gds-toast-bottom-right-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-lg-bottom-right:nth-child(n+17 of.gds-toast-responsive-lg-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-17;position-anchor:--gds-toast-bottom-right-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-lg-bottom-right:nth-child(n+18 of.gds-toast-responsive-lg-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-18;position-anchor:--gds-toast-bottom-right-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-lg-bottom-right:nth-child(n+19 of.gds-toast-responsive-lg-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-19;position-anchor:--gds-toast-bottom-right-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-lg-bottom-right:nth-child(n+20 of.gds-toast-responsive-lg-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-20;position-anchor:--gds-toast-bottom-right-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-lg-bottom-right:nth-child(n+21 of.gds-toast-responsive-lg-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-21;position-anchor:--gds-toast-bottom-right-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-lg-bottom-right:nth-child(n+22 of.gds-toast-responsive-lg-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-22;position-anchor:--gds-toast-bottom-right-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-lg-bottom-right:nth-child(n+23 of.gds-toast-responsive-lg-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-23;position-anchor:--gds-toast-bottom-right-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-lg-bottom-right:nth-child(n+24 of.gds-toast-responsive-lg-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-24;position-anchor:--gds-toast-bottom-right-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-lg-bottom-right:nth-child(n+25 of.gds-toast-responsive-lg-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-25;position-anchor:--gds-toast-bottom-right-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}}@media(max-width:900px){:host.gds-toast-responsive-md-top-left{padding-inline:var(--toast-spacing)}:host.gds-toast-responsive-md-top-left:nth-child(1 of.gds-toast-responsive-md-top-left){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-top-left-anchor-1;padding-top:var(--toast-spacing);position-area:top span-right}:host.gds-toast-responsive-md-top-left:nth-child(n+2 of.gds-toast-responsive-md-top-left){anchor-name:--gds-toast-top-left-anchor-2;position-anchor:--gds-toast-top-left-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-md-top-left:nth-child(n+3 of.gds-toast-responsive-md-top-left){anchor-name:--gds-toast-top-left-anchor-3;position-anchor:--gds-toast-top-left-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-md-top-left:nth-child(n+4 of.gds-toast-responsive-md-top-left){anchor-name:--gds-toast-top-left-anchor-4;position-anchor:--gds-toast-top-left-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-md-top-left:nth-child(n+5 of.gds-toast-responsive-md-top-left){anchor-name:--gds-toast-top-left-anchor-5;position-anchor:--gds-toast-top-left-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-md-top-left:nth-child(n+6 of.gds-toast-responsive-md-top-left){anchor-name:--gds-toast-top-left-anchor-6;position-anchor:--gds-toast-top-left-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-md-top-left:nth-child(n+7 of.gds-toast-responsive-md-top-left){anchor-name:--gds-toast-top-left-anchor-7;position-anchor:--gds-toast-top-left-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-md-top-left:nth-child(n+8 of.gds-toast-responsive-md-top-left){anchor-name:--gds-toast-top-left-anchor-8;position-anchor:--gds-toast-top-left-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-md-top-left:nth-child(n+9 of.gds-toast-responsive-md-top-left){anchor-name:--gds-toast-top-left-anchor-9;position-anchor:--gds-toast-top-left-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-md-top-left:nth-child(n+10 of.gds-toast-responsive-md-top-left){anchor-name:--gds-toast-top-left-anchor-10;position-anchor:--gds-toast-top-left-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-md-top-left:nth-child(n+11 of.gds-toast-responsive-md-top-left){anchor-name:--gds-toast-top-left-anchor-11;position-anchor:--gds-toast-top-left-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-md-top-left:nth-child(n+12 of.gds-toast-responsive-md-top-left){anchor-name:--gds-toast-top-left-anchor-12;position-anchor:--gds-toast-top-left-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-md-top-left:nth-child(n+13 of.gds-toast-responsive-md-top-left){anchor-name:--gds-toast-top-left-anchor-13;position-anchor:--gds-toast-top-left-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-md-top-left:nth-child(n+14 of.gds-toast-responsive-md-top-left){anchor-name:--gds-toast-top-left-anchor-14;position-anchor:--gds-toast-top-left-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-md-top-left:nth-child(n+15 of.gds-toast-responsive-md-top-left){anchor-name:--gds-toast-top-left-anchor-15;position-anchor:--gds-toast-top-left-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-md-top-left:nth-child(n+16 of.gds-toast-responsive-md-top-left){anchor-name:--gds-toast-top-left-anchor-16;position-anchor:--gds-toast-top-left-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-md-top-left:nth-child(n+17 of.gds-toast-responsive-md-top-left){anchor-name:--gds-toast-top-left-anchor-17;position-anchor:--gds-toast-top-left-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-md-top-left:nth-child(n+18 of.gds-toast-responsive-md-top-left){anchor-name:--gds-toast-top-left-anchor-18;position-anchor:--gds-toast-top-left-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-md-top-left:nth-child(n+19 of.gds-toast-responsive-md-top-left){anchor-name:--gds-toast-top-left-anchor-19;position-anchor:--gds-toast-top-left-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-md-top-left:nth-child(n+20 of.gds-toast-responsive-md-top-left){anchor-name:--gds-toast-top-left-anchor-20;position-anchor:--gds-toast-top-left-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-md-top-left:nth-child(n+21 of.gds-toast-responsive-md-top-left){anchor-name:--gds-toast-top-left-anchor-21;position-anchor:--gds-toast-top-left-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-md-top-left:nth-child(n+22 of.gds-toast-responsive-md-top-left){anchor-name:--gds-toast-top-left-anchor-22;position-anchor:--gds-toast-top-left-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-md-top-left:nth-child(n+23 of.gds-toast-responsive-md-top-left){anchor-name:--gds-toast-top-left-anchor-23;position-anchor:--gds-toast-top-left-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-md-top-left:nth-child(n+24 of.gds-toast-responsive-md-top-left){anchor-name:--gds-toast-top-left-anchor-24;position-anchor:--gds-toast-top-left-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-md-top-left:nth-child(n+25 of.gds-toast-responsive-md-top-left){anchor-name:--gds-toast-top-left-anchor-25;position-anchor:--gds-toast-top-left-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-md-top-center{padding-inline:var(--toast-spacing)}:host.gds-toast-responsive-md-top-center:nth-child(1 of.gds-toast-responsive-md-top-center){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-top-center-anchor-1;padding-top:var(--toast-spacing);position-area:top}:host.gds-toast-responsive-md-top-center:nth-child(n+2 of.gds-toast-responsive-md-top-center){anchor-name:--gds-toast-top-center-anchor-2;position-anchor:--gds-toast-top-center-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-md-top-center:nth-child(n+3 of.gds-toast-responsive-md-top-center){anchor-name:--gds-toast-top-center-anchor-3;position-anchor:--gds-toast-top-center-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-md-top-center:nth-child(n+4 of.gds-toast-responsive-md-top-center){anchor-name:--gds-toast-top-center-anchor-4;position-anchor:--gds-toast-top-center-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-md-top-center:nth-child(n+5 of.gds-toast-responsive-md-top-center){anchor-name:--gds-toast-top-center-anchor-5;position-anchor:--gds-toast-top-center-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-md-top-center:nth-child(n+6 of.gds-toast-responsive-md-top-center){anchor-name:--gds-toast-top-center-anchor-6;position-anchor:--gds-toast-top-center-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-md-top-center:nth-child(n+7 of.gds-toast-responsive-md-top-center){anchor-name:--gds-toast-top-center-anchor-7;position-anchor:--gds-toast-top-center-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-md-top-center:nth-child(n+8 of.gds-toast-responsive-md-top-center){anchor-name:--gds-toast-top-center-anchor-8;position-anchor:--gds-toast-top-center-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-md-top-center:nth-child(n+9 of.gds-toast-responsive-md-top-center){anchor-name:--gds-toast-top-center-anchor-9;position-anchor:--gds-toast-top-center-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-md-top-center:nth-child(n+10 of.gds-toast-responsive-md-top-center){anchor-name:--gds-toast-top-center-anchor-10;position-anchor:--gds-toast-top-center-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-md-top-center:nth-child(n+11 of.gds-toast-responsive-md-top-center){anchor-name:--gds-toast-top-center-anchor-11;position-anchor:--gds-toast-top-center-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-md-top-center:nth-child(n+12 of.gds-toast-responsive-md-top-center){anchor-name:--gds-toast-top-center-anchor-12;position-anchor:--gds-toast-top-center-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-md-top-center:nth-child(n+13 of.gds-toast-responsive-md-top-center){anchor-name:--gds-toast-top-center-anchor-13;position-anchor:--gds-toast-top-center-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-md-top-center:nth-child(n+14 of.gds-toast-responsive-md-top-center){anchor-name:--gds-toast-top-center-anchor-14;position-anchor:--gds-toast-top-center-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-md-top-center:nth-child(n+15 of.gds-toast-responsive-md-top-center){anchor-name:--gds-toast-top-center-anchor-15;position-anchor:--gds-toast-top-center-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-md-top-center:nth-child(n+16 of.gds-toast-responsive-md-top-center){anchor-name:--gds-toast-top-center-anchor-16;position-anchor:--gds-toast-top-center-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-md-top-center:nth-child(n+17 of.gds-toast-responsive-md-top-center){anchor-name:--gds-toast-top-center-anchor-17;position-anchor:--gds-toast-top-center-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-md-top-center:nth-child(n+18 of.gds-toast-responsive-md-top-center){anchor-name:--gds-toast-top-center-anchor-18;position-anchor:--gds-toast-top-center-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-md-top-center:nth-child(n+19 of.gds-toast-responsive-md-top-center){anchor-name:--gds-toast-top-center-anchor-19;position-anchor:--gds-toast-top-center-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-md-top-center:nth-child(n+20 of.gds-toast-responsive-md-top-center){anchor-name:--gds-toast-top-center-anchor-20;position-anchor:--gds-toast-top-center-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-md-top-center:nth-child(n+21 of.gds-toast-responsive-md-top-center){anchor-name:--gds-toast-top-center-anchor-21;position-anchor:--gds-toast-top-center-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-md-top-center:nth-child(n+22 of.gds-toast-responsive-md-top-center){anchor-name:--gds-toast-top-center-anchor-22;position-anchor:--gds-toast-top-center-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-md-top-center:nth-child(n+23 of.gds-toast-responsive-md-top-center){anchor-name:--gds-toast-top-center-anchor-23;position-anchor:--gds-toast-top-center-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-md-top-center:nth-child(n+24 of.gds-toast-responsive-md-top-center){anchor-name:--gds-toast-top-center-anchor-24;position-anchor:--gds-toast-top-center-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-md-top-center:nth-child(n+25 of.gds-toast-responsive-md-top-center){anchor-name:--gds-toast-top-center-anchor-25;position-anchor:--gds-toast-top-center-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-md-top-right{padding-inline:var(--toast-spacing)}:host.gds-toast-responsive-md-top-right:nth-child(1 of.gds-toast-responsive-md-top-right){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-top-right-anchor-1;padding-top:var(--toast-spacing);position-area:top span-left}:host.gds-toast-responsive-md-top-right:nth-child(n+2 of.gds-toast-responsive-md-top-right){anchor-name:--gds-toast-top-right-anchor-2;position-anchor:--gds-toast-top-right-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-md-top-right:nth-child(n+3 of.gds-toast-responsive-md-top-right){anchor-name:--gds-toast-top-right-anchor-3;position-anchor:--gds-toast-top-right-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-md-top-right:nth-child(n+4 of.gds-toast-responsive-md-top-right){anchor-name:--gds-toast-top-right-anchor-4;position-anchor:--gds-toast-top-right-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-md-top-right:nth-child(n+5 of.gds-toast-responsive-md-top-right){anchor-name:--gds-toast-top-right-anchor-5;position-anchor:--gds-toast-top-right-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-md-top-right:nth-child(n+6 of.gds-toast-responsive-md-top-right){anchor-name:--gds-toast-top-right-anchor-6;position-anchor:--gds-toast-top-right-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-md-top-right:nth-child(n+7 of.gds-toast-responsive-md-top-right){anchor-name:--gds-toast-top-right-anchor-7;position-anchor:--gds-toast-top-right-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-md-top-right:nth-child(n+8 of.gds-toast-responsive-md-top-right){anchor-name:--gds-toast-top-right-anchor-8;position-anchor:--gds-toast-top-right-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-md-top-right:nth-child(n+9 of.gds-toast-responsive-md-top-right){anchor-name:--gds-toast-top-right-anchor-9;position-anchor:--gds-toast-top-right-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-md-top-right:nth-child(n+10 of.gds-toast-responsive-md-top-right){anchor-name:--gds-toast-top-right-anchor-10;position-anchor:--gds-toast-top-right-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-md-top-right:nth-child(n+11 of.gds-toast-responsive-md-top-right){anchor-name:--gds-toast-top-right-anchor-11;position-anchor:--gds-toast-top-right-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-md-top-right:nth-child(n+12 of.gds-toast-responsive-md-top-right){anchor-name:--gds-toast-top-right-anchor-12;position-anchor:--gds-toast-top-right-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-md-top-right:nth-child(n+13 of.gds-toast-responsive-md-top-right){anchor-name:--gds-toast-top-right-anchor-13;position-anchor:--gds-toast-top-right-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-md-top-right:nth-child(n+14 of.gds-toast-responsive-md-top-right){anchor-name:--gds-toast-top-right-anchor-14;position-anchor:--gds-toast-top-right-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-md-top-right:nth-child(n+15 of.gds-toast-responsive-md-top-right){anchor-name:--gds-toast-top-right-anchor-15;position-anchor:--gds-toast-top-right-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-md-top-right:nth-child(n+16 of.gds-toast-responsive-md-top-right){anchor-name:--gds-toast-top-right-anchor-16;position-anchor:--gds-toast-top-right-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-md-top-right:nth-child(n+17 of.gds-toast-responsive-md-top-right){anchor-name:--gds-toast-top-right-anchor-17;position-anchor:--gds-toast-top-right-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-md-top-right:nth-child(n+18 of.gds-toast-responsive-md-top-right){anchor-name:--gds-toast-top-right-anchor-18;position-anchor:--gds-toast-top-right-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-md-top-right:nth-child(n+19 of.gds-toast-responsive-md-top-right){anchor-name:--gds-toast-top-right-anchor-19;position-anchor:--gds-toast-top-right-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-md-top-right:nth-child(n+20 of.gds-toast-responsive-md-top-right){anchor-name:--gds-toast-top-right-anchor-20;position-anchor:--gds-toast-top-right-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-md-top-right:nth-child(n+21 of.gds-toast-responsive-md-top-right){anchor-name:--gds-toast-top-right-anchor-21;position-anchor:--gds-toast-top-right-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-md-top-right:nth-child(n+22 of.gds-toast-responsive-md-top-right){anchor-name:--gds-toast-top-right-anchor-22;position-anchor:--gds-toast-top-right-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-md-top-right:nth-child(n+23 of.gds-toast-responsive-md-top-right){anchor-name:--gds-toast-top-right-anchor-23;position-anchor:--gds-toast-top-right-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-md-top-right:nth-child(n+24 of.gds-toast-responsive-md-top-right){anchor-name:--gds-toast-top-right-anchor-24;position-anchor:--gds-toast-top-right-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-md-top-right:nth-child(n+25 of.gds-toast-responsive-md-top-right){anchor-name:--gds-toast-top-right-anchor-25;position-anchor:--gds-toast-top-right-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-md-bottom-left{padding-inline:var(--toast-spacing)}:host.gds-toast-responsive-md-bottom-left:nth-child(1 of.gds-toast-responsive-md-bottom-left){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-bottom-left-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom span-right}:host.gds-toast-responsive-md-bottom-left:nth-child(n+2 of.gds-toast-responsive-md-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-2;position-anchor:--gds-toast-bottom-left-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-md-bottom-left:nth-child(n+3 of.gds-toast-responsive-md-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-3;position-anchor:--gds-toast-bottom-left-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-md-bottom-left:nth-child(n+4 of.gds-toast-responsive-md-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-4;position-anchor:--gds-toast-bottom-left-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-md-bottom-left:nth-child(n+5 of.gds-toast-responsive-md-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-5;position-anchor:--gds-toast-bottom-left-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-md-bottom-left:nth-child(n+6 of.gds-toast-responsive-md-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-6;position-anchor:--gds-toast-bottom-left-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-md-bottom-left:nth-child(n+7 of.gds-toast-responsive-md-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-7;position-anchor:--gds-toast-bottom-left-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-md-bottom-left:nth-child(n+8 of.gds-toast-responsive-md-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-8;position-anchor:--gds-toast-bottom-left-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-md-bottom-left:nth-child(n+9 of.gds-toast-responsive-md-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-9;position-anchor:--gds-toast-bottom-left-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-md-bottom-left:nth-child(n+10 of.gds-toast-responsive-md-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-10;position-anchor:--gds-toast-bottom-left-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-md-bottom-left:nth-child(n+11 of.gds-toast-responsive-md-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-11;position-anchor:--gds-toast-bottom-left-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-md-bottom-left:nth-child(n+12 of.gds-toast-responsive-md-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-12;position-anchor:--gds-toast-bottom-left-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-md-bottom-left:nth-child(n+13 of.gds-toast-responsive-md-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-13;position-anchor:--gds-toast-bottom-left-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-md-bottom-left:nth-child(n+14 of.gds-toast-responsive-md-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-14;position-anchor:--gds-toast-bottom-left-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-md-bottom-left:nth-child(n+15 of.gds-toast-responsive-md-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-15;position-anchor:--gds-toast-bottom-left-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-md-bottom-left:nth-child(n+16 of.gds-toast-responsive-md-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-16;position-anchor:--gds-toast-bottom-left-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-md-bottom-left:nth-child(n+17 of.gds-toast-responsive-md-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-17;position-anchor:--gds-toast-bottom-left-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-md-bottom-left:nth-child(n+18 of.gds-toast-responsive-md-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-18;position-anchor:--gds-toast-bottom-left-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-md-bottom-left:nth-child(n+19 of.gds-toast-responsive-md-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-19;position-anchor:--gds-toast-bottom-left-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-md-bottom-left:nth-child(n+20 of.gds-toast-responsive-md-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-20;position-anchor:--gds-toast-bottom-left-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-md-bottom-left:nth-child(n+21 of.gds-toast-responsive-md-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-21;position-anchor:--gds-toast-bottom-left-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-md-bottom-left:nth-child(n+22 of.gds-toast-responsive-md-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-22;position-anchor:--gds-toast-bottom-left-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-md-bottom-left:nth-child(n+23 of.gds-toast-responsive-md-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-23;position-anchor:--gds-toast-bottom-left-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-md-bottom-left:nth-child(n+24 of.gds-toast-responsive-md-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-24;position-anchor:--gds-toast-bottom-left-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-md-bottom-left:nth-child(n+25 of.gds-toast-responsive-md-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-25;position-anchor:--gds-toast-bottom-left-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-md-bottom-center{padding-inline:var(--toast-spacing)}:host.gds-toast-responsive-md-bottom-center:nth-child(1 of.gds-toast-responsive-md-bottom-center){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-bottom-center-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom}:host.gds-toast-responsive-md-bottom-center:nth-child(n+2 of.gds-toast-responsive-md-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-2;position-anchor:--gds-toast-bottom-center-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-md-bottom-center:nth-child(n+3 of.gds-toast-responsive-md-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-3;position-anchor:--gds-toast-bottom-center-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-md-bottom-center:nth-child(n+4 of.gds-toast-responsive-md-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-4;position-anchor:--gds-toast-bottom-center-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-md-bottom-center:nth-child(n+5 of.gds-toast-responsive-md-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-5;position-anchor:--gds-toast-bottom-center-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-md-bottom-center:nth-child(n+6 of.gds-toast-responsive-md-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-6;position-anchor:--gds-toast-bottom-center-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-md-bottom-center:nth-child(n+7 of.gds-toast-responsive-md-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-7;position-anchor:--gds-toast-bottom-center-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-md-bottom-center:nth-child(n+8 of.gds-toast-responsive-md-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-8;position-anchor:--gds-toast-bottom-center-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-md-bottom-center:nth-child(n+9 of.gds-toast-responsive-md-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-9;position-anchor:--gds-toast-bottom-center-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-md-bottom-center:nth-child(n+10 of.gds-toast-responsive-md-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-10;position-anchor:--gds-toast-bottom-center-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-md-bottom-center:nth-child(n+11 of.gds-toast-responsive-md-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-11;position-anchor:--gds-toast-bottom-center-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-md-bottom-center:nth-child(n+12 of.gds-toast-responsive-md-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-12;position-anchor:--gds-toast-bottom-center-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-md-bottom-center:nth-child(n+13 of.gds-toast-responsive-md-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-13;position-anchor:--gds-toast-bottom-center-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-md-bottom-center:nth-child(n+14 of.gds-toast-responsive-md-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-14;position-anchor:--gds-toast-bottom-center-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-md-bottom-center:nth-child(n+15 of.gds-toast-responsive-md-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-15;position-anchor:--gds-toast-bottom-center-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-md-bottom-center:nth-child(n+16 of.gds-toast-responsive-md-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-16;position-anchor:--gds-toast-bottom-center-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-md-bottom-center:nth-child(n+17 of.gds-toast-responsive-md-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-17;position-anchor:--gds-toast-bottom-center-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-md-bottom-center:nth-child(n+18 of.gds-toast-responsive-md-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-18;position-anchor:--gds-toast-bottom-center-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-md-bottom-center:nth-child(n+19 of.gds-toast-responsive-md-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-19;position-anchor:--gds-toast-bottom-center-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-md-bottom-center:nth-child(n+20 of.gds-toast-responsive-md-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-20;position-anchor:--gds-toast-bottom-center-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-md-bottom-center:nth-child(n+21 of.gds-toast-responsive-md-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-21;position-anchor:--gds-toast-bottom-center-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-md-bottom-center:nth-child(n+22 of.gds-toast-responsive-md-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-22;position-anchor:--gds-toast-bottom-center-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-md-bottom-center:nth-child(n+23 of.gds-toast-responsive-md-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-23;position-anchor:--gds-toast-bottom-center-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-md-bottom-center:nth-child(n+24 of.gds-toast-responsive-md-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-24;position-anchor:--gds-toast-bottom-center-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-md-bottom-center:nth-child(n+25 of.gds-toast-responsive-md-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-25;position-anchor:--gds-toast-bottom-center-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-md-bottom-right{padding-inline:var(--toast-spacing)}:host.gds-toast-responsive-md-bottom-right:nth-child(1 of.gds-toast-responsive-md-bottom-right){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-bottom-right-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom span-left}:host.gds-toast-responsive-md-bottom-right:nth-child(n+2 of.gds-toast-responsive-md-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-2;position-anchor:--gds-toast-bottom-right-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-md-bottom-right:nth-child(n+3 of.gds-toast-responsive-md-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-3;position-anchor:--gds-toast-bottom-right-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-md-bottom-right:nth-child(n+4 of.gds-toast-responsive-md-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-4;position-anchor:--gds-toast-bottom-right-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-md-bottom-right:nth-child(n+5 of.gds-toast-responsive-md-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-5;position-anchor:--gds-toast-bottom-right-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-md-bottom-right:nth-child(n+6 of.gds-toast-responsive-md-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-6;position-anchor:--gds-toast-bottom-right-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-md-bottom-right:nth-child(n+7 of.gds-toast-responsive-md-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-7;position-anchor:--gds-toast-bottom-right-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-md-bottom-right:nth-child(n+8 of.gds-toast-responsive-md-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-8;position-anchor:--gds-toast-bottom-right-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-md-bottom-right:nth-child(n+9 of.gds-toast-responsive-md-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-9;position-anchor:--gds-toast-bottom-right-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-md-bottom-right:nth-child(n+10 of.gds-toast-responsive-md-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-10;position-anchor:--gds-toast-bottom-right-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-md-bottom-right:nth-child(n+11 of.gds-toast-responsive-md-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-11;position-anchor:--gds-toast-bottom-right-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-md-bottom-right:nth-child(n+12 of.gds-toast-responsive-md-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-12;position-anchor:--gds-toast-bottom-right-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-md-bottom-right:nth-child(n+13 of.gds-toast-responsive-md-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-13;position-anchor:--gds-toast-bottom-right-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-md-bottom-right:nth-child(n+14 of.gds-toast-responsive-md-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-14;position-anchor:--gds-toast-bottom-right-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-md-bottom-right:nth-child(n+15 of.gds-toast-responsive-md-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-15;position-anchor:--gds-toast-bottom-right-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-md-bottom-right:nth-child(n+16 of.gds-toast-responsive-md-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-16;position-anchor:--gds-toast-bottom-right-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-md-bottom-right:nth-child(n+17 of.gds-toast-responsive-md-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-17;position-anchor:--gds-toast-bottom-right-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-md-bottom-right:nth-child(n+18 of.gds-toast-responsive-md-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-18;position-anchor:--gds-toast-bottom-right-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-md-bottom-right:nth-child(n+19 of.gds-toast-responsive-md-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-19;position-anchor:--gds-toast-bottom-right-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-md-bottom-right:nth-child(n+20 of.gds-toast-responsive-md-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-20;position-anchor:--gds-toast-bottom-right-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-md-bottom-right:nth-child(n+21 of.gds-toast-responsive-md-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-21;position-anchor:--gds-toast-bottom-right-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-md-bottom-right:nth-child(n+22 of.gds-toast-responsive-md-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-22;position-anchor:--gds-toast-bottom-right-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-md-bottom-right:nth-child(n+23 of.gds-toast-responsive-md-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-23;position-anchor:--gds-toast-bottom-right-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-md-bottom-right:nth-child(n+24 of.gds-toast-responsive-md-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-24;position-anchor:--gds-toast-bottom-right-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-md-bottom-right:nth-child(n+25 of.gds-toast-responsive-md-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-25;position-anchor:--gds-toast-bottom-right-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}}@media(max-width:600px){:host.gds-toast-responsive-sm-top-left{padding-inline:var(--toast-spacing)}:host.gds-toast-responsive-sm-top-left:nth-child(1 of.gds-toast-responsive-sm-top-left){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-top-left-anchor-1;padding-top:var(--toast-spacing);position-area:top span-right}:host.gds-toast-responsive-sm-top-left:nth-child(n+2 of.gds-toast-responsive-sm-top-left){anchor-name:--gds-toast-top-left-anchor-2;position-anchor:--gds-toast-top-left-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-sm-top-left:nth-child(n+3 of.gds-toast-responsive-sm-top-left){anchor-name:--gds-toast-top-left-anchor-3;position-anchor:--gds-toast-top-left-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-sm-top-left:nth-child(n+4 of.gds-toast-responsive-sm-top-left){anchor-name:--gds-toast-top-left-anchor-4;position-anchor:--gds-toast-top-left-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-sm-top-left:nth-child(n+5 of.gds-toast-responsive-sm-top-left){anchor-name:--gds-toast-top-left-anchor-5;position-anchor:--gds-toast-top-left-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-sm-top-left:nth-child(n+6 of.gds-toast-responsive-sm-top-left){anchor-name:--gds-toast-top-left-anchor-6;position-anchor:--gds-toast-top-left-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-sm-top-left:nth-child(n+7 of.gds-toast-responsive-sm-top-left){anchor-name:--gds-toast-top-left-anchor-7;position-anchor:--gds-toast-top-left-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-sm-top-left:nth-child(n+8 of.gds-toast-responsive-sm-top-left){anchor-name:--gds-toast-top-left-anchor-8;position-anchor:--gds-toast-top-left-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-sm-top-left:nth-child(n+9 of.gds-toast-responsive-sm-top-left){anchor-name:--gds-toast-top-left-anchor-9;position-anchor:--gds-toast-top-left-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-sm-top-left:nth-child(n+10 of.gds-toast-responsive-sm-top-left){anchor-name:--gds-toast-top-left-anchor-10;position-anchor:--gds-toast-top-left-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-sm-top-left:nth-child(n+11 of.gds-toast-responsive-sm-top-left){anchor-name:--gds-toast-top-left-anchor-11;position-anchor:--gds-toast-top-left-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-sm-top-left:nth-child(n+12 of.gds-toast-responsive-sm-top-left){anchor-name:--gds-toast-top-left-anchor-12;position-anchor:--gds-toast-top-left-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-sm-top-left:nth-child(n+13 of.gds-toast-responsive-sm-top-left){anchor-name:--gds-toast-top-left-anchor-13;position-anchor:--gds-toast-top-left-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-sm-top-left:nth-child(n+14 of.gds-toast-responsive-sm-top-left){anchor-name:--gds-toast-top-left-anchor-14;position-anchor:--gds-toast-top-left-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-sm-top-left:nth-child(n+15 of.gds-toast-responsive-sm-top-left){anchor-name:--gds-toast-top-left-anchor-15;position-anchor:--gds-toast-top-left-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-sm-top-left:nth-child(n+16 of.gds-toast-responsive-sm-top-left){anchor-name:--gds-toast-top-left-anchor-16;position-anchor:--gds-toast-top-left-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-sm-top-left:nth-child(n+17 of.gds-toast-responsive-sm-top-left){anchor-name:--gds-toast-top-left-anchor-17;position-anchor:--gds-toast-top-left-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-sm-top-left:nth-child(n+18 of.gds-toast-responsive-sm-top-left){anchor-name:--gds-toast-top-left-anchor-18;position-anchor:--gds-toast-top-left-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-sm-top-left:nth-child(n+19 of.gds-toast-responsive-sm-top-left){anchor-name:--gds-toast-top-left-anchor-19;position-anchor:--gds-toast-top-left-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-sm-top-left:nth-child(n+20 of.gds-toast-responsive-sm-top-left){anchor-name:--gds-toast-top-left-anchor-20;position-anchor:--gds-toast-top-left-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-sm-top-left:nth-child(n+21 of.gds-toast-responsive-sm-top-left){anchor-name:--gds-toast-top-left-anchor-21;position-anchor:--gds-toast-top-left-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-sm-top-left:nth-child(n+22 of.gds-toast-responsive-sm-top-left){anchor-name:--gds-toast-top-left-anchor-22;position-anchor:--gds-toast-top-left-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-sm-top-left:nth-child(n+23 of.gds-toast-responsive-sm-top-left){anchor-name:--gds-toast-top-left-anchor-23;position-anchor:--gds-toast-top-left-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-sm-top-left:nth-child(n+24 of.gds-toast-responsive-sm-top-left){anchor-name:--gds-toast-top-left-anchor-24;position-anchor:--gds-toast-top-left-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-sm-top-left:nth-child(n+25 of.gds-toast-responsive-sm-top-left){anchor-name:--gds-toast-top-left-anchor-25;position-anchor:--gds-toast-top-left-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host.gds-toast-responsive-sm-top-center{padding-inline:var(--toast-spacing)}:host.gds-toast-responsive-sm-top-center:nth-child(1 of.gds-toast-responsive-sm-top-center){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-top-center-anchor-1;padding-top:var(--toast-spacing);position-area:top}:host.gds-toast-responsive-sm-top-center:nth-child(n+2 of.gds-toast-responsive-sm-top-center){anchor-name:--gds-toast-top-center-anchor-2;position-anchor:--gds-toast-top-center-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-sm-top-center:nth-child(n+3 of.gds-toast-responsive-sm-top-center){anchor-name:--gds-toast-top-center-anchor-3;position-anchor:--gds-toast-top-center-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-sm-top-center:nth-child(n+4 of.gds-toast-responsive-sm-top-center){anchor-name:--gds-toast-top-center-anchor-4;position-anchor:--gds-toast-top-center-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-sm-top-center:nth-child(n+5 of.gds-toast-responsive-sm-top-center){anchor-name:--gds-toast-top-center-anchor-5;position-anchor:--gds-toast-top-center-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-sm-top-center:nth-child(n+6 of.gds-toast-responsive-sm-top-center){anchor-name:--gds-toast-top-center-anchor-6;position-anchor:--gds-toast-top-center-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-sm-top-center:nth-child(n+7 of.gds-toast-responsive-sm-top-center){anchor-name:--gds-toast-top-center-anchor-7;position-anchor:--gds-toast-top-center-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-sm-top-center:nth-child(n+8 of.gds-toast-responsive-sm-top-center){anchor-name:--gds-toast-top-center-anchor-8;position-anchor:--gds-toast-top-center-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-sm-top-center:nth-child(n+9 of.gds-toast-responsive-sm-top-center){anchor-name:--gds-toast-top-center-anchor-9;position-anchor:--gds-toast-top-center-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-sm-top-center:nth-child(n+10 of.gds-toast-responsive-sm-top-center){anchor-name:--gds-toast-top-center-anchor-10;position-anchor:--gds-toast-top-center-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-sm-top-center:nth-child(n+11 of.gds-toast-responsive-sm-top-center){anchor-name:--gds-toast-top-center-anchor-11;position-anchor:--gds-toast-top-center-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-sm-top-center:nth-child(n+12 of.gds-toast-responsive-sm-top-center){anchor-name:--gds-toast-top-center-anchor-12;position-anchor:--gds-toast-top-center-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-sm-top-center:nth-child(n+13 of.gds-toast-responsive-sm-top-center){anchor-name:--gds-toast-top-center-anchor-13;position-anchor:--gds-toast-top-center-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-sm-top-center:nth-child(n+14 of.gds-toast-responsive-sm-top-center){anchor-name:--gds-toast-top-center-anchor-14;position-anchor:--gds-toast-top-center-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-sm-top-center:nth-child(n+15 of.gds-toast-responsive-sm-top-center){anchor-name:--gds-toast-top-center-anchor-15;position-anchor:--gds-toast-top-center-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-sm-top-center:nth-child(n+16 of.gds-toast-responsive-sm-top-center){anchor-name:--gds-toast-top-center-anchor-16;position-anchor:--gds-toast-top-center-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-sm-top-center:nth-child(n+17 of.gds-toast-responsive-sm-top-center){anchor-name:--gds-toast-top-center-anchor-17;position-anchor:--gds-toast-top-center-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-sm-top-center:nth-child(n+18 of.gds-toast-responsive-sm-top-center){anchor-name:--gds-toast-top-center-anchor-18;position-anchor:--gds-toast-top-center-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-sm-top-center:nth-child(n+19 of.gds-toast-responsive-sm-top-center){anchor-name:--gds-toast-top-center-anchor-19;position-anchor:--gds-toast-top-center-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-sm-top-center:nth-child(n+20 of.gds-toast-responsive-sm-top-center){anchor-name:--gds-toast-top-center-anchor-20;position-anchor:--gds-toast-top-center-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-sm-top-center:nth-child(n+21 of.gds-toast-responsive-sm-top-center){anchor-name:--gds-toast-top-center-anchor-21;position-anchor:--gds-toast-top-center-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-sm-top-center:nth-child(n+22 of.gds-toast-responsive-sm-top-center){anchor-name:--gds-toast-top-center-anchor-22;position-anchor:--gds-toast-top-center-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-sm-top-center:nth-child(n+23 of.gds-toast-responsive-sm-top-center){anchor-name:--gds-toast-top-center-anchor-23;position-anchor:--gds-toast-top-center-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-sm-top-center:nth-child(n+24 of.gds-toast-responsive-sm-top-center){anchor-name:--gds-toast-top-center-anchor-24;position-anchor:--gds-toast-top-center-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-sm-top-center:nth-child(n+25 of.gds-toast-responsive-sm-top-center){anchor-name:--gds-toast-top-center-anchor-25;position-anchor:--gds-toast-top-center-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host.gds-toast-responsive-sm-top-right{padding-inline:var(--toast-spacing)}:host.gds-toast-responsive-sm-top-right:nth-child(1 of.gds-toast-responsive-sm-top-right){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-top-right-anchor-1;padding-top:var(--toast-spacing);position-area:top span-left}:host.gds-toast-responsive-sm-top-right:nth-child(n+2 of.gds-toast-responsive-sm-top-right){anchor-name:--gds-toast-top-right-anchor-2;position-anchor:--gds-toast-top-right-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-sm-top-right:nth-child(n+3 of.gds-toast-responsive-sm-top-right){anchor-name:--gds-toast-top-right-anchor-3;position-anchor:--gds-toast-top-right-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-sm-top-right:nth-child(n+4 of.gds-toast-responsive-sm-top-right){anchor-name:--gds-toast-top-right-anchor-4;position-anchor:--gds-toast-top-right-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-sm-top-right:nth-child(n+5 of.gds-toast-responsive-sm-top-right){anchor-name:--gds-toast-top-right-anchor-5;position-anchor:--gds-toast-top-right-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-sm-top-right:nth-child(n+6 of.gds-toast-responsive-sm-top-right){anchor-name:--gds-toast-top-right-anchor-6;position-anchor:--gds-toast-top-right-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-sm-top-right:nth-child(n+7 of.gds-toast-responsive-sm-top-right){anchor-name:--gds-toast-top-right-anchor-7;position-anchor:--gds-toast-top-right-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-sm-top-right:nth-child(n+8 of.gds-toast-responsive-sm-top-right){anchor-name:--gds-toast-top-right-anchor-8;position-anchor:--gds-toast-top-right-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-sm-top-right:nth-child(n+9 of.gds-toast-responsive-sm-top-right){anchor-name:--gds-toast-top-right-anchor-9;position-anchor:--gds-toast-top-right-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-sm-top-right:nth-child(n+10 of.gds-toast-responsive-sm-top-right){anchor-name:--gds-toast-top-right-anchor-10;position-anchor:--gds-toast-top-right-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-sm-top-right:nth-child(n+11 of.gds-toast-responsive-sm-top-right){anchor-name:--gds-toast-top-right-anchor-11;position-anchor:--gds-toast-top-right-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-sm-top-right:nth-child(n+12 of.gds-toast-responsive-sm-top-right){anchor-name:--gds-toast-top-right-anchor-12;position-anchor:--gds-toast-top-right-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-sm-top-right:nth-child(n+13 of.gds-toast-responsive-sm-top-right){anchor-name:--gds-toast-top-right-anchor-13;position-anchor:--gds-toast-top-right-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-sm-top-right:nth-child(n+14 of.gds-toast-responsive-sm-top-right){anchor-name:--gds-toast-top-right-anchor-14;position-anchor:--gds-toast-top-right-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-sm-top-right:nth-child(n+15 of.gds-toast-responsive-sm-top-right){anchor-name:--gds-toast-top-right-anchor-15;position-anchor:--gds-toast-top-right-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-sm-top-right:nth-child(n+16 of.gds-toast-responsive-sm-top-right){anchor-name:--gds-toast-top-right-anchor-16;position-anchor:--gds-toast-top-right-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-sm-top-right:nth-child(n+17 of.gds-toast-responsive-sm-top-right){anchor-name:--gds-toast-top-right-anchor-17;position-anchor:--gds-toast-top-right-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-sm-top-right:nth-child(n+18 of.gds-toast-responsive-sm-top-right){anchor-name:--gds-toast-top-right-anchor-18;position-anchor:--gds-toast-top-right-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-sm-top-right:nth-child(n+19 of.gds-toast-responsive-sm-top-right){anchor-name:--gds-toast-top-right-anchor-19;position-anchor:--gds-toast-top-right-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-sm-top-right:nth-child(n+20 of.gds-toast-responsive-sm-top-right){anchor-name:--gds-toast-top-right-anchor-20;position-anchor:--gds-toast-top-right-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-sm-top-right:nth-child(n+21 of.gds-toast-responsive-sm-top-right){anchor-name:--gds-toast-top-right-anchor-21;position-anchor:--gds-toast-top-right-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-sm-top-right:nth-child(n+22 of.gds-toast-responsive-sm-top-right){anchor-name:--gds-toast-top-right-anchor-22;position-anchor:--gds-toast-top-right-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-sm-top-right:nth-child(n+23 of.gds-toast-responsive-sm-top-right){anchor-name:--gds-toast-top-right-anchor-23;position-anchor:--gds-toast-top-right-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-sm-top-right:nth-child(n+24 of.gds-toast-responsive-sm-top-right){anchor-name:--gds-toast-top-right-anchor-24;position-anchor:--gds-toast-top-right-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-sm-top-right:nth-child(n+25 of.gds-toast-responsive-sm-top-right){anchor-name:--gds-toast-top-right-anchor-25;position-anchor:--gds-toast-top-right-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host.gds-toast-responsive-sm-bottom-left{padding-inline:var(--toast-spacing)}:host.gds-toast-responsive-sm-bottom-left:nth-child(1 of.gds-toast-responsive-sm-bottom-left){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-bottom-left-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom span-right}:host.gds-toast-responsive-sm-bottom-left:nth-child(n+2 of.gds-toast-responsive-sm-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-2;position-anchor:--gds-toast-bottom-left-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-sm-bottom-left:nth-child(n+3 of.gds-toast-responsive-sm-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-3;position-anchor:--gds-toast-bottom-left-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-sm-bottom-left:nth-child(n+4 of.gds-toast-responsive-sm-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-4;position-anchor:--gds-toast-bottom-left-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-sm-bottom-left:nth-child(n+5 of.gds-toast-responsive-sm-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-5;position-anchor:--gds-toast-bottom-left-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-sm-bottom-left:nth-child(n+6 of.gds-toast-responsive-sm-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-6;position-anchor:--gds-toast-bottom-left-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-sm-bottom-left:nth-child(n+7 of.gds-toast-responsive-sm-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-7;position-anchor:--gds-toast-bottom-left-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-sm-bottom-left:nth-child(n+8 of.gds-toast-responsive-sm-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-8;position-anchor:--gds-toast-bottom-left-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-sm-bottom-left:nth-child(n+9 of.gds-toast-responsive-sm-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-9;position-anchor:--gds-toast-bottom-left-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-sm-bottom-left:nth-child(n+10 of.gds-toast-responsive-sm-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-10;position-anchor:--gds-toast-bottom-left-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-sm-bottom-left:nth-child(n+11 of.gds-toast-responsive-sm-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-11;position-anchor:--gds-toast-bottom-left-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-sm-bottom-left:nth-child(n+12 of.gds-toast-responsive-sm-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-12;position-anchor:--gds-toast-bottom-left-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-sm-bottom-left:nth-child(n+13 of.gds-toast-responsive-sm-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-13;position-anchor:--gds-toast-bottom-left-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-sm-bottom-left:nth-child(n+14 of.gds-toast-responsive-sm-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-14;position-anchor:--gds-toast-bottom-left-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-sm-bottom-left:nth-child(n+15 of.gds-toast-responsive-sm-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-15;position-anchor:--gds-toast-bottom-left-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-sm-bottom-left:nth-child(n+16 of.gds-toast-responsive-sm-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-16;position-anchor:--gds-toast-bottom-left-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-sm-bottom-left:nth-child(n+17 of.gds-toast-responsive-sm-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-17;position-anchor:--gds-toast-bottom-left-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-sm-bottom-left:nth-child(n+18 of.gds-toast-responsive-sm-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-18;position-anchor:--gds-toast-bottom-left-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-sm-bottom-left:nth-child(n+19 of.gds-toast-responsive-sm-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-19;position-anchor:--gds-toast-bottom-left-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-sm-bottom-left:nth-child(n+20 of.gds-toast-responsive-sm-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-20;position-anchor:--gds-toast-bottom-left-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-sm-bottom-left:nth-child(n+21 of.gds-toast-responsive-sm-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-21;position-anchor:--gds-toast-bottom-left-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-sm-bottom-left:nth-child(n+22 of.gds-toast-responsive-sm-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-22;position-anchor:--gds-toast-bottom-left-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-sm-bottom-left:nth-child(n+23 of.gds-toast-responsive-sm-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-23;position-anchor:--gds-toast-bottom-left-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-sm-bottom-left:nth-child(n+24 of.gds-toast-responsive-sm-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-24;position-anchor:--gds-toast-bottom-left-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-sm-bottom-left:nth-child(n+25 of.gds-toast-responsive-sm-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-25;position-anchor:--gds-toast-bottom-left-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host.gds-toast-responsive-sm-bottom-center{padding-inline:var(--toast-spacing)}:host.gds-toast-responsive-sm-bottom-center:nth-child(1 of.gds-toast-responsive-sm-bottom-center){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-bottom-center-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom}:host.gds-toast-responsive-sm-bottom-center:nth-child(n+2 of.gds-toast-responsive-sm-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-2;position-anchor:--gds-toast-bottom-center-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-sm-bottom-center:nth-child(n+3 of.gds-toast-responsive-sm-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-3;position-anchor:--gds-toast-bottom-center-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-sm-bottom-center:nth-child(n+4 of.gds-toast-responsive-sm-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-4;position-anchor:--gds-toast-bottom-center-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-sm-bottom-center:nth-child(n+5 of.gds-toast-responsive-sm-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-5;position-anchor:--gds-toast-bottom-center-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-sm-bottom-center:nth-child(n+6 of.gds-toast-responsive-sm-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-6;position-anchor:--gds-toast-bottom-center-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-sm-bottom-center:nth-child(n+7 of.gds-toast-responsive-sm-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-7;position-anchor:--gds-toast-bottom-center-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-sm-bottom-center:nth-child(n+8 of.gds-toast-responsive-sm-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-8;position-anchor:--gds-toast-bottom-center-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-sm-bottom-center:nth-child(n+9 of.gds-toast-responsive-sm-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-9;position-anchor:--gds-toast-bottom-center-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-sm-bottom-center:nth-child(n+10 of.gds-toast-responsive-sm-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-10;position-anchor:--gds-toast-bottom-center-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-sm-bottom-center:nth-child(n+11 of.gds-toast-responsive-sm-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-11;position-anchor:--gds-toast-bottom-center-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-sm-bottom-center:nth-child(n+12 of.gds-toast-responsive-sm-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-12;position-anchor:--gds-toast-bottom-center-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-sm-bottom-center:nth-child(n+13 of.gds-toast-responsive-sm-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-13;position-anchor:--gds-toast-bottom-center-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-sm-bottom-center:nth-child(n+14 of.gds-toast-responsive-sm-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-14;position-anchor:--gds-toast-bottom-center-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-sm-bottom-center:nth-child(n+15 of.gds-toast-responsive-sm-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-15;position-anchor:--gds-toast-bottom-center-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-sm-bottom-center:nth-child(n+16 of.gds-toast-responsive-sm-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-16;position-anchor:--gds-toast-bottom-center-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-sm-bottom-center:nth-child(n+17 of.gds-toast-responsive-sm-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-17;position-anchor:--gds-toast-bottom-center-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-sm-bottom-center:nth-child(n+18 of.gds-toast-responsive-sm-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-18;position-anchor:--gds-toast-bottom-center-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-sm-bottom-center:nth-child(n+19 of.gds-toast-responsive-sm-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-19;position-anchor:--gds-toast-bottom-center-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-sm-bottom-center:nth-child(n+20 of.gds-toast-responsive-sm-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-20;position-anchor:--gds-toast-bottom-center-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-sm-bottom-center:nth-child(n+21 of.gds-toast-responsive-sm-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-21;position-anchor:--gds-toast-bottom-center-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-sm-bottom-center:nth-child(n+22 of.gds-toast-responsive-sm-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-22;position-anchor:--gds-toast-bottom-center-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-sm-bottom-center:nth-child(n+23 of.gds-toast-responsive-sm-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-23;position-anchor:--gds-toast-bottom-center-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-sm-bottom-center:nth-child(n+24 of.gds-toast-responsive-sm-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-24;position-anchor:--gds-toast-bottom-center-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-sm-bottom-center:nth-child(n+25 of.gds-toast-responsive-sm-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-25;position-anchor:--gds-toast-bottom-center-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host.gds-toast-responsive-sm-bottom-right{padding-inline:var(--toast-spacing)}:host.gds-toast-responsive-sm-bottom-right:nth-child(1 of.gds-toast-responsive-sm-bottom-right){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-bottom-right-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom span-left}:host.gds-toast-responsive-sm-bottom-right:nth-child(n+2 of.gds-toast-responsive-sm-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-2;position-anchor:--gds-toast-bottom-right-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-sm-bottom-right:nth-child(n+3 of.gds-toast-responsive-sm-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-3;position-anchor:--gds-toast-bottom-right-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-sm-bottom-right:nth-child(n+4 of.gds-toast-responsive-sm-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-4;position-anchor:--gds-toast-bottom-right-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-sm-bottom-right:nth-child(n+5 of.gds-toast-responsive-sm-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-5;position-anchor:--gds-toast-bottom-right-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-sm-bottom-right:nth-child(n+6 of.gds-toast-responsive-sm-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-6;position-anchor:--gds-toast-bottom-right-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-sm-bottom-right:nth-child(n+7 of.gds-toast-responsive-sm-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-7;position-anchor:--gds-toast-bottom-right-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-sm-bottom-right:nth-child(n+8 of.gds-toast-responsive-sm-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-8;position-anchor:--gds-toast-bottom-right-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-sm-bottom-right:nth-child(n+9 of.gds-toast-responsive-sm-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-9;position-anchor:--gds-toast-bottom-right-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-sm-bottom-right:nth-child(n+10 of.gds-toast-responsive-sm-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-10;position-anchor:--gds-toast-bottom-right-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-sm-bottom-right:nth-child(n+11 of.gds-toast-responsive-sm-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-11;position-anchor:--gds-toast-bottom-right-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-sm-bottom-right:nth-child(n+12 of.gds-toast-responsive-sm-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-12;position-anchor:--gds-toast-bottom-right-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-sm-bottom-right:nth-child(n+13 of.gds-toast-responsive-sm-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-13;position-anchor:--gds-toast-bottom-right-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-sm-bottom-right:nth-child(n+14 of.gds-toast-responsive-sm-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-14;position-anchor:--gds-toast-bottom-right-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-sm-bottom-right:nth-child(n+15 of.gds-toast-responsive-sm-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-15;position-anchor:--gds-toast-bottom-right-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-sm-bottom-right:nth-child(n+16 of.gds-toast-responsive-sm-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-16;position-anchor:--gds-toast-bottom-right-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-sm-bottom-right:nth-child(n+17 of.gds-toast-responsive-sm-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-17;position-anchor:--gds-toast-bottom-right-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-sm-bottom-right:nth-child(n+18 of.gds-toast-responsive-sm-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-18;position-anchor:--gds-toast-bottom-right-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-sm-bottom-right:nth-child(n+19 of.gds-toast-responsive-sm-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-19;position-anchor:--gds-toast-bottom-right-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-sm-bottom-right:nth-child(n+20 of.gds-toast-responsive-sm-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-20;position-anchor:--gds-toast-bottom-right-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-sm-bottom-right:nth-child(n+21 of.gds-toast-responsive-sm-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-21;position-anchor:--gds-toast-bottom-right-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-sm-bottom-right:nth-child(n+22 of.gds-toast-responsive-sm-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-22;position-anchor:--gds-toast-bottom-right-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-sm-bottom-right:nth-child(n+23 of.gds-toast-responsive-sm-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-23;position-anchor:--gds-toast-bottom-right-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-sm-bottom-right:nth-child(n+24 of.gds-toast-responsive-sm-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-24;position-anchor:--gds-toast-bottom-right-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host.gds-toast-responsive-sm-bottom-right:nth-child(n+25 of.gds-toast-responsive-sm-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-25;position-anchor:--gds-toast-bottom-right-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}}:host body[isMobile=true].gds-toast-mobile-top-left{padding-inline:var(--toast-spacing)}:host body[isMobile=true].gds-toast-mobile-top-left:nth-child(1 of.gds-toast-mobile-top-left){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-top-left-anchor-1;padding-top:var(--toast-spacing);position-area:top span-right}:host body[isMobile=true].gds-toast-mobile-top-left:nth-child(n+2 of.gds-toast-mobile-top-left){anchor-name:--gds-toast-top-left-anchor-2;position-anchor:--gds-toast-top-left-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].gds-toast-mobile-top-left:nth-child(n+3 of.gds-toast-mobile-top-left){anchor-name:--gds-toast-top-left-anchor-3;position-anchor:--gds-toast-top-left-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].gds-toast-mobile-top-left:nth-child(n+4 of.gds-toast-mobile-top-left){anchor-name:--gds-toast-top-left-anchor-4;position-anchor:--gds-toast-top-left-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].gds-toast-mobile-top-left:nth-child(n+5 of.gds-toast-mobile-top-left){anchor-name:--gds-toast-top-left-anchor-5;position-anchor:--gds-toast-top-left-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].gds-toast-mobile-top-left:nth-child(n+6 of.gds-toast-mobile-top-left){anchor-name:--gds-toast-top-left-anchor-6;position-anchor:--gds-toast-top-left-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].gds-toast-mobile-top-left:nth-child(n+7 of.gds-toast-mobile-top-left){anchor-name:--gds-toast-top-left-anchor-7;position-anchor:--gds-toast-top-left-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].gds-toast-mobile-top-left:nth-child(n+8 of.gds-toast-mobile-top-left){anchor-name:--gds-toast-top-left-anchor-8;position-anchor:--gds-toast-top-left-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].gds-toast-mobile-top-left:nth-child(n+9 of.gds-toast-mobile-top-left){anchor-name:--gds-toast-top-left-anchor-9;position-anchor:--gds-toast-top-left-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].gds-toast-mobile-top-left:nth-child(n+10 of.gds-toast-mobile-top-left){anchor-name:--gds-toast-top-left-anchor-10;position-anchor:--gds-toast-top-left-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].gds-toast-mobile-top-left:nth-child(n+11 of.gds-toast-mobile-top-left){anchor-name:--gds-toast-top-left-anchor-11;position-anchor:--gds-toast-top-left-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].gds-toast-mobile-top-left:nth-child(n+12 of.gds-toast-mobile-top-left){anchor-name:--gds-toast-top-left-anchor-12;position-anchor:--gds-toast-top-left-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].gds-toast-mobile-top-left:nth-child(n+13 of.gds-toast-mobile-top-left){anchor-name:--gds-toast-top-left-anchor-13;position-anchor:--gds-toast-top-left-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].gds-toast-mobile-top-left:nth-child(n+14 of.gds-toast-mobile-top-left){anchor-name:--gds-toast-top-left-anchor-14;position-anchor:--gds-toast-top-left-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].gds-toast-mobile-top-left:nth-child(n+15 of.gds-toast-mobile-top-left){anchor-name:--gds-toast-top-left-anchor-15;position-anchor:--gds-toast-top-left-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].gds-toast-mobile-top-left:nth-child(n+16 of.gds-toast-mobile-top-left){anchor-name:--gds-toast-top-left-anchor-16;position-anchor:--gds-toast-top-left-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].gds-toast-mobile-top-left:nth-child(n+17 of.gds-toast-mobile-top-left){anchor-name:--gds-toast-top-left-anchor-17;position-anchor:--gds-toast-top-left-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].gds-toast-mobile-top-left:nth-child(n+18 of.gds-toast-mobile-top-left){anchor-name:--gds-toast-top-left-anchor-18;position-anchor:--gds-toast-top-left-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].gds-toast-mobile-top-left:nth-child(n+19 of.gds-toast-mobile-top-left){anchor-name:--gds-toast-top-left-anchor-19;position-anchor:--gds-toast-top-left-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].gds-toast-mobile-top-left:nth-child(n+20 of.gds-toast-mobile-top-left){anchor-name:--gds-toast-top-left-anchor-20;position-anchor:--gds-toast-top-left-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].gds-toast-mobile-top-left:nth-child(n+21 of.gds-toast-mobile-top-left){anchor-name:--gds-toast-top-left-anchor-21;position-anchor:--gds-toast-top-left-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].gds-toast-mobile-top-left:nth-child(n+22 of.gds-toast-mobile-top-left){anchor-name:--gds-toast-top-left-anchor-22;position-anchor:--gds-toast-top-left-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].gds-toast-mobile-top-left:nth-child(n+23 of.gds-toast-mobile-top-left){anchor-name:--gds-toast-top-left-anchor-23;position-anchor:--gds-toast-top-left-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].gds-toast-mobile-top-left:nth-child(n+24 of.gds-toast-mobile-top-left){anchor-name:--gds-toast-top-left-anchor-24;position-anchor:--gds-toast-top-left-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].gds-toast-mobile-top-left:nth-child(n+25 of.gds-toast-mobile-top-left){anchor-name:--gds-toast-top-left-anchor-25;position-anchor:--gds-toast-top-left-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-right}:host body[isMobile=true].gds-toast-mobile-top-center{padding-inline:var(--toast-spacing)}:host body[isMobile=true].gds-toast-mobile-top-center:nth-child(1 of.gds-toast-mobile-top-center){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-top-center-anchor-1;padding-top:var(--toast-spacing);position-area:top}:host body[isMobile=true].gds-toast-mobile-top-center:nth-child(n+2 of.gds-toast-mobile-top-center){anchor-name:--gds-toast-top-center-anchor-2;position-anchor:--gds-toast-top-center-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].gds-toast-mobile-top-center:nth-child(n+3 of.gds-toast-mobile-top-center){anchor-name:--gds-toast-top-center-anchor-3;position-anchor:--gds-toast-top-center-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].gds-toast-mobile-top-center:nth-child(n+4 of.gds-toast-mobile-top-center){anchor-name:--gds-toast-top-center-anchor-4;position-anchor:--gds-toast-top-center-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].gds-toast-mobile-top-center:nth-child(n+5 of.gds-toast-mobile-top-center){anchor-name:--gds-toast-top-center-anchor-5;position-anchor:--gds-toast-top-center-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].gds-toast-mobile-top-center:nth-child(n+6 of.gds-toast-mobile-top-center){anchor-name:--gds-toast-top-center-anchor-6;position-anchor:--gds-toast-top-center-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].gds-toast-mobile-top-center:nth-child(n+7 of.gds-toast-mobile-top-center){anchor-name:--gds-toast-top-center-anchor-7;position-anchor:--gds-toast-top-center-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].gds-toast-mobile-top-center:nth-child(n+8 of.gds-toast-mobile-top-center){anchor-name:--gds-toast-top-center-anchor-8;position-anchor:--gds-toast-top-center-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].gds-toast-mobile-top-center:nth-child(n+9 of.gds-toast-mobile-top-center){anchor-name:--gds-toast-top-center-anchor-9;position-anchor:--gds-toast-top-center-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].gds-toast-mobile-top-center:nth-child(n+10 of.gds-toast-mobile-top-center){anchor-name:--gds-toast-top-center-anchor-10;position-anchor:--gds-toast-top-center-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].gds-toast-mobile-top-center:nth-child(n+11 of.gds-toast-mobile-top-center){anchor-name:--gds-toast-top-center-anchor-11;position-anchor:--gds-toast-top-center-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].gds-toast-mobile-top-center:nth-child(n+12 of.gds-toast-mobile-top-center){anchor-name:--gds-toast-top-center-anchor-12;position-anchor:--gds-toast-top-center-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].gds-toast-mobile-top-center:nth-child(n+13 of.gds-toast-mobile-top-center){anchor-name:--gds-toast-top-center-anchor-13;position-anchor:--gds-toast-top-center-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].gds-toast-mobile-top-center:nth-child(n+14 of.gds-toast-mobile-top-center){anchor-name:--gds-toast-top-center-anchor-14;position-anchor:--gds-toast-top-center-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].gds-toast-mobile-top-center:nth-child(n+15 of.gds-toast-mobile-top-center){anchor-name:--gds-toast-top-center-anchor-15;position-anchor:--gds-toast-top-center-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].gds-toast-mobile-top-center:nth-child(n+16 of.gds-toast-mobile-top-center){anchor-name:--gds-toast-top-center-anchor-16;position-anchor:--gds-toast-top-center-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].gds-toast-mobile-top-center:nth-child(n+17 of.gds-toast-mobile-top-center){anchor-name:--gds-toast-top-center-anchor-17;position-anchor:--gds-toast-top-center-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].gds-toast-mobile-top-center:nth-child(n+18 of.gds-toast-mobile-top-center){anchor-name:--gds-toast-top-center-anchor-18;position-anchor:--gds-toast-top-center-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].gds-toast-mobile-top-center:nth-child(n+19 of.gds-toast-mobile-top-center){anchor-name:--gds-toast-top-center-anchor-19;position-anchor:--gds-toast-top-center-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].gds-toast-mobile-top-center:nth-child(n+20 of.gds-toast-mobile-top-center){anchor-name:--gds-toast-top-center-anchor-20;position-anchor:--gds-toast-top-center-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].gds-toast-mobile-top-center:nth-child(n+21 of.gds-toast-mobile-top-center){anchor-name:--gds-toast-top-center-anchor-21;position-anchor:--gds-toast-top-center-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].gds-toast-mobile-top-center:nth-child(n+22 of.gds-toast-mobile-top-center){anchor-name:--gds-toast-top-center-anchor-22;position-anchor:--gds-toast-top-center-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].gds-toast-mobile-top-center:nth-child(n+23 of.gds-toast-mobile-top-center){anchor-name:--gds-toast-top-center-anchor-23;position-anchor:--gds-toast-top-center-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].gds-toast-mobile-top-center:nth-child(n+24 of.gds-toast-mobile-top-center){anchor-name:--gds-toast-top-center-anchor-24;position-anchor:--gds-toast-top-center-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].gds-toast-mobile-top-center:nth-child(n+25 of.gds-toast-mobile-top-center){anchor-name:--gds-toast-top-center-anchor-25;position-anchor:--gds-toast-top-center-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom}:host body[isMobile=true].gds-toast-mobile-top-right{padding-inline:var(--toast-spacing)}:host body[isMobile=true].gds-toast-mobile-top-right:nth-child(1 of.gds-toast-mobile-top-right){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-top-right-anchor-1;padding-top:var(--toast-spacing);position-area:top span-left}:host body[isMobile=true].gds-toast-mobile-top-right:nth-child(n+2 of.gds-toast-mobile-top-right){anchor-name:--gds-toast-top-right-anchor-2;position-anchor:--gds-toast-top-right-anchor-1;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].gds-toast-mobile-top-right:nth-child(n+3 of.gds-toast-mobile-top-right){anchor-name:--gds-toast-top-right-anchor-3;position-anchor:--gds-toast-top-right-anchor-2;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].gds-toast-mobile-top-right:nth-child(n+4 of.gds-toast-mobile-top-right){anchor-name:--gds-toast-top-right-anchor-4;position-anchor:--gds-toast-top-right-anchor-3;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].gds-toast-mobile-top-right:nth-child(n+5 of.gds-toast-mobile-top-right){anchor-name:--gds-toast-top-right-anchor-5;position-anchor:--gds-toast-top-right-anchor-4;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].gds-toast-mobile-top-right:nth-child(n+6 of.gds-toast-mobile-top-right){anchor-name:--gds-toast-top-right-anchor-6;position-anchor:--gds-toast-top-right-anchor-5;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].gds-toast-mobile-top-right:nth-child(n+7 of.gds-toast-mobile-top-right){anchor-name:--gds-toast-top-right-anchor-7;position-anchor:--gds-toast-top-right-anchor-6;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].gds-toast-mobile-top-right:nth-child(n+8 of.gds-toast-mobile-top-right){anchor-name:--gds-toast-top-right-anchor-8;position-anchor:--gds-toast-top-right-anchor-7;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].gds-toast-mobile-top-right:nth-child(n+9 of.gds-toast-mobile-top-right){anchor-name:--gds-toast-top-right-anchor-9;position-anchor:--gds-toast-top-right-anchor-8;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].gds-toast-mobile-top-right:nth-child(n+10 of.gds-toast-mobile-top-right){anchor-name:--gds-toast-top-right-anchor-10;position-anchor:--gds-toast-top-right-anchor-9;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].gds-toast-mobile-top-right:nth-child(n+11 of.gds-toast-mobile-top-right){anchor-name:--gds-toast-top-right-anchor-11;position-anchor:--gds-toast-top-right-anchor-10;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].gds-toast-mobile-top-right:nth-child(n+12 of.gds-toast-mobile-top-right){anchor-name:--gds-toast-top-right-anchor-12;position-anchor:--gds-toast-top-right-anchor-11;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].gds-toast-mobile-top-right:nth-child(n+13 of.gds-toast-mobile-top-right){anchor-name:--gds-toast-top-right-anchor-13;position-anchor:--gds-toast-top-right-anchor-12;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].gds-toast-mobile-top-right:nth-child(n+14 of.gds-toast-mobile-top-right){anchor-name:--gds-toast-top-right-anchor-14;position-anchor:--gds-toast-top-right-anchor-13;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].gds-toast-mobile-top-right:nth-child(n+15 of.gds-toast-mobile-top-right){anchor-name:--gds-toast-top-right-anchor-15;position-anchor:--gds-toast-top-right-anchor-14;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].gds-toast-mobile-top-right:nth-child(n+16 of.gds-toast-mobile-top-right){anchor-name:--gds-toast-top-right-anchor-16;position-anchor:--gds-toast-top-right-anchor-15;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].gds-toast-mobile-top-right:nth-child(n+17 of.gds-toast-mobile-top-right){anchor-name:--gds-toast-top-right-anchor-17;position-anchor:--gds-toast-top-right-anchor-16;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].gds-toast-mobile-top-right:nth-child(n+18 of.gds-toast-mobile-top-right){anchor-name:--gds-toast-top-right-anchor-18;position-anchor:--gds-toast-top-right-anchor-17;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].gds-toast-mobile-top-right:nth-child(n+19 of.gds-toast-mobile-top-right){anchor-name:--gds-toast-top-right-anchor-19;position-anchor:--gds-toast-top-right-anchor-18;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].gds-toast-mobile-top-right:nth-child(n+20 of.gds-toast-mobile-top-right){anchor-name:--gds-toast-top-right-anchor-20;position-anchor:--gds-toast-top-right-anchor-19;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].gds-toast-mobile-top-right:nth-child(n+21 of.gds-toast-mobile-top-right){anchor-name:--gds-toast-top-right-anchor-21;position-anchor:--gds-toast-top-right-anchor-20;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].gds-toast-mobile-top-right:nth-child(n+22 of.gds-toast-mobile-top-right){anchor-name:--gds-toast-top-right-anchor-22;position-anchor:--gds-toast-top-right-anchor-21;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].gds-toast-mobile-top-right:nth-child(n+23 of.gds-toast-mobile-top-right){anchor-name:--gds-toast-top-right-anchor-23;position-anchor:--gds-toast-top-right-anchor-22;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].gds-toast-mobile-top-right:nth-child(n+24 of.gds-toast-mobile-top-right){anchor-name:--gds-toast-top-right-anchor-24;position-anchor:--gds-toast-top-right-anchor-23;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].gds-toast-mobile-top-right:nth-child(n+25 of.gds-toast-mobile-top-right){anchor-name:--gds-toast-top-right-anchor-25;position-anchor:--gds-toast-top-right-anchor-24;top:calc(anchor(bottom) + var(--toast-spacing));bottom:auto;position-area:bottom span-left}:host body[isMobile=true].gds-toast-mobile-bottom-left{padding-inline:var(--toast-spacing)}:host body[isMobile=true].gds-toast-mobile-bottom-left:nth-child(1 of.gds-toast-mobile-bottom-left){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-bottom-left-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom span-right}:host body[isMobile=true].gds-toast-mobile-bottom-left:nth-child(n+2 of.gds-toast-mobile-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-2;position-anchor:--gds-toast-bottom-left-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].gds-toast-mobile-bottom-left:nth-child(n+3 of.gds-toast-mobile-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-3;position-anchor:--gds-toast-bottom-left-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].gds-toast-mobile-bottom-left:nth-child(n+4 of.gds-toast-mobile-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-4;position-anchor:--gds-toast-bottom-left-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].gds-toast-mobile-bottom-left:nth-child(n+5 of.gds-toast-mobile-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-5;position-anchor:--gds-toast-bottom-left-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].gds-toast-mobile-bottom-left:nth-child(n+6 of.gds-toast-mobile-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-6;position-anchor:--gds-toast-bottom-left-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].gds-toast-mobile-bottom-left:nth-child(n+7 of.gds-toast-mobile-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-7;position-anchor:--gds-toast-bottom-left-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].gds-toast-mobile-bottom-left:nth-child(n+8 of.gds-toast-mobile-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-8;position-anchor:--gds-toast-bottom-left-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].gds-toast-mobile-bottom-left:nth-child(n+9 of.gds-toast-mobile-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-9;position-anchor:--gds-toast-bottom-left-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].gds-toast-mobile-bottom-left:nth-child(n+10 of.gds-toast-mobile-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-10;position-anchor:--gds-toast-bottom-left-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].gds-toast-mobile-bottom-left:nth-child(n+11 of.gds-toast-mobile-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-11;position-anchor:--gds-toast-bottom-left-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].gds-toast-mobile-bottom-left:nth-child(n+12 of.gds-toast-mobile-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-12;position-anchor:--gds-toast-bottom-left-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].gds-toast-mobile-bottom-left:nth-child(n+13 of.gds-toast-mobile-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-13;position-anchor:--gds-toast-bottom-left-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].gds-toast-mobile-bottom-left:nth-child(n+14 of.gds-toast-mobile-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-14;position-anchor:--gds-toast-bottom-left-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].gds-toast-mobile-bottom-left:nth-child(n+15 of.gds-toast-mobile-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-15;position-anchor:--gds-toast-bottom-left-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].gds-toast-mobile-bottom-left:nth-child(n+16 of.gds-toast-mobile-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-16;position-anchor:--gds-toast-bottom-left-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].gds-toast-mobile-bottom-left:nth-child(n+17 of.gds-toast-mobile-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-17;position-anchor:--gds-toast-bottom-left-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].gds-toast-mobile-bottom-left:nth-child(n+18 of.gds-toast-mobile-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-18;position-anchor:--gds-toast-bottom-left-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].gds-toast-mobile-bottom-left:nth-child(n+19 of.gds-toast-mobile-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-19;position-anchor:--gds-toast-bottom-left-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].gds-toast-mobile-bottom-left:nth-child(n+20 of.gds-toast-mobile-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-20;position-anchor:--gds-toast-bottom-left-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].gds-toast-mobile-bottom-left:nth-child(n+21 of.gds-toast-mobile-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-21;position-anchor:--gds-toast-bottom-left-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].gds-toast-mobile-bottom-left:nth-child(n+22 of.gds-toast-mobile-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-22;position-anchor:--gds-toast-bottom-left-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].gds-toast-mobile-bottom-left:nth-child(n+23 of.gds-toast-mobile-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-23;position-anchor:--gds-toast-bottom-left-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].gds-toast-mobile-bottom-left:nth-child(n+24 of.gds-toast-mobile-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-24;position-anchor:--gds-toast-bottom-left-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].gds-toast-mobile-bottom-left:nth-child(n+25 of.gds-toast-mobile-bottom-left){anchor-name:--gds-toast-bottom-left-anchor-25;position-anchor:--gds-toast-bottom-left-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-right}:host body[isMobile=true].gds-toast-mobile-bottom-center{padding-inline:var(--toast-spacing)}:host body[isMobile=true].gds-toast-mobile-bottom-center:nth-child(1 of.gds-toast-mobile-bottom-center){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-bottom-center-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom}:host body[isMobile=true].gds-toast-mobile-bottom-center:nth-child(n+2 of.gds-toast-mobile-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-2;position-anchor:--gds-toast-bottom-center-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].gds-toast-mobile-bottom-center:nth-child(n+3 of.gds-toast-mobile-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-3;position-anchor:--gds-toast-bottom-center-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].gds-toast-mobile-bottom-center:nth-child(n+4 of.gds-toast-mobile-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-4;position-anchor:--gds-toast-bottom-center-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].gds-toast-mobile-bottom-center:nth-child(n+5 of.gds-toast-mobile-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-5;position-anchor:--gds-toast-bottom-center-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].gds-toast-mobile-bottom-center:nth-child(n+6 of.gds-toast-mobile-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-6;position-anchor:--gds-toast-bottom-center-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].gds-toast-mobile-bottom-center:nth-child(n+7 of.gds-toast-mobile-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-7;position-anchor:--gds-toast-bottom-center-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].gds-toast-mobile-bottom-center:nth-child(n+8 of.gds-toast-mobile-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-8;position-anchor:--gds-toast-bottom-center-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].gds-toast-mobile-bottom-center:nth-child(n+9 of.gds-toast-mobile-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-9;position-anchor:--gds-toast-bottom-center-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].gds-toast-mobile-bottom-center:nth-child(n+10 of.gds-toast-mobile-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-10;position-anchor:--gds-toast-bottom-center-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].gds-toast-mobile-bottom-center:nth-child(n+11 of.gds-toast-mobile-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-11;position-anchor:--gds-toast-bottom-center-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].gds-toast-mobile-bottom-center:nth-child(n+12 of.gds-toast-mobile-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-12;position-anchor:--gds-toast-bottom-center-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].gds-toast-mobile-bottom-center:nth-child(n+13 of.gds-toast-mobile-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-13;position-anchor:--gds-toast-bottom-center-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].gds-toast-mobile-bottom-center:nth-child(n+14 of.gds-toast-mobile-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-14;position-anchor:--gds-toast-bottom-center-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].gds-toast-mobile-bottom-center:nth-child(n+15 of.gds-toast-mobile-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-15;position-anchor:--gds-toast-bottom-center-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].gds-toast-mobile-bottom-center:nth-child(n+16 of.gds-toast-mobile-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-16;position-anchor:--gds-toast-bottom-center-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].gds-toast-mobile-bottom-center:nth-child(n+17 of.gds-toast-mobile-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-17;position-anchor:--gds-toast-bottom-center-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].gds-toast-mobile-bottom-center:nth-child(n+18 of.gds-toast-mobile-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-18;position-anchor:--gds-toast-bottom-center-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].gds-toast-mobile-bottom-center:nth-child(n+19 of.gds-toast-mobile-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-19;position-anchor:--gds-toast-bottom-center-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].gds-toast-mobile-bottom-center:nth-child(n+20 of.gds-toast-mobile-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-20;position-anchor:--gds-toast-bottom-center-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].gds-toast-mobile-bottom-center:nth-child(n+21 of.gds-toast-mobile-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-21;position-anchor:--gds-toast-bottom-center-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].gds-toast-mobile-bottom-center:nth-child(n+22 of.gds-toast-mobile-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-22;position-anchor:--gds-toast-bottom-center-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].gds-toast-mobile-bottom-center:nth-child(n+23 of.gds-toast-mobile-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-23;position-anchor:--gds-toast-bottom-center-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].gds-toast-mobile-bottom-center:nth-child(n+24 of.gds-toast-mobile-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-24;position-anchor:--gds-toast-bottom-center-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].gds-toast-mobile-bottom-center:nth-child(n+25 of.gds-toast-mobile-bottom-center){anchor-name:--gds-toast-bottom-center-anchor-25;position-anchor:--gds-toast-bottom-center-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top}:host body[isMobile=true].gds-toast-mobile-bottom-right{padding-inline:var(--toast-spacing)}:host body[isMobile=true].gds-toast-mobile-bottom-right:nth-child(1 of.gds-toast-mobile-bottom-right){position-anchor:--gds-toast-container-anchor;anchor-name:--gds-toast-bottom-right-anchor-1;padding-bottom:var(--toast-spacing);position-area:bottom span-left}:host body[isMobile=true].gds-toast-mobile-bottom-right:nth-child(n+2 of.gds-toast-mobile-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-2;position-anchor:--gds-toast-bottom-right-anchor-1;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].gds-toast-mobile-bottom-right:nth-child(n+3 of.gds-toast-mobile-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-3;position-anchor:--gds-toast-bottom-right-anchor-2;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].gds-toast-mobile-bottom-right:nth-child(n+4 of.gds-toast-mobile-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-4;position-anchor:--gds-toast-bottom-right-anchor-3;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].gds-toast-mobile-bottom-right:nth-child(n+5 of.gds-toast-mobile-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-5;position-anchor:--gds-toast-bottom-right-anchor-4;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].gds-toast-mobile-bottom-right:nth-child(n+6 of.gds-toast-mobile-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-6;position-anchor:--gds-toast-bottom-right-anchor-5;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].gds-toast-mobile-bottom-right:nth-child(n+7 of.gds-toast-mobile-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-7;position-anchor:--gds-toast-bottom-right-anchor-6;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].gds-toast-mobile-bottom-right:nth-child(n+8 of.gds-toast-mobile-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-8;position-anchor:--gds-toast-bottom-right-anchor-7;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].gds-toast-mobile-bottom-right:nth-child(n+9 of.gds-toast-mobile-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-9;position-anchor:--gds-toast-bottom-right-anchor-8;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].gds-toast-mobile-bottom-right:nth-child(n+10 of.gds-toast-mobile-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-10;position-anchor:--gds-toast-bottom-right-anchor-9;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].gds-toast-mobile-bottom-right:nth-child(n+11 of.gds-toast-mobile-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-11;position-anchor:--gds-toast-bottom-right-anchor-10;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].gds-toast-mobile-bottom-right:nth-child(n+12 of.gds-toast-mobile-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-12;position-anchor:--gds-toast-bottom-right-anchor-11;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].gds-toast-mobile-bottom-right:nth-child(n+13 of.gds-toast-mobile-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-13;position-anchor:--gds-toast-bottom-right-anchor-12;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].gds-toast-mobile-bottom-right:nth-child(n+14 of.gds-toast-mobile-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-14;position-anchor:--gds-toast-bottom-right-anchor-13;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].gds-toast-mobile-bottom-right:nth-child(n+15 of.gds-toast-mobile-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-15;position-anchor:--gds-toast-bottom-right-anchor-14;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].gds-toast-mobile-bottom-right:nth-child(n+16 of.gds-toast-mobile-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-16;position-anchor:--gds-toast-bottom-right-anchor-15;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].gds-toast-mobile-bottom-right:nth-child(n+17 of.gds-toast-mobile-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-17;position-anchor:--gds-toast-bottom-right-anchor-16;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].gds-toast-mobile-bottom-right:nth-child(n+18 of.gds-toast-mobile-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-18;position-anchor:--gds-toast-bottom-right-anchor-17;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].gds-toast-mobile-bottom-right:nth-child(n+19 of.gds-toast-mobile-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-19;position-anchor:--gds-toast-bottom-right-anchor-18;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].gds-toast-mobile-bottom-right:nth-child(n+20 of.gds-toast-mobile-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-20;position-anchor:--gds-toast-bottom-right-anchor-19;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].gds-toast-mobile-bottom-right:nth-child(n+21 of.gds-toast-mobile-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-21;position-anchor:--gds-toast-bottom-right-anchor-20;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].gds-toast-mobile-bottom-right:nth-child(n+22 of.gds-toast-mobile-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-22;position-anchor:--gds-toast-bottom-right-anchor-21;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].gds-toast-mobile-bottom-right:nth-child(n+23 of.gds-toast-mobile-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-23;position-anchor:--gds-toast-bottom-right-anchor-22;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].gds-toast-mobile-bottom-right:nth-child(n+24 of.gds-toast-mobile-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-24;position-anchor:--gds-toast-bottom-right-anchor-23;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host body[isMobile=true].gds-toast-mobile-bottom-right:nth-child(n+25 of.gds-toast-mobile-bottom-right){anchor-name:--gds-toast-bottom-right-anchor-25;position-anchor:--gds-toast-bottom-right-anchor-24;bottom:calc(anchor(top) + var(--toast-spacing));top:auto;position-area:top span-left}:host{--background-color: var(--gds-pattern-toast-default-backgroundColor-rest);--icon-color: var(--gds-pattern-toast-default-iconColor-rest);--action-btn-backgroundColor: var(--gds-pattern-toast-default-btnColor-rest);--action-btn-backgroundColor-hover: var(--gds-pattern-toast-default-btnColor-hover);--action-btn-color: var(--gds-palette-text-default-contrast)}:host[type=success]{--background-color: var(--gds-palette-helper-success-default);--icon-color: var(--gds-palette-helper-success-inverse);--action-btn-backgroundColor: var(--gds-pattern-toast-success-btnColor-rest);--action-btn-backgroundColor-hover: var(--gds-pattern-toast-success-btnColor-hover)}:host[type=warning]{--background-color: var(--gds-palette-helper-warning-default);--icon-color: var(--gds-palette-helper-warning-inverse);--action-btn-backgroundColor: var(--gds-pattern-toast-warning-btnColor-rest);--action-btn-backgroundColor-hover: var(--gds-pattern-toast-warning-btnColor-hover)}:host[type=danger]{--background-color: var(--gds-palette-helper-error-default);--icon-color: var(--gds-palette-helper-error-inverse);--action-btn-backgroundColor: var(--gds-pattern-toast-error-btnColor-rest);--action-btn-backgroundColor-hover: var(--gds-pattern-toast-error-btnColor-hover)}:host .gds-toaster--container{background-color:var(--background-color)}:host .gds-toaster--icon{color:var(--icon-color)}:host .gds-toaster--action-btn{--gds-button-backgroundColor: var(--action-btn-backgroundColor);--gds-button-backgroundColor-hover: var(--action-btn-backgroundColor-hover);--gds-button-color: var(--action-btn-color)}}\n"] }]
|
|
8160
8524
|
}], propDecorators: { toast: [{ type: i0.Input, args: [{ isSignal: true, alias: "toast", required: true }] }] } });
|
|
8161
8525
|
|
|
8162
8526
|
class GdsToastContainerComponent {
|
|
@@ -8166,7 +8530,7 @@ class GdsToastContainerComponent {
|
|
|
8166
8530
|
@for (toast of toaster.toasts(); track toast.toastId) {
|
|
8167
8531
|
<gds-toast [toast]="toast" />
|
|
8168
8532
|
}
|
|
8169
|
-
`, isInline: true, styles: ["@layer design-system{:host{position:fixed;anchor-name:--toast-container-anchor;inset:0;pointer-events:none;z-index:999999}}\n"], dependencies: [{ kind: "component", type: GdsToastComponent, selector: "gds-toast", inputs: ["toast"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
8533
|
+
`, isInline: true, styles: ["@layer design-system{:host{position:fixed;anchor-name:--gds-toast-container-anchor;inset:0;pointer-events:none;z-index:999999}}\n"], dependencies: [{ kind: "component", type: GdsToastComponent, selector: "gds-toast", inputs: ["toast"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
8170
8534
|
}
|
|
8171
8535
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: GdsToastContainerComponent, decorators: [{
|
|
8172
8536
|
type: Component,
|
|
@@ -8174,13 +8538,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
|
|
|
8174
8538
|
@for (toast of toaster.toasts(); track toast.toastId) {
|
|
8175
8539
|
<gds-toast [toast]="toast" />
|
|
8176
8540
|
}
|
|
8177
|
-
`, imports: [GdsToastComponent], changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer design-system{:host{position:fixed;anchor-name:--toast-container-anchor;inset:0;pointer-events:none;z-index:999999}}\n"] }]
|
|
8541
|
+
`, imports: [GdsToastComponent], changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer design-system{:host{position:fixed;anchor-name:--gds-toast-container-anchor;inset:0;pointer-events:none;z-index:999999}}\n"] }]
|
|
8178
8542
|
}] });
|
|
8179
8543
|
|
|
8180
8544
|
const DEFAULT_CONFIG = {
|
|
8181
8545
|
timeOut: 5000,
|
|
8182
8546
|
extendedTimeOut: 1000,
|
|
8183
|
-
positionClass: 'toast-bottom-right',
|
|
8547
|
+
positionClass: 'gds-toast-bottom-right',
|
|
8184
8548
|
preventDuplicates: true,
|
|
8185
8549
|
tapToDismiss: false,
|
|
8186
8550
|
disableTimeOut: false,
|