.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;visibility:hidden;pointer-events:none}.modal.active{visibility:visible}.modal.active .block{-webkit-transform:translateY(0);transform:translateY(0)}.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:0;left:calc(var(--spacer) + var(--padding))}.modal.positionBottomCenter .block{bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.modal.positionBottomRight .block{bottom:0;right:calc(var(--spacer) + var(--padding))}.modal.with-overlay:before{width:100%;height:100%;background:rgba(0,0,0,0.8);position:fixed;z-index:0;content:""}.modal .block{pointer-events:auto;position:fixed;z-index:1;margin:0;background-color:var(--color1);background-image:url(/App_SkinMaster/images/popup-background.svg);background-size:cover;background-repeat:no-repeat;background-position:center;max-width:400px;text-align:center;color:#fff;-webkit-transform:translateY(100vh);transform:translateY(100vh);transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out}@media(max-width:900px){.modal .block{padding:calc(var(--padding) * 3);max-width:100%;left:calc(var(--spacer) + var(--padding));width:auto}}.modal .block .media img{width:120px;height:120px;-o-object-fit:cover;object-fit:cover;border-radius:100%;display:block;margin:0 auto}.modal .block .header{padding:var(--padding) 0 0}.modal .block .header .blockTitle{color:#fff;font-weight:100;line-height:1.25}.modal .block .header .close{position:absolute;right:0;top:0;height:50px;color:#fff;font-size:30px;width:50px;display:flex;justify-content:center;align-items:center;cursor:pointer}.modal .block .footer{display:flex;justify-content:center;width:100%}.modal .block .footer .button{text-align:center;padding:15px var(--padding);background:var(--color2);color:#fff;text-transform:uppercase;font-weight:100;font-size:1.4rem}@media(hover:hover){.modal .block .footer .button:hover{background:var(--black-75procent)}}.modal .block .footerText{padding-top:var(--padding)}.modal .block .footerButton{display:flex;justify-content:center;padding-top:var(--padding)}.modal .block .footerButton a{color:#fff;border-bottom:1px solid #fff;display:flex;text-decoration:none;gap:5px;text-transform:uppercase;font-size:1.4rem;align-items:center}.modal .block .footerButton a .text{font-weight:bold}.modal .block .footerButton a:hover{border-bottom:1px solid transparent}