@layer amset-ui.tokens,amset-ui.base;@layer amset-ui.components{.amset-banner{--amset-banner-tone:var(--amset-info);--amset-banner-tone-soft:var(--amset-info-soft);--amset-banner-tone-solid:var(--amset-info-solid);--amset-banner-tone-ink:var(--amset-info-ink);--amset-banner-padding-block:var(--amset-space-3);--amset-banner-padding-line:var(--amset-space-4);--amset-banner-slot:var(--amset-space-3);--amset-banner-font:var(--amset-text-base);--amset-banner-icon:1.125rem;--amset-banner-close:1.75rem;--amset-banner-background:var(--amset-banner-tone-soft);--amset-banner-border:color-mix(in oklab, var(--amset-banner-tone) 30%, transparent);--amset-banner-text:var(--amset-banner-tone);align-items:center;gap:var(--amset-banner-slot);width:100%;padding:var(--amset-banner-padding-block) var(--amset-banner-padding-line);border-bottom:var(--amset-border-width) solid var(--amset-banner-border);background:var(--amset-banner-background);color:var(--amset-banner-text);font-family:var(--amset-font);font-size:var(--amset-banner-font);line-height:var(--amset-line-normal);animation:amset-banner-enter var(--amset-duration) var(--amset-easing-entry);display:flex}@keyframes amset-banner-enter{0%{opacity:0;transform:translateY(-.25rem)}}.amset-banner--fixed{z-index:var(--amset-layer-sticky);position:sticky;top:0}.amset-banner--centered{text-align:center;justify-content:center}.amset-banner--centered .amset-banner__text{flex:0 auto}.amset-banner--sm{--amset-banner-padding-block:var(--amset-space-1);--amset-banner-padding-line:var(--amset-space-3);--amset-banner-slot:var(--amset-space-2);--amset-banner-font:var(--amset-text-sm);--amset-banner-icon:1rem;--amset-banner-close:1.5rem}.amset-banner--lg{--amset-banner-padding-block:var(--amset-space-4);--amset-banner-padding-line:var(--amset-space-5);--amset-banner-font:var(--amset-text-lg);--amset-banner-icon:1.25rem;--amset-banner-close:2rem}.amset-banner--neutral{--amset-banner-tone:var(--amset-ink);--amset-banner-tone-soft:var(--amset-surface-2);--amset-banner-tone-solid:var(--amset-ink);--amset-banner-tone-ink:var(--amset-surface)}.amset-banner--accent{--amset-banner-tone:var(--amset-accent-text);--amset-banner-tone-soft:var(--amset-accent-soft);--amset-banner-tone-solid:var(--amset-accent);--amset-banner-tone-ink:var(--amset-accent-ink)}.amset-banner--secondary{--amset-banner-tone:var(--amset-secondary-text);--amset-banner-tone-soft:var(--amset-secondary-soft);--amset-banner-tone-solid:var(--amset-secondary);--amset-banner-tone-ink:var(--amset-secondary-ink)}.amset-banner--tertiary{--amset-banner-tone:var(--amset-tertiary-text);--amset-banner-tone-soft:var(--amset-tertiary-soft);--amset-banner-tone-solid:var(--amset-tertiary);--amset-banner-tone-ink:var(--amset-tertiary-ink)}.amset-banner--success{--amset-banner-tone:var(--amset-success);--amset-banner-tone-soft:var(--amset-success-soft);--amset-banner-tone-solid:var(--amset-success-solid);--amset-banner-tone-ink:var(--amset-success-ink)}.amset-banner--warning{--amset-banner-tone:var(--amset-warning);--amset-banner-tone-soft:var(--amset-warning-soft);--amset-banner-tone-solid:var(--amset-warning-solid);--amset-banner-tone-ink:var(--amset-warning-ink)}.amset-banner--error{--amset-banner-tone:var(--amset-error);--amset-banner-tone-soft:var(--amset-error-soft);--amset-banner-tone-solid:var(--amset-error-solid);--amset-banner-tone-ink:var(--amset-error-ink)}.amset-banner--solid{--amset-banner-background:var(--amset-banner-tone-solid);--amset-banner-border:var(--amset-banner-tone-solid);--amset-banner-text:var(--amset-banner-tone-ink)}.amset-banner__icon{flex:none;display:inline-flex}.amset-banner__icon svg{width:var(--amset-banner-icon);height:var(--amset-banner-icon)}.amset-banner__text{overflow-wrap:anywhere;flex:1;min-width:0}.amset-banner__text a{color:inherit;font-weight:var(--amset-weight-bold);text-decoration:none}.amset-banner__action{align-items:center;gap:var(--amset-space-2);flex:none;display:flex}.amset-banner__close{--amset-banner-close-extra:0px;width:calc(var(--amset-banner-close) + var(--amset-banner-close-extra) * 2);height:calc(var(--amset-banner-close) + var(--amset-banner-close-extra) * 2);margin:calc(var(--amset-banner-close-extra) * -1);color:inherit;cursor:pointer;background:0 0;border:0;outline:none;flex:none;place-items:center;margin-inline-end:calc(var(--amset-space-1) * -1 - var(--amset-banner-close-extra));padding:0;display:grid}.amset-banner__cross{width:var(--amset-banner-close);height:var(--amset-banner-close);border-radius:var(--amset-radius-sm);transition:background-color var(--amset-duration-fast) var(--amset-easing-standard);place-items:center;display:grid}.amset-banner__cross svg{width:calc(var(--amset-banner-close) / 2);height:calc(var(--amset-banner-close) / 2)}.amset-banner__close:hover .amset-banner__cross{background-color:color-mix(in oklab, currentcolor var(--amset-mix-hover), transparent)}.amset-banner__close:active .amset-banner__cross{background-color:color-mix(in oklab, currentcolor var(--amset-mix-pressed), transparent)}.amset-banner__close:focus-visible .amset-banner__cross{box-shadow:0 0 0 2px}@media (pointer:coarse){.amset-banner__close{--amset-banner-close-extra:calc((var(--amset-target-touch) - var(--amset-banner-close)) / 2)}}@media (max-width:40rem){.amset-banner{flex-wrap:wrap}.amset-banner__action{flex-basis:100%;order:1;justify-content:flex-start}}}
