.hero-showcase{position:relative;display:flex;overflow:hidden;isolation:isolate}.hero-showcase--small{min-height:40rem}.hero-showcase--medium{min-height:55rem}.hero-showcase--large{min-height:70rem}.hero-showcase--fullscreen{min-height:100vh}.hero-showcase__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-showcase__media img,.hero-showcase__media video{width:100%;height:100%;object-fit:cover;object-position:center}.hero-showcase--hide-video-mobile .hero-showcase__media--video{display:none}@media screen and (min-width:750px){.hero-showcase--hide-video-mobile .hero-showcase__media--video{display:block}}.hero-showcase__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:rgb(var(--color-foreground))}.hero-showcase__content-wrapper{position:relative;z-index:2;display:flex;flex:1;width:100%;padding-block:4rem}.hero-showcase__content{max-width:52rem;padding:3.2rem;display:flex;flex-direction:column;gap:1.6rem;border-radius:var(--radius-lg)}.hero-showcase__heading,.hero-showcase__text{margin:0}.hero-showcase__buttons{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:.8rem}.hero-showcase__content-wrapper--top-left,.hero-showcase__content-wrapper--top-center,.hero-showcase__content-wrapper--top-right{align-items:flex-start}.hero-showcase__content-wrapper--middle-left,.hero-showcase__content-wrapper--middle-center,.hero-showcase__content-wrapper--middle-right{align-items:center}.hero-showcase__content-wrapper--bottom-left,.hero-showcase__content-wrapper--bottom-center,.hero-showcase__content-wrapper--bottom-right{align-items:flex-end}.hero-showcase__content-wrapper--top-left,.hero-showcase__content-wrapper--middle-left,.hero-showcase__content-wrapper--bottom-left{justify-content:flex-start;text-align:left}.hero-showcase__content-wrapper--top-center,.hero-showcase__content-wrapper--middle-center,.hero-showcase__content-wrapper--bottom-center{justify-content:center;text-align:center}.hero-showcase__content-wrapper--top-center .hero-showcase__buttons,.hero-showcase__content-wrapper--middle-center .hero-showcase__buttons,.hero-showcase__content-wrapper--bottom-center .hero-showcase__buttons{justify-content:center}.hero-showcase__content-wrapper--top-right,.hero-showcase__content-wrapper--middle-right,.hero-showcase__content-wrapper--bottom-right{justify-content:flex-end;text-align:right}.hero-showcase__content-wrapper--top-right .hero-showcase__buttons,.hero-showcase__content-wrapper--middle-right .hero-showcase__buttons,.hero-showcase__content-wrapper--bottom-right .hero-showcase__buttons{justify-content:flex-end}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-hero-showcase.css.map */
