.collection-banner{display:flex;align-items:center;text-align:center;position:relative;min-height:270px}.collection-banner .row{min-width:100%}.collection-banner--has-bg{color:#fff;min-height:350px;margin-bottom:30px}.collection-banner--has-bg .breadcrumbs,.collection-banner--has-bg .breadcrumbs a{color:inherit}.collection-banner--has-bg .collection-banner--image:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;background:rgba(var(--overlay-color-rgb),var(--overlay-opacity))}.collection-banner--breadcrumbs{text-align:start;position:absolute;top:0;left:0;right:0;z-index:3}.collection-banner--inner{display:flex;flex-direction:column;position:relative}.collection-banner--image{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.collection-banner--image img{width:100%;height:100%;object-fit:cover}.collection-banner--heading-uppercase-true h1{text-transform:uppercase}.collection-banner--content{padding:40px 0;position:relative;z-index:5}@media only screen and (min-width:768px){.collection-banner--content{max-width:530px;font-size:1rem;padding:80px 0}}@media only screen and (min-width:768px){.collection-banner--content.text-center{margin:0 auto}}@media only screen and (min-width:768px){.collection-banner--content.text-left{margin-inline-end:auto}}@media only screen and (min-width:768px){.collection-banner--content.text-right{margin-inline-start:auto}}.collection-banner--content h1{color:inherit;margin-bottom:0;font-weight:var(--font-body-bold-weight, 600)}@media only screen and (min-width:768px){.collection-banner--content h1+.collection-banner--subcollections{margin-top:20px}}.collection-banner--content .searchform{margin-top:20px}.collection-banner--content p{font-size:inherit;color:inherit;margin-top:15px;margin-bottom:0}.collection-banner--subcollections{margin-top:20px}@media only screen and (min-width:768px){.collection-banner--subcollections{margin-top:35px}}.collection-banner--subcollections .text-button{margin:0 8px 10px}collection-banner-video{display:contents}.collection-banner--video .collection-banner--image{background-color:#000}.collection-banner--video .collection-banner--image video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.collection-banner--video-toggle{position:absolute;top:6px;inset-inline-end:15px;z-index:6;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#0006;color:#fff;line-height:0}@media only screen and (min-width:768px){.collection-banner--video-toggle{top:11px;inset-inline-end:20px}}.collection-banner--video-toggle[hidden]{display:none}@media(hover:hover){.collection-banner--video-toggle:hover{background:#0009}}.collection-banner--video-toggle:focus-visible{outline:2px solid #fff;outline-offset:2px}.collection-banner--video-toggle span{display:flex}.collection-banner--video-toggle svg{width:auto;height:14px;pointer-events:none}.collection-banner--video-toggle .collection-banner--video-play{display:none;transform:translate(1px)}.collection-banner--video-toggle.is-paused .collection-banner--video-pause{display:none}.collection-banner--video-toggle.is-paused .collection-banner--video-play{display:flex}.collection-banner--has-video .collection-banner--breadcrumbs{padding-inline-end:51px}@media only screen and (min-width:768px){.collection-banner--has-video .collection-banner--breadcrumbs{padding-inline-end:60px}}.collection-banner--has-products .collection-banner--content{padding-top:60px;padding-bottom:25px}@media only screen and (min-width:768px){.collection-banner--has-products .collection-banner--content{padding-top:80px;padding-bottom:40px}}.collection-banner--products{position:relative;z-index:5;padding-bottom:30px;text-align:start}@media only screen and (min-width:768px){.collection-banner--products{padding-bottom:50px}}.collection-banner--products .product-rail__heading{margin-bottom:15px}.collection-banner--has-bg .collection-banner--products{--color-body: #fff;--color-body-rgb: 255, 255, 255;--color-accent: #fff;--color-accent-rgb: 255, 255, 255;--color-price: #fff;--color-price-discounted: #fff;color:#fff}
/*# sourceMappingURL=/cdn/shop/t/11/assets/collection-banner.css.map */