.tk-toast-viewport{pointer-events:none;z-index:var(--z-overlay,40);position:fixed;inset:0}.tk-toast-stack{pointer-events:none;flex-direction:column;gap:10px;width:max-content;max-width:100%;padding:12px;display:flex;position:absolute}.tk-toast-stack>*{pointer-events:auto}.tk-toast-stack.-pos-bottom-right{align-items:flex-end;bottom:12px;right:12px}.tk-toast-stack.-pos-bottom-center{align-items:center;width:100%;bottom:12px;left:0;right:0}.tk-toast-stack.-pos-top-right{align-items:flex-end;top:12px;right:12px}.tk-toast-stack.-pos-top-center{align-items:center;width:100%;top:12px;left:0;right:0}.tk-toast{--pad-x:.88rem;--pad-y:.72rem;--gap-x:.6rem;--icon:1.45rem;align-items:center;column-gap:var(--gap-x);padding:var(--pad-y) var(--pad-x);border-radius:var(--radius);border:var(--border-width) solid var(--glass-stroke);background:var(--glass-bg);width:min(92vw,520px);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate)) brightness(var(--glass-brightness));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate)) brightness(var(--glass-brightness));box-shadow:var(--glass-shadow-lg);transform-origin:50%;background-clip:padding-box;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"icon body action close";display:grid;position:relative;overflow:hidden}.tk-toast:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(420px 200px at 0 0,#ffffff1f,#0000 60%);position:absolute;inset:0}.tk-toast>*{z-index:1;position:relative}.tk-toast-icon{width:var(--icon);height:var(--icon);color:color-mix(in oklab, var(--ink) 80%, transparent);background:#ffffffa8;border:1px solid #ffffff80;border-radius:.66rem;grid-area:icon;place-items:center;display:grid;box-shadow:inset 0 1px #ffffffb3}.tk-toast-body{grid-area:body;min-width:0}.tk-toast-action{grid-area:action}.tk-toast-close{grid-area:close}.tk-toast-title{color:var(--ink);letter-spacing:-.01em;font-weight:600;line-height:1.15}.tk-toast-desc{color:color-mix(in oklab, var(--ink) 78%, transparent);overflow-wrap:anywhere;margin-top:2px}.tk-toast.-compact{--pad-y:.5rem;--pad-x:.75rem;--gap-x:.55rem;--icon:1.25rem}.tk-toast.-compact .tk-toast-title{font-size:.9rem}.tk-toast.-compact .tk-toast-desc{font-size:.82rem}.tk-toast:not(:has(.tk-toast-title)){padding-top:calc(var(--pad-y) - .12rem);padding-bottom:calc(var(--pad-y) - .12rem)}.tk-toast-action{transition:var(--transition-base);color:var(--ink);background:#fff9;border:1px solid #ffffff8c;border-radius:999px;align-self:center;margin-left:.2rem;padding:.33rem .58rem;font-weight:700}.tk-toast-action:hover{filter:brightness(1.02);transform:translateY(-1px);box-shadow:inset 0 1px #ffffffb3}.tk-toast-action:focus-visible{box-shadow:0 0 0 2px #fff, 0 0 0 5px color-mix(in oklab, var(--color-brand) 40%, transparent);outline:none}.tk-toast-close{width:28px;height:28px;transition:var(--transition-base);color:var(--ink);background:#ffffff8c;border:1px solid #ffffff73;border-radius:999px;align-self:center;place-items:center;margin-left:.2rem;display:inline-grid}.tk-toast-close:hover{filter:brightness(1.02);transform:translateY(-1px)}.tk-toast-close:focus-visible{box-shadow:0 0 0 2px #fff, 0 0 0 5px color-mix(in oklab, var(--color-brand) 40%, transparent);outline:none}.tk-toast-progress{left:calc(var(--pad-x) + var(--icon) + var(--gap-x));right:var(--pad-x);background:color-mix(in oklab, var(--color-primary-500) 55%, var(--color-surface));opacity:.8;transform-origin:0;border-radius:999px;height:2px;animation:linear forwards tk-toast-progress;position:absolute;bottom:6px}@keyframes tk-toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.tk-toast[data-paused] .tk-toast-progress{animation-play-state:paused}.tk-toast.-v-neutral{background:color-mix(in oklab, var(--glass-bg) 80%, transparent)}.tk-toast.-v-accent{background-image:linear-gradient(110deg, color-mix(in oklab, var(--color-primary-500) 12%, transparent), transparent 55%), var(--glass-bg)}.tk-toast.-v-success{background-image:linear-gradient(110deg, #16a34a1f, transparent 55%), var(--glass-bg)}@supports (color:lab(0% 0 0)){.tk-toast.-v-success{background-image:linear-gradient(110deg, lab(58.835% -51.0809 35.4288/.12), transparent 55%), var(--glass-bg)}}.tk-toast.-v-warning{background-image:linear-gradient(110deg, #ca8a041f, transparent 55%), var(--glass-bg)}@supports (color:lab(0% 0 0)){.tk-toast.-v-warning{background-image:linear-gradient(110deg, lab(62.8171% 18.8276 66.9715/.12), transparent 55%), var(--glass-bg)}}.tk-toast.-v-info{background-image:linear-gradient(110deg, color-mix(in oklab, var(--color-secondary-500) 16%, transparent), transparent 55%), var(--glass-bg)}.tk-toast.-v-danger{background-image:linear-gradient(110deg, #ef444424, transparent 55%), var(--glass-bg)}@supports (color:lab(0% 0 0)){.tk-toast.-v-danger{background-image:linear-gradient(110deg, lab(55.7852% 65.6164 40.7976/.14), transparent 55%), var(--glass-bg)}}.tk-toast.-v-neutral .tk-toast-icon{color:color-mix(in oklab, var(--ink) 70%, transparent)}.tk-toast.-v-accent .tk-toast-icon{color:color-mix(in oklab, var(--color-primary-700) 90%, transparent)}.tk-toast.-v-success .tk-toast-icon{color:#16a34a}.tk-toast.-v-warning .tk-toast-icon{color:#ca8a04}.tk-toast.-v-info .tk-toast-icon{color:color-mix(in oklab, var(--color-secondary-500) 80%, transparent)}.tk-toast.-v-danger .tk-toast-icon{color:#ef4444}@media (max-width:420px){.tk-toast{grid-template-columns:auto 1fr auto;grid-template-areas:"icon body close"}.tk-toast-action{display:none}}@supports (padding:max(0px)){.tk-toast-stack{padding-bottom:max(12px, env(safe-area-inset-bottom));padding-top:max(12px, env(safe-area-inset-top))}}@media (prefers-reduced-motion:reduce){.tk-toast,.tk-toast-action,.tk-toast-close{transition:none!important}}@keyframes tk-enter{0%{opacity:0;transform:translateY(var(--dir,14px)) scale(.96);filter:blur(2px)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes tk-exit{0%{opacity:1;filter:blur();transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(calc(var(--dir,14px) * .6)) scale(.96);filter:blur(2px)}}.tk-toast-stack.-pos-top-right .tk-toast,.tk-toast-stack.-pos-top-center .tk-toast{--dir:-14px}.tk-toast.-enter{animation:.22s cubic-bezier(.2,.6,.2,1) both tk-enter;animation-delay:var(--tk-enter-delay,0s)}.tk-toast.-exit{animation:.2s cubic-bezier(.2,.6,.2,1) both tk-exit}