.autohub-banners{position:relative;width:100%;max-width:100%;font-family:inherit;isolation:isolate}
.autohub-banners *{box-sizing:border-box}
.autohub-banners__slides{position:relative;width:100%;height:var(--autohub-banner-desktop-height,600px);overflow:hidden}
.autohub-banners__slide{position:absolute;inset:0;overflow:hidden;background:#f2f4f6;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .7s ease-in-out,visibility 0s linear .7s}
.autohub-banners__slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .7s ease-in-out,visibility 0s}
.autohub-banners--transition-wipe .autohub-banners__slide{opacity:1;clip-path:inset(0 100% 0 0);transition:clip-path .8s cubic-bezier(.25,.8,.25,1),visibility 0s linear .8s}
.autohub-banners--transition-wipe .autohub-banners__slide.is-active{clip-path:inset(0 0 0 0);transition:clip-path .8s cubic-bezier(.25,.8,.25,1),visibility 0s}
.autohub-banners--transition-zoom .autohub-banners__slide{transform:scale(1.045);transition:opacity .8s ease,transform .8s ease,visibility 0s linear .8s}
.autohub-banners--transition-zoom .autohub-banners__slide.is-active{transform:scale(1);transition:opacity .8s ease,transform .8s ease,visibility 0s}
.autohub-banners--transition-none .autohub-banners__slide,.autohub-banners--transition-none .autohub-banners__slide.is-active{transition:none}
.autohub-banners__art{position:absolute;inset:0;pointer-events:none;background-image:var(--autohub-image-pc);background-position:var(--autohub-position-pc,center center);background-repeat:no-repeat;background-size:var(--autohub-fit-pc,cover);transform:scale(var(--autohub-zoom-pc,1));transform-origin:center center}
.autohub-banners__slide[hidden]{display:none!important}
.autohub-banners__image-link{position:absolute;inset:0;z-index:1;display:block}
.autohub-banners__image-link:focus-visible,.autohub-banners__button:focus-visible,.autohub-banners__controls button:focus-visible,.autohub-banners__arrow:focus-visible{outline:3px solid #fff;outline-offset:-5px}
.autohub-banners .autohub-banners__button{position:absolute;z-index:2;isolation:isolate;display:inline-flex;min-height:48px;max-width:calc(100% - 40px);align-items:center;justify-content:center;overflow:hidden;padding:11px 24px;border:0;border-radius:9px;background:var(--autohub-button-bg,linear-gradient(180deg,#222222 0%,#020202 100%));color:var(--autohub-button-text,#fff);font-family:"Poppins",sans-serif;font-size:var(--autohub-button-size,16px);font-weight:700;line-height:1.2;text-align:center;text-decoration:none;box-shadow:0 7px 20px rgba(0,0,0,.16);transition:box-shadow .2s ease}
.autohub-banners .autohub-banners__button::before{position:absolute;z-index:0;inset:0;background:var(--autohub-button-bg-hover,linear-gradient(180deg,#363636 0%,#101010 100%));content:"";opacity:0;transition:opacity .2s ease}
.autohub-banners .autohub-banners__button span{position:relative;z-index:1}
.autohub-banners .autohub-banners__button:hover,.autohub-banners .autohub-banners__button:focus-visible{color:var(--autohub-button-text,#fff);box-shadow:0 9px 25px rgba(0,0,0,.22)}
.autohub-banners .autohub-banners__button:hover::before,.autohub-banners .autohub-banners__button:focus-visible::before{opacity:1}
.autohub-banners__button--pc-top-left{top:28px;left:28px}.autohub-banners__button--pc-top-center{top:28px;left:50%;transform:translateX(-50%)}.autohub-banners__button--pc-top-right{top:28px;right:28px}
.autohub-banners__button--pc-center-left{top:50%;left:28px;transform:translateY(-50%)}.autohub-banners__button--pc-center{top:50%;left:50%;transform:translate(-50%,-50%)}.autohub-banners__button--pc-center-right{top:50%;right:28px;transform:translateY(-50%)}
.autohub-banners__button--pc-bottom-left{bottom:52px;left:28px}.autohub-banners__button--pc-bottom-center{bottom:52px;left:50%;transform:translateX(-50%)}.autohub-banners__button--pc-bottom-right{bottom:52px;right:28px}
.autohub-banners__controls{position:absolute;z-index:3;right:18px;bottom:12px;left:18px;display:flex;align-items:center;justify-content:center;gap:12px;pointer-events:none}
.autohub-banners__controls button{pointer-events:auto;cursor:pointer}
.autohub-banners__arrow{position:absolute;z-index:3;top:50%;display:grid;width:42px;height:42px;align-items:center;justify-items:center;padding:0;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(23,33,43,.7);color:#fff;transform:translateY(-50%);cursor:pointer}
.autohub-banners__arrow svg{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.autohub-banners__arrow--previous{left:18px}.autohub-banners__arrow--next{right:18px}
.autohub-banners--arrows-top .autohub-banners__arrow{top:20px;transform:none}
.autohub-banners--arrows-bottom .autohub-banners__arrow{top:auto;bottom:20px;transform:none}
.autohub-banners__arrow:hover{background:#17212b;color:#fff}
.autohub-banners__dots{display:flex;align-items:center;gap:8px}
.autohub-banners__dots button{width:10px;height:10px;min-height:0;padding:0;border:1px solid #fff;border-radius:50%;background:rgba(23,33,43,.5)}
.autohub-banners__dots button[aria-current=true]{background:#fff}
@media(max-width:767px){.autohub-banners__slides{height:var(--autohub-banner-mobile-height,440px)}.autohub-banners__art{background-image:var(--autohub-image-mobile);background-position:var(--autohub-position-mobile,center center);background-size:var(--autohub-fit-mobile,cover);transform:scale(var(--autohub-zoom-mobile,1))}.autohub-banners .autohub-banners__button{min-height:44px;padding:10px 18px;font-size:min(var(--autohub-button-size,16px),18px)}
.autohub-banners__arrow{width:36px;height:36px}.autohub-banners__arrow svg{width:17px;height:17px}.autohub-banners__arrow--previous{left:8px}.autohub-banners__arrow--next{right:8px}
.autohub-banners--arrows-top .autohub-banners__arrow{top:12px}.autohub-banners--arrows-bottom .autohub-banners__arrow{bottom:12px}
.autohub-banners__button[class*="--pc-"]{top:auto;right:auto;bottom:auto;left:auto;transform:none}
.autohub-banners__button--mobile-top-left{top:18px!important;left:18px!important}.autohub-banners__button--mobile-top-center{top:18px!important;left:50%!important;transform:translateX(-50%)!important}.autohub-banners__button--mobile-top-right{top:18px!important;right:18px!important}
.autohub-banners__button--mobile-center-left{top:50%!important;left:18px!important;transform:translateY(-50%)!important}.autohub-banners__button--mobile-center{top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.autohub-banners__button--mobile-center-right{top:50%!important;right:18px!important;transform:translateY(-50%)!important}
.autohub-banners__button--mobile-bottom-left{bottom:54px!important;left:18px!important}.autohub-banners__button--mobile-bottom-center{bottom:54px!important;left:50%!important;transform:translateX(-50%)!important}.autohub-banners__button--mobile-bottom-right{bottom:54px!important;right:18px!important}
}
@media(prefers-reduced-motion:reduce){.autohub-banners .autohub-banners__slide,.autohub-banners .autohub-banners__slide.is-active,.autohub-banners .autohub-banners__button,.autohub-banners .autohub-banners__button::before{transition:none}}
