.modal--overlay{background-color:#0003;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1000}a:hover .modal--overlay{font-weight:400}.modal{border-radius:5px 5px 0 0;box-shadow:0 0 10px #0005;display:flex;flex-direction:column;left:50%;max-height:90%;min-width:40vw;position:fixed;top:50%;transform:translate3d(-50%,-50%,0);width:90vw}.modal.fullscreen{height:100vh;left:0;max-height:none;top:0;transform:none;width:100vw;z-index:9999}.modal--header{border-radius:5px 5px 0 0;font-size:120%;font-weight:700}.modal--footer,.modal--header{background-color:#eee;padding:20px 50px}.modal--content{background-color:#fff;flex:1;overflow-x:auto;padding:20px 50px}#modal--close-buton{background:none;border:none;cursor:pointer;padding:5px;position:absolute;right:10px;top:10px}#modal--close-buton:hover{background-color:#f60}.modal-fade-enter,.modal-fade-leave-to{opacity:0}.modal-fade-enter-active,.modal-fade-leave-active{transition:opacity .5s ease}@media only screen and (min-width:1000px){.modal{width:auto}}