[data-color-mode=light],
:root{
  --components-button-disabled-contrast-fill:rgba(207, 210, 212, 0.1490196078);
  --components-button-disabled-contrast-icon-disabled:#b6b8ba;
  --components-button-disabled-contrast-text-disabled:#b6b8ba;
  --components-button-disabled-standard-fill:#cfd2d4;
  --components-button-disabled-standard-icon-disabled:#515254;
  --components-button-disabled-standard-text-disabled:#515254;
  --components-button-floating-contrast-active:#d9dae8;
  --components-button-floating-contrast-default:#ffffff;
  --components-button-floating-contrast-hover:#f6f6f9;
  --components-button-floating-contrast-icon:#181c56;
  --components-button-floating-contrast-text:#181c56;
  --components-button-floating-standard-active:#11143c;
  --components-button-floating-standard-default:#181c56;
  --components-button-floating-standard-hover:#393d79;
  --components-button-floating-standard-icon:#ffffff;
  --components-button-floating-standard-text:#ffffff;
  --components-button-iconbutton-contrast-active:#8794d4;
  --components-button-iconbutton-contrast-default:rgba(255, 255, 255, 0);
  --components-button-iconbutton-contrast-hover:#626493;
  --components-button-iconbutton-contrast-icon:#ffffff;
  --components-button-iconbutton-contrast-icon-active:#181c56;
  --components-button-iconbutton-contrast-text:#ffffff;
  --components-button-iconbutton-contrast-text-active:#181c56;
  --components-button-iconbutton-standard-active:#aeb7e2;
  --components-button-iconbutton-standard-default:rgba(255, 255, 255, 0);
  --components-button-iconbutton-standard-hover:#d9ddf2;
  --components-button-iconbutton-standard-icon:#181c56;
  --components-button-iconbutton-standard-icon-active:#181c56;
  --components-button-iconbutton-standard-text:#181c56;
  --components-button-iconbutton-standard-text-active:#181c56;
  --components-button-negative-contrast-active:#ff9494;
  --components-button-negative-contrast-border:#ff9494;
  --components-button-negative-contrast-default:rgba(255, 255, 255, 0);
  --components-button-negative-contrast-hover:rgba(255, 148, 148, 0.2);
  --components-button-negative-contrast-icon:#ffffff;
  --components-button-negative-contrast-icon-active:#181c56;
  --components-button-negative-contrast-text:#ffffff;
  --components-button-negative-contrast-text-active:#181c56;
  --components-button-negative-standard-active:#d31b1b;
  --components-button-negative-standard-border:#d31b1b;
  --components-button-negative-standard-default:rgba(255, 255, 255, 0);
  --components-button-negative-standard-hover:#ffcece;
  --components-button-negative-standard-icon:#d31b1b;
  --components-button-negative-standard-icon-active:#ffffff;
  --components-button-negative-standard-text:#d31b1b;
  --components-button-negative-standard-text-active:#ffffff;
  --components-button-primary-contrast-active:#8794d4;
  --components-button-primary-contrast-default:#aeb7e2;
  --components-button-primary-contrast-hover:#c7cdeb;
  --components-button-primary-contrast-icon:#181c56;
  --components-button-primary-contrast-text:#181c56;
  --components-button-primary-standard-active:#11143c;
  --components-button-primary-standard-default:#181c56;
  --components-button-primary-standard-hover:#393d79;
  --components-button-primary-standard-icon:#ffffff;
  --components-button-primary-standard-text:#ffffff;
  --components-button-secondary-contrast-active:#8794d4;
  --components-button-secondary-contrast-border:#8284ab;
  --components-button-secondary-contrast-border-active:rgba(255, 255, 255, 0);
  --components-button-secondary-contrast-default:rgba(255, 255, 255, 0);
  --components-button-secondary-contrast-hover:#626493;
  --components-button-secondary-contrast-icon:#ffffff;
  --components-button-secondary-contrast-icon-active:#181c56;
  --components-button-secondary-contrast-text:#ffffff;
  --components-button-secondary-contrast-text-active:#181c56;
  --components-button-secondary-standard-active:#aeb7e2;
  --components-button-secondary-standard-border:#8284ab;
  --components-button-secondary-standard-border-active:#181c56;
  --components-button-secondary-standard-default:rgba(255, 255, 255, 0);
  --components-button-secondary-standard-hover:#d9ddf2;
  --components-button-secondary-standard-icon:#181c56;
  --components-button-secondary-standard-icon-active:#181c56;
  --components-button-secondary-standard-text:#181c56;
  --components-button-secondary-standard-text-active:#181c56;
  --components-button-squaresecondary-contrast-active:#8794d4;
  --components-button-squaresecondary-contrast-border:#8284ab;
  --components-button-squaresecondary-contrast-border-active:rgba(255, 255, 255, 0);
  --components-button-squaresecondary-contrast-default:rgba(255, 255, 255, 0);
  --components-button-squaresecondary-contrast-hover:#d9ddf2;
  --components-button-squaresecondary-contrast-icon-active:#181c56;
  --components-button-squaresecondary-contrast-icon-default:#ffffff;
  --components-button-squaresecondary-contrast-icon-hover:#181c56;
  --components-button-squaresecondary-contrast-label:#ffffff;
  --components-button-squaresecondary-standard-active:#aeb7e2;
  --components-button-squaresecondary-standard-border:#8284ab;
  --components-button-squaresecondary-standard-border-active:#181c56;
  --components-button-squaresecondary-standard-default:rgba(255, 255, 255, 0);
  --components-button-squaresecondary-standard-hover:#d9ddf2;
  --components-button-squaresecondary-standard-icon:#181c56;
  --components-button-squaresecondary-standard-icon-active:#181c56;
  --components-button-squaresecondary-standard-text:#181c56;
  --components-button-squaresuccess-contrast-active:#37ab83;
  --components-button-squaresuccess-contrast-border:rgba(255, 255, 255, 0);
  --components-button-squaresuccess-contrast-default:#5ac39a;
  --components-button-squaresuccess-contrast-hover:#9cd9c2;
  --components-button-squaresuccess-contrast-icon:#181c56;
  --components-button-squaresuccess-contrast-label:#ffffff;
  --components-button-squaresuccess-standard-active:#37ab83;
  --components-button-squaresuccess-standard-border:#181c56;
  --components-button-squaresuccess-standard-default:#5ac39a;
  --components-button-squaresuccess-standard-hover:#9cd9c2;
  --components-button-squaresuccess-standard-icon:#181c56;
  --components-button-squaresuccess-standard-label:#181c56;
  --components-button-success-contrast-active:#37ab83;
  --components-button-success-contrast-border:rgba(255, 255, 255, 0);
  --components-button-success-contrast-default:#5ac39a;
  --components-button-success-contrast-hover:#9cd9c2;
  --components-button-success-contrast-icon:#181c56;
  --components-button-success-contrast-text:#181c56;
  --components-button-success-standard-active:#37ab83;
  --components-button-success-standard-border:#181c56;
  --components-button-success-standard-default:#5ac39a;
  --components-button-success-standard-hover:#9cd9c2;
  --components-button-success-standard-icon:#181c56;
  --components-button-success-standard-text:#181c56;
}

