.category-hero__main-content{position:relative;--category-hero-text-inset: 20px}.category-hero__main-content--page-width{--category-hero-text-inset: max(20px, calc((100vw - var(--page-width, 1300px)) / 2 + 20px))}.category-hero__main-content.full-width{width:100%;max-width:none}.category-hero__content{position:absolute;top:0;left:0;height:100%;width:100%;display:flex;align-items:center;box-sizing:border-box;padding:30px var(--category-hero-text-inset)}.category-hero__content--align-end{padding-right:var(--category-hero-text-inset)}.category-hero__items{display:flex;flex-direction:column;justify-content:center}.category-hero__items h6{margin:0 0 20px;font-size:var(--category-hero-subtitle-size, 1.6rem);line-height:100%;font-family:var(--font-heading-family)}.category-hero__items h1{font-size:var(--category-hero-title-size, 36px);line-height:110%;max-width:315px;margin:0;font-family:var(--font-heading-family)}.category-hero__main-content .image-container{margin:auto;width:100%}.category-hero__snippet{height:100%}.category-hero__snippet .image-container{height:var(--category-hero-media-height, 270px)}.category-hero__snippet .media-container__image,.category-hero__snippet .media-container__video,.category-hero__snippet .media-container__poster,.category-hero__snippet .image-container img{width:100%;height:100%;object-fit:var(--category-hero-media-fit, cover);object-position:var(--category-hero-media-position, center)}.category-hero__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:270px;background-color:var(--image-container-background-color, transparent)}.category-hero__placeholder-svg{width:100%;height:100%;object-fit:cover}@media screen and (min-width:750px){.category-hero__main-content{--category-hero-text-inset: 5rem}.category-hero__main-content--page-width{--category-hero-text-inset: max(5rem, calc((100vw - var(--page-width, 1300px)) / 2 + 5rem))}}@media(max-width:768px){.category-hero__content{padding:30px var(--category-hero-text-inset)}.category-hero__items h1{font-size:max(1.6rem,calc(var(--category-hero-title-size, 36px) * .7))}.category-hero__items h6{font-size:max(1.6rem,calc(var(--category-hero-subtitle-size, 1.6rem) * .85))}}@media(max-width:470px){.category-hero__snippet .image-container{height:var(--category-hero-media-height, 183.11px)}.category-hero__items h1{font-size:max(1.6rem,calc(var(--category-hero-title-size, 36px) * .5));max-width:100%}.category-hero__content{padding:20px var(--category-hero-text-inset)}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-category-hero.css.map */