.image-container[data-astro-cid-ztbggtud]{position:relative;--phone-width: 25%;--phone-top: 50%;--phone-left: 15%;--tablet-width: 60%;--tablet-top: 20%;--tablet-left: 60%;--computer-width: 70%;--computer-top: 75%;--computer-left: 65%;--phone-hover-translate-x: 20%;--phone-hover-translate-y: 0%;--phone-hover-scale: 1.8;--tablet-hover-translate-x: -15%;--tablet-hover-translate-y: 30%;--tablet-hover-scale: 1.6;--computer-hover-translate-x: -22%;--computer-hover-translate-y: -30%;--computer-hover-scale: 1.4;--animation-duration: .6s;--animation-easing: cubic-bezier(.4, 0, .2, 1);--opacity-duration: .3s;--base-z-index: 1;--hover-z-index: 10;--non-hover-scale: .85;--non-hover-brightness: 1;--non-hover-opacity: .7;--loaded-opacity: 1;--loading-opacity: 0}.phone-image-wrapper[data-astro-cid-ztbggtud]{position:absolute;width:var(--phone-width);height:auto;top:var(--phone-top);left:var(--phone-left);z-index:var(--base-z-index);transform:translate(-50%,-50%) scale(1);transform-origin:center center;cursor:pointer;will-change:transform;backface-visibility:hidden;transform-style:preserve-3d;opacity:var(--loading-opacity);transition:transform var(--animation-duration) var(--animation-easing),opacity var(--opacity-duration) ease-out,filter var(--animation-duration) var(--animation-easing),z-index 0s var(--animation-duration)}.device-image[data-astro-cid-ztbggtud]{width:100%!important;height:100%!important;display:block!important}.device-image[data-astro-cid-ztbggtud] img[data-astro-cid-ztbggtud]{width:100%!important;height:auto!important;display:block!important;max-width:100%!important;-o-object-fit:contain!important;object-fit:contain!important}.phone-image-wrapper[data-astro-cid-ztbggtud].loaded{opacity:var(--loaded-opacity)}.phone-image-wrapper[data-astro-cid-ztbggtud]:hover{transform:translate(-50%,-50%) translate(var(--phone-hover-translate-x)) translateY(var(--phone-hover-translate-y)) scale(var(--phone-hover-scale));z-index:var(--hover-z-index);transition:transform var(--animation-duration) var(--animation-easing),opacity var(--opacity-duration) ease-out,z-index 0s 0s}@media (prefers-reduced-motion: reduce){.phone-image-wrapper[data-astro-cid-ztbggtud]{transition:opacity var(--opacity-duration) ease-out!important}.phone-image-wrapper[data-astro-cid-ztbggtud]:hover{transform:translate(-50%,-50%) translate(var(--phone-hover-translate-x)) translateY(var(--phone-hover-translate-y)) scale(var(--phone-hover-scale))}}@media (hover: none){.phone-image-wrapper[data-astro-cid-ztbggtud]{will-change:auto}}.tablet-image-wrapper[data-astro-cid-ztbggtud]{position:absolute;width:var(--tablet-width);height:auto;top:var(--tablet-top);left:var(--tablet-left);z-index:var(--base-z-index);transform:translate(-50%,-50%) scale(1);transform-origin:center center;cursor:pointer;will-change:transform;backface-visibility:hidden;transform-style:preserve-3d;opacity:var(--loading-opacity);transition:transform var(--animation-duration) var(--animation-easing),opacity var(--opacity-duration) ease-out,filter var(--animation-duration) var(--animation-easing),z-index 0s var(--animation-duration)}.tablet-image-wrapper[data-astro-cid-ztbggtud].loaded{opacity:var(--loaded-opacity)}.tablet-image-wrapper[data-astro-cid-ztbggtud]:hover{transform:translate(-50%,-50%) translate(var(--tablet-hover-translate-x)) translateY(var(--tablet-hover-translate-y)) scale(var(--tablet-hover-scale));z-index:var(--hover-z-index);transition:transform var(--animation-duration) var(--animation-easing),opacity var(--opacity-duration) ease-out,z-index 0s 0s}.computer-image-wrapper[data-astro-cid-ztbggtud]{position:absolute;width:var(--computer-width);height:auto;top:var(--computer-top);left:var(--computer-left);z-index:var(--base-z-index);transform:translate(-50%,-50%) scale(1);transform-origin:center center;cursor:pointer;will-change:transform;backface-visibility:hidden;transform-style:preserve-3d;opacity:var(--loading-opacity);transition:transform var(--animation-duration) var(--animation-easing),opacity var(--opacity-duration) ease-out,filter var(--animation-duration) var(--animation-easing),z-index 0s var(--animation-duration)}.computer-image-wrapper[data-astro-cid-ztbggtud].loaded{opacity:var(--loaded-opacity)}.computer-image-wrapper[data-astro-cid-ztbggtud]:hover{transform:translate(-50%,-50%) translate(var(--computer-hover-translate-x)) translateY(var(--computer-hover-translate-y)) scale(var(--computer-hover-scale));z-index:var(--hover-z-index);transition:transform var(--animation-duration) var(--animation-easing),opacity var(--opacity-duration) ease-out,z-index 0s 0s}.image-container[data-astro-cid-ztbggtud]:hover .phone-image-wrapper[data-astro-cid-ztbggtud]:hover~.tablet-image-wrapper[data-astro-cid-ztbggtud],.image-container[data-astro-cid-ztbggtud]:hover .phone-image-wrapper[data-astro-cid-ztbggtud]:hover~.computer-image-wrapper[data-astro-cid-ztbggtud]{transform:translate(-50%,-50%) scale(var(--non-hover-scale));filter:brightness(var(--non-hover-brightness));opacity:var(--non-hover-opacity)}.image-container[data-astro-cid-ztbggtud]:hover .tablet-image-wrapper[data-astro-cid-ztbggtud]:hover~.computer-image-wrapper[data-astro-cid-ztbggtud],.image-container[data-astro-cid-ztbggtud]:hover .tablet-image-wrapper[data-astro-cid-ztbggtud]:hover~.phone-image-wrapper[data-astro-cid-ztbggtud]{transform:translate(-50%,-50%) scale(var(--non-hover-scale));filter:brightness(var(--non-hover-brightness));opacity:var(--non-hover-opacity)}.image-container[data-astro-cid-ztbggtud].phone-hovered .tablet-image-wrapper[data-astro-cid-ztbggtud],.image-container[data-astro-cid-ztbggtud].phone-hovered .computer-image-wrapper[data-astro-cid-ztbggtud],.image-container[data-astro-cid-ztbggtud].tablet-hovered .phone-image-wrapper[data-astro-cid-ztbggtud],.image-container[data-astro-cid-ztbggtud].tablet-hovered .computer-image-wrapper[data-astro-cid-ztbggtud],.image-container[data-astro-cid-ztbggtud].computer-hovered .phone-image-wrapper[data-astro-cid-ztbggtud],.image-container[data-astro-cid-ztbggtud].computer-hovered .tablet-image-wrapper[data-astro-cid-ztbggtud]{transform:translate(-50%,-50%) scale(var(--non-hover-scale));filter:brightness(var(--non-hover-brightness));opacity:var(--non-hover-opacity)}@media (prefers-reduced-motion: reduce){.tablet-image-wrapper[data-astro-cid-ztbggtud],.computer-image-wrapper[data-astro-cid-ztbggtud]{transition:opacity var(--opacity-duration) ease-out!important}.tablet-image-wrapper[data-astro-cid-ztbggtud]:hover,.computer-image-wrapper[data-astro-cid-ztbggtud]:hover{transform:translate(-50%,-50%) scale(1.2)}}@media (hover: none){.tablet-image-wrapper[data-astro-cid-ztbggtud],.computer-image-wrapper[data-astro-cid-ztbggtud]{will-change:auto}}