.modal{opacity:0;display:none;position:fixed;z-index:999;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:var(--modal-fallback-background-color);background-color:var(--modal-background-color);transition:all 150ms ease-in-out}.modal-content{text-align:left;opacity:0;background-color:var(--modal-content-background-color);margin:auto;margin-top:-20px;padding:20px;border:1px solid var(--modal-border-color);width:80%;-webkit-box-shadow:5px 9px 15px 5px var(--modal-box-shadow-color);box-shadow:5px 9px 15px 5px var(--modal-box-shadow-color);transition:all 150ms ease-in-out}.modal.show{opacity:1}.modal.show>.modal-content.show{opacity:1;margin-top:0}.close{color:var(--close-button-color);float:right;font-size:28px;font-weight:bold}.close:hover,.close:focus{color:var(--close-button-hover-focus-color);text-decoration:none;cursor:pointer}@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait){.modal-content{width:90%}}