.ds-page-banner{--ds-page-banner-background:var(--bg-neutral-weak);--ds-page-banner-background-hover:var(--bg-neutral-weak-hover);--ds-page-banner-background-pressed:var(--bg-neutral-weak-pressed);--ds-page-banner-foreground:var(--fg-text-secondary);--ds-page-banner-focus-ring:var(--stroke-focus-ring);--ds-page-banner-icon:var(--fg-neutral-subtle);--ds-page-banner-shadow:var(--shadow-none);--ds-page-banner-stroke:var(--stroke-neutral-subtle);--ds-page-banner-action:var(--fg-text-primary);--ds-page-banner-action-background-hover:var(--bg-transparent-hover);--ds-page-banner-action-background-pressed:var(--bg-transparent-pressed);--ds-page-banner-z-index:var(--elevation-local-main-z-index);z-index:var(--ds-page-banner-z-index);inline-size:100%;min-block-size:var(--dimension-x12);align-items:flex-start;gap:var(--dimension-x3);padding:var(--dimension-x3) var(--dimension-x4);border:var(--dimension-stroke-component-default) solid var(--ds-page-banner-stroke);border-radius:var(--radius-r3);background:var(--ds-page-banner-background);box-shadow:var(--ds-page-banner-shadow);color:var(--ds-page-banner-foreground);font-family:var(--font-family-sans);letter-spacing:var(--letter-spacing-default);display:flex;position:relative}.ds-page-banner--weak{--ds-page-banner-background:var(--ds-page-banner-weak-background);--ds-page-banner-background-hover:var(--ds-page-banner-weak-background-hover);--ds-page-banner-background-pressed:var(--ds-page-banner-weak-background-pressed);--ds-page-banner-foreground:var(--ds-page-banner-weak-foreground);--ds-page-banner-icon:var(--ds-page-banner-weak-icon);--ds-page-banner-stroke:var(--ds-page-banner-weak-stroke);--ds-page-banner-action:var(--ds-page-banner-weak-action)}.ds-page-banner--solid{--ds-page-banner-background:var(--ds-page-banner-solid-background);--ds-page-banner-background-hover:var(--ds-page-banner-solid-background-hover);--ds-page-banner-background-pressed:var(--ds-page-banner-solid-background-pressed);--ds-page-banner-foreground:var(--ds-page-banner-solid-foreground);--ds-page-banner-icon:var(--ds-page-banner-solid-icon);--ds-page-banner-stroke:var(--ds-page-banner-solid-stroke);--ds-page-banner-action:var(--ds-page-banner-solid-action);--ds-page-banner-shadow:var(--shadow-xs)}.ds-page-banner--neutral{--ds-page-banner-weak-background:var(--bg-neutral-weak);--ds-page-banner-weak-background-hover:var(--bg-neutral-weak-hover);--ds-page-banner-weak-background-pressed:var(--bg-neutral-weak-pressed);--ds-page-banner-weak-foreground:var(--fg-text-secondary);--ds-page-banner-weak-icon:var(--fg-neutral-subtle);--ds-page-banner-weak-stroke:var(--stroke-neutral-subtle);--ds-page-banner-weak-action:var(--fg-text-primary);--ds-page-banner-solid-background:var(--bg-neutral-solid);--ds-page-banner-solid-background-hover:var(--bg-neutral-solid-hover);--ds-page-banner-solid-background-pressed:var(--bg-neutral-solid-pressed);--ds-page-banner-solid-foreground:var(--fg-neutral-inverted);--ds-page-banner-solid-icon:currentColor;--ds-page-banner-solid-stroke:var(--stroke-transparent);--ds-page-banner-solid-action:currentColor}.ds-page-banner--informative{--ds-page-banner-weak-background:var(--bg-informative-weak);--ds-page-banner-weak-background-hover:var(--bg-informative-weak-hover);--ds-page-banner-weak-background-pressed:var(--bg-informative-weak-pressed);--ds-page-banner-weak-foreground:var(--fg-informative);--ds-page-banner-weak-icon:var(--fg-informative-muted);--ds-page-banner-weak-stroke:var(--stroke-informative-weak);--ds-page-banner-weak-action:var(--fg-informative);--ds-page-banner-solid-background:var(--bg-informative-solid);--ds-page-banner-solid-background-hover:var(--bg-informative-solid-hover);--ds-page-banner-solid-background-pressed:var(--bg-informative-solid-pressed);--ds-page-banner-solid-foreground:var(--fg-text-inverted);--ds-page-banner-solid-icon:currentColor;--ds-page-banner-solid-stroke:var(--stroke-transparent);--ds-page-banner-solid-action:currentColor}.ds-page-banner--positive{--ds-page-banner-weak-background:var(--bg-positive-weak);--ds-page-banner-weak-background-hover:var(--bg-positive-weak-hover);--ds-page-banner-weak-background-pressed:var(--bg-positive-weak-pressed);--ds-page-banner-weak-foreground:var(--fg-positive);--ds-page-banner-weak-icon:var(--fg-positive-muted);--ds-page-banner-weak-stroke:var(--stroke-positive-weak);--ds-page-banner-weak-action:var(--fg-positive);--ds-page-banner-solid-background:var(--bg-positive-solid);--ds-page-banner-solid-background-hover:var(--bg-positive-solid-hover);--ds-page-banner-solid-background-pressed:var(--bg-positive-solid-pressed);--ds-page-banner-solid-foreground:var(--fg-text-inverted);--ds-page-banner-solid-icon:currentColor;--ds-page-banner-solid-stroke:var(--stroke-transparent);--ds-page-banner-solid-action:currentColor}.ds-page-banner--warning{--ds-page-banner-weak-background:var(--bg-warning-weak);--ds-page-banner-weak-background-hover:var(--bg-warning-weak-hover);--ds-page-banner-weak-background-pressed:var(--bg-warning-weak-pressed);--ds-page-banner-weak-foreground:var(--fg-warning);--ds-page-banner-weak-icon:var(--fg-warning-muted);--ds-page-banner-weak-stroke:var(--stroke-warning-weak);--ds-page-banner-weak-action:var(--fg-warning);--ds-page-banner-solid-background:var(--bg-warning-solid);--ds-page-banner-solid-background-hover:var(--bg-warning-solid-hover);--ds-page-banner-solid-background-pressed:var(--bg-warning-solid-pressed);--ds-page-banner-solid-foreground:var(--fg-warning-contrast);--ds-page-banner-solid-icon:currentColor;--ds-page-banner-solid-stroke:var(--stroke-transparent);--ds-page-banner-solid-action:currentColor}.ds-page-banner--critical{--ds-page-banner-weak-background:var(--bg-critical-weak);--ds-page-banner-weak-background-hover:var(--bg-critical-weak-hover);--ds-page-banner-weak-background-pressed:var(--bg-critical-weak-pressed);--ds-page-banner-weak-foreground:var(--fg-critical);--ds-page-banner-weak-icon:var(--fg-critical-muted);--ds-page-banner-weak-stroke:var(--stroke-critical-weak);--ds-page-banner-weak-action:var(--fg-critical);--ds-page-banner-solid-background:var(--bg-critical-solid);--ds-page-banner-solid-background-hover:var(--bg-critical-solid-hover);--ds-page-banner-solid-background-pressed:var(--bg-critical-solid-pressed);--ds-page-banner-solid-foreground:var(--fg-text-inverted);--ds-page-banner-solid-icon:currentColor;--ds-page-banner-solid-stroke:var(--stroke-transparent);--ds-page-banner-solid-action:currentColor}.ds-page-banner--magic{--ds-page-banner-weak-background:var(--bg-magic-weak);--ds-page-banner-weak-background-hover:var(--bg-brand-weak-hover);--ds-page-banner-weak-background-pressed:var(--bg-brand-weak-pressed);--ds-page-banner-weak-foreground:var(--fg-brand-subtle);--ds-page-banner-weak-icon:var(--fg-brand-muted);--ds-page-banner-weak-stroke:var(--stroke-brand-weak);--ds-page-banner-weak-action:var(--fg-brand-subtle)}.ds-page-banner__prefix-icon{inline-size:var(--dimension-x5);block-size:var(--dimension-x5);color:var(--ds-page-banner-icon);line-height:var(--font-size-t1);flex:none;justify-content:center;align-items:center;margin-block-start:var(--dimension-x0_5);display:inline-flex}.ds-page-banner__prefix-icon svg{inline-size:var(--dimension-x5);block-size:var(--dimension-x5);display:block}.ds-page-banner__content{min-inline-size:var(--dimension-x0);min-block-size:var(--dimension-x6);padding-block:var(--dimension-x0_5);flex:auto;align-items:center;display:flex}.ds-page-banner__message{min-inline-size:var(--dimension-x0);font-size:var(--font-size-t3);font-weight:var(--font-weight-medium);line-height:var(--line-height-t3);text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ds-page-banner__title{font-weight:var(--font-weight-bold);margin-inline-end:var(--dimension-x2);display:inline}.ds-page-banner__description{display:inline}.ds-page-banner__trailing{align-items:center;gap:var(--dimension-x1);flex:none;margin-block-start:calc(var(--dimension-x1) * -1);margin-inline-end:calc(var(--dimension-x2) * -1);display:flex}.ds-page-banner__action,.ds-page-banner__dismiss{border-radius:var(--radius-full);background:var(--bg-transparent);color:var(--ds-page-banner-action);font:inherit;font-size:var(--font-size-t3);font-weight:var(--font-weight-bold);line-height:var(--line-height-t3);letter-spacing:var(--letter-spacing-default);-webkit-tap-highlight-color:transparent;transform:var(--motion-transform-interaction-rest);transform-origin:50%;transition:background-color var(--motion-duration-interaction-press-out) var(--motion-easing-interaction-press-out), color var(--motion-duration-interaction-press-out) var(--motion-easing-interaction-press-out), var(--motion-transition-interaction-press-out);cursor:pointer;appearance:none;will-change:transform;border:0;flex:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.ds-page-banner__action{min-block-size:var(--dimension-x8);max-inline-size:calc(var(--dimension-x24) * 1.5);gap:var(--dimension-x0_5);padding-block:var(--dimension-x0);padding-inline:var(--dimension-x2);white-space:nowrap}.ds-page-banner__dismiss{inline-size:var(--dimension-x8);block-size:var(--dimension-x8);padding:var(--dimension-x0)}.ds-page-banner__action svg,.ds-page-banner__dismiss svg{inline-size:var(--dimension-x4);block-size:var(--dimension-x4);flex:none;display:block}.ds-page-banner__action-label{min-inline-size:var(--dimension-x0);text-overflow:ellipsis;overflow:hidden}@media (hover:hover) and (pointer:fine){.ds-page-banner__action:hover,.ds-page-banner__dismiss:hover{background:var(--ds-page-banner-action-background-hover)}}.ds-page-banner__action:active,.ds-page-banner__dismiss:active{background:var(--ds-page-banner-action-background-pressed);transform:var(--motion-transform-interaction-press);transition:background-color var(--motion-duration-interaction-press-in) var(--motion-easing-interaction-press-in), var(--motion-transition-interaction-press-in)}.ds-page-banner__action:focus-visible,.ds-page-banner__dismiss:focus-visible{outline:var(--dimension-x0_5) solid var(--ds-page-banner-focus-ring);outline-offset:var(--dimension-x0_5)}.ds-page-banner__action:disabled,.ds-page-banner__dismiss:disabled{color:var(--fg-text-disabled);cursor:not-allowed}.ds-page-banner__action:disabled:hover,.ds-page-banner__dismiss:disabled:hover,.ds-page-banner__action:disabled:active,.ds-page-banner__dismiss:disabled:active{background:var(--bg-transparent);transform:var(--motion-transform-interaction-rest)}@media (max-width:360px){.ds-page-banner{gap:var(--dimension-x2);padding-inline:var(--dimension-x3)}.ds-page-banner__action{max-inline-size:var(--dimension-x20)}}@media (prefers-reduced-motion:reduce){.ds-page-banner__action,.ds-page-banner__dismiss{transition:none}}