.tst{--fill-slab: var(--color-ink);--fill-on: #ffffff;--font-ui: var(--font-sans);--signal: var(--color-brand);--tst-z: 80;position:fixed;left:0;right:0;margin-inline:auto;bottom:var(--tst-bottom, 16px);z-index:var(--tst-z, 1000);width:min(360px,calc(100vw - 32px));pointer-events:none;font-family:var(--font-ui);color:var(--fill-on, #17181a);--tst-mute: color-mix(in srgb, var(--fill-on, #17181a) 52%, var(--fill-slab, #ffffff));--tst-wash: color-mix(in srgb, var(--fill-on, #17181a) 6%, var(--fill-slab, #ffffff));--tst-edge: color-mix(in srgb, var(--fill-on, #17181a) 8%, transparent)}.tst[data-open]{pointer-events:auto}@media(max-width:1023px){.tst{--tst-bottom: calc(76px + env(safe-area-inset-bottom, 0px) + var(--tst-keyboard, 0px))}}.tst-toast{position:absolute;left:0;top:0;width:100%;box-sizing:border-box;display:flex;align-items:center;gap:12px;padding:0 12px 0 16px;border-radius:var(--tst-r);background:var(--fill-slab, #ffffff);pointer-events:auto;transform-origin:50% 0;box-shadow:0 0 0 1px var(--tst-edge),0 8px 24px #00000024;transition:background-color .22s ease,box-shadow .22s ease}.tst:not([data-open]) .tst-toast:not([data-front]){background:var(--tst-wash);box-shadow:0 0 0 1px var(--tst-edge)}.tst-toast>*{transition:opacity .22s ease}.tst:not([data-open]) .tst-toast:not([data-front])>*{opacity:0}.tst-icon{flex:none;display:grid;place-items:center}.tst-toast[data-kind=success] .tst-icon{color:var(--color-success, #1f9d55)}.tst-toast[data-kind=error] .tst-icon{color:var(--color-danger, #e5484d)}.tst-toast[data-kind=warning] .tst-icon{color:#e09a12}.tst-toast[data-kind=info] .tst-icon{color:var(--tst-mute)}.tst-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.tst-text b{font-size:14px;font-weight:500;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.tst-text span{font-size:13px;line-height:17px;color:var(--tst-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:0em}.tst-toast[data-solo] .tst-text b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}.tst-act{flex:none;height:28px;padding:0 12px;border:0;border-radius:999px;background:var(--tst-wash);color:inherit;font:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:scale .16s cubic-bezier(.22,1,.36,1);letter-spacing:0em}.tst-act:active{scale:.96}.tst-x{flex:none;width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:999px;background:none;color:var(--tst-mute);cursor:pointer;transition:background-color .16s ease,color .16s ease}.tst-x:hover{background:var(--tst-wash);color:var(--fill-on, #17181a)}.tst-act:focus-visible,.tst-x:focus-visible{outline:none;box-shadow:0 0 0 2px var(--signal, #2231dd)}
