.banner-grid.banner-grid--gap-0{--banner-grid-gap: 0}.banner-grid.banner-grid--gap-5{--banner-grid-gap: 5px}.banner-grid.banner-grid--gap-10{--banner-grid-gap: 10px}.banner-grid.banner-grid--gap-15{--banner-grid-gap: 15px}.banner-grid.banner-grid--gap-20{--banner-grid-gap: 20px}.banner-grid .banner-grid__grid{display:grid;grid-template-columns:1fr;gap:var(--banner-grid-gap, 10px);text-align:left}.banner-grid .banner-grid__grid>.banner-grid__item:nth-child(n+19){display:none}@media screen and (min-width:1024px){.banner-grid.banner-grid--cols-two_columns .banner-grid__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.banner-grid.banner-grid--cols-desktop-1-1 .banner-grid__grid{grid-template-columns:1fr}.banner-grid.banner-grid--cols-desktop-2-2 .banner-grid__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.banner-grid.banner-grid--cols-desktop-3-3 .banner-grid__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.banner-grid.banner-grid--cols-desktop-4-4 .banner-grid__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.banner-grid.banner-grid--cols-desktop-5-5 .banner-grid__grid{grid-template-columns:repeat(5,minmax(0,1fr))}.banner-grid.banner-grid--cols-desktop-6-6 .banner-grid__grid{grid-template-columns:repeat(6,minmax(0,1fr))}.banner-grid.banner-grid--cols-desktop-2-3 .banner-grid__grid{grid-template-columns:2fr 1fr}.banner-grid.banner-grid--cols-desktop-3-4 .banner-grid__grid{grid-template-columns:3fr 1fr}.banner-grid.banner-grid--cols-desktop-1-3_2-3 .banner-grid__grid{grid-template-columns:1fr 2fr}.banner-grid.banner-grid--cols-desktop-1-4_3-4 .banner-grid__grid{grid-template-columns:1fr 3fr}.banner-grid.banner-grid--cols-desktop-3-5_2-5 .banner-grid__grid{grid-template-columns:3fr 2fr}.banner-grid.banner-grid--cols-desktop-2-4_1-4_1-4 .banner-grid__grid{grid-template-columns:2fr 1fr 1fr}}.banner-grid .banner-grid__item{border-radius:var(--banner-grid-radius, var(--cx-radius-sm));overflow:hidden;background:var(--color-background)}.banner-grid.banner-grid--shadow .banner-grid__item{box-shadow:var(--cx-box-shadow-default)}.banner-grid.banner-grid--no-shadow .banner-grid__item{box-shadow:none}.banner-grid .banner-grid__link{position:relative;display:block;color:inherit;text-decoration:none}.banner-grid .banner-grid__link:focus-visible{outline:3px solid color-mix(in srgb,var(--color-foreground) 70%,transparent);outline-offset:3px}.banner-grid .banner-grid__media{position:relative}.banner-grid .banner-grid__video{width:100%;height:100%;display:block}.banner-grid .banner-grid__video iframe,.banner-grid .banner-grid__video video,.banner-grid .banner-grid__video .deferred-media__poster-image{width:100%;height:100%;display:block;object-fit:cover}.banner-grid .banner-grid__badge{position:absolute;z-index:2;display:inline-flex;align-items:center;justify-content:center;padding:var(--cx-gap-small) var(--cx-space-3);border-radius:var(--cx-radius-rounded);background:var(--banner-grid-badge-bg, var(--color-background));color:var(--banner-grid-badge-color, var(--color-foreground));font-weight:var(--cx-font-weight-medium);font-size:var(--cx-font-size-sm);line-height:var(--cx-line-height);text-transform:uppercase;max-width:calc(100% - (var(--cx-space-4) * 2));box-shadow:var(--cx-box-shadow-default)}.banner-grid .banner-grid__badge--top_left{top:0;left:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:var(--cx-radius-sm)}.banner-grid .banner-grid__badge--top_right{top:var(--cx-space-4);right:var(--cx-space-4)}.banner-grid .banner-grid__badge--bottom_left{bottom:var(--cx-space-4);left:var(--cx-space-4)}.banner-grid .banner-grid__badge--bottom_right{bottom:var(--cx-space-4);right:var(--cx-space-4)}.banner-grid .banner-grid__img,.banner-grid .banner-grid__img-placeholder{width:100%;height:auto;display:block}.banner-grid .banner-grid__img-placeholder{background:color-mix(in srgb,var(--color-foreground) 8%,transparent)}.banner-grid .banner-grid__body{background:var(--banner-grid-content-bg, var(--color-background));padding:var(--cx-gap-medium);color:var(--banner-grid-text-color, var(--color-foreground));text-align:left}.banner-grid .banner-grid__body .banner-grid__title{font-weight:var(--banner-grid-title-weight);font-style:var(--banner-grid-title-style, normal);font-size:var(--banner-grid-title-size, 18px);line-height:var(--banner-grid-title-line-height, 1.4);text-transform:var(--banner-grid-title-transform, none);text-wrap:balance;margin:0;text-align:left}.banner-grid .banner-grid__body .banner-grid__subtitle{font-weight:var(--banner-grid-subtitle-weight);font-style:var(--banner-grid-subtitle-style, normal);font-size:var(--banner-grid-subtitle-size, 14px);line-height:var(--banner-grid-subtitle-line-height, 1.4);color:inherit;text-transform:var(--banner-grid-subtitle-transform, none);text-wrap:balance;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;text-align:left;padding-top:var(--cx-gap-smaller)}.banner-grid .banner-grid__body .banner-grid__cta{display:inline-block;margin:0;padding:0;background:none;border:0;border-radius:0;color:inherit;font-weight:var(--cx-font-weight-medium);font-size:var(--cx-font-size-sm);line-height:var(--cx-line-height-normal);text-transform:uppercase;text-align:left;margin-top:var(--cx-gap-medium)}.banner-grid .banner-grid__item--cta-button .banner-grid__cta{margin-top:var(--cx-gap-small);width:fit-content;padding:var(--cx-space-2) calc(var(--cx-space-2) + var(--cx-gap-small));border-radius:var(--cx-radius-sm);background:var(--color-foreground);color:var(--color-background);border:1px solid var(--color-foreground);font-weight:var(--cx-font-weight-bold);font-size:var(--cx-font-size-sm);line-height:var(--cx-line-height);text-transform:uppercase}.banner-grid.banner-grid--content-overlay .banner-grid__media{position:relative}.banner-grid.banner-grid--content-overlay .banner-grid__body{position:absolute;z-index:1;width:100%;max-width:calc(100% - 20px);padding:15px;border-radius:var(--banner-grid-overlay-radius, var(--banner-grid-radius, var(--cx-radius-sm)))}.banner-grid.banner-grid--content-overlay.banner-grid--overlay-v-top .banner-grid__body{top:10px}.banner-grid.banner-grid--content-overlay.banner-grid--overlay-v-bottom .banner-grid__body{bottom:10px}.banner-grid.banner-grid--content-overlay.banner-grid--overlay-h-left .banner-grid__body{left:10px}.banner-grid.banner-grid--content-overlay.banner-grid--overlay-h-right .banner-grid__body{right:10px}.banner-grid.banner-grid--cols-scroll .banner-grid__scroller{position:relative}@media screen and (max-width:1023px){.banner-grid.banner-grid--cols-two_columns .banner-grid__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.banner-grid.banner-grid--cols-scroll .banner-grid__viewport{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.banner-grid.banner-grid--cols-scroll .banner-grid__viewport::-webkit-scrollbar{display:none}.banner-grid.banner-grid--cols-scroll .banner-grid__grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(100%,100%);align-items:start;padding-inline:0}.banner-grid.banner-grid--cols-scroll .banner-grid__item{scroll-snap-align:start}}.banner-grid.banner-grid--cols-scroll .banner-grid__carousel-arrows{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;display:flex;justify-content:space-between;pointer-events:none;opacity:1;transition:opacity .3s ease;z-index:100;box-sizing:border-box;padding-inline:var(--cx-gutter)}@media(hover:hover)and (pointer:fine){.banner-grid.banner-grid--cols-scroll .banner-grid__carousel-arrows{opacity:0}.banner-grid.banner-grid--cols-scroll .banner-grid__scroller:hover .banner-grid__carousel-arrows{opacity:1}}.banner-grid.banner-grid--cols-scroll .banner-grid__carousel-arrow{width:35px;height:35px;border-radius:var(--cx-radius-rounded);background:var(--cx-color-white);box-shadow:0 0 23.33px #ddd;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:transform .2s ease;color:#000;padding:0;flex-shrink:0}.banner-grid.banner-grid--cols-scroll .banner-grid__carousel-arrow svg{display:block}.banner-grid.banner-grid--cols-scroll .banner-grid__carousel-arrow:hover{transform:scale(1.1)}.banner-grid.banner-grid--cols-scroll .banner-grid__carousel-arrow:disabled,.banner-grid.banner-grid--cols-scroll .banner-grid__carousel-arrow[aria-disabled=true]{opacity:.45;cursor:not-allowed;box-shadow:none}.banner-grid.banner-grid--cols-scroll .banner-grid__carousel-arrow:disabled:hover,.banner-grid.banner-grid--cols-scroll .banner-grid__carousel-arrow[aria-disabled=true]:hover{transform:none}.banner-grid.banner-grid--cols-scroll .banner-grid__carousel-arrow:focus-visible{outline:.2rem solid var(--color-foreground);outline-offset:.2rem}.banner-grid.banner-grid--cols-scroll .banner-grid__carousel-arrow:active{transform:scale(.95)}@media(prefers-reduced-motion:reduce){.banner-grid.banner-grid--cols-scroll .banner-grid__viewport{scroll-behavior:auto}.banner-grid.banner-grid--cols-scroll .banner-grid__carousel-arrow{transition:none}.banner-grid.banner-grid--cols-scroll .banner-grid__carousel-arrow:hover,.banner-grid.banner-grid--cols-scroll .banner-grid__carousel-arrow:active{transform:none}}@media(forced-colors:active){.banner-grid.banner-grid--cols-scroll .banner-grid__carousel-arrow:focus{outline:.2rem solid transparent}}@media screen and (min-width:768px){.banner-grid .banner-grid__body{padding:var(--cx-space-4) var(--cx-space-5)}.banner-grid .banner-grid__badge--top_left{top:var(--cx-space-3);border-top-right-radius:var(--cx-radius-sm)}.banner-grid .banner-grid__body .banner-grid__title{font-size:var(--banner-grid-title-size, clamp(var(--cx-font-size-2xl), 2.2vw, var(--cx-font-size-3xl)))}.banner-grid .banner-grid__body .banner-grid__subtitle{font-size:var(--banner-grid-subtitle-size, var(--cx-font-size-md))}.banner-grid .banner-grid__body .banner-grid__cta{font-size:var(--cx-font-size-md);margin-top:var(--cx-space-3)}.banner-grid .banner-grid__item--cta-button .banner-grid__body .banner-grid__cta{font-size:var(--cx-font-size-sm);margin-top:var(--cx-gap-small)}}@media screen and (max-width:767px){.banner-grid__media--desktop-only{display:none}}@media screen and (min-width:1024px){.banner-grid .banner-grid__grid{gap:var(--banner-grid-gap-desktop, var(--banner-grid-gap, 10px))}.banner-grid .banner-grid__body .banner-grid__title{font-size:var(--banner-grid-title-size-desktop, var(--banner-grid-title-size, clamp(var(--cx-font-size-2xl), 2.2vw, var(--cx-font-size-3xl))))}.banner-grid .banner-grid__body .banner-grid__subtitle{font-size:var(--banner-grid-subtitle-size-desktop, var(--banner-grid-subtitle-size, var(--cx-font-size-md)))}.banner-grid.banner-grid--cols-scroll .banner-grid__carousel-arrows{display:none}.banner-grid.banner-grid--cols-scroll .banner-grid__grid{padding-inline:0}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/cx-card-grid.css.map */