.CollectionBanner{position:relative;overflow:hidden}.CollectionBanner .PageHeader{position:relative;min-height:400px;display:flex;align-items:center;justify-content:center;text-align:center;padding:60px 20px;background-color:var(--background-color, #ffffff)}.CollectionBanner .PageHeader--parallax{min-height:400px;height:500px;overflow:hidden;margin-bottom:0}.CollectionBanner .PageHeader--transparent{background:transparent}.CollectionBanner .PageHeader--parallax{background-attachment:fixed;transform-style:preserve-3d;margin-bottom:0}@media (max-width: 768px){.CollectionBanner .PageHeader--parallax{background-attachment:scroll}}.CollectionBanner .PageHeader--small{min-height:300px}.CollectionBanner .PageHeader--medium{min-height:400px}.CollectionBanner .PageHeader--large{min-height:500px}.CollectionBanner .PageHeader__ImageWrapper{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0;will-change:transform}.CollectionBanner .PageHeader--parallax .PageHeader__ImageWrapper{height:130%;top:-30%;position:absolute;z-index:0}.CollectionBanner .PageHeader--parallax{position:relative;z-index:1}.CollectionBanner+*{position:relative;z-index:2;margin-top:0;background:#fff}.CollectionBanner .PageHeader__ImageWrapper.Image--fadeIn{opacity:0;animation:fadeIn .6s ease-in-out forwards}@keyframes fadeIn{to{opacity:1}}.CollectionBanner .PageHeader__Overlay{z-index:1}.CollectionBanner .SectionHeader{position:relative;z-index:2}.CollectionBanner .Breadcrumb{margin-bottom:20px}.CollectionBanner .Breadcrumb__List{list-style:none;padding:0;margin:0;display:flex;justify-content:center;flex-wrap:wrap}.CollectionBanner .Breadcrumb__Item{display:inline-flex;align-items:center}.CollectionBanner .Breadcrumb__Item:not(:last-child):after{content:"/";margin:0 8px;opacity:.7}.CollectionBanner .Breadcrumb__Link{color:inherit;text-decoration:none;opacity:.8;transition:opacity .2s ease}.CollectionBanner .Breadcrumb__Link:hover{opacity:1}.CollectionBanner .Breadcrumb__Link[aria-current=page]{opacity:1;font-weight:500}.color-scheme-1{--text-color: #000000;--background-color: #ffffff;--overlay-color: #000000}.color-scheme-2{--text-color: #ffffff;--background-color: #000000;--overlay-color: #ffffff}.color-scheme-3{--text-color: #333333;--background-color: #f5f5f5;--overlay-color: #333333}.color-scheme-4{--text-color: #ffffff;--background-color: #1a1a1a;--overlay-color: #000000}.CollectionBanner [class*=color-] .PageHeader{color:var(--text-color)}.CollectionBanner [class*=color-] .PageHeader__Overlay{background-color:var(--overlay-color)}@media (max-width: 768px){.CollectionBanner .PageHeader{min-height:300px;padding:40px 15px}.CollectionBanner .PageHeader--small{min-height:200px}.CollectionBanner .PageHeader--medium{min-height:250px}.CollectionBanner .PageHeader--large{min-height:300px}.CollectionBanner .SectionHeader__Heading{font-size:2rem}.CollectionBanner .Breadcrumb__List{font-size:.875rem}}@media (max-width: 480px){.CollectionBanner .PageHeader{min-height:250px;padding:30px 10px}.CollectionBanner .SectionHeader__Heading{font-size:1.75rem}}.CollectionBanner .SectionHeader--animate{opacity:0;transform:translateY(20px);animation:slideUp .8s ease-out forwards}.CollectionBanner+*{margin-top:0;padding-top:0}.CollectionBanner .PageHeader--parallax+*{margin-top:0}.CollectionBanner,.CollectionBanner .PageHeader{margin-bottom:0}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.Container--narrow{max-width:800px;margin:0 auto}.Container--wide{max-width:1400px;margin:0 auto}@media (max-width: 768px){.CollectionBanner .PageHeader__ImageWrapper[data-mobile-image]{background-image:attr(data-mobile-image url)}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/collection-banner.css.map */