.toast-container{--radius: 5px;--stack-gap: 20px;--safe-area-gap: env(safe-area-inset-bottom);position:fixed;display:block;max-width:468px;bottom:calc(env(safe-area-inset-bottom) + 20px);bottom:calc(var(--safe-area-gap, 0px) + 20px);right:20px;z-index:5000;transition:all .4s ease}.toast-container .toast{position:absolute;bottom:0;right:0;width:468px;transition:all .4s ease;transform:translate3d(0,86px,0);opacity:0}.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);display:flex;align-items:center;justify-content:space-between;padding:24px;color:#fff;color:var(--toast-fg);background-color:none;background-color:var(--toast-bg);height:var(--height);transition:all .25s ease}.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%;font-size:14px;margin-top:-1px;margin-right:24px;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;min-width:auto;height:24px;line-height:22px;padding:0 10px;font-size:14px;background-color:#fff;background-color:var(--button-bg);color:#000;color:var(--button-fg);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;vertical-align:middle;border-radius:var(--radius);outline:none;border:1px solid #fff;border:1px solid var(--button-border);transition:all .2s ease}.toast-container .toast .toast-button:hover{border-color:var(--button-border-hover);background-color:transparent;color:var(--button-fg-hover)}.toast-container .toast .toast-button.cancel-button{--cancel-button-bg: #fff;--cancel-button-fg: #666;--cancel-button-border: #eaeaea;margin-right:10px;color:#666;color:var(--cancel-button-fg);border-color:#eaeaea;border-color:var(--cancel-button-border);background-color:#fff;background-color:var(--cancel-button-bg)}.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:"";position:absolute;left:0;right:0;top:calc(100% + 1px);width:100%;height:1000px;background:transparent}.toast-container .toast.toast-1{transform:translateZ(0);opacity:1}.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{opacity:0}.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}}