.yc-image-collection-banner{margin-bottom:2rem}.yc-image-collection-banner--with-image{background-color:#fff}.yc-image-collection-banner__inner{display:flex;flex-direction:column;padding-bottom:2rem;margin-bottom:2rem}@media screen and (max-width: 749px){.yc-image-collection-banner.yc-image-collection-banner--gradient-on-mobile{min-height:60vh;position:relative;overflow:hidden}.yc-image-collection-banner.yc-image-collection-banner--gradient-on-mobile .yc-image-collection-banner__inner{padding-top:30vh;min-height:60vh;padding-bottom:0;display:flex;flex-flow:column;justify-content:flex-end}.yc-image-collection-banner.yc-image-collection-banner--gradient-on-mobile .yc-image-collection-banner__image-container{position:absolute;top:0;left:0;width:100%;height:calc(30vh + 300px);aspect-ratio:auto}.yc-image-collection-banner.yc-image-collection-banner--gradient-on-mobile .yc-image-collection-banner__text-wrapper{position:relative;z-index:4;padding-bottom:0}.yc-image-collection-banner.yc-image-collection-banner--gradient-on-mobile .yc-image-collection-banner__text-wrapper:before{display:block;content:"";position:absolute;top:-60px;left:-15px;width:calc(100% + 30px);height:calc(100% + 60px);background:linear-gradient(0deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.7) 50%,transparent 100%);z-index:-1}.yc-image-collection-banner.yc-image-collection-banner--gradient-on-mobile .yc-image-collection-banner__image-container{border-radius:0}.yc-image-collection-banner.yc-image-collection-banner--gradient-on-mobile.yc-image-collection-banner--with-image .yc-image-collection-banner__inner{margin-bottom:0}}@media screen and (min-width: 750px){.yc-image-collection-banner.yc-image-collection-banner--with-image{padding:4rem 0;overflow:hidden}}.yc-image-collection-banner__text-wrapper{flex-basis:100%}.yc-image-collection-banner--with-image .yc-image-collection-banner__inner{margin-bottom:4rem}@media screen and (min-width: 750px){.yc-image-collection-banner{padding:0 0 2rem;margin-bottom:0}.yc-image-collection-banner--with-image{margin-bottom:4.5rem}.yc-image-collection-banner__inner{align-items:center;flex-direction:row;padding-bottom:0;margin-bottom:0}.yc-image-collection-banner--with-image .yc-image-collection-banner__inner{margin-bottom:0}}.yc-image-collection-banner__title{margin:5rem 0 0;color:inherit}.yc-image-collection-banner__title *{color:inherit}.yc-image-collection-banner__title+.yc-image-collection-banner__description{font-size:1.6rem;line-height:1.5}.collecion-hero__read-more-toggle{display:block;margin-top:1.5rem;font-weight:600;font-size:1.6rem;line-height:1.5;cursor:pointer;transition:-webkit-line-clamp .5s}.yc-image-collection-banner__description--cropped{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;cursor:pointer;transition:-webkit-line-clamp .5s}.yc-image-collection-banner__description--not-cropped{overflow:hidden;display:-webkit-box;-webkit-line-clamp:30;-webkit-box-orient:vertical;transition:-webkit-line-clamp .5s}@media screen and (min-width: 750px){.yc-image-collection-banner__title+.yc-image-collection-banner__description{font-size:1.8rem}.yc-image-collection-banner__description{max-width:85rem}.yc-image-collection-banner--with-image .yc-image-collection-banner__description{max-width:100%}}.yc-image-collection-banner--with-image .yc-image-collection-banner__title{margin:0}.yc-image-collection-banner--with-image .yc-image-collection-banner__text-wrapper{padding:5rem 0 4rem}@media screen and (max-width: 749px){.yc-image-collection-banner__image-container{height:20rem}}.yc-image-collection-banner__image-container{align-self:stretch;flex:1 0 50%;min-height:20rem;aspect-ratio:4/3;position:relative;border-radius:var(--yc-corner-radius-large);overflow:hidden}.yc-image-collection-banner__image-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:2;opacity:1;transition:opacity .5s}.yc-image-collection-banner__image-container img.yc-image-collection-banner--hide{z-index:1;opacity:0;transition:opacity .5s .5s}@media screen and (min-width: 750px){.yc-image-collection-banner--with-image .yc-image-collection-banner__text-wrapper{padding:4rem 2rem 4rem 0;flex-basis:50%}.yc-image-collection-banner__image-container{margin-left:3rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/yc-component-image-collection-banner.css.map */