.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;display:none;pointer-events:none}.modal.active{display:block}.modal.active .block{pointer-events:auto;-webkit-animation:slideInUp .5s cubic-bezier(0.23,1,0.32,1);animation:slideInUp .5s cubic-bezier(0.23,1,0.32,1)}@-webkit-keyframes slideInUp{from{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slideInUp{from{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.modal.positionTopLeft .block{top:5%;left:5%}.modal.positionTopCenter .block{top:5%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.modal.positionTopRight .block{top:5%;right:5%}.modal.positionCenterLeft .block{top:50%;left:5%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.modal.positionCenter .block{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.modal.positionCenterRight .block{top:50%;right:5%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.modal.positionBottomLeft .block{bottom:5%;left:5%}.modal.positionBottomCenter .block{bottom:5%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.modal.positionBottomRight .block{bottom:5%;right:5%}@media(max-width:56em){.modal.positionTopLeft .block,.modal.positionTopCenter .block,.modal.positionTopRight .block,.modal.positionCenterLeft .block,.modal.positionCenter .block,.modal.positionCenterRight .block,.modal.positionBottomLeft .block,.modal.positionBottomCenter .block,.modal.positionBottomRight .block{-webkit-transform:none;transform:none;top:auto;bottom:10%;right:5%;left:5%;width:auto}}.modal.with-overlay:before{width:100%;height:100%;background:rgba(0,0,0,0.8);position:fixed;z-index:0;content:""}.modal .block{position:fixed;z-index:1;margin:0;max-width:600px;background:var(--color1);display:flex;flex-direction:row;align-items:center;gap:var(--gutter);border-radius:var(--borderradius);padding:var(--gutter)}.modal .block .media{width:125px}.modal .block .inner{flex:1}.modal .block .close{position:absolute;right:10px;top:10px;color:#fff;width:30px;height:30px;line-height:30px;text-align:center;font-family:arial;font-weight:normal;font-size:30px;cursor:pointer}.modal .block .header{font-family:var(--subfont);font-weight:bold;display:block;font-size:var(--m-fontsize);line-height:var(--m-lineheight);color:#fff}.modal .block .content{padding:var(--padding)}.modal .block .footer{display:flex;width:100%}.modal .block .footer .actionButton{padding:0;color:#fff}