.toast-container{--radius:5px;--stack-gap:20px;--safe-area-gap:env(safe-area-inset-bottom);max-width:468px;bottom:calc(env(safe-area-inset-bottom) + 20px);bottom:calc(var(--safe-area-gap,0px) + 20px);z-index:5000;transition:all .4s;display:block;position:fixed;right:20px}.toast-container .toast{opacity:0;width:468px;transition:all .4s;position:absolute;bottom:0;right:0;transform:translateY(86px)}.toast-container .toast .toast-inner{--toast-bg:none;--toast-fg:#fff;--toast-border-color:#eaeaea;box-sizing:border-box;border-radius:var(--radius);border:1px solid #eaeaea;border:1px solid var(--toast-border-color);color:var(--toast-fg);background-color:none;background-color:var(--toast-bg);height:var(--height);justify-content:space-between;align-items:center;padding:24px;transition:all .25s;display:flex}.toast-container .toast .toast-inner.default{--toast-fg:#000;--toast-bg:#fff;box-shadow:0 5px 10px #0000001f}.toast-container .toast .toast-inner.success{--toast-bg:#0076ff;--toast-border-color:var(--toast-bg)}.toast-container .toast .toast-inner.error{--toast-bg:#e00;--toast-border-color:var(--toast-bg)}.toast-container .toast .toast-inner.warning{--toast-bg:#f5a623;--toast-border-color:var(--toast-bg)}.toast-container .toast .toast-inner.dark{--toast-bg:#000;--toast-fg:#fff;--toast-border-color:#333}.toast-container .toast .toast-inner.dark .toast-button{--button-fg:#000;--button-bg:#fff;--button-border:#fff;--button-border-hover:#fff;--button-fg-hover:#fff}.toast-container .toast .toast-inner.dark .toast-button.cancel-button{--cancel-button-bg:#000;--cancel-button-fg:#888;--cancel-button-border:#333}.toast-container .toast .toast-inner.dark .toast-button.cancel-button:hover{color:#fff;border-color:var(--button-border)}.toast-container .toast .toast-text{width:100%;height:100%;margin-top:-1px;margin-right:24px;font-size:14px;transition:all .3s ease-in}.toast-container .toast .toast-button{--button-fg:#000;--button-bg:#fff;--button-border:#fff;--button-border-hover:#fff;--button-fg-hover:#fff;background-color:#fff;background-color:var(--button-bg);color:var(--button-fg);min-width:auto;height:24px;white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;vertical-align:middle;border-radius:var(--radius);border:1px solid #fff;border:1px solid var(--button-border);outline:none;padding:0 10px;font-size:14px;line-height:22px;transition:all .2s}.toast-container .toast .toast-button:hover{border-color:var(--button-border-hover);color:var(--button-fg-hover);background-color:#0000}.toast-container .toast .toast-button.cancel-button{--cancel-button-bg:#fff;--cancel-button-fg:#666;--cancel-button-border:#eaeaea;color:var(--cancel-button-fg);border-color:#eaeaea;border-color:var(--cancel-button-border);background-color:#fff;background-color:var(--cancel-button-bg);margin-right:10px}.toast-container .toast .toast-button.cancel-button:hover{--cancel-button-fg:#000;--cancel-button-border:#000}.toast-container .toast .default .toast-button{--button-fg:#fff;--button-bg:#000;--button-border:#000;--button-border-hover:#000;--button-fg-hover:#000}.toast-container .toast:after{content:"";background:0 0;width:100%;height:1000px;position:absolute;top:calc(100% + 1px);left:0;right:0}.toast-container .toast.toast-1{opacity:1;transform:translateZ(0)}.toast-container .toast:not(:last-child){--i:calc(var(--index) - 1);transform:translate3d(0,calc(1px - (var(--stack-gap)*calc(var(--index) - 1))),0)scale(calc(1 - .05*(var(--index) - 1)));transform:translate3d(0,calc(1px - (var(--stack-gap)*calc(var(--index) - 1))),0)scale(calc(1 - .05*calc(var(--index) - 1)));transform:translate3d(0,calc(1px - (var(--stack-gap)*var(--i))),0)scale(calc(1 - .05*var(--i)));opacity:1}.toast-container .toast:not(:last-child) .toast-inner{height:var(--front-height)}.toast-container .toast:not(:last-child) .toast-inner .toast-text,.toast-container .toast.toast-4{opacity:0}.toast-container:has(.toast-2):hover{bottom:30px;bottom:calc(var(--safe-area-gap,0px) + 30px)}.toast-container:hover .toast{transform:translate3d(0,calc(var(--hover-offset-y) - var(--stack-gap)*(var(--index) - 1)),0)}.toast-container:hover .toast .toast-inner{height:var(--height)}.toast-container:hover .toast .toast-text{opacity:1!important}@media (max-width:440px){.toast-container{max-width:90vw;right:5vw}.toast-container .toast{width:90vw}}