:root{--tks-toast-bg:#fff;--tks-toast-color:#1a1a1a;--tks-toast-shadow:0 4px 12px #0000001f;--tks-toast-close-color:#9ca3af;--tks-toast-close-hover-color:#374151;--tks-toast-close-hover-bg:#0000000f;--tks-toast-progress-bg:#0000000f;--tks-toast-border-color:#00000014}html.dark{--tks-toast-bg:#1e1e2e;--tks-toast-color:#cdd6f4;--tks-toast-shadow:0 4px 12px #0006;--tks-toast-close-color:#6c7086;--tks-toast-close-hover-color:#cdd6f4;--tks-toast-close-hover-bg:#ffffff14;--tks-toast-progress-bg:#ffffff14;--tks-toast-border-color:#ffffff14}.tks-toast-container{z-index:var(--tks-toast-z-index,9999);gap:var(--tks-toast-gap,.75rem);padding:var(--tks-toast-container-padding,1em);pointer-events:none;box-sizing:border-box;flex-direction:column;width:600px;min-height:100%;display:flex;position:fixed}.tks-toast-container--top-left{align-items:flex-start;top:0;left:0}.tks-toast-container--top-center{align-items:center;top:0;left:50%;transform:translate(-50%)}.tks-toast-container--top-right{align-items:flex-end;top:0;right:0}.tks-toast-container--bottom-left{flex-direction:column-reverse;align-items:flex-start;bottom:0;left:0}.tks-toast-container--bottom-center{flex-direction:column-reverse;align-items:center;bottom:0;left:50%;transform:translate(-50%)}.tks-toast-container--bottom-right{flex-direction:column-reverse;align-items:flex-end;bottom:0;right:0}.tks-toast{align-items:flex-start;gap:var(--tks-toast-inner-gap,10px);min-width:var(--tks-toast-min-width,280px);max-width:var(--tks-toast-max-width,400px);max-height:800px;padding:var(--tks-toast-padding,12px 16px);border-radius:var(--tks-toast-radius,8px);border:1px solid var(--tks-toast-border-color);background:var(--tks-toast-bg);color:var(--tks-toast-color);box-shadow:var(--tks-toast-shadow);font-size:var(--tks-toast-font-size,14px);pointer-events:auto;box-sizing:border-box;line-height:1.5;display:inline-flex;position:relative;overflow:hidden;transform:translateZ(0)}.tks-toast--success{border-left:3px solid var(--tks-toast-success,#22c55e)}.tks-toast--error{border-left:3px solid var(--tks-toast-error,#ef4444)}.tks-toast--warning{border-left:3px solid var(--tks-toast-warning,#f59e0b)}.tks-toast--info{border-left:3px solid var(--tks-toast-info,#3b82f6)}.tks-toast__icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;line-height:1;display:flex}.tks-toast--success .tks-toast__icon{color:var(--tks-toast-success,#22c55e)}.tks-toast--error .tks-toast__icon{color:var(--tks-toast-error,#ef4444)}.tks-toast--warning .tks-toast__icon{color:var(--tks-toast-warning,#f59e0b)}.tks-toast--info .tks-toast__icon{color:var(--tks-toast-info,#3b82f6)}.tks-toast__body{word-break:break-word;flex:1;min-width:0}.tks-toast__close{width:20px;height:20px;color:var(--tks-toast-close-color);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:12px;transition:color .15s,background .15s;display:flex}.tks-toast__close:hover{color:var(--tks-toast-close-hover-color);background:var(--tks-toast-close-hover-bg)}.tks-toast__progress{height:var(--tks-toast-progress-height,4px);background:var(--tks-toast-progress-bg);position:absolute;bottom:0;left:0;right:0}.tks-toast__progress-bar{height:100%;transition:width 50ms linear}.tks-toast__progress-bar--success{background:var(--tks-toast-success,#22c55e)}.tks-toast__progress-bar--error{background:var(--tks-toast-error,#ef4444)}.tks-toast__progress-bar--warning{background:var(--tks-toast-warning,#f59e0b)}.tks-toast__progress-bar--info{background:var(--tks-toast-info,#3b82f6)}@keyframes fadeInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}.tks-toast-enter-active{animation-duration:.4s;animation-fill-mode:both}.tks-toast-container--top-right .tks-toast-enter-active,.tks-toast-container--bottom-right .tks-toast-enter-active{animation-name:fadeInRight}.tks-toast-container--top-left .tks-toast-enter-active,.tks-toast-container--bottom-left .tks-toast-enter-active{animation-name:fadeInLeft}.tks-toast-container--top-center .tks-toast-enter-active{animation-name:fadeInDown}.tks-toast-container--bottom-center .tks-toast-enter-active{animation-name:fadeInUp}.tks-toast-leave-active{animation-duration:.4s;animation-fill-mode:both}.tks-toast-container--top-right .tks-toast-leave-active,.tks-toast-container--bottom-right .tks-toast-leave-active{animation-name:fadeOutRight}.tks-toast-container--top-left .tks-toast-leave-active,.tks-toast-container--bottom-left .tks-toast-leave-active{animation-name:fadeOutLeft}.tks-toast-container--top-center .tks-toast-leave-active{animation-name:fadeOutUp}.tks-toast-container--bottom-center .tks-toast-leave-active{animation-name:fadeOutDown}.tks-toast-move,.tks-toast-enter-active,.tks-toast-leave-active{transition:all .4s ease-in-out;animation-fill-mode:both}