[data-color-mode=dark]{
  --components-button-disabled-contrast-fill:rgba(207, 210, 212, 0.1019607843);
  --components-button-disabled-contrast-icon-disabled:#b6b8ba;
  --components-button-disabled-contrast-text-disabled:#b6b8ba;
  --components-button-disabled-standard-fill:rgba(207, 210, 212, 0.1019607843);
  --components-button-disabled-standard-icon-disabled:#b6b8ba;
  --components-button-disabled-standard-text-disabled:#b6b8ba;
  --components-button-floating-contrast-active:#8794d4;
  --components-button-floating-contrast-default:#aeb7e2;
  --components-button-floating-contrast-hover:#c7cdeb;
  --components-button-floating-contrast-icon:#08091c;
  --components-button-floating-contrast-text:#08091c;
  --components-button-floating-standard-active:#8794d4;
  --components-button-floating-standard-default:#aeb7e2;
  --components-button-floating-standard-hover:#c7cdeb;
  --components-button-floating-standard-icon:#08091c;
  --components-button-floating-standard-text:#08091c;
  --components-button-iconbutton-contrast-active:#8794d4;
  --components-button-iconbutton-contrast-default:rgba(255, 255, 255, 0);
  --components-button-iconbutton-contrast-hover:#626493;
  --components-button-iconbutton-contrast-icon:#e5e5e9;
  --components-button-iconbutton-contrast-icon-active:#08091c;
  --components-button-iconbutton-contrast-text:#e5e5e9;
  --components-button-iconbutton-contrast-text-active:#08091c;
  --components-button-iconbutton-standard-active:#8794d4;
  --components-button-iconbutton-standard-default:rgba(255, 255, 255, 0);
  --components-button-iconbutton-standard-hover:#626493;
  --components-button-iconbutton-standard-icon:#e5e5e9;
  --components-button-iconbutton-standard-icon-active:#08091c;
  --components-button-iconbutton-standard-text:#e5e5e9;
  --components-button-iconbutton-standard-text-active:#08091c;
  --components-button-negative-contrast-active:#ff9494;
  --components-button-negative-contrast-border:#ff9494;
  --components-button-negative-contrast-default:rgba(255, 255, 255, 0);
  --components-button-negative-contrast-hover:rgba(255, 148, 148, 0.2);
  --components-button-negative-contrast-icon:#e5e5e9;
  --components-button-negative-contrast-icon-active:#08091c;
  --components-button-negative-contrast-text:#e5e5e9;
  --components-button-negative-contrast-text-active:#08091c;
  --components-button-negative-standard-active:#ff9494;
  --components-button-negative-standard-border:#ff9494;
  --components-button-negative-standard-default:rgba(255, 255, 255, 0);
  --components-button-negative-standard-hover:rgba(255, 148, 148, 0.2);
  --components-button-negative-standard-icon:#e5e5e9;
  --components-button-negative-standard-icon-active:#08091c;
  --components-button-negative-standard-text:#e5e5e9;
  --components-button-negative-standard-text-active:#08091c;
  --components-button-primary-contrast-active:#8794d4;
  --components-button-primary-contrast-default:#aeb7e2;
  --components-button-primary-contrast-hover:#c7cdeb;
  --components-button-primary-contrast-icon:#08091c;
  --components-button-primary-contrast-text:#08091c;
  --components-button-primary-standard-active:#8794d4;
  --components-button-primary-standard-default:#aeb7e2;
  --components-button-primary-standard-hover:#c7cdeb;
  --components-button-primary-standard-icon:#08091c;
  --components-button-primary-standard-text:#08091c;
  --components-button-secondary-contrast-active:#8794d4;
  --components-button-secondary-contrast-border:#8284ab;
  --components-button-secondary-contrast-border-active:rgba(255, 255, 255, 0);
  --components-button-secondary-contrast-default:rgba(255, 255, 255, 0);
  --components-button-secondary-contrast-hover:#626493;
  --components-button-secondary-contrast-icon:#e5e5e9;
  --components-button-secondary-contrast-icon-active:#08091c;
  --components-button-secondary-contrast-text:#e5e5e9;
  --components-button-secondary-contrast-text-active:#08091c;
  --components-button-secondary-standard-active:#8794d4;
  --components-button-secondary-standard-border:#8284ab;
  --components-button-secondary-standard-border-active:rgba(255, 255, 255, 0);
  --components-button-secondary-standard-default:rgba(255, 255, 255, 0);
  --components-button-secondary-standard-hover:#626493;
  --components-button-secondary-standard-icon:#e5e5e9;
  --components-button-secondary-standard-icon-active:#08091c;
  --components-button-secondary-standard-text:#e5e5e9;
  --components-button-secondary-standard-text-active:#08091c;
  --components-button-squaresecondary-contrast-active:#8794d4;
  --components-button-squaresecondary-contrast-border:#8284ab;
  --components-button-squaresecondary-contrast-border-active:rgba(255, 255, 255, 0);
  --components-button-squaresecondary-contrast-default:rgba(255, 255, 255, 0);
  --components-button-squaresecondary-contrast-hover:#626493;
  --components-button-squaresecondary-contrast-icon-active:#08091c;
  --components-button-squaresecondary-contrast-icon-default:#e5e5e9;
  --components-button-squaresecondary-contrast-icon-hover:#e5e5e9;
  --components-button-squaresecondary-contrast-label:#e5e5e9;
  --components-button-squaresecondary-standard-active:#8794d4;
  --components-button-squaresecondary-standard-border:#8284ab;
  --components-button-squaresecondary-standard-border-active:rgba(255, 255, 255, 0);
  --components-button-squaresecondary-standard-default:rgba(255, 255, 255, 0);
  --components-button-squaresecondary-standard-hover:#626493;
  --components-button-squaresecondary-standard-icon:#e5e5e9;
  --components-button-squaresecondary-standard-icon-active:#08091c;
  --components-button-squaresecondary-standard-text:#e5e5e9;
  --components-button-squaresuccess-contrast-active:#5ac39a;
  --components-button-squaresuccess-contrast-border:rgba(255, 255, 255, 0);
  --components-button-squaresuccess-contrast-default:#5ac39a;
  --components-button-squaresuccess-contrast-hover:#9cd9c2;
  --components-button-squaresuccess-contrast-icon:#08091c;
  --components-button-squaresuccess-contrast-label:#e5e5e9;
  --components-button-squaresuccess-standard-active:#37ab83;
  --components-button-squaresuccess-standard-border:rgba(255, 255, 255, 0);
  --components-button-squaresuccess-standard-default:#5ac39a;
  --components-button-squaresuccess-standard-hover:#9cd9c2;
  --components-button-squaresuccess-standard-icon:#08091c;
  --components-button-squaresuccess-standard-label:#e5e5e9;
  --components-button-success-contrast-active:#37ab83;
  --components-button-success-contrast-border:rgba(255, 255, 255, 0);
  --components-button-success-contrast-default:#5ac39a;
  --components-button-success-contrast-hover:#9cd9c2;
  --components-button-success-contrast-icon:#08091c;
  --components-button-success-contrast-text:#08091c;
  --components-button-success-standard-active:#37ab83;
  --components-button-success-standard-border:rgba(255, 255, 255, 0);
  --components-button-success-standard-default:#5ac39a;
  --components-button-success-standard-hover:#9cd9c2;
  --components-button-success-standard-icon:#08091c;
  --components-button-success-standard-text:#08091c;
}

