.toasters-container{position:fixed;z-index:1060;width:100vw;height:100vh;top:0;left:0;pointer-events:none;display:flex;align-items:flex-end;justify-content:flex-start;flex-direction:column;gap:.5rem;padding:.5rem}@media screen and (max-width:768px){.toasters-container{align-items:center}}.toasters-container .toaster{pointer-events:all;background-color:#fff;border-radius:.5rem;padding:1rem 1.25rem 1rem .75rem;width:300px;position:relative;box-shadow:0 0 .5rem 0 rgba(0,0,0,.3);animation:toasterSlideIn .3s;overflow:hidden}[data-mode=dark] .toasters-container .toaster{background-color:var(--color-grey-800)}.toasters-container .toaster .content{display:flex;flex-direction:row;align-items:flex-start;gap:.75rem}.toasters-container .toaster .content .icon-container{display:flex;width:1.5rem!important;height:auto!important}.toasters-container .toaster .content .icon-container svg{fill:var(--color-blue-300)!important}.toasters-container .toaster .content .message{width:calc(100% - 4rem)}.toasters-container .toaster .content .message .type{font-size:1.1rem;font-weight:400;margin:0}.toasters-container .toaster .content .message .text{margin-top:-.2rem;font-size:calc(1rem - 2px)}.toasters-container .toaster .content.long-text{align-items:flex-start}.toasters-container .toaster .content.long-text .icon-container{margin-top:.25rem}.toasters-container .toaster .content.long-text .message{padding:.25rem 0 .5rem}.toasters-container .toaster .content.long-text .message .type{margin-bottom:.5rem}.toasters-container .toaster .btn-close{display:flex;align-items:center;justify-content:center;border-radius:50%;width:1.75rem;height:1.75rem;position:absolute;top:.75rem;right:.75rem;cursor:pointer}.toasters-container .toaster .btn-close:hover{background-color:var(--color-grey-100)}[data-mode=dark] .toasters-container .toaster .btn-close:hover{background-color:var(--color-grey-700)}.toasters-container .toaster .btn-close.long-text{top:1rem}.toasters-container .toaster .timer{position:absolute;left:0;bottom:0;width:100%}.toasters-container .toaster .timer .bar{height:.25rem;background-color:var(--color-blue-300);transition:width linear}.toasters-container .toaster.success{border-left-color:var(--color-green-500)}.toasters-container .toaster.success .content .icon svg{fill:var(--color-green-500)!important}.toasters-container .toaster.success .timer .bar{background-color:var(--color-green-500)}.toasters-container .toaster.error{border-left-color:var(--color-red-500)}.toasters-container .toaster.error .content .icon svg{fill:var(--color-red-500)!important}.toasters-container .toaster.error .timer .bar{background-color:var(--color-red-500)}.toasters-container .toaster.warning{border-left-color:var(--color-orange-500)}.toasters-container .toaster.warning .content .icon svg{fill:var(--color-orange-500)!important}.toasters-container .toaster.warning .timer .bar{background-color:var(--color-orange-500)}@keyframes toasterSlideIn{0%{transform:translateX(100%)}60%{transform:translateX(-15%)}80%{transform:translateX(5%)}80%{transform:translateX(0)}}