:root{--grid-desktop-horizontal-spacing: 2.4rem }.promo-content{display:flex;gap:var(--grid-desktop-horizontal-spacing)}.promo-content slideshow-component{position:relative;display:flex;flex-direction:column}.promo-content slideshow-component .slideshow.banner{height:100%;border-radius:2.4rem}.promo-small-banners{display:flex;gap:var(--grid-desktop-horizontal-spacing)}.promo-content .promo-small-banners{flex-direction:column}.promo-small-banners .promo-small-banner{border-radius:2.4rem;flex:1;position:relative;padding:3rem 2rem;text-decoration:none;display:flex;overflow:hidden;height:100%;min-height:20rem;padding:0}.promo-small-banners .promo-small-banner>div:not(.button--icon-wrap){width:100%}.promo-small-banner img{transition:.2s ease-in transform}.promo-small-banner:hover img{transform:scale(1.05);transition:.2s ease-in transform}.small-banner-image{height:100%;width:100%}.small-banner-content{position:relative;z-index:1;max-width:70%;padding:2rem}.frosted .small-banner-content{-webkit-backdrop-filter:blur(20px) brightness(1);backdrop-filter:blur(20px) brightness(1.2);height:fit-content;padding:1rem;border-radius:1.5rem;overflow:hidden}.small-banner-content h3,.small-banner-content h5,.small-banner-content p{margin-top:0;margin-bottom:0}.small-banner-content h3 strong,.small-banner-content .small-banner-title{font-size:3.2rem}.small-banner-content h5 strong,.small-banner-text{font-size:1.4rem}.banner-tnc{position:absolute;bottom:.5rem;right:1rem;font-size:1rem;color:#000;text-decoration:none;z-index:3}.multicolumn-list__item{position:relative}@media screen and (max-width:749px){.promo-content .banner--mobile-bottom .slideshow__text.banner__box{border-top-right-radius:0;border-top-left-radius:0}}@media screen and (max-width:989px){.promo-content{flex-direction:column}}@media(min-width:750px)and (max-width:989px){.promo-content .promo-small-banners{flex-direction:row}}@media(min-width:720px)and (max-width:1024px){.grid--1-col-tablet-down.promo-small-banners .grid__item{width:calc(50% - var(--grid-desktop-horizontal-spacing) * 3 / 4);max-width:calc(50% - var(--grid-desktop-horizontal-spacing) * 3 / 4)}}@media screen and (min-width:990px){.promo-content slideshow-component{width:60%}.promo-content .promo-small-banners{min-width:calc(40% - var(--grid-desktop-horizontal-spacing))}}
/*# sourceMappingURL=/cdn/shop/t/534/assets/component-promo-banner.css.map */
