.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}.collection-banner--content{padding:var(--banner-padding-top-mobile, 40px) var(--banner-padding-side-mobile, 15px) var(--banner-padding-bottom-mobile, 40px);position:relative;z-index:5}@media only screen and (min-width:768px){.collection-banner--content{font-size:1rem;padding:var(--banner-padding-top-desktop, 80px) var(--banner-padding-side-desktop, 0) var(--banner-padding-bottom-desktop, 80px)}}@media only screen and (min-width:768px){.collection-banner--content-width-small .collection-banner--content{max-width:530px}}@media only screen and (min-width:768px){.collection-banner--content-width-medium .collection-banner--content{max-width:700px}}@media only screen and (min-width:768px){.collection-banner--content-width-large .collection-banner--content{max-width:900px}}@media only screen and (min-width:768px){.collection-banner--content-width-xlarge .collection-banner--content{max-width:1100px}}@media only screen and (min-width:768px){.collection-banner--content-width-full .collection-banner--content{max-width:none;padding-left:20px;padding-right:20px}}.collection-banner--description{margin-left:auto;margin-right:auto}@media only screen and (min-width:768px){.collection-banner--description-width-medium{max-width:700px}}@media only screen and (min-width:768px){.collection-banner--description-width-large{max-width:900px}}@media only screen and (min-width:768px){.collection-banner--description-width-xlarge{max-width:1100px}}@media only screen and (min-width:768px){.collection-banner--description-width-full{max-width:none}}
/*# sourceMappingURL=/cdn/shop/t/87/assets/collection-banner.css.map */