.xo-hover-image-group{position:relative}.xo-hover-image-group__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;padding:2rem;text-align:center;color:color-mix(in srgb,rgba(var(--color-foreground)) 100%,transparent);opacity:0;pointer-events:none;transform:translateY(.8rem);transition:opacity .35s ease,transform .35s ease}.xo-hover-image-group__overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:color-mix(in srgb,rgba(var(--color-background)) calc(var(--hover-overlay-opacity, .35) * 100%),transparent);pointer-events:none}.xo-hover-image-group:hover .xo-hover-image-group__overlay,.xo-hover-image-group:focus-within .xo-hover-image-group__overlay{opacity:1;transform:translateY(0)}.xo-hover-image-group__text{max-width:min(100%,48rem);color:inherit;line-height:1.2}.xo-hover-image-group__text>*{margin:0}.xo-hover-image-group__text--1{font-weight:500}.xo-hover-image-group__text--2{line-height:1.4}@media(max-width:767px){.xo-hover-image-group__overlay{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/image-hover-overlay.css.map */