.category-banner-with-heights{padding:var(--top-padding) 7px 30px}.category-banner-with-heights__content-button-group{display:flex;gap:1.5rem}.category-banner-with-heights__content-button-group .button--primary:hover,.category-banner-with-heights__content-button-group .button--primary:focus{background-color:var(--theme-color-reverse)}@media screen and (max-width: 767px){.category-banner-with-heights--overlay-mobile.category-banner-with-heights--shorter .category-banner-with-heights__content-button-group .button,.category-banner-with-heights--overlay-mobile.category-banner-with-heights--normal .category-banner-with-heights__content-button-group .button{border:0;padding:.675rem}}@media screen and (min-width: 768px){.category-banner-with-heights--overlay.category-banner-with-heights--shorter .category-banner-with-heights__content-button-group .button,.category-banner-with-heights--overlay.category-banner-with-heights--normal .category-banner-with-heights__content-button-group .button{border:0;padding:1.3rem}}.category-banner-with-heights__content-text{gap:2.8rem}.category-banner-with-heights--taller .category-banner-with-heights__content-text{gap:2.2rem}@media screen and (min-width: 768px){.category-banner-with-heights--overlay{padding-bottom:0;display:grid}.category-banner-with-heights--overlay .category-banner-with-heights__media{grid-column:1 / 1;grid-row:1 / 1}.category-banner-with-heights--overlay .category-banner-with-heights__content{grid-column:1 / 1;grid-row:1 / 1;align-self:center;z-index:1;display:flex;align-items:center;justify-content:space-between}.category-banner-with-heights{padding:var(--top-padding) 24px 24px}.category-banner-with-heights--overlay .category-banner-with-heights__content{margin:0 2.5rem 0 3rem}.category-banner-with-heights--overlay.category-banner-with-heights--taller .category-banner-with-heights__content{margin:0 6.3rem}.category-banner-with-heights--overlay.category-banner-with-heights--taller .category-banner-with-heights__content.has--logo{margin:0 6.5rem 0 7.2rem}.category-banner-with-heights--stack .category-banner-with-heights__content{padding:20px 0 0;display:flex;align-items:center;justify-content:space-between}.category-banner-with-heights__content-text{gap:3.4rem}.category-banner-with-heights--taller .category-banner-with-heights__content-text{gap:4.6rem}}@media screen and (max-width: 767px){.category-banner-with-heights--overlay-mobile{padding-bottom:0;display:grid}.category-banner-with-heights--overlay-mobile .category-banner-with-heights__media{grid-column:1 / 1;grid-row:1 / 1}.category-banner-with-heights--overlay-mobile .category-banner-with-heights__content{grid-column:1 / 1;grid-row:1 / 1;align-self:center;z-index:1}.category-banner-with-heights__media--mobile{height:100%}.category-banner-with-heights__media--mobile hh-banner-video{height:100%;width:100%;display:flex}.category-banner-with-heights--overlay-mobile .category-banner-with-heights__content{margin:0 2rem 0 2.5rem;display:flex;align-items:center;justify-content:space-between}.category-banner-with-heights--overlay-mobile.category-banner-with-heights--taller .category-banner-with-heights__content{margin:4.5rem 3.6rem;flex-direction:column;gap:2rem;justify-content:center;min-height:15.4rem}.category-banner-with-heights--overlay-mobile.category-banner-with-heights--taller .category-banner-with-heights__content-text{flex-direction:column;gap:2rem}.category-banner-with-heights--overlay-mobile .category-banner-with-heights__content-button-group{justify-content:center}.category-banner-with-heights--overlay-mobile .category-banner-with-heights__media-video{position:absolute}.category-banner-with-heights--stack-mobile .category-banner-with-heights__content{padding:20px 0 0;display:flex;align-items:center;justify-content:space-between}.category-banner-with-heights--stack-mobile.category-banner-with-heights--taller .category-banner-with-heights__content{flex-direction:column;align-items:flex-start;gap:1.5rem}.category-banner-with-heights--stack-mobile.category-banner-with-heights--taller .category-banner-with-heights__content .category-banner-with-heights__logo{display:none}.category-banner-with-heights__media--mobile .category-banner-with-heights__logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.category-banner-with-heights__media{position:relative;background-color:var(--bg-color)}.category-banner-with-heights__media--desktop{display:none}@media screen and (min-width: 768px){.category-banner-with-heights__media--desktop{display:block;height:var(--banner-height)}.category-banner-with-heights__media--mobile{display:none}}.category-banner-with-heights__media-overlay{content:"";display:block!important;position:absolute;bottom:0;top:0;left:0;right:0;background-color:rgba(0,0,0,var(--overlay-transparency))}.category-banner-with-heights__media-video{display:block;width:100%;height:auto;object-fit:cover;max-height:var(--banner-height)}@media screen and (min-width: 768px){.category-banner-with-heights__media-video{height:var(--banner-height)}}.category-banner-with-heights__media-external-video{display:block;width:100%;height:auto;aspect-ratio:16 / 9;border:none}@media screen and (min-width: 768px){.category-banner-with-heights__media-external-video{aspect-ratio:16 / 9}}.category-banner-with-heights__media-image{display:block;width:100%;height:auto;object-fit:cover;max-height:100%}@media screen and (min-width: 768px){.category-banner-with-heights__media-image{height:100%}}.category-banner-with-heights__content-title{margin-top:0;color:var(--color-title)}.category-banner-with-heights__content-subcopy{margin:0;margin-top:.5rem;color:var(--color-subcopy)}.category-banner-with-heights--shorter .category-banner-with-heights__content-title,.category-banner-with-heights--normal .category-banner-with-heights__content-title{font:var(--theme-body-font)}.category-banner-with-heights--taller .category-banner-with-heights__content-title{font:var(--theme-h6-font)}@media screen and (max-width: 767px){.category-banner-with-heights--shorter .category-banner-with-heights__media{height:8.4rem}.category-banner-with-heights--normal .category-banner-with-heights__media{height:11.5rem}.category-banner-with-heights--taller .category-banner-with-heights__media{height:15rem}.category-banner-with-heights--overlay-mobile.category-banner-with-heights--taller .category-banner-with-heights__media,.category-banner-with-heights--overlay-mobile.category-banner-with-heights--taller .category-banner-with-heights__media-image{height:100%}}@media screen and (min-width: 768px){.category-banner-with-heights--shorter{--banner-height: 8.65rem}.category-banner-with-heights--normal{--banner-height: 11.5rem}.category-banner-with-heights--taller{--banner-height: 20rem}.category-banner-with-heights--shorter .category-banner-with-heights__content-title,.category-banner-with-heights--normal .category-banner-with-heights__content-title{font:var(--theme-body-large-font)}.category-banner-with-heights--shorter.category-banner-with-heights--overlay .category-banner-with-heights__content,.category-banner-with-heights--normal.category-banner-with-heights--overlay .category-banner-with-heights__content,.category-banner-with-heights--taller.category-banner-with-heights--overlay .category-banner-with-heights__content{padding:0}}@media screen and (min-width: 768px){.category-banner-with-heights--overlay .category-banner-with-heights__media{grid-column:1 / 1;grid-row:1 / 1}}.category-banner-with-heights__logo{display:flex;position:relative}.category-banner-with-heights__logo img{width:var(--svg-logo-width)}.category-banner-with-heights__logo.has--divided:after{content:"";position:absolute;width:.1rem;background-color:var(--color-divided-line);right:-1.5rem;top:-.6rem;bottom:-.6rem}.category-banner-with-heights--taller .category-banner-with-heights__logo.has--divided:after{right:-1.2rem;top:0;bottom:0}@media screen and (max-width: 767px){.category-banner-with-heights--overlay-mobile .category-banner-with-heights__logo.has--divided:after{opacity:.4}}@media screen and (min-width: 768px){.category-banner-with-heights__logo.has--divided:after{right:-1.8rem}.category-banner-with-heights--taller .category-banner-with-heights__logo.has--divided:after{right:-2.4rem}.category-banner-with-heights--overlay .category-banner-with-heights__logo.has--divided:after{opacity:.4}}
/*# sourceMappingURL=/cdn/shop/t/282/assets/section-category-banner-with-height-option.css.map */