.home-banner{position:relative}.home-banner .banner-slider{position:relative;height:100%;width:100%;overflow:hidden}.home-banner .banner-track{display:flex;height:100%;width:100%;transition:transform .3s ease}.home-banner .banner-slide{flex:0 0 100%;width:100%;height:100%;position:relative;min-width:0}.home-banner .banner-slide__link{display:block;width:100%;height:100%;text-decoration:none;color:inherit}.home-banner .banner-slide img{width:100%;height:100%;object-fit:cover;display:block;flex-shrink:0}.home-banner .banner-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:48px;height:48px;border-radius:50%;border:none;background:rgba(var(--color-background),.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;display:flex;color:rgb(var(--color-foreground));align-items:center;justify-content:center;transition:opacity .3s ease,background .3s ease;padding:0}.home-banner.banner-arrow:hover{background:rgba(var(--color-background),.95)}.home-banner.banner-arrow:disabled{opacity:.5;cursor:not-allowed}.home-banner .banner-arrow--prev{left:1.5rem}.home-banner .banner-arrow--next{right:1.5rem}.home-banner .banner-arrow svg{width:24px;height:24px}.banner-arrow path{fill:rgb(var(--color-foreground))!important}.home-banner .banner-arrow--prev svg{transform:rotate(180deg)}.home-banner .slider-bullets{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:10;display:flex;gap:.75rem;align-items:center;justify-content:center;pointer-events:auto}.home-banner .slider-bullet{width:12px;height:12px;border-radius:50%;border:2px solid rgb(var(--color-background));background:transparent;cursor:pointer;transition:all .3s ease;padding:0;display:block;flex-shrink:0}.home-banner .slider-bullet:before{content:"";display:block;width:100%;height:100%;transform:scale(0);transition:transform .3s ease-out;border-radius:50%;background:rgb(var(--color-background))}.home-banner .slider-bullet:not(.active):hover:before{transform:scale(.4)}.home-banner .slider-bullet.active:before{transform:scale(.8)}@media screen and (max-width: 749px){.home-banner .banner-arrow{width:30px;height:30px}.home-banner .banner-arrow--prev{left:.75rem}.home-banner .banner-arrow--next{right:.75rem}.home-banner .banner-arrow svg{width:16px;height:16px}.home-banner .slider-bullets{bottom:1rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-home-banner.css.map */