[data-view-mode=standard],
:root{
  --components-button-border-large:0.125rem;
  --components-button-border-medium:0.125rem;
  --components-button-border-small:0.125rem;
  --components-button-gap-small:0.25rem;
  --components-button-gap-large:0.5rem;
  --components-button-gap-medium:0.5rem;
  --components-button-height-horizontalcontent-small:2rem;
  --components-button-height-horizontalcontent-medium:3rem;
  --components-button-height-horizontalcontent-large:4rem;
  --components-button-height-verticalcontent-small:3rem;
  --components-button-height-verticalcontent-medium:3.5rem;
  --components-button-height-verticalcontent-large:4.5rem;
  --components-button-icon-small:1rem;
  --components-button-icon-medium:1.25rem;
  --components-button-icon-large:1.5rem;
  --components-button-inlinepadding-small:0.75rem;
  --components-button-inlinepadding-medium:1rem;
  --components-button-inlinepadding-large:1.5rem;
  --components-button-radius-small:0.375rem;
  --components-button-radius-large:0.5rem;
  --components-button-radius-medium:0.5rem;
  --components-button-radius-round:6rem;
}

[data-view-mode=compact]{
  --components-button-border-large:0.125rem;
  --components-button-border-medium:0.125rem;
  --components-button-border-small:0.125rem;
  --components-button-gap-medium:0.25rem;
  --components-button-gap-small:0.25rem;
  --components-button-gap-large:0.5rem;
  --components-button-height-horizontalcontent-small:1.75rem;
  --components-button-height-horizontalcontent-medium:2.5rem;
  --components-button-height-horizontalcontent-large:3.5rem;
  --components-button-height-verticalcontent-small:2.5rem;
  --components-button-height-verticalcontent-medium:3rem;
  --components-button-height-verticalcontent-large:3.5rem;
  --components-button-icon-medium:1rem;
  --components-button-icon-small:1rem;
  --components-button-icon-large:1.25rem;
  --components-button-inlinepadding-small:0.5rem;
  --components-button-inlinepadding-medium:0.75rem;
  --components-button-inlinepadding-large:1rem;
  --components-button-radius-small:0.25rem;
  --components-button-radius-large:0.5rem;
  --components-button-radius-medium:0.5rem;
  --components-button-radius-round:6rem;
}

[data-view-mode=display]{
  --components-button-border-small:0.125rem;
  --components-button-border-large:0.25rem;
  --components-button-border-medium:0.25rem;
  --components-button-gap-small:0.5rem;
  --components-button-gap-medium:0.75rem;
  --components-button-gap-large:1rem;
  --components-button-height-horizontalcontent-small:4rem;
  --components-button-height-horizontalcontent-medium:6rem;
  --components-button-height-horizontalcontent-large:7.5rem;
  --components-button-height-verticalcontent-small:5rem;
  --components-button-height-verticalcontent-medium:6.5rem;
  --components-button-height-verticalcontent-large:8.5rem;
  --components-button-icon-small:1.5rem;
  --components-button-icon-medium:2rem;
  --components-button-icon-large:3rem;
  --components-button-inlinepadding-small:1.5rem;
  --components-button-inlinepadding-medium:2rem;
  --components-button-inlinepadding-large:2.5rem;
  --components-button-radius-small:0.5rem;
  --components-button-radius-large:1rem;
  --components-button-radius-medium:1rem;
  --components-button-radius-round:6rem;
}
[data-color-mode=light],
:root{
  --basecolors-frame-contrast:#181c56;
  --basecolors-frame-contrastalt:#393d79;
  --basecolors-frame-contrastalt-2:#292b6a;
  --basecolors-frame-default:#ffffff;
  --basecolors-frame-elevated:#ffffff;
  --basecolors-frame-elevatedalt:#f6f6f9;
  --basecolors-frame-highlight:#ff5959;
  --basecolors-frame-highlightalt:#ffbf9e;
  --basecolors-frame-subdued:#d9dae8;
  --basecolors-frame-tint:#f6f6f9;
  --basecolors-shape-accent:#181c56;
  --basecolors-shape-bicycle-contrast:#00dbb6;
  --basecolors-shape-bicycle-default:#0d827e;
  --basecolors-shape-bus-contrast:#ff6392;
  --basecolors-shape-bus-default:#c5044e;
  --basecolors-shape-cableway-contrast:#b482fb;
  --basecolors-shape-cableway-default:#78469a;
  --basecolors-shape-disabled:#6e6f73;
  --basecolors-shape-disabledalt:#b6b8ba;
  --basecolors-shape-ferry-contrast:#6fdfff;
  --basecolors-shape-ferry-default:#0c6693;
  --basecolors-shape-funicular-contrast:#b482fb;
  --basecolors-shape-funicular-default:#78469a;
  --basecolors-shape-helicopter-contrast:#fbafea;
  --basecolors-shape-helicopter-default:#800664;
  --basecolors-shape-highlight:#ff5959;
  --basecolors-shape-light:#ffffff;
  --basecolors-shape-mask:#ffffff;
  --basecolors-shape-maskalt:#ffffff;
  --basecolors-shape-metro-contrast:#f08901;
  --basecolors-shape-metro-default:#bf5826;
  --basecolors-shape-mobility-contrast:#00dbb6;
  --basecolors-shape-mobility-default:#0d827e;
  --basecolors-shape-plane-contrast:#fbafea;
  --basecolors-shape-plane-default:#800664;
  --basecolors-shape-subdued:#626493;
  --basecolors-shape-subduedalt:#d9dae8;
  --basecolors-shape-taxi-contrast:#ffe082;
  --basecolors-shape-taxi-default:#3d3e40;
  --basecolors-shape-train-contrast:#42a5f5;
  --basecolors-shape-train-default:#00367f;
  --basecolors-shape-tram-contrast:#b482fb;
  --basecolors-shape-tram-default:#78469a;
  --basecolors-shape-walk-contrast:#9ea0bd;
  --basecolors-shape-walk-default:#8d8e9c;
  --basecolors-shape-airportlinkbus-contrast:#fbafea;
  --basecolors-shape-airportlinkbus-default:#800664;
  --basecolors-shape-airportlinkrail-contrast:#fbafea;
  --basecolors-shape-airportlinkrail-default:#800664;
  --basecolors-stroke-contrast:#aeb7e2;
  --basecolors-stroke-default:#181c56;
  --basecolors-stroke-disabled:#949699;
  --basecolors-stroke-focus-contrast:#aeb7e2;
  --basecolors-stroke-focus-standard:#181c56;
  --basecolors-stroke-highlight:#ff5959;
  --basecolors-stroke-highlight2:#ffbf9e;
  --basecolors-stroke-light:#ffffff;
  --basecolors-stroke-subdued:#8284ab;
  --basecolors-stroke-subduedalt:#e3e6e8;
  --basecolors-text-accent:#181c56;
  --basecolors-text-disabled:#6e6f73;
  --basecolors-text-disabledalt:#b6b8ba;
  --basecolors-text-highlight:#ff5959;
  --basecolors-text-highlightalt:#ffbf9e;
  --basecolors-text-light:#ffffff;
  --basecolors-text-subdued:#626493;
  --basecolors-text-subduedalt:#d9dae8;
}

