.btn,[webgl-hover]{text-decoration:none}body{height:100%;margin:0;padding:0}.section{gap:10px;position:relative;width:100%;max-height:600px;display:flex;justify-content:center;align-items:center}.btn,.swiper-container:not(.active) .swiper-button-next,.swiper-container:not(.active) .swiper-button-prev,.swiper-container:not(.active) .swiper-pagination-bullets{display:none}.btn{position:fixed;bottom:20px;right:20px;z-index:100;padding:8px;border-radius:5px;font-size:14px;background:#272727;color:#fff}.swiper-container{width:100%;height:100%}.swiper-wrapper{max-width:750px}.swiper-wrapper:not([style]){margin:0 auto}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:50px;color:#fff}.swiper-pagination-bullet{width:16px;height:16px;border-radius:8px;background:#fff;opacity:.4}.swiper-pagination-bullet-active,[webgl-hover]:hover span{opacity:1}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet+.swiper-pagination-bullet{margin-left:12px}.swiper-button-next,.swiper-button-prev{display:flex;justify-content:center;align-items:center;background:#fff;color:#fff;width:60px;height:60px;font-size:35px;margin-top:-30px}.swiper-button-prev{left:0}.swiper-button-next{right:0}[webgl-swiper] .canvas{border-radius:5px;display:block;position:absolute;top:0;left:0;width:100%;height:100%}[webgl-swiper] .swiper-container{position:relative;z-index:1}[webgl-swiper] .swiper-slide{overflow:hidden;display:block;width:100%;height:100%;cursor:pointer}[webgl-swiper] .swiper-slide img{visibility:hidden}[webgl-swiper] .info{position:absolute;top:0;left:0;width:100%;height:100%;justify-content:center;align-items:center;color:#fff;font-size:40px;display:none}[webgl-hover]{background:#222;position:relative;display:flex;justify-content:center;align-items:center;height:100%;width:calc(50% - 30px);flex:1 0 calc(50% - 30px);overflow:hidden}[webgl-hover] .canvas{display:block;position:absolute;top:0;left:0;width:100%;height:100%}[webgl-hover] img{display:none}[webgl-hover] span{display:block;position:relative;color:#fff;font-weight:700;font-size:7vw;opacity:0;transition:opacity ease-in-out 350ms}[webgl-hover]+[webgl-hover]{margin-left:60px}