@layer components{.ui-kit-toast-viewport{--toast-viewport-offset:calc(var(--spacing)*16);--ui-kit-toast-enter-distance:calc(var(--spacing)*6);--ui-kit-toast-enter-x:var(--ui-kit-toast-enter-distance);--ui-kit-toast-enter-y:0px;bottom:var(--toast-viewport-bottom,auto);gap:calc(var(--spacing)*8);left:var(--toast-viewport-left,auto);right:var(--toast-viewport-right,auto);top:var(--toast-viewport-top,auto);width:min(420px,100vw - 32px);z-index:var(--z-index-toast);outline:none;flex-direction:column;margin:0;padding:0;list-style:none;display:flex;position:fixed}.ui-kit-toast-viewport.ui-kit-toast-viewport--stacked{gap:0}.ui-kit-toast-viewport.ui-kit-toast-viewport--stacked .toast-root{opacity:var(--ui-kit-toast-stack-opacity,1);scale:var(--ui-kit-toast-stack-scale,1);transform-origin:var(--ui-kit-toast-stack-origin,bottom right);translate:0 var(--ui-kit-toast-stack-translate-y,0);transition:translate .18s ease-out,scale .18s ease-out,opacity .18s ease-out;position:absolute;left:0;right:0}.ui-kit-toast-viewport.ui-kit-toast-viewport--stacked.ui-kit-toast-viewport--bottom-center .toast-root,.ui-kit-toast-viewport.ui-kit-toast-viewport--stacked.ui-kit-toast-viewport--bottom-left .toast-root,.ui-kit-toast-viewport.ui-kit-toast-viewport--stacked.ui-kit-toast-viewport--bottom-right .toast-root{bottom:0}.ui-kit-toast-viewport.ui-kit-toast-viewport--stacked.ui-kit-toast-viewport--top-left .toast-root,.ui-kit-toast-viewport.ui-kit-toast-viewport--stacked.ui-kit-toast-viewport--top-right .toast-root{top:0}.ui-kit-toast-viewport.ui-kit-toast-viewport--stacked .toast-root[data-stack-hidden=true]{opacity:0;pointer-events:none;visibility:hidden}.ui-kit-toast-viewport--bottom-right{--toast-viewport-bottom:var(--toast-viewport-offset);--toast-viewport-right:var(--toast-viewport-offset);--ui-kit-toast-enter-x:var(--ui-kit-toast-enter-distance);--ui-kit-toast-enter-y:0px;align-items:flex-end}.ui-kit-toast-viewport--bottom-left{--toast-viewport-bottom:var(--toast-viewport-offset);--toast-viewport-left:var(--toast-viewport-offset);--ui-kit-toast-enter-x:calc(var(--ui-kit-toast-enter-distance)*-1);--ui-kit-toast-enter-y:0px;align-items:flex-start}.ui-kit-toast-viewport--top-right{--toast-viewport-top:var(--toast-viewport-offset);--toast-viewport-right:var(--toast-viewport-offset);--ui-kit-toast-enter-x:var(--ui-kit-toast-enter-distance);--ui-kit-toast-enter-y:0px;flex-direction:column-reverse;align-items:flex-end}.ui-kit-toast-viewport--top-left{--toast-viewport-top:var(--toast-viewport-offset);--toast-viewport-left:var(--toast-viewport-offset);--ui-kit-toast-enter-x:calc(var(--ui-kit-toast-enter-distance)*-1);--ui-kit-toast-enter-y:0px;flex-direction:column-reverse;align-items:flex-start}.ui-kit-toast-viewport--bottom-center{--toast-viewport-bottom:var(--toast-viewport-offset);--toast-viewport-left:50%;--ui-kit-toast-enter-x:0px;--ui-kit-toast-enter-y:var(--ui-kit-toast-enter-distance);align-items:center;transform:translate(-50%)}}