@layer components{.toast-viewport{z-index:var(--z-toast);width:min(356px,100vw - 32px);position:fixed;bottom:23px;left:50%;transform:translate(-50%)}.toast{--toast-gap:14px;--toast-scale:calc(max(0, 1 - (var(--toast-index) * .05)));--toast-height-stacked:var(--toast-frontmost-height,var(--toast-height));z-index:calc(1000 - var(--toast-index));box-sizing:border-box;height:var(--toast-height-stacked);border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-raised);color:var(--text-primary);font:13px/18px var(--font-sans);overflow-wrap:anywhere;transform:translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) - var(--toast-index) * var(--toast-gap))) scale(var(--toast-scale));outline:none;align-items:center;padding:16px;transition:transform .4s,opacity .4s,height .4s;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 4px 12px #0000001a}.toast:after{width:100%;height:calc(var(--toast-gap) + 1px);content:"";position:absolute;top:100%;left:0}.toast[data-expanded]{height:var(--toast-height);transform:translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-offset-y) * -1 - var(--toast-index) * var(--toast-gap) + var(--toast-swipe-movement-y)))}.toast:is([data-starting-style],[data-ending-style]){opacity:0;transform:translateY(100%)}.toast[data-limited]{opacity:0}.toast:focus-visible{box-shadow:0 0 0 var(--size-focus-gap) var(--border-focus-gap), 0 0 0 calc(var(--size-focus-gap) + var(--size-focus-ring)) var(--border-focus)}.toast__content{align-items:center;gap:6px;min-width:0;transition:opacity .4s;display:flex}.toast__content[data-behind]:not([data-expanded]){opacity:0}.toast__mark{flex-shrink:0;width:16px;height:16px;margin-inline:-3px 4px;display:flex}.toast__mark svg{width:16px;height:16px;margin-inline-start:-1px}.toast__title{font-weight:var(--font-weight-medium);margin:0;line-height:1.5}.toast__close{z-index:1;border:var(--border-width-thin) solid var(--border-subtle);background:var(--surface-raised);width:20px;height:20px;color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background-color .2s,border-color .2s;display:flex;position:absolute;top:0;left:0;transform:translate(-35%,-35%)}.toast__close svg{width:12px;height:12px}@media (hover:hover) and (pointer:fine){.toast__close:hover{background:var(--surface-hover-solid)}}.toast__close:focus-visible{box-shadow:0 0 0 var(--size-focus-gap) var(--border-focus-gap), 0 0 0 calc(var(--size-focus-gap) + var(--size-focus-ring)) var(--border-focus);outline:none}@media (max-width:600px){.toast-viewport{width:calc(100vw - 32px);bottom:15px}}@media (prefers-reduced-motion:reduce){.toast,.toast__content{transition:opacity .2s}}}
