@layer vectis.reset,vectis.tokens;@layer vectis.components{.v-toast-stack{background:0 0;border:none;width:fit-content;margin:0;padding:0;overflow:visible}.v-toast-stack[data-placement^=top-]{top:var(--vectis-space-4);--banner-enter-y:calc(var(--vectis-space-4)*-1)}.v-toast-stack[data-placement^=bottom-]{bottom:var(--vectis-space-4);--banner-enter-y:var(--vectis-space-4)}.v-toast-stack[data-placement$=-left]{left:var(--vectis-space-4)}.v-toast-stack[data-placement$=-right]{right:var(--vectis-space-4)}.v-toast-stack[data-placement$=-center]{margin-inline:auto;left:0;right:0}.v-toast-stack{opacity:1;transition:opacity var(--vectis-duration-base) var(--vectis-ease-default),overlay var(--vectis-duration-base) allow-discrete,display var(--vectis-duration-base) allow-discrete}.v-toast-stack:not(:popover-open){opacity:0}@starting-style{.v-toast-stack:popover-open{opacity:0}}@media (prefers-reduced-motion:reduce){.v-toast-stack{transition:none}}.v-toast-stack{gap:var(--vectis-space-3);flex-direction:column;display:flex}.v-toast-stack[data-placement^=top-]{flex-direction:column-reverse}.v-toast{padding:var(--vectis-space-3) var(--vectis-space-4);inline-size:var(--toast-width,var(--vectis-control-size-toast-width));max-inline-size:calc(100dvi - var(--vectis-space-4)*2);--toast-accent:var(--tone-text-tinted);align-items:flex-start}.v-toast[data-tone=neutral]{--tone-bg-soft:var(--vectis-color-surface-overlay);--tone-border-soft:var(--vectis-color-border);--toast-accent:var(--vectis-color-text)}.v-toast[data-variant=soft]{background:var(--tone-bg-soft);border:1px solid var(--tone-border-soft);color:var(--vectis-color-text)}.v-toast[data-variant=soft] .v-toast-icon,.v-toast[data-variant=soft] .v-toast-title{color:var(--toast-accent)}.v-toast[data-variant=soft] .v-toast-message{color:var(--vectis-color-text-muted)}.v-toast[data-variant=solid]{background:var(--tone-bg-solid);color:var(--tone-text-solid)}.v-toast[data-variant=soft] .v-toast-close[data-tone]{--tone-text-tinted:var(--toast-accent);--tone-bg-soft:color-mix(in oklab, var(--toast-accent), transparent 88%)}.v-toast-icon{--vectis-icon-size:var(--vectis-icon-size-md);margin-block:calc((var(--banner-line) - var(--vectis-icon-size-md))/2)}.v-toast-title{font-weight:var(--vectis-font-weight-semibold);margin-block-end:var(--vectis-space-1)}@media (forced-colors:active){.v-toast[data-variant=solid]{outline:1px solid canvastext}}}@layer vectis.utilities;.demo[data-v-957f1adf],.demo[data-v-a6b510a9],.demo[data-v-6cf01d84],.demo[data-v-5879b141],.demo[data-v-cf4a8361],.demo[data-v-895da134]{gap:var(--vectis-space-3);flex-wrap:wrap;display:flex}.demo[data-v-afdcf594]{gap:var(--vectis-space-5)}.demo[data-v-afdcf594],.row[data-v-afdcf594]{display:grid}.row[data-v-afdcf594]{gap:var(--vectis-space-2)}.buttons[data-v-afdcf594]{gap:var(--vectis-space-3);flex-wrap:wrap;display:flex}.caption[data-v-afdcf594]{color:var(--vectis-color-text-muted);font-size:var(--vectis-text-caption-size);margin:0}.demo[data-v-b5d8619e]{gap:var(--vectis-space-3);flex-wrap:wrap;display:flex}