.popup{z-index:1111;position:fixed;top:0;left:0;width:100%;height:100%;visibility:hidden;opacity:0;transition:0.5s}.popup.active{visibility:visible;opacity:1}.popup .overlay{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .35)}.popup .inner{z-index:2;position:absolute;top:100%;left:50%;max-width:80%;min-width:250px;max-height:90%;min-height:50%;padding:var(--gutter);background:#fff;text-align:left;border-radius:.1em;box-shadow:var(--boxShadow);opacity:0;transform:translate(-50%,-50%) scale(.4);overflow:auto;transition:0.2s}.popup.active .inner{opacity:1;top:50%;transform:translate(-50%,-50%) scale(1);transition:0.5s}.popup .close{z-index:10;position:absolute;top:calc(var(--gutter) / 2);right:calc(var(--gutter) / 2);width:var(--gutter);height:var(--gutter);background:url(https://www.privaty-cars.fr/wp-content/themes/ps_starter/assets/css/inc/../../img/icon-close.svg) no-repeat center;background-size:contain;cursor:pointer;transform:scale(0);transition:0.5s 0.25s}.popup.active .close{transform:scale(.8)}@media screen and (max-width:650px){.popup .inner{height:100vh;max-height:100vh;width:100vw;max-width:100vw;padding:var(--gutter) 1.5em}}