dtoaster/dist/dtoaster.css

DToaster

@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500&display=swap);.dtoast-ctn{overflow:hidden}.dtoast-slide-right-enter-active,.dtoast-slide-right-leave-active{transition:.4s ease}.dtoast-slide-right-enter{transform:translateX(110%)}.dtoast-slide-right-leave-active{-webkit-animation:dtoast-slide-right-out .5s;animation:dtoast-slide-right-out .5s}@-webkit-keyframes dtoast-slide-right-out{0%{transform:translateX(0)}50%{transform:translateX(-10%)}to{transform:translateX(110%)}}@keyframes dtoast-slide-right-out{0%{transform:translateX(0)}50%{transform:translateX(-10%)}to{transform:translateX(110%)}}.dtoast-slide-left-enter-active,.dtoast-slide-left-leave-active{transition:.4s ease}.dtoast-slide-left-enter{transform:translateX(-110%)}.dtoast-slide-left-leave-active{-webkit-animation:dtoast-slide-left-out .5s;animation:dtoast-slide-left-out .5s}@-webkit-keyframes dtoast-slide-left-out{0%{transform:translateX(0)}50%{transform:translateX(10%)}to{transform:translateX(-110%)}}@keyframes dtoast-slide-left-out{0%{transform:translateX(0)}50%{transform:translateX(10%)}to{transform:translateX(-110%)}}.dtoast-dub{display:flex;flex-direction:column;font-family:Roboto,sans-serif;border-radius:3px}.dtoast-dub .dt-struct{display:flex;flex-direction:row;flex-grow:1;justify-content:space-between;align-items:center;height:100%}.dtoast-dub .dt-struct .dt-icon{height:100%;display:flex;align-items:center;justify-content:center;margin:0 10px}.dtoast-dub .dt-struct .dt-body{flex-grow:.5;display:flex;flex-direction:column}.dtoast-dub .dt-struct .dt-body .dt-body-heading{font-size:12px;font-weight:600}.dtoast-dub .dt-struct .dt-body .dt-body-content{font-weight:400;font-size:12px;margin-top:4px}.dtoast-dub .dt-struct .dt-action{align-self:flex-start;margin-top:5px;font-size:14px;margin-right:3px;cursor:pointer}.dtoast-dub .dt-progress{width:100%;height:3px;background:#7886ff}.dtoast-dub .dt-progress .dt-thumb{width:100%;height:100%;background:#364aff}.dtoast-ctn{position:absolute;width:400px;display:flex;flex-direction:column}.dtoast-ctn.dtoast-top-right{top:0;right:0;align-items:flex-end}.dtoast-ctn.dtoast-top-left{top:0;left:0;align-items:flex-start}.dtoast-ctn.dtoast-bottom-right{flex-direction:column-reverse;bottom:0;right:0;align-items:flex-end}.dtoast-ctn.dtoast-bottom-left{flex-direction:column-reverse;align-items:flex-start;bottom:0;left:0}