.flash-box.slide-out-top{animation:slide-out-top .4s cubic-bezier(.55,.085,.68,.53) both}@keyframes slide-out-top{0%{transform:translateY(0);opacity:1}to{transform:translateY(-200%);opacity:0}}.flash-box.slide-in-top{animation:slide-in-top .4s cubic-bezier(.55,.085,.68,.53) both}@keyframes slide-in-top{0%{transform:translateY(-200%);opacity:0}to{transform:translateY(0);opacity:1}}.flash-box[template="1"]{-webkit-user-select:none;-webkit-touch-callout:none;-moz-user-select:none;user-select:none;background-color:#fff;z-index:1000;border-radius:5px;padding:25px;display:flex;flex-direction:column;position:absolute!important;width:300px;box-shadow:0 0 5px #0006}.flash-box[template="1"] h6{font-size:25px;margin:0}.flash-box[template="1"] .flash-header{right:0;top:0;margin:5px 0;height:30px;width:100%;position:absolute;display:flex;justify-content:space-between}.flash-box[template="1"] .flash-header .flash-title{height:100%;padding-left:15px}.flash-box[template="1"] .flash-header .flash-close-button{position:relative;width:20px;height:20px;cursor:pointer}.flash-box[template="1"] .flash-header .flash-close-button:before,.flash-box[template="1"] .flash-header .flash-close-button:after{position:absolute;content:"";width:3px;height:15px;background:#555;left:7px;border-radius:5px}.flash-box[template="1"] .flash-header .flash-close-button:before{transform:rotate(45deg)}.flash-box[template="1"] .flash-header .flash-close-button:after{transform:rotate(315deg)}.flash-box[template="1"] .flash-content{position:relative;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.flash-box[template="1"] .flash-content svg{width:45px;height:45px;display:flex;justify-content:center;align-items:center;margin:15px 0}.flash-box[template="1"] .flash-content .flash-message{color:#444;display:flex;justify-content:center;height:100%;flex-direction:column;font-size:15px;margin:0}.flash-box[template="1"] .flash-content .flash-message ul{list-style:none;margin:0}.flash-box[template="1"].flashtype-success{border-left:10px solid #28a745;border-right:10px solid #28a745}.flash-box[template="1"].flashtype-success h6,.flash-box[template="1"].flashtype-success svg{color:#28a745}.flash-box[template="1"].flashtype-info{border-left:10px solid #17a2b8;border-right:10px solid #17a2b8}.flash-box[template="1"].flashtype-info h6,.flash-box[template="1"].flashtype-info svg{color:#17a2b8}.flash-box[template="1"].flashtype-warning{border-left:10px solid #ffc107;border-right:10px solid #ffc107}.flash-box[template="1"].flashtype-warning h6,.flash-box[template="1"].flashtype-warning svg{color:#ffc107}.flash-box[template="1"].flashtype-danger{border-left:10px solid #dc3545;border-right:10px solid #dc3545}.flash-box[template="1"].flashtype-danger h6,.flash-box[template="1"].flashtype-danger svg{color:#dc3545}.flash-box.slide-in-top{animation:slide-in-top .5s cubic-bezier(.55,.085,.68,.53) both running}@keyframes slide-in-top{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.flash-box.slide-out-top{animation:slide-out-top .5s cubic-bezier(.55,.085,.68,.53) both running}@keyframes slide-out-top{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.flash-box.fade-in-top{animation:fade-in-top .5s cubic-bezier(.39,.575,.565,1) both running}@keyframes fade-in-top{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.flash-box.fade-out-top{animation:fade-out-top .5s cubic-bezier(.25,.46,.45,.94) both}@keyframes fade-out-top{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}.flash-box[template="2"]{padding:10px 30px;display:flex;flex-direction:column;position:absolute;z-index:10;top:0;width:100vw;box-shadow:0 0 5px #0006}.flash-box[template="2"] .flash-header{right:0;top:0;margin:5px 0;height:20px;width:20px;position:absolute;cursor:pointer}.flash-box[template="2"] .flash-header .flash-close-button:before{position:absolute;content:"";width:3px;height:15px;background:#333;transform:rotate(45deg);left:7px;border-radius:5px}.flash-box[template="2"] .flash-header .flash-close-button:after{position:absolute;content:"";width:3px;height:15px;background:#333;transform:rotate(315deg);left:7px;border-radius:5px}.flash-box[template="2"] .flash-header .flash-close-button:hover:before,.flash-box[template="2"] .flash-header .flash-close-button:hover:after{background:#fff}.flash-box[template="2"] .flash-content{position:relative;width:100%;display:flex;align-items:center;justify-content:center}.flash-box[template="2"] .flash-content svg{width:20px;height:20px;color:#fff;margin:0 15px}.flash-box[template="2"] .flash-content .flash-message{color:#fff;display:flex;justify-content:center;height:100%;flex-direction:column;font-size:12px;margin-bottom:0}.flash-box[template="2"] .flash-content .flash-message ul{list-style:none;margin-bottom:0}.flash-box[template="2"].flashtype-danger{background-color:#dc3545}.flash-box[template="2"].flashtype-warning{background-color:#ffc107}.flash-box[template="2"].flashtype-success{background-color:#28a745}.flash-box[template="2"].flashtype-info{background-color:#17a2b8}