.hir{position:relative;width:100%;height:var(--hir-height, 700px);overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:var(--hir-align, center);padding:24px;box-sizing:border-box;background:var(--hir-bg, #000);color:var(--hir-text, #fff);font-size:var(--hir-fs, 61px);cursor:default;-webkit-tap-highlight-color:transparent}.hir__list{display:flex;flex-direction:column;align-items:var(--hir-align, center);gap:var(--hir-gap, 30px);position:relative;z-index:1}.hir__row{overflow:hidden;color:var(--hir-text, #fff);transition:color .2s ease;text-align:var(--hir-text-align, center)}.hir.is-active .hir__row{color:var(--hir-dim, #51565a)}.hir.is-active .hir__row.is-hovered{color:var(--hir-text, #fff)}.hir__row a{color:inherit;text-decoration:none;display:block}.hir__text{position:relative;transition:transform .5s cubic-bezier(.22,1,.36,1)}.hir__text span{display:block;white-space:pre;text-align:var(--hir-text-align, center)}.hir__text span+span{position:absolute;top:100%;left:0;width:100%}.hir__row.is-hovered .hir__text{transform:translateY(-100%)}.hir__preview{position:absolute;top:0;left:0;width:calc(var(--hir-img-w, 300) * 1px);height:calc(var(--hir-img-h, 400) * 1px);border-radius:var(--hir-radius, 16px);overflow:hidden;pointer-events:none;z-index:2;opacity:0;transition:opacity .3s ease;will-change:transform,opacity;transform:translate(0) translate(-50%,-50%)}.hir.is-active .hir__preview{opacity:1}.hir__img{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;transform:translateY(100%);transition:transform .5s cubic-bezier(.22,1,.36,1)}.hir__img img,.hir__img .hir__placeholder{width:100%;height:100%;object-fit:cover;display:block}.hir__placeholder{background:linear-gradient(135deg,#333,#111)}@media(max-width:749px){.hir{height:var(--hir-height-m, 500px);font-size:var(--hir-fs-m, 36px)}.hir__preview{width:calc(var(--hir-img-w, 300) * 1px * var(--hir-img-scale-m, .6));height:calc(var(--hir-img-h, 400) * 1px * var(--hir-img-scale-m, .6))}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/hover-image-reveal.css.map */