:root{--heading-field-rgb: 225, 237, 233;--heading-field-alpha: .75;--heading-field-height: 36rem;--heading-field-solid: 34%;--heading-field-reach: 82%}.heading-field{position:relative}.heading-field>*{position:relative;z-index:1}.heading-field:before{content:"";position:absolute;inset:0 0 auto 0;height:var(--heading-field-height);z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(var(--heading-field-rgb),var(--heading-field-alpha)) 0,rgba(var(--heading-field-rgb),calc(var(--heading-field-alpha) * .5)) 45%,rgba(var(--heading-field-rgb),0))}.heading-field--corner:before{--heading-field-mask: linear-gradient( 90deg, #000 0, #000 var(--heading-field-solid), transparent var(--heading-field-reach) );-webkit-mask-image:var(--heading-field-mask);mask-image:var(--heading-field-mask)}.heading-field--corner-end:before{--heading-field-mask: linear-gradient( 270deg, #000 0, #000 var(--heading-field-solid), transparent var(--heading-field-reach) );-webkit-mask-image:var(--heading-field-mask);mask-image:var(--heading-field-mask)}.heading-field--center{--heading-field-height: 26rem}.heading-field--center:before{--heading-field-mask: linear-gradient( 90deg, transparent 0, #000 30%, #000 70%, transparent 100% );background:linear-gradient(180deg,rgba(var(--heading-field-rgb),0) 0,rgba(var(--heading-field-rgb),var(--heading-field-alpha)) 38%,rgba(var(--heading-field-rgb),calc(var(--heading-field-alpha) * .55)) 64%,rgba(var(--heading-field-rgb),0));-webkit-mask-image:var(--heading-field-mask);mask-image:var(--heading-field-mask)}.heading-field--merge-top{--heading-field-height: 32rem}.heading-field--merge-top:before{-webkit-mask-image:none;mask-image:none;background:linear-gradient(180deg,rgb(var(--heading-field-rgb)) 0,rgba(var(--heading-field-rgb),.5) 46%,rgba(var(--heading-field-rgb),0))}@media screen and (max-width:749px){.heading-field--merge-top{--heading-field-height: 28rem}}.heading-field--flip:before{inset:auto 0 0 0;-webkit-mask-image:none;mask-image:none;background:linear-gradient(180deg,rgba(var(--heading-field-rgb),0) 0,rgba(var(--heading-field-rgb),calc(var(--heading-field-alpha) * .45)) 45%,rgba(var(--heading-field-rgb),var(--heading-field-alpha)))}@media screen and (max-width:749px){.heading-field--corner,.heading-field--corner-end{--heading-field-solid: 55%;--heading-field-reach: 100%;--heading-field-height: 26rem}.heading-field--center{--heading-field-height: 28rem}.heading-field--center:before{--heading-field-mask: linear-gradient( 90deg, transparent 0, #000 14%, #000 86%, transparent 100% )}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-heading-field.css.map */