.grid-banner__inner{--f-row-gap: var(--f-column-gap)}.grid-banner__item--first-mobile{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%}.grid-banner .card-media .card-media__media-wrapper{background-color:rgb(var(--color-background))}.grid-banner .card-media .card-media--small{--padding-y: 3rem;--padding-x: 2.6rem}.grid-banner .card-media .text-lg{font-size:1.8rem}.card-media--content-bottom-left .text-lg{margin-top:0}.grid-banner .media-wrapper--contain>img{object-fit:contain;height:calc(100% - 7.5rem)}@media(max-width:767.98px){.grid-banner .card-media__content-wrapper{width:100%}.grid-banner__item--first-mobile{display:block}.grid-banner__item--first-mobile .card-media{aspect-ratio:1}.swipe-mobile__inner .grid-banner__item--hide-in-mobile-swipe{display:none}}@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}.swipe-mobile{margin-top:1.1rem;--column-width-mobile: 37vw}.swipe-mobile .grid-banner__inner{gap:1rem}.grid-banner .card-media--small{display:flex;flex-direction:column}.grid-banner .card-media--small .card-media__content{padding:1.5rem 0}.grid-banner .card-media--small .rich-text__heading-inner,.grid-banner .card-media--small .rte p{font-size:1.4rem;line-height:1.3}.grid-banner .card-media--small .card-media__media-wrapper{border-radius:1rem}.grid-banner .media-wrapper--contain>img{height:100%}}.grid-banner__item--hide-in-mobile-swipe .card-media__button{align-items:flex-start}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-grid-banner.css.map */