.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;display:none}.modal.active{display:block}.modal.positionTopLeft .block{top:10%;left:10%}.modal.positionTopCenter .block{top:10%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.modal.positionTopRight .block{top:10%;right:10%}.modal.positionCenterLeft .block{top:50%;left:10%;-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:10%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.modal.positionBottomLeft .block{bottom:10%;left:10%}.modal.positionBottomCenter .block{bottom:10%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.modal.positionBottomRight .block{bottom:10%;right:10%}.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;padding:0;margin:0;background:#fff;max-width:500px}.modal .block .header{position:relative;padding:15px var(--padding);color:#fff;background:var(--color1)}.modal .block .header .close{position:absolute;right:0;top:0;height:100%;color:#fff;font-size:20px;width:50px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;cursor:pointer}.modal .block .content{padding:var(--padding)}.modal .block .footer{display:-webkit-box;display:-webkit-flex;display:flex;padding:0 var(--padding) var(--padding) 0;width:100%}.modal .block .footer .button{width:50%;text-align:center;padding:10px var(--padding);margin-left:var(--padding);background:var(--color1);color:#fff}.ua-desktop .modal .block .footer .button:hover{background:var(--color2)}