.ks-collection-banner{position:relative;overflow:hidden}.ks-collection-banner-mobile{position:relative}.ks-collection-banner-mobile .img-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.ks-collection-banner-mobile .img-wrapper:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(var(--overlay-color-rgb),var(--overlay-opacity, .7));-webkit-backdrop-filter:blur(var(--overlay-blur, 0));backdrop-filter:blur(var(--overlay-blur, 0))}.ks-collection-banner-mobile .img-wrapper img{display:block;width:100%;height:100%;object-fit:cover}.ks-collection-banner-mobile .page-width{position:relative;z-index:1}.ks-collection-banner-mobile .title{margin:0}.ks-collection-banner-mobile .description{margin-top:.25rem}.ks-collection-banner-mobile .ks-breadcrumb-wrapper{display:inline-flex}.ks-collection-banner-desktop{display:flex;position:relative}.ks-collection-banner-desktop[data-img-alignment=right]{flex-direction:row-reverse}.ks-collection-banner-desktop .img-wrapper{position:absolute;top:0;height:100%;width:50%;z-index:0}.ks-collection-banner-desktop[data-img-alignment=left] .img-wrapper{left:0}.ks-collection-banner-desktop[data-img-alignment=right] .img-wrapper{right:0}.ks-collection-banner-desktop .img-wrapper img{width:100%;height:100%;object-fit:cover}.ks-collection-banner-desktop .ks-collection-banner-content{width:60%;padding:2rem 4rem;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}.ks-collection-banner-desktop .content-align--left{text-align:left;align-items:flex-start}.ks-collection-banner-desktop .content-align--center{text-align:center;align-items:center}.ks-collection-banner-desktop .content-align--right{text-align:right;align-items:flex-end}.ks-collection-banner-desktop[data-has-img=true][data-img-alignment=left] .ks-collection-banner-content{margin-left:50%}.ks-collection-banner-desktop[data-has-img=true][data-img-alignment=right] .ks-collection-banner-content{margin-right:50%}.ks-collection-banner-desktop[data-has-img=false] .ks-collection-banner-content{width:100%;margin:0 auto}.ks-collection-banner-desktop .title{margin:0}.ks-collection-banner-desktop .description{margin-top:.75rem}.ks-collection-banner-desktop .ks-breadcrumb-wrapper{margin-bottom:1rem}@media (min-width: 990px){.d-desktop-none{display:none}}@media (max-width: 989px){.d-none.d-desktop-block{display:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-collection-banner.css.map */