@layer components{:where(.oksToastViewport){z-index:50;padding:calc(var(--oks-space-2,8px) + var(--oks-toast-offset,0px));pointer-events:none;display:flex;position:fixed;inset:0}:where(.oksToastViewport[data-position^=top]){align-items:flex-start}:where(.oksToastViewport[data-position^=bottom]){align-items:flex-end}:where(.oksToastViewport[data-position$=left]){justify-content:flex-start}:where(.oksToastViewport[data-position$=right]){justify-content:flex-end}:where(.oksToastViewport[data-position$=center]){justify-content:center}:where(.oksToastStack){--oks-toast-stack-dir:-1;--oks-toast-stack-collapsed:10px;--oks-toast-stack-expanded:64px;--oks-toast-stack-overlap:var(--oks-toast-stack-collapsed);--oks-toast-stack-scale-step:.03;--oks-toast-ease:cubic-bezier(.16, 1, .3, 1);--oks-toast-stack-duration:.32s;--oks-toast-enter-duration:.28s;--oks-toast-exit-duration:.26s;pointer-events:auto;grid-template-columns:1fr;width:min(300px,100vw - 24px);display:grid;position:relative}:where(.oksToastStack[data-position^=top]){--oks-toast-stack-dir:1}:where(.oksToastStack[data-position^=bottom] .oksToast){align-self:end}:where(.oksToastStack[data-position^=top] .oksToast){align-self:start}:where(.oksToast){--oks-toast-gap:var(--oks-space-3,12px);--oks-toast-padding-y:var(--oks-space-3,12px);--oks-toast-padding-x:var(--oks-space-3,12px);--oks-toast-title-font-size:14px;--oks-toast-message-font-size:13px;--oks-toast-message-margin-top:var(--oks-space-1,4px);--oks-toast-icon-box:28px;--oks-toast-icon-glyph:18px;--oks-toast-enter-x:0px;--oks-toast-enter-y:12px;width:100%;z-index:calc(100 - var(--oks-toast-stack-index,0));transition:transform var(--oks-toast-stack-duration) var(--oks-toast-ease);transform:translateY(calc(var(--oks-toast-stack-dir) * (var(--oks-toast-stack-index,0) * var(--oks-toast-stack-overlap)))) scale(calc(1 - (var(--oks-toast-stack-index,0) * var(--oks-toast-stack-scale-step))));will-change:transform;grid-area:1/1}:where(.oksToastSurface){align-items:center;gap:var(--oks-toast-gap);padding:var(--oks-toast-padding-y) var(--oks-toast-padding-x);border-radius:var(--oks-toast-radius,var(--oks-radius-md,.375rem));background-color:var(--oks-toast-bg,#0f172aeb);color:var(--oks-toast-fg,white);border:1px solid var(--oks-toast-border,#ffffff1f);opacity:1;will-change:transform, opacity;display:flex;position:relative;overflow:hidden;transform:translate(0,0)scale(1);box-shadow:0 10px 30px #0000002e}:where(.oksToast[data-placement^=top]){--oks-toast-enter-y:-12px}:where(.oksToast[data-placement$=right]){--oks-toast-enter-x:12px;--oks-toast-enter-y:0px}:where(.oksToast[data-placement$=left]){--oks-toast-enter-x:-12px;--oks-toast-enter-y:0px}:where(.oksToastStack:is(:hover,:focus-within)){--oks-toast-stack-overlap:var(--oks-toast-stack-expanded);--oks-toast-stack-scale-step:0}:where(.oksToast[data-motion=default][data-animation=entering] .oksToastSurface){animation:oksToastIn var(--oks-toast-enter-duration) var(--oks-toast-ease) both}:where(.oksToast[data-motion=default][data-animation=exiting] .oksToastSurface){animation:oksToastOut var(--oks-toast-exit-duration) var(--oks-toast-ease) forwards}@keyframes oksToastIn{0%{opacity:0;transform:translate3d(var(--oks-toast-enter-x), var(--oks-toast-enter-y), 0) scale(.98)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes oksToastOut{0%{opacity:1;transform:translate(0,0)scale(1)}to{opacity:0;transform:translate3d(var(--oks-toast-enter-x), var(--oks-toast-enter-y), 0) scale(.98)}}:where(.oksToast[data-radius=none]){--oks-toast-radius:0px}:where(.oksToast[data-radius=xs]){--oks-toast-radius:var(--oks-radius-xs,calc(var(--oks-radius-sm,.25rem) * .5))}:where(.oksToast[data-radius=xs-sm]){--oks-toast-radius:var(--oks-radius-xs-sm,calc(var(--oks-radius-sm,.25rem) * .75))}:where(.oksToast[data-radius=sm]){--oks-toast-radius:var(--oks-radius-sm,.25rem)}:where(.oksToast[data-radius=md]){--oks-toast-radius:var(--oks-radius-md,.375rem)}:where(.oksToast[data-radius=lg]){--oks-toast-radius:var(--oks-radius-lg,.5rem)}:where(.oksToast[data-radius=full]){--oks-toast-radius:var(--oks-radius-full,9999px)}:where(.oksToast[data-state=closing]){pointer-events:none}:where(.oksToast[data-motion=reduced]){transition:none}:where(.oksToast[data-stack-index]:not([data-stack-index="0"])){pointer-events:none}:where(.oksToast[data-motion=reduced] .oksToastSurface){transition:none;animation:none;transform:none}:where(.oksToastStack:is(:hover,:focus-within) .oksToast[data-stack-index]){pointer-events:auto}:where(.oksToast[data-size=xs]){--oks-toast-gap:var(--oks-space-1,4px);--oks-toast-padding-y:var(--oks-space-2,8px);--oks-toast-padding-x:var(--oks-space-2,8px);--oks-toast-message-font-size:12px;--oks-toast-icon-box:22px;--oks-toast-icon-glyph:14px}:where(.oksToast[data-size=xs-sm]){--oks-toast-gap:var(--oks-space-2,8px);--oks-toast-padding-y:var(--oks-space-2,8px);--oks-toast-padding-x:var(--oks-space-2,8px);--oks-toast-message-font-size:12px;--oks-toast-icon-box:24px;--oks-toast-icon-glyph:16px}:where(.oksToast[data-size=sm]){--oks-toast-gap:var(--oks-space-3,12px);--oks-toast-padding-y:var(--oks-space-2,8px);--oks-toast-padding-x:var(--oks-space-3,12px);--oks-toast-message-font-size:13px;--oks-toast-icon-box:26px;--oks-toast-icon-glyph:18px}:where(.oksToast[data-size=lg]){--oks-toast-gap:var(--oks-space-4,16px);--oks-toast-padding-y:var(--oks-space-4,16px);--oks-toast-padding-x:var(--oks-space-4,16px);--oks-toast-title-font-size:15px;--oks-toast-message-font-size:14px;--oks-toast-icon-box:32px;--oks-toast-icon-glyph:20px}:where(.oksToast[data-size=xl]){--oks-toast-gap:var(--oks-space-4,16px);--oks-toast-padding-y:var(--oks-space-5,20px);--oks-toast-padding-x:var(--oks-space-5,20px);--oks-toast-title-font-size:16px;--oks-toast-message-font-size:15px;--oks-toast-icon-box:36px;--oks-toast-icon-glyph:22px}:where(.oksToastIcon){color:var(--oks-toast-icon-fg,var(--oks-toast-accent,currentColor));width:var(--oks-toast-icon-box);height:var(--oks-toast-icon-box);border-radius:var(--oks-radius-sm,.25rem);background-color:var(--oks-toast-icon-bg,color-mix(in srgb, var(--oks-toast-accent,#2563eb) 12%, transparent));flex:none;justify-content:center;align-items:center;display:inline-flex}:where(.oksToastIcon svg){width:var(--oks-toast-icon-glyph);height:var(--oks-toast-icon-glyph)}:where(.oksToastLoading){flex:none;justify-content:center;align-items:center;display:inline-flex}:where(.oksToastProgressTrack){background-color:color-mix(in srgb, var(--oks-toast-fg,currentColor) 20%, transparent);pointer-events:none;height:2px;position:absolute;bottom:0;left:0;right:0}:where(.oksToastProgressIndicator){background-color:var(--oks-toast-fg,currentColor);opacity:.6;transform-origin:0;pointer-events:none;width:100%;height:100%;transform:scaleX(1)}:where(.oksToast[data-motion=reduced] .oksToastProgressIndicator){transition:none!important}:where(.oksToastBody){flex:1;min-width:0}:where(.oksToastTitle){font-weight:600;font-size:var(--oks-toast-title-font-size);line-height:1.2}:where(.oksToastMessage){font-size:var(--oks-toast-message-font-size);opacity:.95;word-wrap:break-word;line-height:1.35}:where(.oksToastControls){align-items:center;gap:var(--oks-space-2,8px);flex:none;margin-left:auto;display:inline-flex}:where(.oksToastAction){appearance:none;color:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;margin:0;padding:0;font-size:13px;font-weight:600;text-decoration:underline}:where(.oksToastClose){appearance:none;color:inherit;border-radius:var(--oks-radius-sm,.25rem);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}:where(.oksToastClose:hover){background-color:#0000000f}:where(.oksToastClose:focus-visible),:where(.oksToastAction:focus-visible){outline:2px solid var(--oks-color-primary-500,#3b82f6);outline-offset:2px}}