[data-color-mode=dark]{
  --basecolors-frame-contrast:#212233;
  --basecolors-frame-contrastalt:#141527;
  --basecolors-frame-contrastalt-2:#08091c;
  --basecolors-frame-default:#08091c;
  --basecolors-frame-elevated:rgba(229, 229, 233, 0.1490196078);
  --basecolors-frame-elevatedalt:#464755;
  --basecolors-frame-highlight:#ff5959;
  --basecolors-frame-highlightalt:#ffbf9e;
  --basecolors-frame-subdued:#2d2e3e;
  --basecolors-frame-tint:#141527;
  --basecolors-shape-accent:#e5e5e9;
  --basecolors-shape-bicycle-contrast:#4db2a1;
  --basecolors-shape-bicycle-default:#4db2a1;
  --basecolors-shape-bus-contrast:#ef7398;
  --basecolors-shape-bus-default:#ef7398;
  --basecolors-shape-cableway-contrast:#b898e5;
  --basecolors-shape-cableway-default:#b898e5;
  --basecolors-shape-disabled:#b6b8ba;
  --basecolors-shape-disabledalt:#b3b4bd;
  --basecolors-shape-ferry-contrast:#8ccfe2;
  --basecolors-shape-ferry-default:#8ccfe2;
  --basecolors-shape-funicular-contrast:#b898e5;
  --basecolors-shape-funicular-default:#b898e5;
  --basecolors-shape-helicopter-contrast:#f2b8e5;
  --basecolors-shape-helicopter-default:#f2b8e5;
  --basecolors-shape-highlight:#ff5959;
  --basecolors-shape-light:#e5e5e9;
  --basecolors-shape-mask:#2d2e3e;
  --basecolors-shape-maskalt:#393a49;
  --basecolors-shape-metro-contrast:#dd973c;
  --basecolors-shape-metro-default:#dd973c;
  --basecolors-shape-mobility-contrast:#4db2a1;
  --basecolors-shape-mobility-default:#4db2a1;
  --basecolors-shape-plane-contrast:#f2b8e5;
  --basecolors-shape-plane-default:#f2b8e5;
  --basecolors-shape-subdued:#b3b4bd;
  --basecolors-shape-subduedalt:#b3b4bd;
  --basecolors-shape-taxi-contrast:#ffe082;
  --basecolors-shape-taxi-default:#ffe082;
  --basecolors-shape-train-contrast:#60a2d7;
  --basecolors-shape-train-default:#60a2d7;
  --basecolors-shape-tram-contrast:#b898e5;
  --basecolors-shape-tram-default:#b898e5;
  --basecolors-shape-walk-contrast:#8d8e9c;
  --basecolors-shape-walk-default:#8d8e9c;
  --basecolors-shape-airportlinkbus-contrast:#f2b8e5;
  --basecolors-shape-airportlinkbus-default:#f2b8e5;
  --basecolors-shape-airportlinkrail-contrast:#f2b8e5;
  --basecolors-shape-airportlinkrail-default:#f2b8e5;
  --basecolors-stroke-contrast:#aeb7e2;
  --basecolors-stroke-default:#b3b4bd;
  --basecolors-stroke-disabled:#e3e6e8;
  --basecolors-stroke-focus-contrast:#aeb7e2;
  --basecolors-stroke-focus-standard:#aeb7e2;
  --basecolors-stroke-highlight:#ff5959;
  --basecolors-stroke-highlight2:#ffbf9e;
  --basecolors-stroke-light:#b3b4bd;
  --basecolors-stroke-subdued:#81828f;
  --basecolors-stroke-subduedalt:#949699;
  --basecolors-text-accent:#e5e5e9;
  --basecolors-text-disabled:#b6b8ba;
  --basecolors-text-disabledalt:#b6b8ba;
  --basecolors-text-highlight:#ff5959;
  --basecolors-text-highlightalt:#ffbf9e;
  --basecolors-text-light:#e5e5e9;
  --basecolors-text-subdued:#b3b4bd;
  --basecolors-text-subduedalt:#b3b4bd;
}
/*
 * Typography Display Modes
 * 
 * This system allows you to control typography scaling based on view size.
 * Use the vie-mode attribute to switch between different typography scales:
 * 
 * - Compact: [data-view-mode='compact'] or no attribute (responsive)
 * - Display: [data-view-mode='display'] for big screens, kiosks, etc.
 * 
 * Usage:
 * <html data-view-mode="display"> or <div data-view-mode="display">
 * 
 * The system automatically handles responsive behavior within each mode.
 */
:root,
[data-view-mode=standard]{
  /* number */
  --font-line-height-body-xs:var(--size-8);
  --font-line-height-body-s:var(--size-9);
  --font-line-height-body-m:var(--size-10);
  --font-line-height-body-lg:var(--size-11);
  --font-line-height-body-xl:var(--size-12);
  --font-line-height-heading-xs:var(--size-8);
  --font-line-height-heading-s:var(--size-9);
  --font-line-height-heading-m:var(--size-10);
  --font-line-height-heading-lg:var(--size-11);
  --font-line-height-heading-xl:var(--size-13);
  --font-line-height-heading-2xl:var(--size-15);
  --font-line-height-label-s:var(--size-8);
  --font-line-height-label-m:var(--size-9);
  --font-line-height-label-lg:var(--size-10);
  --font-paragraph-spacing-body-xs:var(--size-5);
  --font-paragraph-spacing-body-s:var(--size-6);
  --font-paragraph-spacing-body-m:var(--size-8);
  --font-paragraph-spacing-body-lg:var(--size-10);
  --font-paragraph-spacing-body-xl:var(--size-10);
  --font-paragraph-spacing-heading-xs:var(--size-5);
  --font-paragraph-spacing-heading-m:var(--size-6);
  --font-paragraph-spacing-heading-s:var(--size-6);
  --font-paragraph-spacing-heading-lg:var(--size-8);
  --font-paragraph-spacing-heading-xl:var(--size-9);
  --font-paragraph-spacing-heading-2xl:var(--size-10);
  --font-size-body-xs:var(--size-6);
  --font-size-body-s:var(--size-7);
  --font-size-body-m:var(--size-8);
  --font-size-body-lg:var(--size-9);
  --font-size-body-xl:var(--size-10);
  --font-size-heading-xs:var(--size-7);
  --font-size-heading-s:var(--size-8);
  --font-size-heading-m:var(--size-9);
  --font-size-heading-lg:var(--size-10);
  --font-size-heading-xl:var(--size-12);
  --font-size-heading-2xl:var(--size-14);
  --font-size-label-s:var(--size-7);
  --font-size-label-m:var(--size-8);
  --font-size-label-lg:var(--size-9);
  /* string */
  --font-family-nationale:nationale;
  --font-weight-body:500;
  --font-weight-heading:600;
}

