#hero-banner-section{z-index:1}#hero-banner-section .page-boundary{display:flex;justify-content:center}@media screen and (min-width: 768px){#hero-banner-section .page-boundary{justify-content:flex-start}}#hero-banner-section .shop-star-rating{display:grid;gap:8px;align-items:center;justify-items:center}@media screen and (min-width: 769px){#hero-banner-section{padding:0}#hero-banner-section .shop-star-rating{grid-auto-flow:column;grid-auto-columns:minmax(0,auto);justify-content:flex-start}}#hero-banner-section .shop-star-rating .star-icon{height:24px}#hero-banner-section .shop-star-rating .average-score{font-size:24px}#hero-banner-section .shop-star-rating .total-reviews{font-size:20px}#hero-banner-section .section-content{top:4em;position:absolute;display:grid;gap:24px;align-content:space-between;justify-items:center;height:100%;padding:36px 28px;opacity:1}@media screen and (max-width: 768px){#hero-banner-section .section-cta{margin-top:0}#hero-banner-section .section-content{padding:16px 25px 36px;top:0;right:0;bottom:0;left:0;width:100%;height:95%}}@media screen and(min-width: 1451px){#hero-banner-section .section-content{top:6.5em}}@media screen and (min-width: 768px){#hero-banner-section .section-content{gap:40px;align-content:flex-start;justify-items:flex-start;width:90%;max-width:1320px;padding:0;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%)}#hero-banner-section .section-content .text-box{max-width:535px}}@media screen and (min-width: 1024px){#hero-banner-section .section-content{margin-left:0}}#hero-banner-section .section-content .text-box{display:grid;gap:16px;justify-items:center;text-align:center}#hero-banner-section .section-cta .cta-subtext{margin-top:-8px}#hero-banner-section .wallpaper{z-index:-1;width:100%;border-radius:0;overflow:hidden}#hero-banner-section .wallpaper img{-o-object-fit:cover;object-fit:cover;height:100%;object-position:bottom}@media screen and (min-width: 768px){#hero-banner-section .section-content .text-box{justify-items:flex-start;text-align:left}}#hero-banner-section .section-cta{display:grid;gap:16px;grid-template-columns:minmax(0,1fr);justify-content:center;width:100%;max-width:100%;text-align:center}@media screen and (min-width: 1350px){#hero-banner-section .wallpaper img{height:auto}}@media screen and (min-width: 769px){#hero-banner-section .section-cta{max-width:288px}}@media (max-width: 768px){#hero-banner-section .heading-1{font-size:25px}}
/*# sourceMappingURL=/cdn/shop/t/312/assets/hero-banner.css.map */