@property --wd-reveal{syntax: "<number>"; inherits: true; initial-value: 50;}.woodified-hero{--wd-reveal: 50;position:relative;display:block;overflow:hidden;touch-action:pan-y;-webkit-user-select:none;user-select:none}.woodified-hero__frame{position:relative;display:block}.woodified-hero__img{display:block;width:100%;height:auto;aspect-ratio:var(--wd-hero-ratio, 9 / 10);object-fit:cover;background-color:rgba(var(--color-foreground),.04)}.woodified-hero__before{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 calc(100% - var(--wd-reveal) * 1%) 0 0)}.woodified-hero__label{position:absolute;top:16px;z-index:3;padding:4px 12px;border-radius:var(--wd-pill);background-color:rgba(var(--color-background),.7);color:rgb(var(--color-foreground));font-size:12px;line-height:1.3333;letter-spacing:0;text-transform:uppercase;pointer-events:none;transition:opacity var(--wd-transition)}.woodified-hero__label--before{inset-inline-start:16px;opacity:clamp(0,calc(var(--wd-reveal) / 12),1)}.woodified-hero__label--after{inset-inline-end:16px;opacity:clamp(0,calc((100 - var(--wd-reveal)) / 12),1)}.woodified-hero__handle{position:absolute;inset-block:0;inset-inline-start:0;width:100%;transform:translate(calc(var(--wd-reveal) * 1%));pointer-events:none}.woodified-hero__handle:before{content:"";position:absolute;inset-block:0;left:-1.5px;width:3px;background-color:rgb(var(--color-foreground));box-shadow:var(--wd-shadow-hairglow)}.woodified-hero__grip{position:absolute;top:50%;left:0;display:flex;align-items:center;justify-content:center;width:var(--wd-tap);height:var(--wd-tap);transform:translate(-50%,-50%);border-radius:var(--wd-pill);background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));box-shadow:var(--wd-shadow-control)}.woodified-hero__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none;background:transparent}.woodified-hero__range:focus-visible{outline:none}.woodified-hero__range:focus-visible~.woodified-hero__handle .woodified-hero__grip{outline:3px solid rgb(var(--color-foreground));outline-offset:2px}.woodified-hero__range::-webkit-slider-thumb{-webkit-appearance:none;width:44px;height:44px}.woodified-hero__range::-moz-range-thumb{width:44px;height:44px;border:0;opacity:0}@keyframes woodified-hero-intro{0%{--wd-reveal: 50}38%{--wd-reveal: 96}78%{--wd-reveal: 4}to{--wd-reveal: 50}}.woodified-hero[data-intro]{animation:woodified-hero-intro 2.6s cubic-bezier(.65,0,.35,1) .8s 1 none}@media screen and (min-width:750px){.woodified-hero__img{aspect-ratio:var(--wd-hero-ratio-desktop, 12 / 5)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/woodified-hero.css.map */