.popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.popup--active{opacity:1;visibility:visible}.popup__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none}.popup__container{position:relative;background:transparent;border-radius:0;padding:0;max-width:90%;max-height:90vh;overflow:visible;box-shadow:none;transform:scale(.95) translateY(20px);transition:transform .3s ease;z-index:1;cursor:pointer}.popup--active .popup__container{transform:scale(1) translateY(0)}.popup__container img{width:100%;height:auto;display:block;border-radius:0}.popup__image{display:block;width:100%;height:auto}.popup__image--desktop{display:block}.popup__image--tablet,.popup__image--mobile{display:none}@media (max-width: 768px){.popup__image--desktop{display:none}.popup__image--tablet{display:block}.popup__image--mobile{display:none}}@media (max-width: 480px){.popup__image--desktop,.popup__image--tablet{display:none}.popup__image--mobile{display:block}}.popup__close{position:absolute;top:1rem;right:1rem;width:2.5rem;height:2.5rem;border:none;background:#ffffffe6;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease,transform .2s ease;z-index:10;box-shadow:0 2px 8px #00000026}.popup__close:hover{background-color:#fff;transform:scale(1.1)}.popup__close:before,.popup__close:after{content:"";position:absolute;width:1.5rem;height:2px;background-color:#333;border-radius:2px}.popup__close:before{transform:rotate(45deg)}.popup__close:after{transform:rotate(-45deg)}