@layer components{.hero{display:grid;position:relative;grid-template-areas:"media" "content";width:100%}.hero:before{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:rgba(0,0,0,var(--hero-overlay-opacity, .3));pointer-events:none;content:""}@media screen and (min-width: 768px){.hero{grid-template-areas:"media"}.hero:before{display:block}}.hero__media-wrapper{position:relative;grid-area:media;min-height:100px;overflow:hidden}.hero__media-wrapper:has(.hero__media-positioning--parallax){min-height:300px}@media screen and (min-width: 768px),print{.hero__media-wrapper--x-small{height:200px}}@media screen and (min-width: 768px),print{.hero__media-wrapper--small{height:300px}}@media screen and (min-width: 768px),print{.hero__media-wrapper--medium{height:420px}}@media screen and (min-width: 768px),print{.hero__media-wrapper--large{height:540px}}@media screen and (min-width: 768px),print{.hero__media-wrapper--x-large{height:660px}}.hero__media-positioning-wrapper{width:100%;height:100%}.hero__media-positioning-wrapper:has(.hero__media-positioning--parallax){position:absolute;top:0;left:0;clip-path:inset(0);overflow:hidden}.hero__media-positioning{display:flex;width:100%;height:100%}.hero__media-positioning.hero__media-positioning--parallax{position:fixed;top:0;right:0;bottom:0;left:0}.hero__media--placeholder{display:block;background:var(--color-grays-02)}.hero__content-wrapper{display:flex;position:relative;grid-area:content;flex-direction:column;align-self:center;justify-self:center;z-index:2;padding:0;width:100%;text-align:center}@media screen and (min-width: 768px){.hero__content-wrapper{grid-area:media;align-self:auto;justify-self:auto;padding:var(--spacing-unit-xs);width:auto;text-align:initial}}.hero__content-wrapper--top-left{align-self:flex-start;justify-self:flex-start}.hero__content-wrapper--top-center{align-self:flex-start;justify-self:center}.hero__content-wrapper--top-right{align-self:flex-start;justify-self:flex-end}.hero__content-wrapper--middle-left{align-self:center;justify-self:flex-start}.hero__content-wrapper--middle-center{align-self:center;justify-self:center}.hero__content-wrapper--middle-right{align-self:center;justify-self:flex-end}.hero__content-wrapper--bottom-left{align-self:flex-end;justify-self:flex-start}.hero__content-wrapper--bottom-center{align-self:flex-end;justify-self:center}.hero__content-wrapper--bottom-right{align-self:flex-end;justify-self:flex-end}.hero__content{display:flex;flex-direction:column;gap:var(--spacing-unit-s);margin:0;border-radius:0;padding:var(--spacing-unit-s);width:100%;max-width:100%}@media screen and (min-width: 768px){.hero__content{gap:var(--spacing-unit-l);margin:initial;background-color:initial;padding:var(--spacing-unit-m) calc(var(--spacing-unit-xl) - var(--spacing-unit-xs));max-width:700px}.content-wrapper--full-width .hero__content{padding:var(--spacing-unit-m) calc(var(--content-wrapper-spacing) - var(--spacing-unit-xs))}}.hero__split-media-container{display:flex;position:relative;flex-direction:row;width:100%;height:100%;overflow:hidden}@media screen and (min-width: 768px){.hero__split-media-container{flex-direction:row}}.hero__media-wrapper--left,.hero__media-wrapper--right{display:flex;position:relative;flex:1 1 50%;flex-basis:50%;justify-content:center;align-items:center;overflow:hidden}.hero__picture{display:block;width:100%;height:100%}.hero__media{display:block;object-fit:cover}.hero__media-wrapper--left .hero__media,.hero__media-wrapper--right .hero__media{width:100%;height:100%;object-fit:cover}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hero.css.map */