.toastContainer{position:fixed;padding:0 20px 0 0;width:60px;max-width:calc(100% - 10px);height:60px;transition:color .3s ease-in-out;box-shadow:inset 0 1px 35px 0 hsla(0,0%,72.2%,.08),0 2px 4px 0 hsla(0,0%,60.4%,.5),0 0 0 0 rgba(0,0,0,.15);opacity:0;visibility:hidden;top:5px;right:5px;margin:auto;border-radius:50px;border:1px solid #cecece;font-family:"Open Sans","Lato","Roboto",sans-serif;z-index:10}.toastContainer,.toastIcon{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;background:#fff;cursor:pointer}.toastIcon{min-width:40px;min-height:40px;width:40px;height:40px;margin-left:10px;-webkit-justify-content:center;justify-content:center;border-radius:50px;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 0 0 #596375,0 0 0 0 rgba(89,99,117,.7)}.toastContent{padding:20px}.toastContent p{margin:0}.toastIcon svg{fill:#596375;stroke:#596375;width:25px;height:25px}.toastClose svg{fill:#596375;width:14px;height:14px}.toastClose{position:absolute;top:0;bottom:0;right:10px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;opacity:0;visibility:hidden}.toastClose,.toastContent{color:#596375}.toastContent p{font-size:16px;width:0;overflow:hidden;transition:color .3s ease-in-out;opacity:0}@media screen and (max-width:480px){.toastContent p{font-size:12px}}.toastContainer:hover{box-shadow:inset 0 1px 35px 0 hsla(0,0%,72.2%,.08),0 2px 4px 0 hsla(0,0%,60.4%,.5),0 2px 24px 0 rgba(0,0,0,.15)}.toastContainer.active{-webkit-animation:show-component .1s ease-in-out forwards,expand-container .1s ease-in-out .1s forwards,hide-component .3s ease-in-out 3.8s forwards;animation:show-component .1s ease-in-out forwards,expand-container .1s ease-in-out .1s forwards,hide-component .3s ease-in-out 3.8s forwards}.toastContainer.active .toastIcon{-webkit-animation:pulse 1.25s cubic-bezier(.66,.33,0,1) .3s infinite;animation:pulse 1.25s cubic-bezier(.66,.33,0,1) .3s infinite}.toastContainer.active .toastContent p{-webkit-animation:grow-text .1s ease-in-out .1s forwards,show-component .2s ease-in-out .5s forwards;animation:grow-text .1s ease-in-out .1s forwards,show-component .2s ease-in-out .5s forwards}.toastContainer.active .toastClose{-webkit-animation:show-component .2s ease-in-out .5s forwards;animation:show-component .2s ease-in-out .5s forwards}@-webkit-keyframes pulse{to{box-shadow:0 0 0 12px transparent,0 0 0 24px rgba(89,99,117,0)}}@keyframes pulse{to{box-shadow:0 0 0 12px transparent,0 0 0 24px rgba(89,99,117,0)}}@-webkit-keyframes expand-container{0%{width:60px}to{width:600px}}@keyframes expand-container{0%{width:60px}to{width:600px}}@-webkit-keyframes grow-text{0%{width:0}to{width:100%}}@keyframes grow-text{0%{width:0}to{width:100%}}@-webkit-keyframes show-component{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@keyframes show-component{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@-webkit-keyframes hide-component{0%{opacity:1;visibility:hidden}to{opacity:0;visibility:visible}}@keyframes hide-component{0%{opacity:1;visibility:hidden}to{opacity:0;visibility:visible}}
/*# sourceMappingURL=2.08ecd1d2.chunk.css.map */