Back
Complete & Review your ring
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && $root.querySelector('video').play()"
@mouseleave="window.innerWidth > 768 && $root.querySelector('video').pause()"
@slide-enter="$root.querySelector('video').play()"
@slide-leave="$root.querySelector('video').pause()"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && $root.querySelector('video').play()"
@mouseleave="window.innerWidth > 768 && $root.querySelector('video').pause()"
@slide-enter="$root.querySelector('video').play()"
@slide-leave="$root.querySelector('video').pause()"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && $root.querySelector('video').play()"
@mouseleave="window.innerWidth > 768 && $root.querySelector('video').pause()"
@slide-enter="$root.querySelector('video').play()"
@slide-leave="$root.querySelector('video').pause()"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && $root.querySelector('video').play()"
@mouseleave="window.innerWidth > 768 && $root.querySelector('video').pause()"
@slide-enter="$root.querySelector('video').play()"
@slide-leave="$root.querySelector('video').pause()"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && $root.querySelector('video').play()"
@mouseleave="window.innerWidth > 768 && $root.querySelector('video').pause()"
@slide-enter="$root.querySelector('video').play()"
@slide-leave="$root.querySelector('video').pause()"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && $root.querySelector('video').play()"
@mouseleave="window.innerWidth > 768 && $root.querySelector('video').pause()"
@slide-enter="$root.querySelector('video').play()"
@slide-leave="$root.querySelector('video').pause()"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && $root.querySelector('video').play()"
@mouseleave="window.innerWidth > 768 && $root.querySelector('video').pause()"
@slide-enter="$root.querySelector('video').play()"
@slide-leave="$root.querySelector('video').pause()"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && $root.querySelector('video').play()"
@mouseleave="window.innerWidth > 768 && $root.querySelector('video').pause()"
@slide-enter="$root.querySelector('video').play()"
@slide-leave="$root.querySelector('video').pause()"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && $root.querySelector('video').play()"
@mouseleave="window.innerWidth > 768 && $root.querySelector('video').pause()"
@slide-enter="$root.querySelector('video').play()"
@slide-leave="$root.querySelector('video').pause()"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && $root.querySelector('video').play()"
@mouseleave="window.innerWidth > 768 && $root.querySelector('video').pause()"
@slide-enter="$root.querySelector('video').play()"
@slide-leave="$root.querySelector('video').pause()"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && $root.querySelector('video').play()"
@mouseleave="window.innerWidth > 768 && $root.querySelector('video').pause()"
@slide-enter="$root.querySelector('video').play()"
@slide-leave="$root.querySelector('video').pause()"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && $root.querySelector('video').play()"
@mouseleave="window.innerWidth > 768 && $root.querySelector('video').pause()"
@slide-enter="$root.querySelector('video').play()"
@slide-leave="$root.querySelector('video').pause()"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && $root.querySelector('video').play()"
@mouseleave="window.innerWidth > 768 && $root.querySelector('video').pause()"
@slide-enter="$root.querySelector('video').play()"
@slide-leave="$root.querySelector('video').pause()"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && $root.querySelector('video').play()"
@mouseleave="window.innerWidth > 768 && $root.querySelector('video').pause()"
@slide-enter="$root.querySelector('video').play()"
@slide-leave="$root.querySelector('video').pause()"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && $root.querySelector('video').play()"
@mouseleave="window.innerWidth > 768 && $root.querySelector('video').pause()"
@slide-enter="$root.querySelector('video').play()"
@slide-leave="$root.querySelector('video').pause()"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && $root.querySelector('video').play()"
@mouseleave="window.innerWidth > 768 && $root.querySelector('video').pause()"
@slide-enter="$root.querySelector('video').play()"
@slide-leave="$root.querySelector('video').pause()"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && $root.querySelector('video').play()"
@mouseleave="window.innerWidth > 768 && $root.querySelector('video').pause()"
@slide-enter="$root.querySelector('video').play()"
@slide-leave="$root.querySelector('video').pause()"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && $root.querySelector('video').play()"
@mouseleave="window.innerWidth > 768 && $root.querySelector('video').pause()"
@slide-enter="$root.querySelector('video').play()"
@slide-leave="$root.querySelector('video').pause()"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && $root.querySelector('video').play()"
@mouseleave="window.innerWidth > 768 && $root.querySelector('video').pause()"
@slide-enter="$root.querySelector('video').play()"
@slide-leave="$root.querySelector('video').pause()"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && $root.querySelector('video').play()"
@mouseleave="window.innerWidth > 768 && $root.querySelector('video').pause()"
@slide-enter="$root.querySelector('video').play()"
@slide-leave="$root.querySelector('video').pause()"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && $root.querySelector('video').play()"
@mouseleave="window.innerWidth > 768 && $root.querySelector('video').pause()"
@slide-enter="$root.querySelector('video').play()"
@slide-leave="$root.querySelector('video').pause()"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && $root.querySelector('video').play()"
@mouseleave="window.innerWidth > 768 && $root.querySelector('video').pause()"
@slide-enter="$root.querySelector('video').play()"
@slide-leave="$root.querySelector('video').pause()"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && $root.querySelector('video').play()"
@mouseleave="window.innerWidth > 768 && $root.querySelector('video').pause()"
@slide-enter="$root.querySelector('video').play()"
@slide-leave="$root.querySelector('video').pause()"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && $root.querySelector('video').play()"
@mouseleave="window.innerWidth > 768 && $root.querySelector('video').pause()"
@slide-enter="$root.querySelector('video').play()"
@slide-leave="$root.querySelector('video').pause()"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && $root.querySelector('video').play()"
@mouseleave="window.innerWidth > 768 && $root.querySelector('video').pause()"
@slide-enter="$root.querySelector('video').play()"
@slide-leave="$root.querySelector('video').pause()"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && $root.querySelector('video').play()"
@mouseleave="window.innerWidth > 768 && $root.querySelector('video').pause()"
@slide-enter="$root.querySelector('video').play()"
@slide-leave="$root.querySelector('video').pause()"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && $root.querySelector('video').play()"
@mouseleave="window.innerWidth > 768 && $root.querySelector('video').pause()"
@slide-enter="$root.querySelector('video').play()"
@slide-leave="$root.querySelector('video').pause()"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && $root.querySelector('video').play()"
@mouseleave="window.innerWidth > 768 && $root.querySelector('video').pause()"
@slide-enter="$root.querySelector('video').play()"
@slide-leave="$root.querySelector('video').pause()"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>
768 && $root.querySelector('video').play()"
@mouseleave="window.innerWidth > 768 && $root.querySelector('video').pause()"
@slide-enter="$root.querySelector('video').play()"
@slide-leave="$root.querySelector('video').pause()"
>
768 && (active = true)"
@mouseleave="active = false"
@mousemove="e => {
const rect = $root.getBoundingClientRect();
x = ((e.clientX - rect.left) / rect.width) * 100;
y = ((e.clientY - rect.top) / rect.height) * 100;
}"
>