.hero-banner{background:var(--initial-header-bg,var(--t2m-brand));border-radius:8px;flex-shrink:0;position:relative}.hero-banner--tall{height:var(--banner-height-tall,85px);max-height:var(--banner-height-tall,85px);width:var(--banner-width-tall,380px);max-width:var(--banner-width-tall,380px);flex-shrink:0;margin-top:2px;margin-bottom:2px}.hero-banner--shrunk{height:var(--banner-height-shrunk,40px);max-height:var(--banner-height-shrunk,40px);width:var(--banner-width-shrunk,180px);max-width:var(--banner-width-shrunk,180px);flex-shrink:0;margin-top:0;margin-bottom:0}.hero-banner__viewport{opacity:0;border-radius:8px;width:100%;height:100%;transition:opacity .3s ease-in-out;position:relative;overflow:hidden}.hero-banner__viewport--ready{opacity:1}.hero-banner__slide{border-radius:8px;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}@keyframes heroBannerSlideOut{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes heroBannerSlideIn{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.hero-banner__slide--out{z-index:1;animation:.65s ease-in-out forwards heroBannerSlideOut}.hero-banner__slide--in{z-index:2;animation:.65s ease-in-out forwards heroBannerSlideIn}.hero-banner__img{object-fit:cover;object-position:center center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.hero-banner__dots{z-index:10;pointer-events:none;justify-content:center;gap:5px;display:flex;position:absolute;bottom:3px;left:0;right:0}.hero-banner__dot{cursor:pointer;pointer-events:all;background:#ffffff73;border:none;border-radius:50%;flex-shrink:0;width:6px;height:6px;padding:0;transition:background .2s,transform .2s}.hero-banner__dot:hover{background:#fffc;transform:scale(1.3)}.hero-banner__dot--active{background:#fffffff2;transform:scale(1.2)}@media (max-width:768px){.hero-banner__dots{display:none}}