[data-view-mode=compact]{
  /* number */
  --font-line-height-body-xs:var(--size-8);
  --font-line-height-body-s:var(--size-9);
  --font-line-height-body-lg:var(--size-10);
  --font-line-height-body-m:var(--size-10);
  --font-line-height-body-xl:var(--size-11);
  --font-line-height-heading-s:var(--size-8);
  --font-line-height-heading-xs:var(--size-8);
  --font-line-height-heading-m:var(--size-9);
  --font-line-height-heading-lg:var(--size-10);
  --font-line-height-heading-xl:var(--size-11);
  --font-line-height-heading-2xl:var(--size-12);
  --font-line-height-label-m:var(--size-8);
  --font-line-height-label-s:var(--size-8);
  --font-line-height-label-lg:var(--size-9);
  --font-paragraph-spacing-body-xs:var(--size-5);
  --font-paragraph-spacing-body-s:var(--size-6);
  --font-paragraph-spacing-body-m:var(--size-8);
  --font-paragraph-spacing-body-lg:var(--size-9);
  --font-paragraph-spacing-body-xl:var(--size-9);
  --font-paragraph-spacing-heading-s:var(--size-5);
  --font-paragraph-spacing-heading-xs:var(--size-5);
  --font-paragraph-spacing-heading-lg:var(--size-6);
  --font-paragraph-spacing-heading-m:var(--size-6);
  --font-paragraph-spacing-heading-2xl:var(--size-8);
  --font-paragraph-spacing-heading-xl:var(--size-8);
  --font-size-body-xs:var(--size-6);
  --font-size-body-s:var(--size-7);
  --font-size-body-lg:var(--size-8);
  --font-size-body-m:var(--size-8);
  --font-size-body-xl:var(--size-9);
  --font-size-heading-xs:var(--size-6);
  --font-size-heading-s:var(--size-7);
  --font-size-heading-m:var(--size-8);
  --font-size-heading-lg:var(--size-9);
  --font-size-heading-xl:var(--size-10);
  --font-size-heading-2xl:var(--size-11);
  --font-size-label-s:var(--size-7);
  --font-size-label-m:var(--size-8);
  --font-size-label-lg:var(--size-9);
  /* string */
  --font-family-nationale:nationale;
  --font-weight-body:500;
  --font-weight-heading:600;
}

[data-view-mode=display]{
  /* number */
  --font-line-height-body-xs:var(--size-11);
  --font-line-height-body-s:var(--size-12);
  --font-line-height-body-m:var(--size-15);
  --font-line-height-body-lg:var(--size-18);
  --font-line-height-body-xl:var(--size-19);
  --font-line-height-heading-xs:var(--size-11);
  --font-line-height-heading-s:var(--size-13);
  --font-line-height-heading-m:var(--size-15);
  --font-line-height-heading-lg:var(--size-18);
  --font-line-height-heading-xl:var(--size-20);
  --font-line-height-heading-2xl:var(--size-21);
  --font-line-height-label-s:var(--size-11);
  --font-line-height-label-m:var(--size-13);
  --font-line-height-label-lg:var(--size-15);
  --font-paragraph-spacing-body-xs:var(--size-9);
  --font-paragraph-spacing-body-s:var(--size-10);
  --font-paragraph-spacing-body-m:var(--size-12);
  --font-paragraph-spacing-body-lg:var(--size-14);
  --font-paragraph-spacing-body-xl:var(--size-16);
  --font-paragraph-spacing-heading-xs:var(--size-6);
  --font-paragraph-spacing-heading-s:var(--size-8);
  --font-paragraph-spacing-heading-m:var(--size-9);
  --font-paragraph-spacing-heading-lg:var(--size-10);
  --font-paragraph-spacing-heading-xl:var(--size-12);
  --font-paragraph-spacing-heading-2xl:var(--size-13);
  --font-size-body-xs:var(--size-9);
  --font-size-body-s:var(--size-10);
  --font-size-body-m:var(--size-12);
  --font-size-body-lg:var(--size-14);
  --font-size-body-xl:var(--size-16);
  --font-size-heading-xs:var(--size-10);
  --font-size-heading-s:var(--size-12);
  --font-size-heading-m:var(--size-14);
  --font-size-heading-lg:var(--size-16);
  --font-size-heading-xl:var(--size-19);
  --font-size-heading-2xl:var(--size-20);
  --font-size-label-s:var(--size-10);
  --font-size-label-m:var(--size-12);
  --font-size-label-lg:var(--size-14);
  /* string */
  --font-family-nationale:nationale;
  --font-weight-body:500;
  --font-weight-heading:600;
}

