.grid-banner__inner{--f-row-gap: var(--f-column-gap)}grid-banner-component{display:block}.grid-banner--non-slider{margin-bottom:1.5rem}@media (min-width: 768px){.grid-banner--non-slider{display:none}}@media (max-width: 767.98px){.grid-banner__item--non-slider{display:none}}@media (min-width: 768px){.grid-banner__inner{grid-auto-rows:var(--grid-auto-rows, 30rem)}}@media (min-width: 768px){.grid-banner__item{--x-cell-c-span: auto / span var(--cell-c-span);--x-cell-r-span: auto / span var(--cell-r-span);grid-column:var(--x-cell-c-span, auto/span 1);grid-row:var(--x-cell-r-span, auto/span 1)}}.grid-banner .card-media{height:100%}@media (max-width: 767.98px){.grid-banner .card-media__content-wrapper{width:100%}}@media (min-width: 768px){.grid-banner .f-grid-auto-rows--auto{--grid-auto-rows: auto}.grid-banner .f-grid-auto-rows--small{--grid-auto-rows: 25rem}.grid-banner .f-grid-auto-rows--medium{--grid-auto-rows: 30rem}.grid-banner .f-grid-auto-rows--large{--grid-auto-rows: 35rem}}@media (max-width: 767.98px){.grid-banner .card-media--extra-small{--padding-y: 2rem;--padding-x: 2rem}.grid-banner .card-media--small{--padding-y: 2.4rem;--padding-x: 2.4rem}}@media (max-width: 767.98px){.grid-banner.swiper .grid-banner__inner.swiper-wrapper{display:flex;transition:transform .8s cubic-bezier(.4,0,.2,1);will-change:transform}.grid-banner.swiper .grid-banner__inner.swiper-wrapper .grid-banner__item.swiper-slide{grid-column:auto!important;grid-row:auto!important;height:auto;margin-right:1rem}.grid-banner.swiper .grid-banner__inner.swiper-wrapper .grid-banner__item.swiper-slide:last-child{margin-right:0}.grid-banner.swiper .grid-banner__item.swiper-slide .card-media{height:auto!important;min-height:30rem}}.grid-banner .swiper-controls--grouped-mobile{--swiper-controls-top-offset: 1.6rem;margin-top:var(--swiper-controls-top-offset);display:flex;align-items:center;gap:1.2rem;width:100%;max-width:calc(100vw - (var(--page-padding) * 2));box-sizing:border-box;padding:0 1rem;overflow:hidden}.grid-banner .swiper-controls--grouped-mobile scroll-progress-bar{flex:1;height:.3rem;background:rgba(var(--color-button),.1);border-radius:1.5rem;overflow:hidden;position:relative;margin-right:1.2rem;margin-top:0}.grid-banner .swiper-controls--grouped-mobile scroll-progress-bar .progress-bar{height:100%;background:rgb(var(--color-button));border-radius:1.5rem;transition:width .3s ease;width:0%}.grid-banner .swiper-controls--grouped-mobile .swiper-controls__arrows{display:flex;align-items:center;gap:1rem;flex-shrink:0}.grid-banner .swiper-controls--grouped-mobile .swiper-controls__arrows .swiper-button{--swiper-navigation-size: 4.8rem;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);position:relative;top:auto;margin-top:0;inset-inline:auto;flex-shrink:0;pointer-events:auto!important;z-index:10;cursor:pointer}.grid-banner .swiper-controls--grouped-mobile .swiper-controls__arrows .swiper-button svg{width:1.2rem;height:1.2rem}.grid-banner .swiper-controls--grouped-mobile scroll-pagination{display:flex;align-items:center;gap:.8rem;flex-shrink:0}.grid-banner .swiper-controls--grouped-mobile scroll-pagination .swiper-button{--swiper-navigation-size: 2.4rem;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);position:relative;top:auto;margin-top:0;inset-inline:auto;flex-shrink:0}.grid-banner .swiper-controls--grouped-mobile scroll-pagination .swiper-button svg{width:1.2rem;height:1.2rem}@media (min-width: 768px){.grid-banner .swiper-controls--grouped-mobile{display:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-grid-banner.css.map */