.rbanner{display:grid;gap:var(--rb-gap)}.rbanner__banner{position:relative;display:flex;aspect-ratio:var(--rb-ratio);border-radius:var(--rb-radius);overflow:hidden;color:var(--rb-color);isolation:isolate}.rbanner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.rbanner__media picture,.rbanner__image{display:block;width:100%;height:100%}.rbanner__image{object-fit:cover}.rbanner__image--placeholder{background:#e7e5dc}.rbanner__scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.rbanner__content{display:flex;width:100%;padding:var(--rb-pad)}.rbanner__inner{position:relative;z-index:2;max-width:var(--rb-content-width)}.rbanner__banner--h-left .rbanner__content{justify-content:flex-start;text-align:left}.rbanner__banner--h-center .rbanner__content{justify-content:center;text-align:center}.rbanner__banner--h-right .rbanner__content{justify-content:flex-end;text-align:left}.rbanner__banner--v-top .rbanner__content{align-items:flex-start}.rbanner__banner--v-center .rbanner__content{align-items:center}.rbanner__banner--v-bottom .rbanner__content{align-items:flex-end}.rbanner__banner--scrim-solid .rbanner__scrim{background:var(--rb-scrim)}.rbanner__banner--scrim-gradient.rbanner__banner--h-left .rbanner__scrim{background:linear-gradient(to right,var(--rb-scrim) 0%,transparent 75%)}.rbanner__banner--scrim-gradient.rbanner__banner--h-right .rbanner__scrim{background:linear-gradient(to left,var(--rb-scrim) 0%,transparent 75%)}.rbanner__banner--scrim-gradient.rbanner__banner--h-center.rbanner__banner--v-bottom .rbanner__scrim{background:linear-gradient(to top,var(--rb-scrim) 0%,transparent 70%)}.rbanner__banner--scrim-gradient.rbanner__banner--h-center.rbanner__banner--v-top .rbanner__scrim{background:linear-gradient(to bottom,var(--rb-scrim) 0%,transparent 70%)}.rbanner__banner--scrim-gradient.rbanner__banner--h-center.rbanner__banner--v-center .rbanner__scrim{background:radial-gradient(ellipse at center,var(--rb-scrim) 0%,transparent 75%)}.rbanner__banner--scrim-gradient.rbanner__banner--wide.rbanner__banner--v-top .rbanner__scrim{background:linear-gradient(to bottom,var(--rb-scrim) 0%,var(--rb-scrim) 15%,transparent 65%)}.rbanner__banner--scrim-gradient.rbanner__banner--wide.rbanner__banner--v-bottom .rbanner__scrim{background:linear-gradient(to top,var(--rb-scrim) 0%,var(--rb-scrim) 15%,transparent 65%)}.rbanner__banner--scrim-gradient.rbanner__banner--wide.rbanner__banner--v-center .rbanner__scrim{background:var(--rb-scrim)}@media screen and (min-width:48em){.rbanner__banner--d-overlay.rbanner__banner--wide.rbanner__banner--scrim-gradient.rbanner__banner--v-top .rbanner__scrim,.rbanner__banner--d-overlay.rbanner__banner--wide.rbanner__banner--scrim-gradient.rbanner__banner--v-bottom .rbanner__scrim{display:none}.rbanner__banner--d-overlay.rbanner__banner--wide.rbanner__banner--scrim-gradient.rbanner__banner--v-top .rbanner__content{align-self:flex-start;padding-bottom:calc(var(--rb-pad) + 6rem);background:linear-gradient(to bottom,var(--rb-scrim) 0%,var(--rb-scrim) calc(100% - 9rem),transparent 100%)}.rbanner__banner--d-overlay.rbanner__banner--wide.rbanner__banner--scrim-gradient.rbanner__banner--v-bottom .rbanner__content{align-self:flex-end;padding-top:calc(var(--rb-pad) + 6rem);background:linear-gradient(to top,var(--rb-scrim) 0%,var(--rb-scrim) calc(100% - 9rem),transparent 100%)}.rbanner:not(.rbanner--products) .rbanner__banner--df-top .rbanner__image{object-position:50% 0%!important}.rbanner:not(.rbanner--products) .rbanner__banner--df-center .rbanner__image{object-position:50% 50%!important}.rbanner:not(.rbanner--products) .rbanner__banner--df-bottom .rbanner__image{object-position:50% 100%!important}.rbanner:not(.rbanner--products) .rbanner__banner--df-left .rbanner__image{object-position:0% 50%!important}.rbanner:not(.rbanner--products) .rbanner__banner--df-right .rbanner__image{object-position:100% 50%!important}}@media screen and (min-width:64em){.rbanner--products .rbanner__banner--df-top .rbanner__image{object-position:50% 0%!important}.rbanner--products .rbanner__banner--df-center .rbanner__image{object-position:50% 50%!important}.rbanner--products .rbanner__banner--df-bottom .rbanner__image{object-position:50% 100%!important}.rbanner--products .rbanner__banner--df-left .rbanner__image{object-position:0% 50%!important}.rbanner--products .rbanner__banner--df-right .rbanner__image{object-position:100% 50%!important}}.rbanner__caption,.rbanner__heading,.rbanner__text,.rbanner__text p{color:inherit}.rbanner__caption{margin:0 0 .8rem;font-family:var(--font-caption-family);font-size:calc(var(--rb-text) * .85);letter-spacing:.08em;text-transform:uppercase}.rbanner__heading{margin:0 0 1.2rem;font-family:var(--font-h2-family);font-weight:700;font-size:var(--rb-heading);line-height:1.1}.rbanner__text{font-size:var(--rb-text);line-height:1.5}.rbanner__text p{margin:0 0 .8rem;font-size:inherit}.rbanner__text>:last-child{margin-bottom:0}.rbanner__banner--shadow .rbanner__caption,.rbanner__banner--shadow .rbanner__heading,.rbanner__banner--shadow .rbanner__text{text-shadow:0 1px 2px rgb(0 0 0 / .45),0 2px 12px rgb(0 0 0 / .3)}.rbanner__buttons{margin-top:2rem}.rbanner__banner--custom-button .rbanner__button,.rbanner--products .rbanner__card-button{--btn-bg: var(--rb-btn-bg, var(--color-background-button-primary));--btn-border: var(--rb-btn-bg, var(--color-border-button-primary));--btn-color: var(--rb-btn-color, var(--color-text-button-primary));--btn-bg-hover: var(--rb-btn-bg-hover, var(--color-background-button-primary-hover));--btn-border-hover: var(--rb-btn-bg-hover, var(--color-border-button-primary-hover));--btn-color-hover: var(--rb-btn-color-hover, var(--color-text-button-primary-hover))}.rbanner__overlay-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}@media screen and (min-width:48em){.rbanner__banner--d-below{flex-direction:column;aspect-ratio:auto;background:var(--rb-panel);color:var(--rb-color-below)}.rbanner__banner--d-below .rbanner__media{position:relative;inset:auto;z-index:0;aspect-ratio:var(--rb-ratio)}.rbanner__banner--d-below .rbanner__media picture,.rbanner__banner--d-below .rbanner__media>.rbanner__image{position:absolute;top:0;right:0;bottom:0;left:0}.rbanner__banner--d-below .rbanner__scrim{display:none}.rbanner__banner--d-below .rbanner__content{align-items:flex-start}.rbanner__banner--d-below .rbanner__caption,.rbanner__banner--d-below .rbanner__heading,.rbanner__banner--d-below .rbanner__text{text-shadow:none}}.rbanner__products{display:grid;gap:var(--rb-gap);margin:0;padding:0;list-style:none}.rbanner__card{display:flex;flex-direction:column;padding:1.2rem;background:var(--rb-card-bg);border:1px solid var(--rb-card-border);border-radius:var(--rb-radius);color:var(--rb-card-text)}.rbanner__card-link{display:flex;flex:1;flex-direction:column;color:inherit;text-decoration:none}.rbanner__card-media{display:block;aspect-ratio:1;margin-bottom:1.2rem;border-radius:calc(var(--rb-radius) * .75);overflow:hidden}.rbanner__card-image{display:block;width:100%;height:100%;object-fit:contain}.rbanner__card-title{margin-bottom:.6rem;font-family:var(--font-card-heading-family);font-size:1.6rem;line-height:1.3}.rbanner__card-price{margin-bottom:1.2rem;font-size:1.4rem}.rbanner__card-compare{margin-left:.6rem;opacity:.6}.rbanner__card-button{width:100%;margin-top:auto}@media screen and (min-width:64em){.rbanner--products{grid-template-columns:var(--rb-desktop-columns)}.rbanner--products .rbanner__banner{aspect-ratio:auto;min-height:40rem}.rbanner--products .rbanner__banner--d-below .rbanner__media{flex:1 1 auto;aspect-ratio:auto;min-height:22rem}}@media screen and (min-width:48em){.rbanner__products{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}}@media screen and (max-width:47.99em){.rbanner__banner{aspect-ratio:var(--rb-ratio-m)}.rbanner__content{padding:var(--rb-pad-m)}.rbanner__inner{max-width:100%}.rbanner__heading{font-size:var(--rb-heading-m)}.rbanner__text{font-size:var(--rb-text-m)}.rbanner__caption{font-size:calc(var(--rb-text-m) * .85)}.rbanner__banner--mf-left .rbanner__image{object-position:0% 50%!important}.rbanner__banner--mf-center .rbanner__image{object-position:50% 50%!important}.rbanner__banner--mf-right .rbanner__image{object-position:100% 50%!important}.rbanner__banner--ma-left .rbanner__content{justify-content:flex-start;text-align:left}.rbanner__banner--ma-center .rbanner__content{justify-content:center;text-align:center}.rbanner__banner--m-overlay.rbanner__banner--mv-top .rbanner__content{align-items:flex-start}.rbanner__banner--m-overlay.rbanner__banner--mv-center .rbanner__content{align-items:center}.rbanner__banner--m-overlay.rbanner__banner--mv-bottom .rbanner__content{align-items:flex-end}.rbanner__banner--m-overlay.rbanner__banner--scrim-gradient.rbanner__banner--mv-bottom .rbanner__scrim{background:linear-gradient(to top,var(--rb-scrim) 0%,var(--rb-scrim) 20%,transparent 75%)}.rbanner__banner--m-overlay.rbanner__banner--scrim-gradient.rbanner__banner--mv-top .rbanner__scrim{background:linear-gradient(to bottom,var(--rb-scrim) 0%,var(--rb-scrim) 20%,transparent 75%)}.rbanner__banner--m-overlay.rbanner__banner--scrim-gradient.rbanner__banner--mv-center .rbanner__scrim{background:var(--rb-scrim)}.rbanner__banner--m-below{flex-direction:column;aspect-ratio:auto;background:var(--rb-panel);color:var(--rb-color-below)}.rbanner__banner--m-below .rbanner__media{position:relative;inset:auto;z-index:0;aspect-ratio:var(--rb-ratio-m)}.rbanner__banner--m-below .rbanner__scrim{display:none}.rbanner__banner--m-below .rbanner__caption,.rbanner__banner--m-below .rbanner__heading,.rbanner__banner--m-below .rbanner__text{text-shadow:none}.rbanner--products-mobile-swipe .rbanner__products{grid-auto-flow:column;grid-auto-columns:68%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:.4rem}.rbanner--products-mobile-swipe .rbanner__products::-webkit-scrollbar{display:none}.rbanner--products-mobile-swipe .rbanner__card{scroll-snap-align:start}.rbanner--products-mobile-grid .rbanner__products{grid-template-columns:repeat(2,minmax(0,1fr))}.rbanner--products-mobile-grid .rbanner__card{padding:.8rem}.rbanner--products-mobile-grid .rbanner__card-title{font-size:1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-responsive-banner.css.map */
