.m-revealed{--rv-p: 0;--rv-inset-y: var(--rv-inset-y-desktop, 34%);--rv-inset-x: var(--rv-inset-x-desktop, 30%);--rv-radius: 12px;--rv-scale: var(--rv-scale-desktop, 1.35);--rv-focus: var(--rv-focus-desktop, 50% 50%)}.m-revealed__stage{position:relative;height:var(--rv-track, 260vh)}.m-revealed__frame{position:sticky;top:0;height:100vh;overflow:hidden;display:grid;place-items:center}.m-revealed__clip{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(calc(var(--rv-inset-y) * (1 - var(--rv-p))) calc(var(--rv-inset-x) * (1 - var(--rv-p))) round calc(var(--rv-radius) * (1 - var(--rv-p))));will-change:clip-path}.m-revealed__clip img{width:100%;height:100%;object-fit:cover;object-position:var(--rv-focus, 50% 50%);display:block;transform:scale(calc(1 + (var(--rv-scale) - 1) * (1 - var(--rv-p))));will-change:transform}.m-revealed__clip img.m-revealed__media--mobile{display:none}.m-revealed__text{position:relative;z-index:1;width:100%;max-width:var(--rv-text-width, 900px);padding-inline:20px;text-align:center;grid-area:1 / 1;pointer-events:none}.m-revealed__text>*{pointer-events:auto}.m-revealed__text--before{opacity:calc(clamp(0,calc(1 - var(--rv-p) * 2.4),1) * var(--rv-blend-strength, 1))}.m-revealed__text--after{opacity:calc(clamp(0,calc((var(--rv-p) - .62) * 3.4),1) * var(--rv-blend-strength, 1))}.m-revealed__heading{margin:0;color:var(--rv-text-color, rgb(var(--color-heading)))}.m-revealed__text--before .m-revealed__heading{color:var(--rv-heading-before-color, var(--rv-text-color, rgb(var(--color-heading))))}.m-revealed__text--after .m-revealed__heading{color:var(--rv-heading-after-color, var(--rv-text-color, rgb(var(--color-heading))))}.m-revealed__body{margin:16px 0 0;color:var(--rv-body-color, var(--rv-text-color, rgb(var(--color-foreground))))}.m-revealed__body>:first-child{margin-top:0}.m-revealed__body>:last-child{margin-bottom:0}.m-revealed__button{margin-top:24px}.m-revealed[data-blend=difference] .m-revealed__frame,.m-revealed[data-blend=exclusion] .m-revealed__frame{background-color:rgb(var(--color-background))}.m-revealed[data-blend=difference] .m-revealed__text{mix-blend-mode:difference}.m-revealed[data-blend=exclusion] .m-revealed__text{mix-blend-mode:exclusion}.m-revealed:not([data-blend=none]) .m-revealed__heading,.m-revealed:not([data-blend=none]) .m-revealed__body{color:var(--rv-blend-color, #fff)}@media(max-width:767px){.m-revealed{--rv-inset-y: var(--rv-inset-y-mobile, 26%);--rv-inset-x: var(--rv-inset-x-mobile, 14%);--rv-scale: var(--rv-scale-mobile, var(--rv-scale-desktop, 1.35));--rv-focus: var(--rv-focus-mobile, var(--rv-focus-desktop, 50% 50%))}.m-revealed__frame{height:100svh}.m-revealed__stage{height:var(--rv-track-mobile, var(--rv-track, 260vh))}.m-revealed__clip img.m-revealed__media--desktop{display:none}.m-revealed__clip img.m-revealed__media--mobile{display:block}.m-revealed[data-blend-mobile=false] .m-revealed__text{mix-blend-mode:normal;--rv-blend-strength: 1}.m-revealed[data-blend-mobile=false] .m-revealed__heading{color:var(--rv-heading-after-color, var(--rv-text-color, rgb(var(--color-heading))))}.m-revealed[data-blend-mobile=false] .m-revealed__body{color:var(--rv-body-color, var(--rv-text-color, rgb(var(--color-foreground))))}}@media(prefers-reduced-motion:reduce){.m-revealed__stage{height:auto}.m-revealed__frame{position:relative;height:var(--rv-static-height, 70vh)}.m-revealed__clip{clip-path:none}.m-revealed__clip img{transform:none}.m-revealed__text--before{display:none}.m-revealed__text--after{opacity:var(--rv-blend-strength, 1)}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/revealed-image.css.map */
