.hero-device{aspect-ratio:1024/960;width:100%;container-type:inline-size}.hero-device-canvas{transform-origin:0 0;width:1024px;height:960px;transform:scale(var(--device-scale,1));position:absolute;top:0;left:0}.before-after-veil{--span:8%;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:linear-gradient(to right, #0000 0%, #0000 calc(var(--amount) - var(--span) * .5), #00000043 calc(var(--amount) - var(--span) * .31), #00000075 calc(var(--amount) - var(--span) * .16), #0000009e calc(var(--amount) - var(--span) * .03), #000000b8 calc(var(--amount) + var(--span) * .065), #000000ce calc(var(--amount) + var(--span) * .15), #000000df calc(var(--amount) + var(--span) * .23), #000000ec calc(var(--amount) + var(--span) * .302), #000000f4 calc(var(--amount) + var(--span) * .361), #000000fa calc(var(--amount) + var(--span) * .41), #000000fd calc(var(--amount) + var(--span) * .452), #000000fe calc(var(--amount) + var(--span) * .482), #000 calc(var(--amount) + var(--span) * .5), #000 100%);mask-image:linear-gradient(to right, #0000 0%, #0000 calc(var(--amount) - var(--span) * .5), #00000043 calc(var(--amount) - var(--span) * .31), #00000075 calc(var(--amount) - var(--span) * .16), #0000009e calc(var(--amount) - var(--span) * .03), #000000b8 calc(var(--amount) + var(--span) * .065), #000000ce calc(var(--amount) + var(--span) * .15), #000000df calc(var(--amount) + var(--span) * .23), #000000ec calc(var(--amount) + var(--span) * .302), #000000f4 calc(var(--amount) + var(--span) * .361), #000000fa calc(var(--amount) + var(--span) * .41), #000000fd calc(var(--amount) + var(--span) * .452), #000000fe calc(var(--amount) + var(--span) * .482), #000 calc(var(--amount) + var(--span) * .5), #000 100%);-webkit-mask-image:linear-gradient(to right, #0000 0%, #0000 calc(var(--amount) - var(--span) * .5), #00000043 calc(var(--amount) - var(--span) * .31), #00000075 calc(var(--amount) - var(--span) * .16), #0000009e calc(var(--amount) - var(--span) * .03), #000000b8 calc(var(--amount) + var(--span) * .065), #000000ce calc(var(--amount) + var(--span) * .15), #000000df calc(var(--amount) + var(--span) * .23), #000000ec calc(var(--amount) + var(--span) * .302), #000000f4 calc(var(--amount) + var(--span) * .361), #000000fa calc(var(--amount) + var(--span) * .41), #000000fd calc(var(--amount) + var(--span) * .452), #000000fe calc(var(--amount) + var(--span) * .482), #000 calc(var(--amount) + var(--span) * .5), #000 100%)}