.ux-hero{position:relative;padding:var(--framed-spacing, 0px);--padding: calc(var(--framed-spacing) * 2)}.ux-hero__container{border-radius:8px;overflow:hidden;position:relative;width:100%}.ux-hero .page-width{position:relative;z-index:5}.ux-hero__media{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:8px;overflow:hidden}.ux-hero__media:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3;background:linear-gradient(0deg,#0000004d,#0000004d)}.ux-hero__media img,.ux-hero__media video,.ux-hero__media ux-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:8px}.ux-hero__media video.playing~button,.ux-hero__media deferred-media.playing~button,.ux-hero__media video.playing~img,.ux-hero__media deferred-media.playing~img{display:none;opacity:0}.ux-hero__media video:not(.playing)~button,.ux-hero__media deferred-media:not(.playing)~button,.ux-hero__media video:not(.playing)~img,.ux-hero__media deferred-media:not(.playing)~img{display:flex;opacity:1}.ux-hero__content{position:relative;z-index:5;display:flex;flex-direction:column;justify-content:flex-end;gap:16px;text-align:center;min-height:calc(100dvh - var(--announcement-height, 0px) - var(--header-height, 0px) - var(--padding))}.template-index .ux-hero__content{min-height:calc(100dvh - var(--announcement-height, 0px) - var(--padding))}.ux-hero__heading{margin:0;letter-spacing:0}.ux-hero__text{color:rgba(var(--color-foreground),1);font-style:normal;font-weight:400;font-size:16px;line-height:1.38;margin:0}.ux-hero__text.body{color:rgba(var(--color-foreground),.8);max-width:400px;margin:0 auto}.ux-hero__text.caption-with-letter-spacing{font-family:var(--font-heading-family);font-style:normal;font-weight:500;font-size:14px;line-height:1.57;text-transform:uppercase;letter-spacing:0}.ux-hero__text.subtitle{font-family:var(--font-heading-family);font-style:normal;font-weight:500;font-size:14px;line-height:1.26;text-transform:uppercase;letter-spacing:0;padding:7px 16px;border:1px solid #D8D8D8;border-radius:100px;width:fit-content;margin:0 auto}.ux-hero__text.subtitle:before{content:"";width:8px;height:8px;border-radius:100%;background-color:rgba(var(--color-foreground),1);display:inline-block;margin-right:6px}.ux-hero__buttons{gap:10px;display:flex;flex-direction:column;align-items:center}.ux-hero__buttons .button{width:100%;max-width:500px}.ux-hero.no-block{overflow:hidden}.ux-hero.no-block .ux-hero__container{max-height:calc(100dvh - var(--padding))}.ux-hero.no-block .ux-hero__container:before{content:"";padding:157% 0 0;display:block;width:100%;height:0}@media(max-width:749px){.ux-hero .ux-hero__heading{font-size:44px}}@media(max-width:400px){.ux-hero .ux-hero__heading{font-size:clamp(10px,10.73vw,44px)}}@media(min-width:750px){.ux-hero__container{border-radius:12px}.ux-hero__text.body{font-size:18px}.ux-hero__buttons .button{max-width:358px}.ux-hero.no-block .ux-hero__container:before{padding:56.25% 0 0}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/ux-hero.css.map */