:root{--swiper-pagination-bullet-inactive-color: #303030;--swiper-pagination-bullet-inactive-opacity: 100%;--swiper-pagination-bullet-size: 10px;--swiper-pagination-color: var(--wh-ui-accent-normal-color);--swiper-pagination-size: 15px}.swiper-pagination-bullet:hover{--swiper-pagination-bullet-inactive-color: var(--wh-ui-accent-normal-color)}.swiper-container{position:relative}.swiper-container:hover .wh-swiper-next,.swiper-container:hover .wh-swiper-prev,.swiper-container:focus-within .wh-swiper-next,.swiper-container:focus-within .wh-swiper-prev{opacity:1;pointer-events:auto}.swiper-container .wh-swiper-next,.swiper-container .wh-swiper-prev{bottom:0;box-shadow:5px 5px 30px 0 rgba(0,0,0,0.75);margin:auto;opacity:0;pointer-events:none;position:absolute;top:0;z-index:1}@container (width < 767px){.swiper-container .wh-swiper-next,.swiper-container .wh-swiper-prev{display:none}}.swiper-container .wh-swiper-prev{left:var(--swiper-navigation-sides-offset)}.swiper-container .wh-swiper-next{right:var(--swiper-navigation-sides-offset)}.screenshot-swiper{--swiper-navigation-sides-offset: 7.5%;border-radius:10px;width:100%}.screenshot-swiper:before,.screenshot-swiper:after{bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:5%;z-index:255}.screenshot-swiper:after{background-image:linear-gradient(-90deg, #101010, transparent);right:0}.screenshot-swiper:before{background-image:linear-gradient(90deg, #101010, transparent);left:0}.screenshot-swiper .swiper-slide{height:unset;overflow:hidden}.screenshot-swiper .swiper-slide>img{aspect-ratio:16 / 9;background-color:#181818;border-radius:10px;height:100%;object-fit:cover;position:relative;width:100%}.screenshot-swiper-pagination{align-items:center;display:flex;justify-content:center;min-height:var(--swiper-pagination-size)}.screenshot-swiper-pagination .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap: 4px;transition:height 75ms,width 75ms;margin:0 var(--swiper-pagination-bullet-horizontal-gap)}.screenshot-swiper-pagination .swiper-pagination-bullet-active{--swiper-pagination-bullet-size: var(--swiper-pagination-size)}.screenshot-summary{animation:slideInUp 333ms;background-color:rgba(0,0,0,0.75);border-radius:10px;display:flex;flex-direction:column;gap:10px;margin-top:10px;padding:20px}@keyframes slideInUp{from{opacity:0;transform:translate3d(0, 50%, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}.popover .screenshot-summary{animation:unset}.screenshot-summary-title{display:flex;gap:10px}.screenshot-summary-number{color:var(--wh-ui-accent-loud-color)}