.dynamic-alert .dynamic-alert-enter-active,.dynamic-alert .dynamic-alert-leave-active{transition:all .5s}.dynamic-alert .dynamic-alert-enter-from,.dynamic-alert .dynamic-alert-leave-to{opacity:0}.dynamic-alert.transition-bottom-left .dynamic-alert-enter-from,.dynamic-alert.transition-bottom-left .dynamic-alert-leave-to,.dynamic-alert.transition-top-left .dynamic-alert-enter-from,.dynamic-alert.transition-top-left .dynamic-alert-leave-to{transform:translate(-100%)}.dynamic-alert.transition-center-left .dynamic-alert-enter-from,.dynamic-alert.transition-center-left .dynamic-alert-leave-to{transform:translateY(-50%) translate(-100%)!important}.dynamic-alert.transition-top-center .dynamic-alert-enter-from,.dynamic-alert.transition-top-center .dynamic-alert-leave-to{transform:translateY(-100%) translate(-50%)!important}.dynamic-alert.transition-bottom-right .dynamic-alert-enter-from,.dynamic-alert.transition-bottom-right .dynamic-alert-leave-to,.dynamic-alert.transition-top-right .dynamic-alert-enter-from,.dynamic-alert.transition-top-right .dynamic-alert-leave-to{transform:translate(100%)}.dynamic-alert.transition-center-right .dynamic-alert-enter-from,.dynamic-alert.transition-center-right .dynamic-alert-leave-to{transform:translateY(-50%) translate(100%)!important}.dynamic-alert.transition-bottom-center .dynamic-alert-enter-from,.dynamic-alert.transition-bottom-center .dynamic-alert-leave-to,.dynamic-alert.transition-center-center .dynamic-alert-enter-from,.dynamic-alert.transition-center-center .dynamic-alert-leave-to{transform:translateY(100%) translate(-50%)!important}.dynamic-alert .dynamic-alert--row{background-color:var(--78b79450);color:var(--8c3556ba);padding:10px 0}.dynamic-alert .dynamic-alert--row .dynamic-alert--text{display:inline-block}@media (min-width:768px){.dynamic-alert .dynamic-alert--row{text-align:var(--48edb1ba)}.dynamic-alert .dynamic-alert--row .dynamic-alert--button,.dynamic-alert .dynamic-alert--row .dynamic-alert--link{margin-left:8px}}.dynamic-alert .dynamic-alert--window{background-color:var(--78b79450);border-radius:15px;color:var(--8c3556ba);display:flex;flex-direction:column;gap:30px;height:-moz-fit-content;height:fit-content;margin:10px;padding:20px 30px;position:fixed;text-align:var(--48edb1ba);width:calc(100% - 20px);z-index:99}@media (min-width:1025px){.dynamic-alert .dynamic-alert--window{margin:30px}}.dynamic-alert .dynamic-alert--close{cursor:pointer;padding:10px;position:absolute;right:10px;top:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dynamic-alert .dynamic-alert--close img{height:12px;width:12px}.dynamic-alert .dynamic-alert--close:not(.isInvert) img{filter:invert(1)}.dynamic-alert .dynamic-alert--title{margin-bottom:15px}.dynamic-alert .dynamic-alert--button{background-color:var(--64ef067e);padding:10px 20px}.dynamic-alert .dynamic-alert--button,.dynamic-alert .dynamic-alert--link{color:var(--08c8005e);cursor:pointer;margin:var(--b73f1904);width:-moz-fit-content;width:fit-content}.dynamic-alert .dynamic-alert--link{text-decoration:underline}.dynamic-alert.prop-vertical--bottom .dynamic-alert--window{bottom:0}.dynamic-alert.prop-vertical--top .dynamic-alert--window{top:var(--navbar-height)}.dynamic-alert.prop-vertical--center .dynamic-alert--window{top:50%;transform:translateY(-50%)}@media (min-width:1025px){.dynamic-alert.prop-size--small .dynamic-alert--window{width:300px}.dynamic-alert.prop-size--medium .dynamic-alert--window{width:400px}.dynamic-alert.prop-size--large .dynamic-alert--window{width:500px}.dynamic-alert.prop-size--medium .dynamic-alert--row{padding:15px 0}.dynamic-alert.prop-size--large .dynamic-alert--row{padding:30px 0}.dynamic-alert.prop-horizontal--left .dynamic-alert--window{left:0}.dynamic-alert.prop-horizontal--center .dynamic-alert--window{left:50%;transform:translate(-50%)}.dynamic-alert.prop-horizontal--right .dynamic-alert--window{right:0}.dynamic-alert.prop-vertical--top .dynamic-alert--window{top:var(--navbar-height)}.dynamic-alert.prop-vertical--center .dynamic-alert--window{top:50%;transform:translateY(-50%)}.dynamic-alert.prop-vertical--bottom .dynamic-alert--window{bottom:0}.dynamic-alert.prop-horizontal--center.prop-vertical--center .dynamic-alert--window{left:50%;top:50%;transform:translate(-50%,-50%)}}
