.breaker-image-banner{background-size:auto 100%;background-position:top center;background-repeat:no-repeat;background-attachment:local;min-height:30vh}@media (min-width: 750px){.breaker-image-banner{background-size:100% auto;min-height:360px}}@media (min-width: 990px){.breaker-image-banner{min-height:600px}}.breaker-image-banner:has(.is-pattern){background-size:contain;background-repeat:repeat}.breaker-image-banner .breaker-image-banner__wrapper{position:relative;display:flex}@media (max-width: 749.98px){.breaker-image-banner .breaker-image-banner__wrapper{overflow-x:clip}}@media (min-width: 750px){.breaker-image-banner .breaker-image-banner__wrapper{gap:var(--spacing-sm-16)}}.breaker-image-banner .breaker-image-banner__background img{width:100%}.breaker-image-banner:has(.breaker-image-banner__wrapper) .breaker-image-banner__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.breaker-image-banner .breaker-image-banner__media-item{display:inline-flex;flex-flow:column nowrap;z-index:1}:is(.breaker-image-banner .breaker-image-banner__media-item):has(.breaker-image-banner__media--top){justify-content:flex-start}:is(.breaker-image-banner .breaker-image-banner__media-item):has(.breaker-image-banner__media--center){justify-content:center}:is(.breaker-image-banner .breaker-image-banner__media-item):has(.breaker-image-banner__media--bottom){justify-content:flex-end}:is(.breaker-image-banner .breaker-image-banner__media-item) img{overflow:visible}:is(.breaker-image-banner:has(.breaker-image-banner__media-gradient--mobile),.breaker-image-banner:has(.breaker-image-banner__media-gradient--desktop)) .breaker-image-banner__media{position:relative}:is(:is(.breaker-image-banner:has(.breaker-image-banner__media-gradient--mobile),.breaker-image-banner:has(.breaker-image-banner__media-gradient--desktop)) .breaker-image-banner__media):after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:6}:is(.breaker-image-banner:has(.breaker-image-banner__media-gradient--mobile),.breaker-image-banner:has(.breaker-image-banner__media-gradient--desktop)) .breaker-image-banner__text-item{background-color:var(--color-background)}.breaker-image-banner:has(.breaker-image-banner__media-gradient) .breaker-image-banner__media:after{background:linear-gradient(to top,rgba(var(--color-background-rgb),1),rgba(var(--color-background-rgb),0) 25%)}.breaker-image-banner:has(.breaker-image-banner__media-gradient--mobile.breaker-image-banner__grid--reverse-mobile) .breaker-image-banner__media--mobile:after{background:linear-gradient(to bottom,rgba(var(--color-background-rgb),1),rgba(var(--color-background-rgb),0) 25%)}.breaker-image-banner .breaker-image-banner__media-item--overflow-visible{margin-bottom:calc(var(--spacing-md-64) * -1);margin-top:var(--spacing-sm-24)}@media (max-width: 749.98px){.breaker-image-banner .breaker-image-banner__grid--reverse-mobile{flex-direction:column-reverse}}@media (min-width: 750px){.breaker-image-banner .breaker-image-banner__grid--reverse-desktop{flex-direction:row-reverse}}.breaker-image-banner .breaker-image-banner__text-item{display:inline-flex;flex-flow:column nowrap;gap:var(--spacing-sm-32);justify-content:center;padding:var(--spacing-sm-32) 0;z-index:2}@media (min-width: 750px) and (max-width: 989.98px){.breaker-image-banner .breaker-image-banner__text-item{max-width:100%}}@media (min-width: 750px){.breaker-image-banner .breaker-image-banner__text-item{padding:var(--spacing-md-64) 0}}:is(.breaker-image-banner .breaker-image-banner__text-item) .breaker-image-banner__heading strong,:is(.breaker-image-banner .breaker-image-banner__text-item):has(.breaker-image-banner__heading strong) .breaker-image-banner__text{color:rgb(var(--color-pistaccio-rgb))}.breaker-image-banner .breaker-image-banner__heading{margin:0}.breaker-image-banner .breaker-image-banner__text--caption{align-self:flex-start}.breaker-image-banner .breaker-image-banner__buttons{display:inline-flex;flex-flow:row wrap;gap:var(--spacing-sm-16);align-items:center;justify-content:center}@media (min-width: 750px){.breaker-image-banner .breaker-image-banner__buttons{gap:var(--spacing-sm-24);justify-content:flex-start}}@media (max-width: 749.98px){:is(.breaker-image-banner .breaker-image-banner__buttons) .button{width:100%}}@media (min-width: 640px){:is(.breaker-image-banner .breaker-image-banner__buttons):has(.button+.button) .button{flex-basis:40%;flex-grow:1}}.breaker-image-banner .breaker-image-banner__legal-note{position:absolute;bottom:0;left:0;right:0;z-index:2;text-align:center;padding:var(--spacing-xs-4);margin:0;background-color:rgba(var(--color-background-rgb),.2)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/yf-section-breaker-image-banner.css.map */