.my-modal-container{display:none;position:fixed;top:0;width:100%;height:100%;z-index:100;}.my-modal-overlay{display:block;position:fixed;width:100%;height:100%;z-index:101;background-color:rgba(0,0,0,.3);}.my-modal-active{display:flex;}.my-modal{display:flex;flex-direction:column;background-color:#fff;max-width:800px;box-shadow:0 16px 32px rgba(0,0,0,.25);}.my-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:.3rem 1rem .3rem 1rem;background-color:#583787;border-bottom:1px solid #e0e0e0;color:#fff;margin:-1px -1px 0 -1px;}.my-modal-title{margin-bottom:0;}.my-modal-buttons{background-color:#f2eef7;border-top:1px solid #e0e0e0;padding:.75rem 1rem .75rem 1rem;}.my-modal-close{background-color:transparent;border:0;-webkit-appearance:none;cursor:pointer;font-size:1.5rem;color:#fff;z-index:100;}.my-modal-close:hover{font-weight:bold;}.my-modal-center{align-items:center;justify-content:center;}.my-modal-wrapper{z-index:102;border:solid 1px #ddcef1;}.my-modal-topleft .my-modal-wrapper{position:absolute;top:32px;left:32px;}.my-modal-topright .my-modal-wrapper{position:absolute;top:32px;right:32px;}.my-modal-bottomleft .my-modal-wrapper{position:absolute;bottom:32px;left:32px;}.my-modal-bottomright .my-modal-wrapper{position:absolute;bottom:32px;right:32px;}