.banner.hero-banner{height:calc(100vh - 300px);width:100%;min-height:550px;margin-top:-40px}.banner.hero-banner .banner__media{position:relative;float:left;width:100%;height:100%}.banner.hero-banner .banner__media .overlay-opacity{position:absolute;top:0;right:0;left:0;bottom:0;background-color:#000}.banner.hero-banner .banner__media .text-container{position:absolute;width:100%}.banner.hero-banner .banner__media .text-container .text-container-inner{position:absolute;right:0;bottom:100px;left:0;z-index:3}@media screen and (max-width:767px){.banner.hero-banner .banner__media .text-container .text-container-inner{bottom:0}}.banner.hero-banner .banner__media .text-container .text-container-inner .container .text-inner{text-align:left;width:100%;max-width:650px;padding-top:40px;margin-bottom:80px;color:#fff;display:inline-block}.banner.hero-banner .banner__media .text-container .text-container-inner .container .text-inner h2{text-decoration:none;margin-bottom:20px;float:left;width:100%;text-align:left;color:#fff}.banner.hero-banner .banner__media .text-container .text-container-inner .container .text-inner span.text{float:left;width:100%;text-align:left;margin-bottom:0;color:#fff}.banner.hero-banner .banner__media .text-container .text-container-inner .container .text-inner,.banner.hero-banner .banner__media .text-container .text-container-inner .container .text-inner .mega-popular-searches,.banner.hero-banner .banner__media .text-container .text-container-inner .container .text-inner .mega-popular-searches .text-\[\#666\]{color:#fff}.banner.hero-banner .banner__media .text-container .text-container-inner .container .text-inner .mega-popular-searches .hover\:text-gray-800:hover{color:#fff9}.banner.hero-banner .banner__media .text-container .text-container-inner .container .text-inner .banner-search-container{text-align:left;float:left;width:100%;max-width:500px}.banner.hero-banner .desktop-image-container img{height:100%;object-fit:cover;object-position:center top;width:100%}.banner.hero-banner .mobile-image-container{display:none;height:100%}.banner.hero-banner .mobile-image-container img{height:100%;object-fit:cover;object-position:center;width:100%}@media screen and (max-width:767px){.banner.hero-banner .mobile-image-container{display:block}.banner.hero-banner .desktop-image-container{display:none}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/search-image-banner.css.map */