.modal-mask{position:fixed;z-index:36000;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:table;transition:opacity .3s ease}.modal-wrapper{display:table-cell;vertical-align:middle}.modal-container{min-width:320px;max-width:700px;margin:0 auto;padding:10px;background-color:#fff;border-radius:2px;box-shadow:0 2px 8px #00000054;transition:all .3s ease}.modal-container.sectioned{display:flex;flex-direction:column;max-height:90vh}.modal-container.plain{padding:0}@media all and (min-width: 768px){.modal-container{padding:20px}}@media all and (max-width: 767px){.modal-container{min-width:300px;max-width:95%;max-height:100%;padding:10px}}.modal-header{padding:0}.modal-header h3{margin-top:0}.sectioned .modal-body{position:normal;margin:0 -15px;padding:15px;flex:1;overflow:auto}.modal-footer{background:#f2efee;padding:15px 20px;margin:0 -20px -20px;flex:0}.modal-default-button{float:right}.modal-enter,.modal-leave-active{opacity:0}.modal-enter .modal-container,.modal-leave-active .modal-container{transform:scale(1.1)}div.lightbox div.modal-container{max-width:100%;padding:5px;box-shadow:none;background:none}div.lightbox div.modal-body{margin:0;padding:0}div.lightbox div.modal-body img{max-width:100%;max-height:100%;cursor:pointer}div.lightbox button.close{position:absolute;right:24px;top:24px;padding:8px 16px;background:#fff;opacity:1;color:#333;border:2px solid #000}div.lightbox button.close:focus{background:#000;border-color:#fff;color:#fff}.modal-wrapper section.page{display:flex;flex-direction:column;max-height:90vh}.modal-wrapper section.page header{background:#f9f7f7;border-bottom:1px solid #d7cecb;padding:.75rem 1.25rem;flex:0}.modal-wrapper section.page header h3{margin:0}.modal-wrapper section.page footer{background:#f2efee;border-top:1px solid #d1c6c3;padding:.75rem 1.25rem;flex:0}.modal-wrapper section.page article{position:normal;flex:1 1 0%;padding:1.25rem;overflow:auto}