.notification.svelte-w7dzp8{--notification-tone-color: var(--sveltely-text-secondary-color);position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:calc(var(--sveltely-gap) * .85);box-sizing:border-box;min-width:0;padding:calc(var(--sveltely-padding-y) * .8) calc(var(--sveltely-padding-x) * .85);border:1px solid color-mix(in oklab,var(--notification-tone-color) 26%,var(--sveltely-border-color));border-radius:calc(var(--sveltely-border-radius) * 1.35);background:linear-gradient(180deg,color-mix(in oklab,var(--notification-tone-color) 7%,var(--sveltely-background-color)),var(--sveltely-background-color));box-shadow:0 1px color-mix(in oklab,var(--notification-tone-color) 14%,transparent) inset,0 10px 28px -12px color-mix(in oklab,var(--notification-tone-color) 45%,transparent),0 2px 6px -2px #00000014;color:var(--sveltely-text-primary-color);overflow:hidden;pointer-events:auto}.notification[data-tone=info].svelte-w7dzp8{--notification-tone-color: var(--sveltely-secondary-accent-color)}.notification[data-tone=success].svelte-w7dzp8{--notification-tone-color: var(--sveltely-success-color)}.notification[data-tone=warning].svelte-w7dzp8{--notification-tone-color: var(--sveltely-warning-color)}.notification[data-tone=danger].svelte-w7dzp8{--notification-tone-color: var(--sveltely-danger-color)}.notification-glyph.svelte-w7dzp8{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;background:color-mix(in oklab,var(--notification-tone-color) 16%,transparent);color:var(--notification-tone-color)}.notification-dismiss.svelte-w7dzp8{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:0;border-radius:999px;background:transparent;color:var(--sveltely-text-tertiary-color);cursor:pointer;opacity:0;transition:opacity var(--sveltely-motion-fast) ease,background var(--sveltely-motion-fast) ease,color var(--sveltely-motion-fast) ease}.notification.svelte-w7dzp8:hover .notification-dismiss:where(.svelte-w7dzp8),.notification.svelte-w7dzp8:focus-within .notification-dismiss:where(.svelte-w7dzp8),.notification[data-sticky=true].svelte-w7dzp8 .notification-dismiss:where(.svelte-w7dzp8){opacity:1}.notification-dismiss.svelte-w7dzp8:hover{background:color-mix(in oklab,var(--notification-tone-color) 14%,transparent);color:var(--sveltely-text-primary-color)}.notification-dismiss.svelte-w7dzp8:focus-visible{opacity:1;outline:var(--sveltely-focus-ring-width) solid var(--sveltely-focus-ring-color);outline-offset:var(--sveltely-focus-ring-offset)}.notification-life.svelte-w7dzp8{position:absolute;inset-block-end:0;inset-inline-start:0;height:2px;width:100%;transform-origin:left center;background:color-mix(in oklab,var(--notification-tone-color) 55%,transparent);animation:svelte-w7dzp8-notification-life var(--notification-life-duration) linear forwards}.notification-life-paused.svelte-w7dzp8{animation-play-state:paused}.notifications-empty.svelte-w7dzp8{color:var(--sveltely-text-secondary-color);font-size:.875em}@keyframes svelte-w7dzp8-notification-life{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media(prefers-reduced-motion:reduce){.notification-life.svelte-w7dzp8{animation:none;transform:scaleX(0)}}.notification-center.svelte-xgsayq{display:flex;height:fit-content;box-sizing:border-box;width:100%;min-width:0;max-height:inherit;flex-direction:column;justify-content:flex-start;overflow-x:hidden;padding:2px;pointer-events:none}.notification-center-bottom.svelte-xgsayq{justify-content:flex-end}
