@keyframes scale{0%{transform:scale(1)}50%{transform:scale(0)}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.app-modal-backdrop{background-color:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.app-modal-backdrop,.popup-image-wrapper{align-items:center;display:flex;justify-content:center}.popup-image-wrapper{background-color:transparent;border-radius:0;box-shadow:none}.popup-image__caption{color:#fff;font-size:1rem;left:50%;line-height:normal;max-width:100%;opacity:.7;overflow:hidden;padding-left:20px;padding-right:20px;position:absolute;text-align:center;text-overflow:ellipsis;top:0;transform:translate(-50%);white-space:nowrap}@media screen and (max-width:610px){.popup-image__caption{font-size:.8125rem}}.popup-image__img-wrapper{max-height:calc(100% - 60px);max-width:calc(100% - 60px);position:relative;z-index:999}@media screen and (max-width:610px){.popup-image__img-wrapper{max-height:calc(100% - 20px);max-width:calc(100% - 20px)}}.popup-image__img{border-radius:2px;max-height:calc(100vh - 60px);max-height:calc(var(--vh, 1vh)*100 - 60px);max-width:100%;padding-top:30px;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:top}.popup-image__date{align-items:center;background:#0000004d;border-radius:2px;bottom:4px;color:#fff;display:flex;height:24px;justify-content:center;left:4px;padding:0 8px;position:absolute}.popup-image__close{background-color:transparent;border:0;cursor:pointer;height:30px;padding:0;position:absolute;right:-5px;top:-4px;width:30px}@media screen and (max-width:610px){.popup-image__close{top:-7px}}.popup-image__close:after,.popup-image__close:before{background-color:#fff;content:"";height:2px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);transition:background-color .25s;width:18px}.popup-image__close:after{transform:translate(-50%,-50%) rotate(-45deg)}.popup-image__close:hover:after,.popup-image__close:hover:before{background-color:#009f5c}