.responsive_banner_section{overflow:hidden;position:static;height:100%;width:100%}.responsive_banner_container{position:relative;padding-bottom:55%}.responsive_banner_container .banner_image{object-fit:cover;object-position:bottom;position:absolute;left:0;bottom:-1px;will-change:transform;transition:all .3s ease-out}.banner_image{width:100%;height:auto;display:none}.mobile_img,.banner_text{display:none}.desktop_img,.desktop_text{display:block}.responsive_banner_container .banner_text{font-family:Span_normal;font-weight:400;font-size:252px;line-height:1;letter-spacing:0;text-align:center;vertical-align:middle;position:absolute;bottom:0;left:0;right:0;color:#ffffff9c}.responsive_banner_container .banner_video{position:absolute;top:0;left:0;width:100%;height:100%;display:block}.banner_video video{height:100%;width:100%;display:block;object-fit:cover}.banner_video span{position:absolute;bottom:20px;right:20px;z-index:1;cursor:pointer;height:32px;width:32px;background:#ffe9e980;border-radius:5px;display:flex;justify-content:center;align-items:center}.audio_play_btn svg{height:16px;width:16px}@media (max-width: 1440px){.responsive_banner_container{padding-bottom:52.5%}}@media (max-width: 1299px){.responsive_banner_container .banner_text{font-size:220px}}@media (max-width: 1199px){.responsive_banner_container .banner_text{font-size:180px}}@media (max-width: 991px){.responsive_banner_container .banner_text{font-size:140px}}@media (max-width: 767px){.responsive_banner_container .banner_text{font-size:110px}}@media (max-width: 575px){.desktop_img,.desktop_text{display:none}.mobile_img,.mob_text{display:block}.responsive_banner_container{padding-bottom:124%}.responsive_banner_container .banner_text{font-size:175px;letter-spacing:-2px;line-height:125px}.mob_text .banner_text.mob_text{white-space:nowrap;width:100%;box-sizing:border-box;display:block}.mob_text .scrolling_wrapper{display:inline-block;white-space:nowrap;animation:scrollText 40s linear infinite}.mob_text .scrolling_wrapper span{display:inline-block;padding-right:20px}@keyframes scrollText{0%{transform:translate(0)}to{transform:translate(-50%)}}}@media (max-width: 370px){.responsive_banner_container .banner_text{font-size:142px;letter-spacing:-2px}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/sw--hero-banner.css.map */