.collection-hero-wrapper{margin-bottom:1.125rem;margin-top:1.25rem;padding:0}@media screen and (min-width:768px){.collection-hero-wrapper{margin-bottom:1.5rem;margin-top:1.5rem}}.collection-hero__view{-ms-flex-preferred-size:25%;flex-basis:25%}@media screen and (min-width:768px){.collection-hero__view{display:none}}.collection-hero__view .collection-view-icon{color:var(--color-text);display:block;height:1.5rem;margin-right:6px;opacity:.25}.collection-hero__view .collection-view-icon--active{opacity:1}.collection-hero__text-wrapper{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}@media screen and (min-width:768px){.collection-hero__text-wrapper{-ms-flex-preferred-size:66.666667%;flex-basis:66.666667%}}@media screen and (min-width:1024px){.collection-hero__text-wrapper{-ms-flex-preferred-size:60%;flex-basis:60%}}.collection-hero__title{text-align:center}@media screen and (min-width:768px){.collection-hero__title{text-align:left}}.collection-hero__description{margin-top:1rem}@media screen and (max-width:767px){.collection-hero__image-container{height:20rem;margin-top:var(--element-spacing)}}@media screen and (min-width:768px){.collection-hero__image-container{-ms-flex-item-align:stretch;-webkit-box-flex:1;align-self:stretch;-ms-flex:1 0 50%;flex:1 0 50%;margin-left:3rem;min-height:20rem}}.collection-hero__filters{-ms-flex-preferred-size:25%;-webkit-box-pack:end;-ms-flex-pack:end;display:-webkit-box;display:-ms-flexbox;display:flex;flex-basis:25%;justify-content:flex-end;position:relative}@media screen and (min-width:768px){.collection-hero__filters{-ms-flex-preferred-size:33.333333%;flex-basis:33.333333%}}@media screen and (min-width:1024px){.collection-hero__filters{-ms-flex-preferred-size:40%;flex-basis:40%}}.collection-hero.has-description .collection-hero__inner{-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (max-width:767px){.collection-hero.has-description .collection-hero__text-wrapper{-webkit-box-ordinal-group:0;-ms-flex-order:-1;-ms-flex-preferred-size:100%;flex-basis:100%;order:-1;padding-bottom:1rem}}.collection-hero.has-description .collection-hero__text-wrapper .container-heading{margin-top:0}@media screen and (max-width:767px){.collection-hero.has-description .collection-hero__filters,.collection-hero.has-description .collection-hero__view{-ms-flex-preferred-size:50%;flex-basis:50%}}