.alert-modal-mask{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;transition:opacity .3s ease}.alert-modal-container{width:300px;margin:auto;padding:20px 30px;border:var(--lightGreen) solid 2px;background-color:var(--boly-bg-darker);border-radius:5px;box-shadow:0 2px 8px #00000054;transition:all .3s ease}.alert-modal-header h3{text-align:start;font-family:Anton,Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-style:italic;font-size:xx-large}.alert-modal-body{margin:20px 0;color:var(--light)}.alert-modal-close-button{height:30px;padding:0 15px;margin:0 5px;float:right;background-color:transparent;color:var(--lightGreen);border:var(--lightGreen) solid 1px;border-radius:2px}.alert-modal-close-button:hover{color:var(--lightCyan);border:var(--lightCyan) solid 1px}.alert-modal-enter-from,.alert-modal-leave-to{opacity:0}.alert-modal-enter-from .alert-modal-container,.alert-modal-leave-to .alert-modal-container{-webkit-transform:translateY(-15px);transform:translateY(-15px)}