.popup-wrap.seen{opacity:1;visibility:visible}.popup-wrap{display:block;position:fixed;height:100%;width:100%;background:rgba(0,0,0,.7);top:0;z-index:2000000003;text-align:center;opacity:0;visibility:hidden;transition:all 0.2s linear}.popup img{width:auto;max-width:100%;display:block;height:auto;cursor:pointer;max-height:100%}.popup-wrap .icon-close{right:10px;top:10px;position:absolute;cursor:pointer;background:var(--danger);background-color:var(--color1);color:#fff;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.5rem;font-size:.75rem}.popup-wrap.down{max-width:min(300px, 60vw);max-height:50%;bottom:15px;top:auto;left:15px;background:transparent;width:auto;height:auto}.popup-wrap.full .icon-close{position:static;margin-left:auto;flex:none;transform:translate(-.5rem,2.5rem)}.popup-wrap.down.right{right:15px}.popup-wrap.down.right .icon-close{right:10px;left:unset}body.top_bar_popup{transition:0.3s}body.top_bar_popup #header-mobile,body.top_bar_popup #header{padding-top:var(--popup-h)}.popup-wrap.top_bar{background:transparent;max-height:var(--popup-h);top:0}.popup-wrap.top_bar .closer.icon-close{z-index:1;top:calc(var(--popup-h) / 2 - 1rem)}.popup-wrap.top_bar .popup{height:100%}.popup-wrap.top_bar .popup img{max-width:100%;max-height:100%;width:100%;object-fit:cover;position:relative;background:#000}.popup-wrap.down .popup{height:100%}.popup-wrap.down .icon-close{left:10px;right:unset}.popup-wrap.down .popup img{max-width:100%;position:static;max-height:100%;margin-left:initial}.popup-wrap.full .popup{height:100%}.popup-inner,.popup-wrapper{height:100%}.popup-wrap.full .popup-wrapper{display:flex;align-items:center;justify-content:center}.popup-wrap.full .popup-inner{display:flex;align-items:center;justify-content:center;flex-direction:column;max-width:90%;max-height:90%}@media(max-width:576px){.popup-wrap.down{bottom:150px}}