:root{
  --eds-button:1;
}.eds-button{
  min-width:var(--components-button-height-horizontalcontent-medium);
  width:-webkit-max-content;
  width:-moz-max-content;
  width:max-content;
  height:var(--components-button-height-horizontalcontent-medium);
  -webkit-border-radius:var(--components-button-radius-medium);
     -moz-border-radius:var(--components-button-radius-medium);
          border-radius:var(--components-button-radius-medium);
  cursor:pointer;
  display:inline-block;
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  -webkit-text-decoration:none;
  text-decoration:none;
  overflow-x:hidden;
  -o-text-overflow:ellipsis;
     text-overflow:ellipsis;
  white-space:nowrap;
  padding-inline:var(--components-button-inlinepadding-medium);
  font-size:var(--font-size-body-m, var(--size-8));
  line-height:var(--font-line-height-body-m, var(--size-10));
  font-weight:500;
  font-weight:var(--font-weight-body, 500);
  text-align:center;
  font-family:inherit;
  position:relative;
  vertical-align:middle;
  background-color:var(--eds-button-background);
  border:var(--components-button-border-medium) solid var(--eds-button-border);
  color:var(--eds-button-text);
}
.eds-button:where(:hover){
  background-color:var(--eds-button-background-hover);
}
.eds-button:where(:active){
  background-color:var(--eds-button-background-active);
  border-color:var(--eds-button-border-active);
  color:var(--eds-button-text-active);
}
.eds-button:where(:focus-visible){
  outline:2px solid #181c56;
  outline-color:var(--basecolors-stroke-focus-standard);
  outline-offset:0.125rem;
}
:where(.eds-contrast) .eds-button:where(:focus-visible){
  outline-color:var(--basecolors-stroke-focus-contrast);
}
.eds-button > :where(.eds-button__loading-dots){
  width:100%;
}
.eds-button > :where(.eds-button__loading-dots) :where(.eds-loading-dots__dot){
  background:var(--eds-button-text);
}
.eds-button :where(.eds-icon){
  vertical-align:middle;
  margin-bottom:0.1em;
}
.eds-button--trailing-icon :where(.eds-icon:last-child){
  margin-left:var(--components-button-gap-medium);
}
.eds-button--trailing-icon:where(.eds-button--size-small) :where(.eds-icon:last-child){
  margin-left:var(--components-button-gap-small);
}
.eds-button--trailing-icon:where(.eds-button--size-large) :where(.eds-icon:last-child){
  margin-left:var(--components-button-gap-large);
}
.eds-button--leading-icon :where(.eds-icon:first-child){
  margin-right:var(--components-button-gap-medium);
}
.eds-button--leading-icon:where(.eds-button--size-small) :where(.eds-icon:first-child){
  margin-right:var(--components-button-gap-small);
}
.eds-button--leading-icon:where(.eds-button--size-large) :where(.eds-icon:first-child){
  margin-right:var(--components-button-gap-large);
}
.eds-button--size-small{
  height:var(--components-button-height-horizontalcontent-small);
  -webkit-border-radius:var(--components-button-radius-small);
     -moz-border-radius:var(--components-button-radius-small);
          border-radius:var(--components-button-radius-small);
  padding-inline:var(--components-button-inlinepadding-small);
  font-size:var(--font-size-body-s, var(--size-7));
  line-height:var(--font-line-height-body-s, var(--size-9));
  border:var(--components-button-border-small) solid var(--eds-button-border);
}
.eds-button--size-large{
  height:var(--components-button-height-horizontalcontent-large);
  -webkit-border-radius:var(--components-button-radius-large);
     -moz-border-radius:var(--components-button-radius-large);
          border-radius:var(--components-button-radius-large);
  padding-inline:var(--components-button-inlinepadding-large);
  font-size:var(--font-size-body-xl, var(--size-10));
  line-height:var(--font-line-height-body-xl, var(--size-12));
  border:var(--components-button-border-large) solid var(--eds-button-border);
}
.eds-button--width-fluid{
  width:100%;
}
.eds-button--variant-primary{
  --eds-button-background:var(--components-button-primary-standard-default);
  --eds-button-text:var(--components-button-primary-standard-text);
  --eds-button-text-active:var(--components-button-primary-standard-text);
  --eds-button-background-hover:var(--components-button-primary-standard-hover);
  --eds-button-background-active:var(--components-button-primary-standard-active);
  --eds-button-border:transparent;
  --eds-button-border-active:transparent;
}
:where(.eds-contrast) .eds-button--variant-primary{
  --eds-button-background:var(--components-button-primary-contrast-default);
  --eds-button-text:var(--components-button-primary-contrast-text);
  --eds-button-text-active:var(--components-button-primary-contrast-text);
  --eds-button-background-hover:var(--components-button-primary-contrast-hover);
  --eds-button-background-active:var(--components-button-primary-contrast-active);
  --eds-button-border:transparent;
  --eds-button-border-active:transparent;
}
.eds-button--variant-secondary{
  --eds-button-background:var(--components-button-secondary-standard-default);
  --eds-button-text:var(--components-button-secondary-standard-text);
  --eds-button-text-active:var(--components-button-secondary-standard-text-active);
  --eds-button-background-hover:var(--components-button-secondary-standard-hover);
  --eds-button-background-active:var(--components-button-secondary-standard-active);
  --eds-button-border:var(--components-button-secondary-standard-border);
  --eds-button-border-active:var(--components-button-secondary-standard-border-active);
}
:where(.eds-contrast) .eds-button--variant-secondary{
  --eds-button-background:var(--components-button-secondary-contrast-default);
  --eds-button-text:var(--components-button-secondary-contrast-text);
  --eds-button-text-active:var(--components-button-secondary-contrast-text-active);
  --eds-button-background-hover:var(--components-button-secondary-contrast-hover);
  --eds-button-background-active:var(--components-button-secondary-contrast-active);
  --eds-button-border:var(--components-button-secondary-contrast-border);
  --eds-button-border-active:var(--components-button-secondary-contrast-border-active);
}
.eds-button--variant-success{
  --eds-button-background:var(--components-button-success-standard-default);
  --eds-button-text:var(--components-button-success-standard-text);
  --eds-button-text-active:var(--components-button-success-standard-text);
  --eds-button-background-hover:var(--components-button-success-standard-hover);
  --eds-button-background-active:var(--components-button-success-standard-active);
  --eds-button-border:var(--components-button-success-standard-border);
  --eds-button-border-active:var(--components-button-success-standard-border);
}
:where(.eds-contrast) .eds-button--variant-success{
  --eds-button-background:var(--components-button-success-contrast-default);
  --eds-button-text:var(--components-button-success-contrast-text);
  --eds-button-text-active:var(--components-button-success-contrast-text);
  --eds-button-background-hover:var(--components-button-success-contrast-hover);
  --eds-button-background-active:var(--components-button-success-contrast-active);
  --eds-button-border:var(--components-button-success-contrast-border);
  --eds-button-border-active:var(--components-button-success-contrast-border);
}
.eds-button--variant-negative{
  --eds-button-background:var(--components-button-negative-standard-default);
  --eds-button-text:var(--components-button-negative-standard-text);
  --eds-button-text-active:var(--components-button-negative-standard-text-active);
  --eds-button-background-hover:var(--components-button-negative-standard-hover);
  --eds-button-background-active:var(--components-button-negative-standard-active);
  --eds-button-border:var(--components-button-negative-standard-border);
  --eds-button-border-active:var(--components-button-negative-standard-border);
}
:where(.eds-contrast) .eds-button--variant-negative{
  --eds-button-background:var(--components-button-negative-contrast-default);
  --eds-button-text:var(--components-button-negative-contrast-text);
  --eds-button-text-active:var(--components-button-negative-contrast-text-active);
  --eds-button-background-hover:var(--components-button-negative-contrast-hover);
  --eds-button-background-active:var(--components-button-negative-contrast-active);
  --eds-button-border:var(--components-button-negative-contrast-border);
  --eds-button-border-active:var(--components-button-negative-contrast-border);
}
.eds-button--variant-tertiary{
  font-size:0.875rem;
  border:0.0625rem solid #54568c;
  -webkit-border-radius:0.25rem;
     -moz-border-radius:0.25rem;
          border-radius:0.25rem;
  background-color:transparent;
  color:#181c56;
  height:2rem;
  padding:0 0.75rem;
  min-width:6rem;
}
.eds-button--variant-tertiary:where(:hover){
  background-color:rgb(206.4, 211.8, 237.6);
}
.eds-button--variant-tertiary:where(:active){
  background-color:#aeb7e2;
}
:where(.eds-contrast) .eds-button--variant-tertiary{
  background-color:transparent;
  color:#ffffff;
  border-color:#aeb7e2;
}
:where(.eds-contrast) .eds-button--variant-tertiary > :where(.eds-button__loading-dots) :where(.eds-loading-dots__dot){
  background:#ffffff;
}
:where(.eds-contrast) .eds-button--variant-tertiary:where(:hover){
  background-color:rgba(174, 183, 226, 0.2);
}
:where(.eds-contrast) .eds-button--variant-tertiary:where(:active){
  background:#aeb7e2;
  color:#181c56;
}
:where(.eds-contrast) .eds-button--variant-tertiary:where(:active) > :where(.eds-button__loading-dots) :where(.eds-loading-dots__dot){
  background:#181c56;
}
.eds-button:where([disabled]):where(.eds-button--loading){
  pointer-events:none;
}
.eds-button:where([disabled]):where(:not(.eds-button--loading)){
  background:var(--components-button-disabled-standard-fill);
  color:var(--components-button-disabled-standard-text-disabled);
  border-color:transparent;
  cursor:not-allowed;
}
:where(.eds-contrast) .eds-button:where([disabled]):where(:not(.eds-button--loading)){
  background-color:var(--components-button-disabled-contrast-fill);
  color:var(--components-button-disabled-contrast-text-disabled);
  border-color:transparent;
}
.eds-button:where(a){
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
     -moz-box-align:center;
          align-items:center;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
     -moz-box-pack:center;
          justify-content:center;
}
.eds-button:where(a) :where(.eds-icon){
  position:static;
  position:initial;
}.eds-button-group .eds-button{
  margin-right:0.75rem;
  margin-bottom:0.75rem;
}
.eds-button-group .eds-button:only-child{
  margin:0;
}.eds-floating-button{
  -webkit-box-align:center;
  -webkit-align-items:center;
     -moz-box-align:center;
          align-items:center;
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  background:var(--components-button-floating-standard-default);
  border:0;
  -webkit-border-radius:1.5rem;
     -moz-border-radius:1.5rem;
          border-radius:1.5rem;
  -webkit-box-shadow:0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
     -moz-box-shadow:0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
          box-shadow:0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
  color:var(--components-button-floating-standard-text);
  cursor:pointer;
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:flex;
  font-family:inherit;
  font-size:0.875rem;
  font-weight:500;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
     -moz-box-pack:center;
          justify-content:center;
  min-height:3rem;
  margin:0;
  min-width:3rem;
  padding:0 1rem;
  position:relative;
  z-index:10;
}
.eds-floating-button--extended{
  padding:0 0.9375rem;
}
.eds-floating-button:hover{
  background-color:var(--components-button-floating-standard-hover);
}
.eds-floating-button:active{
  background-color:var(--components-button-floating-standard-active);
}
.eds-floating-button:focus-visible{
  outline:2px solid #181c56;
  outline-color:var(--basecolors-stroke-focus-standard);
  outline-offset:0.125rem;
}
.eds-contrast .eds-floating-button:focus-visible{
  outline-color:var(--basecolors-stroke-focus-contrast);
}
.eds-contrast .eds-floating-button{
  background:var(--components-button-floating-contrast-default);
  color:var(--components-button-floating-contrast-text);
  -webkit-box-shadow:0 0.0625rem 0.1875rem rgb(57, 61, 121);
     -moz-box-shadow:0 0.0625rem 0.1875rem rgb(57, 61, 121);
          box-shadow:0 0.0625rem 0.1875rem rgb(57, 61, 121);
}
.eds-contrast .eds-floating-button:hover{
  background-color:var(--components-button-floating-contrast-hover);
}
.eds-contrast .eds-floating-button:active{
  background-color:var(--components-button-floating-contrast-active);
}
.eds-floating-button--small{
  -webkit-border-radius:1rem;
     -moz-border-radius:1rem;
          border-radius:1rem;
  height:2rem;
  padding:0 0.5rem;
  min-width:2rem;
  min-height:2rem;
  -webkit-box-flex:0;
  -webkit-flex:0 1 auto;
     -moz-box-flex:0;
          flex:0 1 auto;
}
.eds-floating-button--small.eds-floating-button--extended{
  padding:0 0.6875rem;
}

