.swiper{height:100vh;width:100vw}.swiper .swiper-slide{align-items:center;display:flex;justify-content:center}.swiper img{aspect-ratio:1/1;display:block;max-width:1024px;width:100%}.mates .swiper img{aspect-ratio:832/1171;max-width:832px}.noscroll{overflow-y:hidden}.backdrop{align-items:center;background-color:rgba(0,0,0,.92);cursor:pointer;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1}.backdrop *{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.popup__wrapper{align-items:center;aspect-ratio:1/1;cursor:pointer;display:flex;height:100%;justify-content:center;max-height:100%;max-width:100vw}.popup{cursor:-webkit-grab;cursor:grab;max-height:100vh;max-width:1024px;position:relative}.popup,.popup img{aspect-ratio:1/1;border-radius:4px;width:100%}.popup img{display:block;height:100%}.mates .popup,.mates .popup__wrapper{aspect-ratio:832/1171}.mates .popup{width:auto}@media(min-height:1185px){.mates .popup{max-height:1171px}}.mates .popup img{aspect-ratio:832/1171}.popup__close{align-items:center;border-radius:4px;cursor:pointer;display:flex;height:50px;justify-content:center;position:absolute;right:15px;top:15px;transition:background-color .2s ease-in-out;width:50px}@media(hover:hover)and (pointer:fine){.popup__close:hover{background-color:rgba(0,0,0,.52)}}.popup__close svg{fill:#fff;height:25px;width:25px}.popup__navigation{bottom:15px;display:flex;justify-content:space-between;left:0;padding:0 15px;position:absolute;width:100%}.popup__navigation__img-desc{align-items:center;color:#fff;display:flex;font-family:var(--family);font-size:38px;font-weight:600}.popup__navigation__arrow{align-items:center;align-self:flex-end;background-color:transparent;border-radius:4px;cursor:pointer;display:flex;height:50px;justify-content:center;transition:background-color .2s ease-in-out;width:50px}.popup__navigation__arrow.--left svg{margin-left:-5px}.popup__navigation__arrow.--right svg{margin-right:-5px}@media(hover:hover)and (pointer:fine){.popup__navigation__arrow:hover{background-color:rgba(0,0,0,.52)}}.popup__navigation__arrow svg{fill:#fff;width:20px}.v-enter-active,.v-leave-active{transition:opacity .5s ease}.v-enter-from,.v-leave-to{opacity:0}.content__cover-img-wrapper{position:relative}.content__cover-glass{bottom:10px;cursor:pointer;position:absolute;right:14px}.content__cover-glass svg{fill:#fff;height:25px;width:25px}.content__cover-desc{cursor:pointer}
