@corto-ai/gds-angular 2.1.5-dev.5 → 2.1.5-dev.7
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/css/acctivity.css +25 -0
- package/assets/css/acctivity.css.map +1 -1
- package/assets/css/all.css +27 -0
- package/assets/css/all.css.map +1 -1
- package/assets/css/corto.css +26 -0
- package/assets/css/corto.css.map +1 -1
- package/assets/css/lawy.css +25 -0
- package/assets/css/lawy.css.map +1 -1
- package/assets/css/leap.css +25 -0
- package/assets/css/leap.css.map +1 -1
- package/assets/scss/_toast-anchor-fallback.scss +3 -3
- package/assets/scss/css-custom-properties/corto/_primitives.scss +1 -1
- package/assets/scss/ng-select.scss +21 -0
- package/assets/svg/line/line-building-skyscraper.svg +3 -0
- package/assets/svg/line/line-building.svg +3 -0
- package/fesm2022/corto-ai-gds-angular.mjs +34 -17
- package/fesm2022/corto-ai-gds-angular.mjs.map +1 -1
- package/package.json +2 -2
- package/types/corto-ai-gds-angular.d.ts +5 -2
|
@@ -1616,6 +1616,14 @@ const gdsLineBuildingPeopleIcon = {
|
|
|
1616
1616
|
data: `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.5 6.5C7.5 5.94772 7.94772 5.5 8.5 5.5C9.05229 5.5 9.5 5.94772 9.5 6.5C9.5 7.05228 9.05229 7.5 8.5 7.5C7.94772 7.5 7.5 7.05228 7.5 6.5ZM8.5 12.5C7.94772 12.5 7.5 12.9477 7.5 13.5C7.5 14.0523 7.94772 14.5 8.5 14.5C9.05229 14.5 9.5 14.0523 9.5 13.5C9.5 12.9477 9.05229 12.5 8.5 12.5ZM7.5 10C7.5 9.44771 7.94772 9 8.5 9C9.05229 9 9.5 9.44771 9.5 10C9.5 10.5523 9.05229 11 8.5 11C7.94772 11 7.5 10.5523 7.5 10ZM12 5.5C11.4477 5.5 11 5.94772 11 6.5C11 7.05228 11.4477 7.5 12 7.5C12.5523 7.5 13 7.05228 13 6.5C13 5.94772 12.5523 5.5 12 5.5ZM11 10C11 9.44771 11.4477 9 12 9C12.5523 9 13 9.44771 13 10C13 10.5523 12.5523 11 12 11C11.4477 11 11 10.5523 11 10ZM4 4.25C4 3.00736 5.00736 2 6.25 2H14.25C15.4926 2 16.5 3.00736 16.5 4.25V9.4993H17.7528C18.9954 9.4993 20.0028 10.5067 20.0028 11.7493V13.1027C19.5633 13.2265 19.1684 13.4568 18.8478 13.7641C18.7639 13.5004 18.6473 13.2513 18.5028 13.0216V11.7493C18.5028 11.3351 18.167 10.9993 17.7528 10.9993H15.75C15.3358 10.9993 15 10.6635 15 10.2493V4.25C15 3.83579 14.6642 3.5 14.25 3.5H6.25C5.83579 3.5 5.5 3.83579 5.5 4.25V20H11.0018C11.0162 20.5037 11.1183 21.016 11.3241 21.5H4.75C4.33579 21.5 4 21.1642 4 20.75V4.25ZM18 14.75C18 15.9926 16.9926 17 15.75 17C14.5074 17 13.5 15.9926 13.5 14.75C13.5 13.5074 14.5074 12.5 15.75 12.5C16.9926 12.5 18 13.5074 18 14.75ZM19.5 19.875C19.5 21.4315 18.4286 23 15.75 23C13.0714 23 12 21.4374 12 19.875C12 18.8395 12.7195 18 13.6071 18H17.8929C18.7805 18 19.5 18.8395 19.5 19.875ZM20.75 17.5C21.7165 17.5 22.5 16.7165 22.5 15.75C22.5 14.7835 21.7165 14 20.75 14C19.7835 14 19 14.7835 19 15.75C19 16.7165 19.7835 17.5 20.75 17.5ZM20.4984 19.875C20.4984 20.5948 20.3199 21.3397 19.9159 21.9994C19.9451 21.9998 19.9745 22 20.0042 22C22.1471 22 23.0042 20.9021 23.0042 19.8125C23.0042 19.0876 22.4286 18.5 21.7185 18.5H20.1779C20.3858 18.9236 20.4984 19.3993 20.4984 19.875Z" fill="currentColor"/></svg>`,
|
|
1617
1617
|
name: 'line-building-people'
|
|
1618
1618
|
};
|
|
1619
|
+
const gdsLineBuildingSkyscraperIcon = {
|
|
1620
|
+
data: `<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13 12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12ZM12 16C12.5523 16 13 15.5523 13 15C13 14.4477 12.5523 14 12 14C11.4477 14 11 14.4477 11 15C11 15.5523 11.4477 16 12 16ZM10 12C10 12.5523 9.55228 13 9 13C8.44772 13 8 12.5523 8 12C8 11.4477 8.44772 11 9 11C9.55228 11 10 11.4477 10 12ZM9 16C9.55228 16 10 15.5523 10 15C10 14.4477 9.55228 14 9 14C8.44772 14 8 14.4477 8 15C8 15.5523 8.44772 16 9 16ZM19 16C19 16.5523 18.5523 17 18 17C17.4477 17 17 16.5523 17 16C17 15.4477 17.4477 15 18 15C18.5523 15 19 15.4477 19 16ZM18 20C18.5523 20 19 19.5523 19 19C19 18.4477 18.5523 18 18 18C17.4477 18 17 18.4477 17 19C17 19.5523 17.4477 20 18 20ZM9.25 3.00171C8.83579 3.00171 8.5 3.3375 8.5 3.75171V6H7.25C6.83579 6 6.5 6.33579 6.5 6.75V8.79985C5.60958 9.25503 5 10.1813 5 11.25V21.75C5 22.1642 5.33579 22.5 5.75 22.5H20.75C21.1642 22.5 21.5 22.1642 21.5 21.75V16.75C21.5 13.6545 19.0539 11.1303 15.9892 11.0049C15.9042 10.0423 15.3232 9.2221 14.5034 8.80158V6.75C14.5034 6.33579 14.1676 6 13.7534 6H12.5V3.75171C12.5 3.3375 12.1642 3.00171 11.75 3.00171H9.25ZM13.0034 8.5H8V7.5H13.0034V8.5ZM14.5 21H13V18.25C13 17.8358 12.6642 17.5 12.25 17.5H8.75C8.33579 17.5 8 17.8358 8 18.25V21H6.5V11.25C6.5 10.5596 7.05964 10 7.75 10H13.25C13.9404 10 14.5 10.5596 14.5 11.25V21ZM9.5 21V19H11.5V21H9.5ZM16 21V12.5072C18.2308 12.6366 20 14.4867 20 16.75V21H16ZM11 6H10V4.50171H11V6Z" fill="currentColor"/></svg>`,
|
|
1621
|
+
name: 'line-building-skyscraper'
|
|
1622
|
+
};
|
|
1623
|
+
const gdsLineBuildingIcon = {
|
|
1624
|
+
data: `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.75 6.5C7.16421 6.5 7.5 6.16421 7.5 5.75C7.5 5.33579 7.16421 5 6.75 5C6.33579 5 6 5.33579 6 5.75C6 6.16421 6.33579 6.5 6.75 6.5ZM7.5 8.75C7.5 9.16421 7.16421 9.5 6.75 9.5C6.33579 9.5 6 9.16421 6 8.75C6 8.33579 6.33579 8 6.75 8C7.16421 8 7.5 8.33579 7.5 8.75ZM6.75 12.5C7.16421 12.5 7.5 12.1642 7.5 11.75C7.5 11.3358 7.16421 11 6.75 11C6.33579 11 6 11.3358 6 11.75C6 12.1642 6.33579 12.5 6.75 12.5ZM10.5 5.75C10.5 6.16421 10.1642 6.5 9.75 6.5C9.33579 6.5 9 6.16421 9 5.75C9 5.33579 9.33579 5 9.75 5C10.1642 5 10.5 5.33579 10.5 5.75ZM9.75 9.5C10.1642 9.5 10.5 9.16421 10.5 8.75C10.5 8.33579 10.1642 8 9.75 8C9.33579 8 9 8.33579 9 8.75C9 9.16421 9.33579 9.5 9.75 9.5ZM10.5 11.75C10.5 12.1642 10.1642 12.5 9.75 12.5C9.33579 12.5 9 12.1642 9 11.75C9 11.3358 9.33579 11 9.75 11C10.1642 11 10.5 11.3358 10.5 11.75ZM12.75 12.5C13.1642 12.5 13.5 12.1642 13.5 11.75C13.5 11.3358 13.1642 11 12.75 11C12.3358 11 12 11.3358 12 11.75C12 12.1642 12.3358 12.5 12.75 12.5ZM4.5 18C4.22386 18 4 17.7761 4 17.5V3.5C4 2.67157 4.67157 2 5.5 2H11.5C12.3284 2 13 2.67157 13 3.5V8H14.5C15.3284 8 16 8.67157 16 9.5V17.5C16 17.7761 15.7761 18 15.5 18H4.5ZM5 3.5V17H7V14.5C7 14.2239 7.22386 14 7.5 14H12.5C12.7761 14 13 14.2239 13 14.5V17H15V9.5C15 9.22386 14.7761 9 14.5 9H12.5C12.2239 9 12 8.77614 12 8.5V3.5C12 3.22386 11.7761 3 11.5 3H5.5C5.22386 3 5 3.22386 5 3.5ZM12 15H10.5V17H12V15ZM9.5 15H8V17H9.5V15Z" fill="currentColor"/></svg>`,
|
|
1625
|
+
name: 'line-building'
|
|
1626
|
+
};
|
|
1619
1627
|
const gdsLineBulletListIcon = {
|
|
1620
1628
|
data: `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3 6.5C3.55228 6.5 4 6.05228 4 5.5C4 4.94772 3.55228 4.5 3 4.5C2.44772 4.5 2 4.94772 2 5.5C2 6.05228 2.44772 6.5 3 6.5ZM6.5072 5C6.23106 5 6.0072 5.22386 6.0072 5.5C6.0072 5.77614 6.23106 6 6.5072 6H17.5072C17.7833 6 18.0072 5.77614 18.0072 5.5C18.0072 5.22386 17.7833 5 17.5072 5H6.5072ZM6.5072 10C6.23106 10 6.0072 10.2239 6.0072 10.5C6.0072 10.7761 6.23106 11 6.5072 11H17.5072C17.7833 11 18.0072 10.7761 18.0072 10.5C18.0072 10.2239 17.7833 10 17.5072 10H6.5072ZM6.0072 15.5109C6.0072 15.2347 6.23106 15.0109 6.5072 15.0109H17.5072C17.7833 15.0109 18.0072 15.2347 18.0072 15.5109C18.0072 15.787 17.7833 16.0109 17.5072 16.0109H6.5072C6.23106 16.0109 6.0072 15.787 6.0072 15.5109ZM4 10.5C4 11.0523 3.55228 11.5 3 11.5C2.44772 11.5 2 11.0523 2 10.5C2 9.94772 2.44772 9.5 3 9.5C3.55228 9.5 4 9.94772 4 10.5ZM3 16.5109C3.55228 16.5109 4 16.0631 4 15.5109C4 14.9586 3.55228 14.5109 3 14.5109C2.44772 14.5109 2 14.9586 2 15.5109C2 16.0631 2.44772 16.5109 3 16.5109Z" fill="currentColor"/></svg>`,
|
|
1621
1629
|
name: 'line-bullet-list'
|
|
@@ -3212,7 +3220,9 @@ var icons = /*#__PURE__*/Object.freeze({
|
|
|
3212
3220
|
gdsLineBookmarkIcon: gdsLineBookmarkIcon,
|
|
3213
3221
|
gdsLineBracesHamburgerIcon: gdsLineBracesHamburgerIcon,
|
|
3214
3222
|
gdsLineBracesIcon: gdsLineBracesIcon,
|
|
3223
|
+
gdsLineBuildingIcon: gdsLineBuildingIcon,
|
|
3215
3224
|
gdsLineBuildingPeopleIcon: gdsLineBuildingPeopleIcon,
|
|
3225
|
+
gdsLineBuildingSkyscraperIcon: gdsLineBuildingSkyscraperIcon,
|
|
3216
3226
|
gdsLineBulletListIcon: gdsLineBulletListIcon,
|
|
3217
3227
|
gdsLineCalculationsIcon: gdsLineCalculationsIcon,
|
|
3218
3228
|
gdsLineCalendarArrowRightIcon: gdsLineCalendarArrowRightIcon,
|
|
@@ -5637,6 +5647,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
|
|
|
5637
5647
|
|
|
5638
5648
|
class GdsTextInputComponent extends GdsSignalFormContainer {
|
|
5639
5649
|
clearable = input(false, { ...(ngDevMode ? { debugName: "clearable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
5650
|
+
clearableAlwaysVisible = input(false, { ...(ngDevMode ? { debugName: "clearableAlwaysVisible" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
5640
5651
|
cleared = output();
|
|
5641
5652
|
input = contentChild(GdsNativeInputDirective, /* @ts-ignore */
|
|
5642
5653
|
...(ngDevMode ? [{ debugName: "input" }] : /* istanbul ignore next */ []));
|
|
@@ -5671,7 +5682,7 @@ class GdsTextInputComponent extends GdsSignalFormContainer {
|
|
|
5671
5682
|
this.cleared.emit();
|
|
5672
5683
|
}
|
|
5673
5684
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: GdsTextInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
5674
|
-
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 });
|
|
5685
|
+
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 });
|
|
5675
5686
|
}
|
|
5676
5687
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: GdsTextInputComponent, decorators: [{
|
|
5677
5688
|
type: Component,
|
|
@@ -5690,8 +5701,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
|
|
|
5690
5701
|
gds-radius-sm
|
|
5691
5702
|
gds-text-input
|
|
5692
5703
|
`
|
|
5693
|
-
}, 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"] }]
|
|
5694
|
-
}], 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 }] }] } });
|
|
5704
|
+
}, 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"] }]
|
|
5705
|
+
}], 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 }] }] } });
|
|
5695
5706
|
|
|
5696
5707
|
const CDK_MENU_CONNECTED_POSITIONS = [
|
|
5697
5708
|
{
|
|
@@ -5999,7 +6010,7 @@ class GdsDrilldownSelectMobileDialogComponent extends GdsDialogBaseDirective {
|
|
|
5999
6010
|
}
|
|
6000
6011
|
};
|
|
6001
6012
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: GdsDrilldownSelectMobileDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6002
|
-
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"], 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 });
|
|
6013
|
+
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 });
|
|
6003
6014
|
}
|
|
6004
6015
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: GdsDrilldownSelectMobileDialogComponent, decorators: [{
|
|
6005
6016
|
type: Component,
|
|
@@ -6312,7 +6323,7 @@ class GdsDrilldownSelectComponent extends GdsSignalFormControl {
|
|
|
6312
6323
|
this.#elementRef.nativeElement.focus({ preventScroll: true });
|
|
6313
6324
|
};
|
|
6314
6325
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: GdsDrilldownSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6315
|
-
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"], 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 });
|
|
6326
|
+
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 });
|
|
6316
6327
|
}
|
|
6317
6328
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: GdsDrilldownSelectComponent, decorators: [{
|
|
6318
6329
|
type: Component,
|
|
@@ -6586,6 +6597,7 @@ class GdsDateInputComponent extends GdsSignalFormContainer {
|
|
|
6586
6597
|
dropdownPositionY = input('auto', /* @ts-ignore */
|
|
6587
6598
|
...(ngDevMode ? [{ debugName: "dropdownPositionY" }] : /* istanbul ignore next */ []));
|
|
6588
6599
|
clearable = input(false, { ...(ngDevMode ? { debugName: "clearable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
6600
|
+
clearableAlwaysVisible = input(false, { ...(ngDevMode ? { debugName: "clearableAlwaysVisible" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
6589
6601
|
blurred = output();
|
|
6590
6602
|
cleared = output();
|
|
6591
6603
|
selectedDate = model(/* @ts-ignore */
|
|
@@ -6745,13 +6757,13 @@ class GdsDateInputComponent extends GdsSignalFormContainer {
|
|
|
6745
6757
|
this.calendarView.set('month');
|
|
6746
6758
|
}
|
|
6747
6759
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: GdsDateInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
6748
|
-
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: [
|
|
6760
|
+
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: [
|
|
6749
6761
|
{
|
|
6750
6762
|
provide: MAT_DATE_LOCALE,
|
|
6751
6763
|
useValue: navigator.language
|
|
6752
6764
|
},
|
|
6753
6765
|
provideNativeDateAdapter()
|
|
6754
|
-
], 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 });
|
|
6766
|
+
], 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 });
|
|
6755
6767
|
}
|
|
6756
6768
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: GdsDateInputComponent, decorators: [{
|
|
6757
6769
|
type: Component,
|
|
@@ -6778,8 +6790,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
|
|
|
6778
6790
|
`,
|
|
6779
6791
|
'(window:resize)': 'setWindowDimensions()',
|
|
6780
6792
|
'(window:scroll)': 'setInputElementClientRect()'
|
|
6781
|
-
}, 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"] }]
|
|
6782
|
-
}], 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 }] }] } });
|
|
6793
|
+
}, 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"] }]
|
|
6794
|
+
}], 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 }] }] } });
|
|
6783
6795
|
|
|
6784
6796
|
class GdsFileUploadComponent extends GdsSignalFormControl {
|
|
6785
6797
|
value = model([], /* @ts-ignore */
|
|
@@ -7037,7 +7049,7 @@ class GdsSelectMobileDialogComponent extends GdsDialogBaseDirective {
|
|
|
7037
7049
|
itemLabel = (item) => String(item[this.bindLabel]);
|
|
7038
7050
|
itemValue = (item) => item[this.bindValue];
|
|
7039
7051
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: GdsSelectMobileDialogComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
7040
|
-
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"], 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 });
|
|
7052
|
+
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 });
|
|
7041
7053
|
}
|
|
7042
7054
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: GdsSelectMobileDialogComponent, decorators: [{
|
|
7043
7055
|
type: Component,
|
|
@@ -7120,6 +7132,11 @@ class GdsSelectComponent extends GdsSignalFormControl {
|
|
|
7120
7132
|
...(ngDevMode ? [{ debugName: "placeholderTmpl" }] : /* istanbul ignore next */ []));
|
|
7121
7133
|
virtualScroll = computed(() => this.items().length > 1000, /* @ts-ignore */
|
|
7122
7134
|
...(ngDevMode ? [{ debugName: "virtualScroll" }] : /* istanbul ignore next */ []));
|
|
7135
|
+
hasValue = computed(() => {
|
|
7136
|
+
const value = this.value();
|
|
7137
|
+
return Array.isArray(value) ? value.length > 0 : value !== undefined && value !== null && value !== '';
|
|
7138
|
+
}, /* @ts-ignore */
|
|
7139
|
+
...(ngDevMode ? [{ debugName: "hasValue" }] : /* istanbul ignore next */ []));
|
|
7123
7140
|
searchText = signal('', /* @ts-ignore */
|
|
7124
7141
|
...(ngDevMode ? [{ debugName: "searchText" }] : /* istanbul ignore next */ []));
|
|
7125
7142
|
markedIndex = signal(-1, /* @ts-ignore */
|
|
@@ -7268,7 +7285,7 @@ class GdsSelectComponent extends GdsSignalFormControl {
|
|
|
7268
7285
|
this.ref().handleClearClick();
|
|
7269
7286
|
};
|
|
7270
7287
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: GdsSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
7271
|
-
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 });
|
|
7288
|
+
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 (!hasValue()) {\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 });
|
|
7272
7289
|
}
|
|
7273
7290
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: GdsSelectComponent, decorators: [{
|
|
7274
7291
|
type: Component,
|
|
@@ -7291,7 +7308,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
|
|
|
7291
7308
|
NgClass
|
|
7292
7309
|
], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
7293
7310
|
'(keydown)': 'setMarkedItemIndex()'
|
|
7294
|
-
}, 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"] }]
|
|
7311
|
+
}, 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 (!hasValue()) {\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"] }]
|
|
7295
7312
|
}], 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', { ...{
|
|
7296
7313
|
read: (ElementRef)
|
|
7297
7314
|
}, 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 }] }] } });
|
|
@@ -8503,7 +8520,7 @@ class GdsToastComponent {
|
|
|
8503
8520
|
this.#toaster.resumeTimeout(this.toast().toastId);
|
|
8504
8521
|
};
|
|
8505
8522
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: GdsToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8506
|
-
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 });
|
|
8523
|
+
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 });
|
|
8507
8524
|
}
|
|
8508
8525
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: GdsToastComponent, decorators: [{
|
|
8509
8526
|
type: Component,
|
|
@@ -8518,7 +8535,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
|
|
|
8518
8535
|
'(click)': 'onHostClick($event)',
|
|
8519
8536
|
'(mouseenter)': 'onMouseEnter()',
|
|
8520
8537
|
'(mouseleave)': 'onMouseLeave()'
|
|
8521
|
-
}, 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"] }]
|
|
8538
|
+
}, 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"] }]
|
|
8522
8539
|
}], propDecorators: { toast: [{ type: i0.Input, args: [{ isSignal: true, alias: "toast", required: true }] }] } });
|
|
8523
8540
|
|
|
8524
8541
|
class GdsToastContainerComponent {
|
|
@@ -8528,7 +8545,7 @@ class GdsToastContainerComponent {
|
|
|
8528
8545
|
@for (toast of toaster.toasts(); track toast.toastId) {
|
|
8529
8546
|
<gds-toast [toast]="toast" />
|
|
8530
8547
|
}
|
|
8531
|
-
`, 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 });
|
|
8548
|
+
`, 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 });
|
|
8532
8549
|
}
|
|
8533
8550
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: GdsToastContainerComponent, decorators: [{
|
|
8534
8551
|
type: Component,
|
|
@@ -8536,13 +8553,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
|
|
|
8536
8553
|
@for (toast of toaster.toasts(); track toast.toastId) {
|
|
8537
8554
|
<gds-toast [toast]="toast" />
|
|
8538
8555
|
}
|
|
8539
|
-
`, 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"] }]
|
|
8556
|
+
`, 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"] }]
|
|
8540
8557
|
}] });
|
|
8541
8558
|
|
|
8542
8559
|
const DEFAULT_CONFIG = {
|
|
8543
8560
|
timeOut: 5000,
|
|
8544
8561
|
extendedTimeOut: 1000,
|
|
8545
|
-
positionClass: 'toast-bottom-right',
|
|
8562
|
+
positionClass: 'gds-toast-bottom-right',
|
|
8546
8563
|
preventDuplicates: true,
|
|
8547
8564
|
tapToDismiss: false,
|
|
8548
8565
|
disableTimeOut: false,
|