.eds-floating-button--extended > *{
  margin:0 0.5em;
}
.eds-floating-button--extended > *:first-child{
  margin-left:0;
}
.eds-floating-button--extended > *:last-child{
  margin-right:0;
}.eds-square-button{
  -webkit-box-align:center;
  -webkit-align-items:center;
     -moz-box-align:center;
          align-items:center;
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  background:transparent;
  border:0;
  cursor:pointer;
  font-size:var(--font-size-body-m);
  display:-webkit-inline-box;
  display:-webkit-inline-flex;
  display:-moz-inline-box;
  display:inline-flex;
  font-family:inherit;
  font-weight:500;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
     -moz-box-pack:center;
          justify-content:center;
  padding:0;
  -webkit-text-decoration:none;
  text-decoration:none;
}
.eds-square-button__button{
  -webkit-box-align:center;
  -webkit-align-items:center;
     -moz-box-align:center;
          align-items:center;
  background-color:var(--button-background);
  border:var(--components-button-border-medium) solid var(--border-color);
  color:var(--icon-color);
  display:-webkit-inline-box;
  display:-webkit-inline-flex;
  display:-moz-inline-box;
  display:inline-flex;
  height:var(--components-button-height-horizontalcontent-medium);
  -webkit-box-pack:center;
  -webkit-justify-content:center;
     -moz-box-pack:center;
          justify-content:center;
  line-height:1.5rem;
  padding:0;
  text-align:center;
  -webkit-text-decoration:none;
  text-decoration:none;
  vertical-align:top;
  position:relative;
  width:var(--components-button-height-horizontalcontent-medium);
}
.eds-square-button__label{
  color:var(--label-color);
}
.eds-square-button__label + :where(.eds-square-button__button), .eds-square-button__button + :where(.eds-square-button__label){
  margin-left:var(--components-button-gap-medium);
}
.eds-square-button:where(:focus-visible){
  outline:none;
}
.eds-square-button:where(:focus-visible) :where(.eds-square-button__button){
  outline:2px solid #181c56;
  outline-color:var(--basecolors-stroke-focus-standard);
  outline-offset:0.125rem;
}
:where(.eds-contrast) .eds-square-button:where(:focus-visible) :where(.eds-square-button__button){
  outline-color:var(--basecolors-stroke-focus-contrast);
}
.eds-square-button--size-small{
  font-size:var(--font-size-body-s);
}
.eds-square-button--size-small :where(.eds-square-button__button){
  height:var(--components-button-height-horizontalcontent-small);
  width:var(--components-button-height-horizontalcontent-small);
  border-width:var(--components-button-border-small);
  -webkit-border-radius:var(--components-button-radius-small);
     -moz-border-radius:var(--components-button-radius-small);
          border-radius:var(--components-button-radius-small);
}
.eds-square-button--size-small :where(.eds-square-button__label) + :where(.eds-square-button__button),
.eds-square-button--size-small :where(.eds-square-button__button) + :where(.eds-square-button__label){
  margin-left:var(--components-button-gap-small);
}
.eds-square-button--size-medium :where(.eds-square-button__button){
  height:var(--components-button-height-horizontalcontent-medium);
  width:var(--components-button-height-horizontalcontent-medium);
  border-width:var(--components-button-border-medium);
  -webkit-border-radius:var(--components-button-radius-medium);
     -moz-border-radius:var(--components-button-radius-medium);
          border-radius:var(--components-button-radius-medium);
}
.eds-square-button--size-large{
  font-size:var(--font-size-body-xl);
}
.eds-square-button--size-large :where(.eds-square-button__button){
  height:var(--components-button-height-horizontalcontent-large);
  width:var(--components-button-height-horizontalcontent-large);
  border-width:var(--components-button-border-large);
  -webkit-border-radius:var(--components-button-radius-large);
     -moz-border-radius:var(--components-button-radius-large);
          border-radius:var(--components-button-radius-large);
}
.eds-square-button--size-large :where(.eds-square-button__label) + :where(.eds-square-button__button),
.eds-square-button--size-large :where(.eds-square-button__button) + :where(.eds-square-button__label){
  margin-left:var(--components-button-gap-large);
}
.eds-square-button--secondary{
  --button-background:var(--components-button-squaresecondary-standard-default);
  --border-color:var(--components-button-squaresecondary-standard-border);
  --icon-color:var(--components-button-squaresecondary-standard-icon);
  --label-color:var(--components-button-squaresecondary-standard-text);
}
.eds-square-button--secondary:where(:hover){
  --button-background:var(--components-button-squaresecondary-standard-hover);
}
.eds-square-button--secondary:where(:active){
  --button-background:var(--components-button-squaresecondary-standard-active);
  --border-color:var(--components-button-squaresecondary-standard-border-active);
  --icon-color:var(--components-button-squaresecondary-standard-icon-active);
}
:where(.eds-contrast) .eds-square-button--secondary{
  --button-background:var(--components-button-squaresecondary-contrast-default);
  --border-color:var(--components-button-squaresecondary-contrast-border);
  --icon-color:var(--components-button-squaresecondary-contrast-icon-default);
  --label-color:var(--components-button-squaresecondary-contrast-label);
}
:where(.eds-contrast) .eds-square-button--secondary:where(:hover){
  --button-background:var(--components-button-squaresecondary-contrast-hover);
  --icon-color:var(--components-button-squaresecondary-contrast-icon-hover);
}
:where(.eds-contrast) .eds-square-button--secondary:where(:active){
  --button-background:var(--components-button-squaresecondary-contrast-active);
  --border-color:var(--components-button-squaresecondary-contrast-border-active);
  --icon-color:var(--components-button-squaresecondary-contrast-icon-active);
}
.eds-square-button--success{
  --button-background:var(--components-button-squaresuccess-standard-default);
  --border-color:var(--components-button-squaresuccess-standard-border);
  --icon-color:var(--components-button-squaresuccess-standard-icon);
  --label-color:var(--components-button-squaresuccess-standard-label);
}
.eds-square-button--success:where(:hover){
  --button-background:var(--components-button-squaresuccess-standard-hover);
}
.eds-square-button--success:where(:active){
  --button-background:var(--components-button-squaresuccess-standard-active);
}
:where(.eds-contrast) .eds-square-button--success{
  --button-background:var(--components-button-squaresuccess-contrast-default);
  --border-color:var(--components-button-squaresuccess-contrast-border);
  --icon-color:var(--components-button-squaresuccess-contrast-icon);
  --label-color:var(--components-button-squaresuccess-contrast-label);
}
:where(.eds-contrast) .eds-square-button--success:where(:hover){
  --button-background:var(--components-button-squaresuccess-contrast-hover);
}
:where(.eds-contrast) .eds-square-button--success:where(:active){
  --button-background:var(--components-button-squaresuccess-contrast-active);
}
.eds-square-button:where([disabled]):where(:not(.eds-square-button--loading)){
  cursor:not-allowed;
}
.eds-square-button:where([disabled]):where(:not(.eds-square-button--loading)) :where(.eds-square-button__button),
.eds-square-button:where([disabled]):where(:not(.eds-square-button--loading)) :where(.eds-square-button__button:hover){
  border-color:var(--basecolors-stroke-disabled);
  border-style:dashed;
  background-color:transparent;
  color:var(--basecolors-text-disabled);
}
.eds-square-button:where([disabled]):where(:not(.eds-square-button--loading)) :where(.eds-square-button__label),
.eds-square-button:where([disabled]):where(:not(.eds-square-button--loading)) :where(.eds-square-button__label:hover){
  color:var(--basecolors-text-disabled);
}
.eds-square-button--loading{
  opacity:1;
}
.eds-square-button__loading-dots :where(.eds-loading-dots__dot){
  background:var(--icon-color);
}
.eds-square-button--tertiary{
  --button-background:var(--components-button-squaresecondary-standard-default);
  --border-color:var(--components-button-squaresecondary-standard-border);
  --icon-color:var(--components-button-squaresecondary-standard-icon);
  --label-color:var(--components-button-squaresecondary-standard-text);
  font-size:0.875rem;
}
.eds-square-button--tertiary:hover{
  --button-background:var(--components-button-squaresecondary-standard-hover);
}
.eds-square-button--tertiary:active{
  --button-background:var(--components-button-squaresecondary-standard-active);
  --border-color:var(--components-button-squaresecondary-standard-border-active);
  --icon-color:var(--components-button-squaresecondary-standard-icon-active);
}
.eds-contrast .eds-square-button--tertiary{
  --button-background:var(--components-button-squaresecondary-contrast-default);
  --border-color:var(--components-button-squaresecondary-contrast-border);
  --icon-color:var(--components-button-squaresecondary-contrast-icon-default);
  --label-color:var(--components-button-squaresecondary-contrast-label);
}
.eds-contrast .eds-square-button--tertiary:hover{
  --button-background:var(--components-button-squaresecondary-contrast-hover);
  --icon-color:var(--components-button-squaresecondary-contrast-icon-hover);
}
.eds-contrast .eds-square-button--tertiary:active{
  --button-background:var(--components-button-squaresecondary-contrast-active);
  --border-color:var(--components-button-squaresecondary-contrast-border-active);
  --icon-color:var(--components-button-squaresecondary-contrast-icon-active);
}
.eds-square-button--tertiary .eds-square-button__label + .eds-square-button__button,
.eds-square-button--tertiary .eds-square-button__button + .eds-square-button__label{
  margin-left:0.75rem;
}
.eds-square-button--tertiary .eds-square-button__button{
  height:2rem;
  width:2rem;
  border-width:0.0625rem;
  -webkit-border-radius:0.25rem;
     -moz-border-radius:0.25rem;
          border-radius:0.25rem;
}.eds-icon-button{
  border:0.125rem solid transparent;
  -webkit-border-radius:0.25rem;
     -moz-border-radius:0.25rem;
          border-radius:0.25rem;
  background:none;
  color:var(--components-button-iconbutton-standard-text);
  cursor:pointer;
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:flex;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
     -moz-box-pack:center;
          justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
     -moz-box-align:center;
          align-items:center;
  font-size:1rem;
  padding:0.5rem;
}
.eds-contrast .eds-icon-button{
  color:var(--components-button-iconbutton-contrast-text);
}
.eds-contrast .eds-icon-button > .eds-loading-dots .eds-loading-dots__dot{
  background-color:var(--components-button-iconbutton-contrast-icon);
}
.eds-icon-button--size-small{
  height:1.5rem;
  width:1.5rem;
  padding:0;
}
.eds-icon-button:hover{
  background-color:var(--components-button-iconbutton-standard-hover);
}
.eds-contrast .eds-icon-button:hover{
  background-color:var(--components-button-iconbutton-contrast-hover);
}
.eds-icon-button:active{
  background:var(--components-button-iconbutton-standard-active);
  color:var(--components-button-iconbutton-standard-text-active);
}
.eds-contrast .eds-icon-button:active{
  background:var(--components-button-iconbutton-contrast-active);
  color:var(--components-button-iconbutton-contrast-text-active);
}
.eds-icon-button:focus-visible{
  outline:2px solid #181c56;
  outline-color:var(--basecolors-stroke-focus-standard);
  outline-offset:0.125rem;
}
.eds-contrast .eds-icon-button:focus-visible{
  outline-color:var(--basecolors-stroke-focus-contrast);
}
.eds-icon-button--disabled{
  opacity:0.5;
  pointer-events:none;
}
.eds-icon-button--disabled__wrapper{
  cursor:not-allowed;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
}