:root{--game-marquee-height: 4.8rem}#shopify-section-game-gallery-hero{--game-header-height: 12.6rem}.game-gallery-hero .gallery-hero-container{position:relative;height:calc(100dvh - var(--game-header-height) - var(--announcement-bar-height) - var(--website-link-bar-height) - var(--website-link-bar-border-height))}.gallery-hero-outter{position:absolute;overflow:hidden;width:100%;top:calc(-1 * var(--game-header-height) - var(--announcement-bar-height) - var(--website-link-bar-height) - var(--website-link-bar-border-height));z-index:3;--location-bottom: 6.4rem;--location-left: 6.4rem}.gallery-hero-scroller-wrapper{display:flex;width:100%}.gallery-hero-item{flex-shrink:0;width:100%;position:relative}.gallery-hero-item-wrapper{position:absolute;height:100%;width:100%;z-index:3;top:0;left:0;display:flex;flex-direction:column}.gallery-hero-item-info{flex:1;max-width:80rem;padding-left:var(--location-left);display:flex;justify-content:center;align-items:start;flex-direction:column;gap:2.4rem}.gallery-hero-item-subtitle{color:var(--neutral-0);font-size:3.2rem;line-height:6.8rem;font-weight:600}.gallery-hero-item-description,.gallery-hero-item-subtitle,.gallery-hero-item-title{margin:0;text-align:center;letter-spacing:.04em}.gallery-hero-item-title{text-align:left;font-size:5.6rem;line-height:6.8rem;font-style:normal;font-weight:600;will-change:auto;color:var(--neutral-0)}.gallery-hero-item .gallery-hero-item-title{animation-delay:.1s}.gallery-hero-item .gallery-hero-item-subtitle{animation-delay:.2s}.gallery-hero-item .gallery-hero-item-description{animation-delay:.3s}.gallery-hero-item-description{text-align:left;font-size:2.4rem;line-height:2.8rem;font-weight:500;will-change:auto;color:var(--purple-300);margin-bottom:1rem}.gallery-hero-item-buttons{margin-bottom:3.2rem;max-width:79.8rem;display:flex;gap:2.4rem;animation-delay:.9s;will-change:auto}.btn-link{text-decoration:none}.gallery-hero-item-button-link-2,.gallery-hero-item-button-link-2:hover{color:var(--neutral-50)}.gallery-hero-menu-layout{height:calc(var(--game-header-height) + var(--announcement-bar-height) + var(--website-link-bar-height) + var(--website-link-bar-border-height))}.gallery-hero-layout{height:calc(var(--announcement-bar-height) + var(--website-link-bar-height) + var(--website-link-bar-border-height))}.gallery-hero-item-image{width:100%;position:relative;display:flex;z-index:-1}.game_gallery_hero_image--mobile{display:none}.gallery-hero-item-image video{width:100%;height:calc(100dvh - var(--announcement-bar-height) - var(--website-link-bar-height) - var(--website-link-bar-border-height));min-height:32rem;object-fit:cover;overflow-clip-margin:0rem;object-position:80% 50%}.gallery-hero-item-image img{width:100%;height:calc(100dvh - var(--announcement-bar-height) - var(--website-link-bar-height) - var(--website-link-bar-border-height));min-height:32rem;object-fit:cover;overflow-clip-margin:0rem;object-position:80% 50%}.gallery-hero-indicators{display:inline-flex;justify-content:center;align-items:center;gap:.8rem;position:absolute;bottom:3rem;left:0;right:0;z-index:10}.gallery-hero-indicator{cursor:pointer;width:1.2rem;height:1.2rem;border-radius:50%;background-color:var(--neutral-300)}.gallery-hero-indicator.active{background-color:var(--chartreuse-300)}.gallery-hero-thumb{z-index:10;opacity:.5;transition:all .3s;cursor:pointer;width:4rem;height:4rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:600;color:var(--neutral-970);background-color:var(--neutral-0);box-shadow:0 8px 30px rgba(var(--color-foreground),.08)}.gallery-hero-thumb:hover{opacity:1}#gallery-hero-thumb-left{-webkit-user-select:none;user-select:none;position:absolute;left:2rem;top:50%;transform:translateY(-50%)}#gallery-hero-thumb-right{-webkit-user-select:none;user-select:none;position:absolute;top:50%;right:2rem;transform:translateY(-50%)}.title-animate-in-slider{animation:titleAnimateInSlider 1s cubic-bezier(.25,.46,.45,.94)}.game-gallery-hero-linear-gradient{position:absolute;width:100%;height:333px;background:linear-gradient(180deg,#280075,#28007500);top:calc(var(--announcement-bar-height) + var(--website-link-bar-height) + var(--website-link-bar-border-height));left:0;z-index:2;pointer-events:none}@keyframes titleAnimateInSlider{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.wechat-browser .game-gallery-hero .gallery-hero-container{height:calc(var(--wx-vh, 1vh) * 100 - var(--game-header-height) - var(--announcement-bar-height) - var(--website-link-bar-height) - var(--website-link-bar-border-height))}.wechat-browser .gallery-hero-item-image video,.wechat-browser .gallery-hero-item-image img{height:calc(var(--wx-vh, 1vh) * 100 - var(--announcement-bar-height) - var(--website-link-bar-height) - var(--website-link-bar-border-height))}@media screen and (max-width: 1024px){.gallery-hero-item-title{font-size:4.8rem}.gallery-hero-item-description{font-size:2rem}}@media screen and (max-width: 768px){.game-gallery-hero .gallery-hero-container{height:calc(100lvh - var(--game-header-height) - var(--announcement-bar-height) - var(--website-link-bar-height) - var(--website-link-bar-border-height))}.gallery-hero-item-image video,.gallery-hero-item-image img{height:calc(100lvh - var(--announcement-bar-height) - var(--website-link-bar-height) - var(--website-link-bar-border-height))}.gallery-hero-item-info{gap:1.2rem}.gallery-hero-item-title{font-size:2.8rem;line-height:normal}.gallery-hero-item-subtitle,.gallery-hero-item-description{font-size:1.6rem;line-height:normal}.gallery-hero-item-info{max-width:40rem;gap:1.2rem;padding-left:1.6rem;justify-content:start;padding-top:5.6rem}}@media screen and (max-width: 560px){.gallery-hero-thumb{display:none}}@media screen and (max-width: 430px){.game_gallery_hero_image{display:none}.game_gallery_hero_image--mobile{display:block}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/section-game-bts-gallery-hero.css.map */