.section-hero-banner{width:100%;margin:0;padding:0}.hero-banner{position:relative;width:100%;height:auto;aspect-ratio:var(--hero-ratio-mobile);min-width:0;min-height:0;margin:0;padding:0;overflow:hidden;border:0;border-radius:0 0 12px 12px;background-color:var(--hero-background)}.hero-banner *,.hero-banner *:before,.hero-banner *:after{box-sizing:border-box}.hero-banner__review-brand{display:inline-flex;align-items:center;width:78px;height:19px;flex-shrink:0}.hero-banner__review-brand svg{display:block;width:78px;height:19px;max-width:none;flex-shrink:0}.hero-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;margin:0;padding:0;overflow:hidden;pointer-events:none}.hero-banner__media-slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease}.hero-banner__media-slide.is-active{opacity:1;visibility:visible}.hero-banner__image{position:absolute;display:block;margin:0;padding:0;max-width:none;border:0;pointer-events:none}.hero-banner__image--desktop{display:none}.hero-banner__image--mobile,.hero-banner__image--mobile-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:22% center}.hero-banner__placeholder,.hero-banner__placeholder-svg{display:block;width:100%;height:100%;margin:0;padding:0}.hero-banner__placeholder{background-color:var(--hero-background)}.hero-banner div.hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;width:100%;height:100%;margin:0;padding:0;background:#0000004d;opacity:1;visibility:visible;pointer-events:none}.hero-banner__section{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:16px;width:100%;height:100%;margin:0;padding:0 16px 44px;color:var(--hero-text)}.hero-banner__content-slider{width:100%;max-width:100%;margin:0;padding:0;flex-shrink:0}.hero-banner__content{display:none;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:16px;width:100%;max-width:100%;margin:0;padding:0;flex-shrink:0}.hero-banner__content.is-active{display:flex;animation:hero-banner-content-fade .35s ease}@keyframes hero-banner-content-fade{0%{opacity:0}to{opacity:1}}.hero-banner__review{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:4px;max-width:100%;margin:0;padding:0;flex-shrink:0;color:var(--hero-text);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;line-height:16.2px;letter-spacing:0;white-space:nowrap}.hero-banner__review-label{display:flex;align-items:center;flex-shrink:0;font-weight:500}.hero-banner__review-stars{display:flex;flex-direction:row;align-items:center;gap:1px;width:86px;height:17px;flex-shrink:0}.hero-banner__review-star{display:flex;flex:1 1 0;align-items:center;justify-content:center;height:17px;min-width:0;background-color:var(--hero-review-accent);color:var(--hero-text)}.hero-banner__review-star--half{background:linear-gradient(90deg,var(--hero-review-accent) 0%,var(--hero-review-accent) 50%,var(--hero-review-inactive) 50%,var(--hero-review-inactive) 100%)}.hero-banner__review-star svg{display:block;width:12px;height:12px}.hero-banner__review-score{flex-shrink:0;font-size:14px;font-weight:400;line-height:12.6px;letter-spacing:-.14px}.hero-banner__text-group{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:16px;width:100%;max-width:100%;margin:0;padding:0;flex-shrink:0}.hero-banner__heading{width:100%;max-width:100%;margin:0;padding:0;flex-shrink:0;color:var(--hero-text);font-family:"Google Sans",var(--font-body-family),sans-serif;font-size:30px;font-weight:400;line-height:36px;letter-spacing:0;text-align:left;white-space:normal}.hero-banner__description{width:100%;max-width:100%;margin:0;padding:0;flex-shrink:0;color:var(--hero-text);font-family:"Google Sans",var(--font-body-family),sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0;text-align:left;white-space:normal}.hero-banner__buttons{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;width:100%;max-width:100%;margin:0;padding:16px 0 0;flex-shrink:0}.hero-banner__button{display:flex;flex:1 1 0;align-items:center;justify-content:center;width:0;min-width:0;min-height:52px;margin:0;padding:16px 12px;overflow:hidden;border-radius:9999px;font-family:"Google Sans",var(--font-body-family),sans-serif;font-size:14px;font-weight:700;line-height:20px;letter-spacing:0;text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color .25s ease,color .25s ease,border-color .25s ease,opacity .15s ease}.hero-banner__button--primary{border:1px solid transparent;background-color:var(--hero-primary-background);color:var(--hero-primary-text)}.hero-banner__button--secondary{border:1px solid var(--hero-secondary-border);background-color:transparent;color:var(--hero-secondary-text)}.hero-banner__button:hover,.hero-banner__button:focus,.hero-banner__button:focus-visible,.hero-banner__button:active{text-decoration:none}.hero-banner__button:focus-visible{outline:2px solid currentColor;outline-offset:2px}.hero-banner__pagination{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:0;width:100%;margin:0;padding:16px 0 0;flex-shrink:0}.hero-banner__pagination[hidden]{display:none}.hero-banner__dots{display:flex;flex-direction:row;align-items:center;gap:4px;margin:0;padding:0;flex-shrink:0}.hero-banner__dot{display:block;width:39px;height:4px;margin:0;padding:0;flex-shrink:0;border:0;border-radius:9999px;background-color:var(--hero-pagination);opacity:var(--hero-pagination-inactive-opacity);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;appearance:none;-webkit-appearance:none;transition:opacity .2s ease}.hero-banner__dot.is-active{opacity:1}.hero-banner__navigation{display:flex;flex-direction:row;align-items:center;gap:4px;width:auto;margin:0;padding:0;flex-shrink:0}.hero-banner__nav-button{display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin:0;padding:0;flex-shrink:0;overflow:hidden;border:0;border-radius:9999px;background-color:var(--hero-navigation-background);color:var(--hero-navigation-color);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;appearance:none;-webkit-appearance:none;transition:background-color .25s ease,color .25s ease,opacity .15s ease}.hero-banner__nav-button svg{display:block;width:4.383px;height:8px;flex-shrink:0}.hero-banner__nav-button:focus-visible{outline:2px solid currentColor;outline-offset:2px}@media(hover:hover)and (pointer:fine){.hero-banner__button--secondary:hover{border-color:var(--hero-primary-background);background-color:var(--hero-primary-background);color:var(--hero-primary-text)}.hero-banner__nav-button:hover{background-color:var(--hero-primary-background);color:var(--hero-primary-text)}.hero-banner__dot:hover{opacity:1}}@media(hover:none),(pointer:coarse){.hero-banner__button--primary:active{opacity:.8}.hero-banner__button--secondary:active{border-color:var(--hero-primary-background);background-color:var(--hero-primary-background);color:var(--hero-primary-text)}.hero-banner__nav-button:active{background-color:var(--hero-primary-background);color:var(--hero-primary-text)}.hero-banner__dot:active{opacity:1}}@media screen and (max-width:374px){.hero-banner{height:auto;aspect-ratio:var(--hero-ratio-mobile);border-radius:0 0 12px 12px}.hero-banner__image--desktop{display:none}.hero-banner__image--mobile,.hero-banner__image--mobile-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:22% center}.hero-banner__section{padding:0 12px 40px}.hero-banner__review{gap:3px;font-size:12px}.hero-banner__review-stars{width:72px}.hero-banner__heading{font-size:28px;line-height:34px}.hero-banner__description{font-size:15px;line-height:22px}.hero-banner__buttons{gap:8px}.hero-banner__button{min-height:50px;padding:14px 8px;font-size:12px}.hero-banner__dot{width:32px}.hero-banner__nav-button{width:28px;height:28px}}@media screen and (min-width:375px)and (max-width:749px){.hero-banner{height:auto;aspect-ratio:var(--hero-ratio-mobile);border-radius:0 0 12px 12px}.hero-banner__image--desktop{display:none}.hero-banner__image--mobile,.hero-banner__image--mobile-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:22% center}.hero-banner__section{padding:0 16px 44px}.hero-banner__heading{font-size:30px;line-height:36px}.hero-banner__description{font-size:16px;line-height:24px}.hero-banner__buttons{width:100%}.hero-banner__button{flex:1 1 0;width:0;min-width:0;min-height:52px}.hero-banner__pagination{width:100%;justify-content:space-between}.hero-banner__nav-button{width:30px;height:30px}}@media screen and (min-width:750px)and (max-width:989px){.hero-banner{height:auto;aspect-ratio:var(--hero-ratio-desktop);border-radius:0 0 16px 16px}.hero-banner__image--mobile{display:none}.hero-banner__image--desktop{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center center}.hero-banner div.hero-banner__overlay{background:var(--hero-overlay-background)}.hero-banner__section{padding:0 24px 40px}.hero-banner__content-slider,.hero-banner__content{width:100%;max-width:100%}.hero-banner__text-group{width:100%;max-width:720px}.hero-banner__heading{width:100%;max-width:720px;font-size:38px;line-height:42px;white-space:normal}.hero-banner__description{width:100%;max-width:620px;font-size:17px;line-height:26px}.hero-banner__buttons{width:100%;max-width:480px}.hero-banner__button{flex:1 1 0;width:0;min-width:0;min-height:52px}.hero-banner__pagination{width:100%;justify-content:space-between}.hero-banner__nav-button{width:36px;height:36px}}@media screen and (min-width:990px)and (max-width:1199px){.hero-banner{height:auto;aspect-ratio:var(--hero-ratio-desktop);border-radius:0 0 24px 24px}.hero-banner__image--mobile{display:none}.hero-banner__image--desktop{position:absolute;top:-3.76%;right:auto;bottom:auto;left:0;display:block;width:100%;height:123.65%;max-width:none;object-fit:cover;object-position:center center}.hero-banner div.hero-banner__overlay{background:var(--hero-overlay-background)}.hero-banner__section{padding:0 32px 44px}.hero-banner__content-slider,.hero-banner__content{width:100%;max-width:100%}.hero-banner__text-group{width:100%;max-width:900px}.hero-banner__heading{width:100%;max-width:900px;font-size:44px;line-height:46px;white-space:normal}.hero-banner__description{width:100%;max-width:760px;font-size:18px;line-height:28px}.hero-banner__buttons{width:auto;max-width:100%}.hero-banner__button{flex:0 0 auto;width:auto;min-width:0;min-height:52px;padding:16px}.hero-banner__pagination{width:100%;justify-content:space-between}.hero-banner__nav-button{width:40px;height:40px}}@media screen and (min-width:1200px){.hero-banner{height:auto;aspect-ratio:var(--hero-ratio-desktop);border-radius:0 0 24px 24px}.hero-banner__image--mobile{display:none}.hero-banner__image--desktop{position:absolute;top:-3.76%;right:auto;bottom:auto;left:0;display:block;width:100%;height:123.65%;max-width:none;object-fit:cover;object-position:center center}.hero-banner div.hero-banner__overlay{background:var(--hero-overlay-background)}.hero-banner__section{padding:0 32px 44px}.hero-banner__content-slider{width:fit-content;max-width:calc(100% - 64px)}.hero-banner__content{width:fit-content;max-width:100%}.hero-banner__text-group{width:100%}.hero-banner__heading{width:max-content;max-width:none;font-size:48px;line-height:48px;white-space:nowrap}.hero-banner__description{width:min-content;min-width:100%;max-width:none;font-size:18px;line-height:28px}.hero-banner__buttons{width:auto}.hero-banner__button{flex:0 0 auto;width:auto;min-width:0;min-height:52px;padding:16px}.hero-banner__pagination{width:100%;justify-content:space-between}.hero-banner__nav-button{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){.hero-banner__media-slide,.hero-banner__button,.hero-banner__dot,.hero-banner__nav-button{transition:none}.hero-banner__content.is-active{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-hero-banner.css.map */
