:root,[data-themtfy-theme=light]{--themtfy-bg:#fff;--themtfy-color:#1a1a1a;--themtfy-border:#e5e5e5;--themtfy-radius:8px;--themtfy-shadow:0 4px 12px #0000001a;--themtfy-spacing:16px;--themtfy-z-index:99999;--themtfy-transition:.3s cubic-bezier(.215, .61, .355, 1);--themtfy-success:#36cb8c;--themtfy-error:#ff4e64;--themtfy-warning:#ffbc3c;--themtfy-info:#4d7eff;--themtfy-default:#bdbdbd;--themtfy-close-color:#4f4f4f;--themtfy-close-hover:#1a1a1a}[data-themtfy-theme=dark]{--themtfy-bg:#1a1a1a;--themtfy-color:#fff;--themtfy-border:#333;--themtfy-shadow:0 4px 12px #0006;--themtfy-close-color:#888;--themtfy-close-hover:#fff}@media (prefers-color-scheme:dark){[data-themtfy-theme=system]{--themtfy-bg:#1a1a1a;--themtfy-color:#fff;--themtfy-border:#333;--themtfy-shadow:0 4px 12px #0006;--themtfy-close-color:#888;--themtfy-close-hover:#fff}}.toast-container{--themtfy-offset-x:16px;--themtfy-offset-y:16px;z-index:var(--themtfy-z-index);pointer-events:none;box-sizing:border-box;gap:12px;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;display:flex;position:fixed}.toast-container[data-position=top-right]{flex-direction:column;align-items:flex-end;top:var(--themtfy-offset-y)}.toast-container[data-position=top-right]:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--themtfy-offset-x)}.toast-container[data-position=top-right]:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--themtfy-offset-x)}.toast-container[data-position=top-right]:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--themtfy-offset-x)}.toast-container[data-position=top-right]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--themtfy-offset-x)}.toast-container[data-position=top-center]{flex-direction:column;align-items:center;top:var(--themtfy-offset-y);transform:translate(-50%)}.toast-container[data-position=top-center]:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:50%}.toast-container[data-position=top-center]:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:50%}.toast-container[data-position=top-center]:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:50%}.toast-container[data-position=top-center]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:50%}.toast-container[data-position=top-left]{flex-direction:column;align-items:flex-start;top:var(--themtfy-offset-y)}.toast-container[data-position=top-left]:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--themtfy-offset-x)}.toast-container[data-position=top-left]:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--themtfy-offset-x)}.toast-container[data-position=top-left]:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--themtfy-offset-x)}.toast-container[data-position=top-left]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--themtfy-offset-x)}.toast-container[data-position=center-right]{flex-direction:column;align-items:flex-end;top:50%;transform:translateY(-50%)}.toast-container[data-position=center-right]:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--themtfy-offset-x)}.toast-container[data-position=center-right]:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--themtfy-offset-x)}.toast-container[data-position=center-right]:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--themtfy-offset-x)}.toast-container[data-position=center-right]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--themtfy-offset-x)}.toast-container[data-position=center-center]{flex-direction:column;align-items:center;top:50%;bottom:auto;left:50%;right:auto;transform:translate(-50%,-50%)}.toast-container[data-position=center-left]{flex-direction:column;align-items:flex-start;top:50%;transform:translateY(-50%)}.toast-container[data-position=center-left]:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--themtfy-offset-x)}.toast-container[data-position=center-left]:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--themtfy-offset-x)}.toast-container[data-position=center-left]:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--themtfy-offset-x)}.toast-container[data-position=center-left]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--themtfy-offset-x)}.toast-container[data-position=bottom-right]{flex-direction:column-reverse;align-items:flex-end;bottom:var(--themtfy-offset-y)}.toast-container[data-position=bottom-right]:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--themtfy-offset-x)}.toast-container[data-position=bottom-right]:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--themtfy-offset-x)}.toast-container[data-position=bottom-right]:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--themtfy-offset-x)}.toast-container[data-position=bottom-right]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--themtfy-offset-x)}.toast-container[data-position=bottom-center]{flex-direction:column-reverse;align-items:center;bottom:var(--themtfy-offset-y);transform:translate(-50%)}.toast-container[data-position=bottom-center]:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:50%}.toast-container[data-position=bottom-center]:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:50%}.toast-container[data-position=bottom-center]:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:50%}.toast-container[data-position=bottom-center]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:50%}.toast-container[data-position=bottom-left]{flex-direction:column-reverse;align-items:flex-start;bottom:var(--themtfy-offset-y)}.toast-container[data-position=bottom-left]:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--themtfy-offset-x)}.toast-container[data-position=bottom-left]:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--themtfy-offset-x)}.toast-container[data-position=bottom-left]:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--themtfy-offset-x)}.toast-container[data-position=bottom-left]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--themtfy-offset-x)}.toast{background-color:var(--themtfy-bg);border:1px solid var(--themtfy-border);border-radius:var(--themtfy-radius);width:320px;max-width:calc(100vw - 32px);box-shadow:var(--themtfy-shadow);color:var(--themtfy-color);pointer-events:auto;transform:translateX(calc(110% * var(--themtfy-dir,1)));opacity:0;transition:transform var(--themtfy-transition), opacity var(--themtfy-transition);flex-direction:row;align-items:flex-start;gap:12px;padding:14px 16px;display:flex;position:relative;overflow:hidden}[dir=rtl] .toast,[data-themtfy-theme] [dir=rtl] .toast{--themtfy-dir:-1}.toast-container[data-position=top-center] .toast,.toast-container[data-position=center-center] .toast,.toast-container[data-position=bottom-center] .toast{transform:translateY(calc(110% * var(--themtfy-dir-y,1)))}.toast-container[data-position=bottom-center] .toast,.toast-container[data-position=bottom-left] .toast,.toast-container[data-position=bottom-right] .toast{--themtfy-dir-y:-1}.toast.show{opacity:1;transform:translate(0)}.toast-container[data-position=top-center] .toast.show,.toast-container[data-position=center-center] .toast.show,.toast-container[data-position=bottom-center] .toast.show{transform:translateY(0)}.close-btn{cursor:pointer;opacity:.4;width:24px;height:24px;color:var(--themtfy-close-color);background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:opacity .15s;display:flex;position:absolute;top:10px}.close-btn:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:10px}.close-btn:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:10px}.close-btn:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:10px}.close-btn:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:10px}.close-btn:hover{opacity:1;color:var(--themtfy-close-hover)}.close-btn:focus{outline:2px solid var(--themtfy-info);outline-offset:2px;opacity:1;border-radius:4px}.close-btn:focus:not(:focus-visible){opacity:.4;outline:none}.close-btn:focus-visible{outline:2px solid var(--themtfy-info);outline-offset:2px;opacity:1;border-radius:4px}.toast-icon{background-color:var(--themtfy-default);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.toast-icon svg{width:100%;height:100%}.toast[data-type=success] .toast-icon,.toast[data-variation=success] .toast-icon{background-color:var(--themtfy-success)}.toast[data-type=error] .toast-icon,.toast[data-variation=error] .toast-icon{background-color:var(--themtfy-error)}.toast[data-type=warning] .toast-icon,.toast[data-variation=warning] .toast-icon{background-color:var(--themtfy-warning)}.toast[data-type=info] .toast-icon,.toast[data-variation=info] .toast-icon,.toast[data-type=loading] .toast-icon,.toast[data-variation=loading] .toast-icon{background-color:var(--themtfy-info)}.toast-icon .toast-spinner{animation:.8s linear infinite themtfy-spin}@keyframes themtfy-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toast-text-box{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.toast-title{word-wrap:break-word;overflow-wrap:break-word;margin:0;font-size:14px;font-weight:600;line-height:1.4}.toast-body{color:color-mix(in srgb, var(--themtfy-color) 80%, transparent);word-wrap:break-word;overflow-wrap:break-word;margin:0;font-size:13px;font-weight:400;line-height:1.5}.progressbar{background-color:var(--themtfy-border);width:100%;height:3px;position:absolute;bottom:0;overflow:hidden}.progressbar:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.progressbar:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.progressbar:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.progressbar:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.progressbar:after{content:"";background-color:var(--themtfy-default);transform-origin:0;width:100%;height:100%;transition:transform .1s linear;position:absolute;bottom:0}.progressbar:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:0}.progressbar:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:0}.progressbar:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:0}.progressbar:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:0}.toast[data-type=success] .progressbar:after,.toast[data-variation=success] .progressbar:after{background-color:var(--themtfy-success)}.toast[data-type=error] .progressbar:after,.toast[data-variation=error] .progressbar:after{background-color:var(--themtfy-error)}.toast[data-type=warning] .progressbar:after,.toast[data-variation=warning] .progressbar:after{background-color:var(--themtfy-warning)}.toast[data-type=info] .progressbar:after,.toast[data-variation=info] .progressbar:after{background-color:var(--themtfy-info)}.toast-action{color:var(--themtfy-info);border:1px solid var(--themtfy-border);border-radius:calc(var(--themtfy-radius) - 2px);cursor:pointer;background:0 0;justify-content:center;align-items:center;margin-block-start:8px;padding:6px 12px;font-size:13px;font-weight:500;transition:background-color .15s,border-color .15s;display:inline-flex}.toast-action:hover{background-color:color-mix(in srgb, var(--themtfy-info) 10%, transparent);border-color:var(--themtfy-info)}.toast-action:focus{outline:2px solid var(--themtfy-info);outline-offset:2px}.toast-action-link{color:var(--themtfy-info);align-items:center;margin-block-start:8px;font-size:13px;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.toast-action-link:hover{text-decoration:underline}@media (prefers-reduced-motion:reduce){.toast,.progressbar:after{transition:none}.toast-icon .toast-spinner{animation-duration:1.6s}}@media screen and (max-width:576px){.toast{width:calc(100vw - 32px)}.toast-container{padding-block-end:env(safe-area-inset-bottom,0);padding-inline-start:16px;padding-inline-end:16px}.toast-container[data-position=top-right],.toast-container[data-position=top-center],.toast-container[data-position=top-left]{top:calc(var(--themtfy-offset-y) + env(safe-area-inset-top,0))}.toast-container[data-position=bottom-right],.toast-container[data-position=bottom-center],.toast-container[data-position=bottom-left]{bottom:calc(var(--themtfy-offset-y) + env(safe-area-inset-bottom,0))}}*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a2e;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:40px 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.demo-container{max-width:900px;margin:0 auto}h1{text-align:center;color:#fff;text-shadow:0 2px 10px #0003;margin-bottom:10px;font-size:2.5rem}.subtitle{text-align:center;color:#fffc;margin-bottom:40px;font-size:1.1rem}.demo-section{background:#fff;border-radius:16px;margin-bottom:24px;padding:30px;box-shadow:0 10px 40px #00000026}.demo-section h2{color:#333;align-items:center;gap:10px;margin-bottom:20px;font-size:1.3rem;display:flex}.demo-section h2 span{color:#fff;background:#667eea;border-radius:20px;padding:4px 10px;font-size:.8rem}.button-group{flex-wrap:wrap;gap:12px;display:flex}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn:active{transform:translateY(0)}.btn-success{color:#fff;background:#36cb8c}.btn-error{color:#fff;background:#ff4e64}.btn-warning{color:#333;background:#ffbc3c}.btn-info{color:#fff;background:#4d7eff}.btn-default{color:#333;background:#e5e5e5}.btn-loading{color:#fff;background:#667eea}.btn-outline{color:#667eea;background:0 0;border:2px solid #667eea}.code-block{color:#a5d6ff;background:#1a1a2e;border-radius:8px;margin-top:16px;padding:20px;font-family:Fira Code,monospace;font-size:.85rem;overflow-x:auto}.code-block code{color:#c3e88d}.code-block .comment{color:#546e7a}.info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:16px;display:grid}.info-card{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;padding:16px}.info-card h3{color:#667eea;margin-bottom:8px;font-size:.9rem}.info-card p{color:#666;font-size:.85rem;line-height:1.5}.progress-demo{margin:16px 0}.progress-bar-container{align-items:center;gap:16px;margin-bottom:12px;display:flex}.progress-bar{background:#e5e5e5;border-radius:4px;flex:1;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#667eea,#764ba2);width:0%;height:100%;transition:width .1s linear}.progress-controls{gap:8px;display:flex}.btn-sm{padding:8px 16px;font-size:.8rem}.theme-switcher{gap:8px;margin-bottom:16px;display:flex}.theme-btn{cursor:pointer;background:#fff;border:2px solid #e5e5e5;border-radius:8px;padding:8px 16px;font-size:.85rem;transition:all .2s}.theme-btn.active{color:#fff;background:#667eea;border-color:#667eea}.footer{text-align:center;color:#fff9;margin-top:40px;font-size:.9rem}.footer a{color:#fff;text-decoration:none}.footer a:hover{text-decoration:underline}