/* Original local effects inspired by 3D Gif Maker controls. No 3dgifmaker code is included. */
:root{--fx-depth:170px;--fx-dist-x:150px;--fx-dist-y:110px;--fx-zoom-scale:1.35;--fx-wobble:12deg;--fx-blur:6px;--fx-glitch:8px;--fx-perspective:820px;--fx-trail:26px;--fx-pixel-size:10px;--fx-sparkle:#fff;--fx-bg:#fff}
.asset-wrap{perspective:var(--fx-perspective);transform-style:preserve-3d}.asset,.asset-shell{transform-style:preserve-3d}.fx-static{animation:none!important}.fx-360-spin,.fx-clockwise-spin{animation-name:fx-spin360;animation-timing-function:linear}.fx-counter-clockwise-spin{animation-name:fx-spin-ccw;animation-timing-function:linear}.fx-360-spin-thick{animation-name:fx-spin360-thick;animation-timing-function:linear}.fx-180-spin-horiz{animation-name:fx-spin180h;animation-timing-function:ease-in-out}.fx-rotating-cube{animation-name:fx-cube;animation-timing-function:linear}.fx-diag-rotating-cube{animation-name:fx-diag-cube;animation-timing-function:linear}.fx-wobbly-rotating-cube{animation-name:fx-wobbly-cube;animation-timing-function:ease-in-out}.fx-rotating-sphere{animation-name:fx-sphere;animation-timing-function:linear}.fx-rotating-head{animation-name:fx-head;animation-timing-function:ease-in-out}.fx-2d-tremble,.fx-tremble{animation-name:fx-tremble;animation-timing-function:steps(2,end)}.fx-wobble{animation-name:fx-wobble;animation-timing-function:ease-in-out}.fx-heartbeat{animation-name:fx-heartbeat;animation-timing-function:ease-in-out}.fx-front-flip{animation-name:fx-front-flip;animation-timing-function:ease-in-out}.fx-top-to-bottom-scroll{animation-name:fx-scroll-down;animation-timing-function:linear}.fx-bottom-to-top-scroll{animation-name:fx-scroll-up;animation-timing-function:linear}.fx-left-to-right-scroll{animation-name:fx-scroll-right;animation-timing-function:linear}.fx-right-to-left-scroll{animation-name:fx-scroll-left;animation-timing-function:linear}.fx-trailing-left-scroll{animation-name:fx-trail-left;animation-timing-function:linear}.fx-trailing-top-scroll{animation-name:fx-trail-top;animation-timing-function:linear}.fx-pyramid{animation-name:fx-pyramid;animation-timing-function:ease-in-out}.fx-blur{animation-name:fx-blur;animation-timing-function:ease-in-out}.fx-fidget-spinner{animation-name:fx-fidget;animation-timing-function:cubic-bezier(.8,0,.2,1)}.fx-circle{animation-name:fx-circle;animation-timing-function:linear}.fx-peek-a-boo{animation-name:fx-peek;animation-timing-function:steps(1,end)}.fx-vertical-wave{animation-name:fx-wave-y;animation-timing-function:ease-in-out}.fx-horizontal-wave{animation-name:fx-wave-x;animation-timing-function:ease-in-out}.fx-swirl{animation-name:fx-swirl;animation-timing-function:ease-in-out}.fx-float{animation-name:fx-float;animation-timing-function:ease-in-out}.fx-five-by-five{animation-name:fx-tile5;animation-timing-function:steps(5,end)}.fx-five-columns{animation-name:fx-columns5;animation-timing-function:steps(5,end)}.fx-five-rows{animation-name:fx-rows5;animation-timing-function:steps(5,end)}.fx-ten-by-ten{animation-name:fx-tile10;animation-timing-function:steps(10,end)}.fx-quilt{animation-name:fx-quilt;animation-timing-function:steps(8,end)}.fx-flipbook{animation-name:fx-flipbook;animation-timing-function:steps(12,end)}.fx-snake{animation-name:fx-snake;animation-timing-function:linear}.fx-gears-in-motion{animation-name:fx-gears;animation-timing-function:linear}.fx-four-corner-shuffle{animation-name:fx-corners;animation-timing-function:steps(4,end)}.fx-four-corners{animation-name:fx-four-corners;animation-timing-function:ease-in-out}.fx-explode{animation-name:fx-explode;animation-timing-function:cubic-bezier(.6,0,.25,1)}.fx-spiral-and-vanish{animation-name:fx-spiral-vanish;animation-timing-function:ease-in}.fx-squishy{animation-name:fx-squishy;animation-timing-function:ease-in-out}.fx-sun-and-planet{animation-name:fx-orbit;animation-timing-function:linear}.fx-blink{animation-name:fx-blink;animation-timing-function:steps(1,end)}.fx-pixel-rain{animation-name:fx-pixel-rain;animation-timing-function:steps(10,end)}.fx-tilted-zoom{animation-name:fx-tilted-zoom;animation-timing-function:ease-in-out}.fx-zoom{animation-name:fx-zoom;animation-timing-function:ease-in-out}.fx-zoom-in-forever{animation-name:fx-zoom-forever;animation-timing-function:linear}.fx-rocking{animation-name:fx-rocking;animation-timing-function:ease-in-out}.fx-inside-sphere{animation-name:fx-inside-sphere;animation-timing-function:ease-in-out}.fx-hue-rotate{animation-name:fx-hue;animation-timing-function:linear}.fx-parallax-scrolling{animation-name:fx-parallax;animation-timing-function:linear}.fx-infinite-hallway{animation-name:fx-hallway;animation-timing-function:linear}.fx-infinite-side-hallway{animation-name:fx-side-hallway;animation-timing-function:linear}.fx-rotating-donut{animation-name:fx-donut;animation-timing-function:linear}.fx-expanding-balloon{animation-name:fx-balloon;animation-timing-function:ease-out}.fx-halfway-high-five{animation-name:fx-high-five;animation-timing-function:ease-in-out}.fx-figure-eight{animation-name:fx-figure-eight;animation-timing-function:linear}.fx-error-windows{animation-name:fx-error-windows;animation-timing-function:steps(5,end)}.fx-dvd-bounce{animation-name:fx-dvd-bounce;animation-timing-function:linear}.fx-random-rotations{animation-name:fx-random-rotations;animation-timing-function:steps(8,end)}.fx-yin-yang{animation-name:fx-yin-yang;animation-timing-function:linear}.fx-glitch-bands,.fx-content-aware-glitch{animation-name:fx-glitch;animation-timing-function:steps(5,end)}.fx-low-poly-sphere{animation-name:fx-low-poly;animation-timing-function:linear}.fx-image-morph{animation-name:fx-morph;animation-timing-function:ease-in-out}.fx-shutter{animation-name:fx-shutter;animation-timing-function:steps(6,end)}.fx-accordion{animation-name:fx-accordion;animation-timing-function:ease-in-out}.fx-shockwave{animation-name:fx-shockwave;animation-timing-function:ease-out}.fx-lens-distort{animation-name:fx-lens;animation-timing-function:ease-in-out}.fx-random-per-frame{animation-name:fx-random-frame;animation-timing-function:steps(12,end)}
.asset-shell.has-tv::after,.asset-shell.has-sparkle::after,.asset-shell.has-ghost::after{content:"";position:absolute;inset:-6%;pointer-events:none;border-radius:inherit}.asset-shell{position:relative}.asset-shell.has-tv::after{background:repeating-linear-gradient(0deg,rgba(255,255,255,.2) 0 1px,rgba(0,0,0,.18) 1px 3px);mix-blend-mode:overlay;animation:fx-tv 1s steps(8,end) infinite}.asset-shell.has-sparkle::after{background:radial-gradient(circle at 20% 30%,var(--fx-sparkle) 0 2px,transparent 3px),radial-gradient(circle at 80% 60%,var(--fx-sparkle) 0 2px,transparent 3px),radial-gradient(circle at 52% 15%,var(--fx-sparkle) 0 1px,transparent 3px);animation:fx-sparkle .85s steps(3,end) infinite}.asset-shell.has-ghost::before{content:"";position:absolute;inset:0;transform:translate(calc(var(--fx-trail)*-.5),calc(var(--fx-trail)*.2));opacity:.24;filter:blur(2px);background:currentColor;mix-blend-mode:multiply;border-radius:18px;z-index:-1}.asset-shell.has-color-fringing{filter:var(--fx-filter) drop-shadow(3px 0 0 rgba(255,0,80,.42)) drop-shadow(-3px 0 0 rgba(0,210,255,.42))!important}.asset-shell.has-glitch-wave{animation:fx-filter-wave .8s steps(5,end) infinite}.asset-shell.has-bulge{transform:var(--fx-shell-transform) scaleX(1.08) scaleY(.96)!important}.asset-shell.has-lava{border-radius:42% 58% 70% 30%/38% 42% 58% 62%;animation:fx-lava 2.8s ease-in-out infinite}.asset-shell.has-explosion{animation:fx-filter-explode 1.2s ease-out infinite}.asset-shell.has-mirror{transform:var(--fx-shell-transform) scaleX(-1)!important}.asset-shell.has-pixelate img,.asset-shell.has-pixelate canvas,.asset-shell.has-pixelate svg{image-rendering:pixelated;filter:contrast(1.08)}
@keyframes fx-spin360{to{transform:rotate(360deg)}}@keyframes fx-spin-ccw{to{transform:rotate(-360deg)}}@keyframes fx-spin360-thick{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.16);filter:drop-shadow(0 0 14px currentColor)}100%{transform:rotate(360deg) scale(1)}}@keyframes fx-spin180h{0%,100%{transform:rotateY(0)}50%{transform:rotateY(180deg)}}@keyframes fx-cube{to{transform:rotateX(360deg) rotateY(360deg)}}@keyframes fx-diag-cube{to{transform:rotateX(360deg) rotateY(270deg) rotateZ(45deg)}}@keyframes fx-wobbly-cube{0%,100%{transform:rotateX(0) rotateY(0)}25%{transform:rotateX(110deg) rotateY(75deg) rotateZ(var(--fx-wobble))}50%{transform:rotateX(220deg) rotateY(170deg) rotateZ(calc(var(--fx-wobble)*-1))}75%{transform:rotateX(310deg) rotateY(260deg) rotateZ(var(--fx-wobble))}}@keyframes fx-sphere{0%{transform:rotateY(0) scaleX(1)}50%{transform:rotateY(180deg) scaleX(.72)}100%{transform:rotateY(360deg) scaleX(1)}}@keyframes fx-head{0%,100%{transform:rotateY(-22deg)}50%{transform:rotateY(22deg)}}@keyframes fx-tremble{0%,100%{transform:translate(0)}25%{transform:translate(-4px,3px) rotate(-2deg)}50%{transform:translate(3px,-3px) rotate(2deg)}75%{transform:translate(-2px,-4px) rotate(-1deg)}}@keyframes fx-wobble{0%,100%{transform:rotate(0)}25%{transform:rotate(var(--fx-wobble))}75%{transform:rotate(calc(var(--fx-wobble)*-1))}}@keyframes fx-heartbeat{0%,100%{transform:scale(1)}14%{transform:scale(1.22)}28%{transform:scale(.96)}42%{transform:scale(1.14)}70%{transform:scale(1)}}@keyframes fx-front-flip{0%{transform:rotateX(0)}50%{transform:rotateX(180deg)}100%{transform:rotateX(360deg)}}@keyframes fx-scroll-down{0%{transform:translateY(-120%)}100%{transform:translateY(120%)}}@keyframes fx-scroll-up{0%{transform:translateY(120%)}100%{transform:translateY(-120%)}}@keyframes fx-scroll-right{0%{transform:translateX(-130%)}100%{transform:translateX(130%)}}@keyframes fx-scroll-left{0%{transform:translateX(130%)}100%{transform:translateX(-130%)}}@keyframes fx-trail-left{0%{transform:translateX(130%);filter:drop-shadow(18px 0 0 rgba(0,0,0,.12))}100%{transform:translateX(-130%);filter:drop-shadow(42px 0 0 rgba(0,0,0,.2))}}@keyframes fx-trail-top{0%{transform:translateY(120%);filter:drop-shadow(0 18px 0 rgba(0,0,0,.12))}100%{transform:translateY(-120%);filter:drop-shadow(0 42px 0 rgba(0,0,0,.2))}}@keyframes fx-pyramid{0%,100%{transform:rotateX(0) scale(1)}50%{transform:rotateX(65deg) scale(.82) translateY(-12%)}}@keyframes fx-blur{0%,100%{filter:blur(0)}50%{filter:blur(var(--fx-blur))}}@keyframes fx-fidget{0%{transform:rotate(0)}40%{transform:rotate(960deg)}65%{transform:rotate(1080deg)}100%{transform:rotate(1440deg)}}@keyframes fx-circle{0%{transform:rotate(0) translateX(var(--fx-dist-x)) rotate(0)}100%{transform:rotate(360deg) translateX(var(--fx-dist-x)) rotate(-360deg)}}@keyframes fx-peek{0%,24%{opacity:0;transform:translateY(30%) scale(.7)}25%,74%{opacity:1;transform:none}75%,100%{opacity:0;transform:translateY(-30%) scale(.7)}}@keyframes fx-wave-y{0%,100%{transform:skewY(0)}25%{transform:skewY(12deg) translateY(-8%)}75%{transform:skewY(-12deg) translateY(8%)}}@keyframes fx-wave-x{0%,100%{transform:skewX(0)}25%{transform:skewX(14deg) translateX(-8%)}75%{transform:skewX(-14deg) translateX(8%)}}@keyframes fx-swirl{0%{transform:rotate(0) scale(1)}50%{transform:rotate(220deg) scale(.45);border-radius:50%}100%{transform:rotate(360deg) scale(1)}}@keyframes fx-float{0%,100%{transform:translateY(0)}50%{transform:translateY(calc(var(--fx-dist-y)*-.35))}}@keyframes fx-tile5{0%{transform:translate(-20%,-20%) scale(.82)}25%{transform:translate(20%,-20%) scale(.82)}50%{transform:translate(20%,20%) scale(.82)}75%{transform:translate(-20%,20%) scale(.82)}100%{transform:translate(0) scale(1)}}@keyframes fx-columns5{0%{transform:translateX(-40%)}100%{transform:translateX(40%)}}@keyframes fx-rows5{0%{transform:translateY(-40%)}100%{transform:translateY(40%)}}@keyframes fx-tile10{0%{transform:translate(-35%,-35%) scale(.72)}50%{transform:translate(35%,35%) scale(.72)}100%{transform:translate(0) scale(1)}}@keyframes fx-quilt{0%,100%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}50%{clip-path:polygon(12% 0,88% 10%,100% 90%,0 76%)}}@keyframes fx-flipbook{0%{transform:rotateY(0)}100%{transform:rotateY(360deg)}}@keyframes fx-snake{0%{transform:translate(-35%,-25%) rotate(0)}25%{transform:translate(35%,-25%) rotate(90deg)}50%{transform:translate(35%,25%) rotate(180deg)}75%{transform:translate(-35%,25%) rotate(270deg)}100%{transform:translate(-35%,-25%) rotate(360deg)}}@keyframes fx-gears{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(.86)}100%{transform:rotate(360deg) scale(1)}}@keyframes fx-corners{0%{transform:translate(-40%,-40%)}25%{transform:translate(40%,-40%)}50%{transform:translate(40%,40%)}75%{transform:translate(-40%,40%)}100%{transform:translate(-40%,-40%)}}@keyframes fx-four-corners{0%{transform:translate(-38%,-38%) rotate(-8deg)}25%{transform:translate(38%,-38%) rotate(8deg)}50%{transform:translate(38%,38%) rotate(-8deg)}75%{transform:translate(-38%,38%) rotate(8deg)}100%{transform:translate(-38%,-38%) rotate(-8deg)}}@keyframes fx-explode{0%{opacity:1;transform:scale(1);filter:blur(0)}70%{opacity:.55;transform:scale(1.7) rotate(22deg);filter:blur(5px)}100%{opacity:0;transform:scale(2.2) rotate(45deg);filter:blur(12px)}}@keyframes fx-spiral-vanish{0%{opacity:1;transform:rotate(0) scale(1)}100%{opacity:0;transform:rotate(900deg) scale(.05)}}@keyframes fx-squishy{0%,100%{transform:scale(1)}25%{transform:scale(1.25,.72)}50%{transform:scale(.78,1.28)}75%{transform:scale(1.12,.86)}}@keyframes fx-orbit{0%{transform:rotate(0) translateX(var(--fx-dist-x)) rotate(0) scale(.74)}100%{transform:rotate(360deg) translateX(var(--fx-dist-x)) rotate(-360deg) scale(.74)}}@keyframes fx-blink{0%,49%{opacity:1}50%,100%{opacity:.08}}@keyframes fx-pixel-rain{0%{transform:translateY(-80%);filter:contrast(2)}100%{transform:translateY(80%);filter:contrast(1.2)}}@keyframes fx-tilted-zoom{0%,100%{transform:rotate(-14deg) scale(.82)}50%{transform:rotate(14deg) scale(var(--fx-zoom-scale))}}@keyframes fx-zoom{0%,100%{transform:scale(1)}50%{transform:scale(var(--fx-zoom-scale))}}@keyframes fx-zoom-forever{0%{transform:scale(.25);opacity:.2}100%{transform:scale(var(--fx-zoom-scale));opacity:1}}@keyframes fx-rocking{0%,100%{transform:rotate(-14deg)}50%{transform:rotate(14deg)}}@keyframes fx-inside-sphere{0%,100%{transform:scale(.82) rotateY(-45deg);filter:brightness(.85)}50%{transform:scale(1.08) rotateY(45deg);filter:brightness(1.25)}}@keyframes fx-hue{to{filter:hue-rotate(360deg)}}@keyframes fx-parallax{0%{transform:translateX(-24%) translateZ(0)}50%{transform:translateX(24%) translateZ(var(--fx-depth))}100%{transform:translateX(-24%) translateZ(0)}}@keyframes fx-hallway{0%{transform:translateZ(calc(var(--fx-depth)*-2)) scale(.2);opacity:.1}100%{transform:translateZ(var(--fx-depth)) scale(1.45);opacity:1}}@keyframes fx-side-hallway{0%{transform:translateX(-80%) translateZ(calc(var(--fx-depth)*-2)) scale(.25);opacity:.1}100%{transform:translateX(80%) translateZ(var(--fx-depth)) scale(1.35);opacity:1}}@keyframes fx-donut{0%{transform:rotateX(70deg) rotateZ(0) scale(1)}100%{transform:rotateX(70deg) rotateZ(360deg) scale(1)}}@keyframes fx-balloon{0%{transform:scale(.18);opacity:.2}70%{transform:scale(1.22);opacity:1}100%{transform:scale(1)}}@keyframes fx-high-five{0%,100%{transform:translateX(-38%) rotate(-18deg)}50%{transform:translateX(38%) rotate(18deg) scale(1.08)}}@keyframes fx-figure-eight{0%{transform:translate(0,-32%) rotate(0)}25%{transform:translate(38%,0) rotate(90deg)}50%{transform:translate(0,32%) rotate(180deg)}75%{transform:translate(-38%,0) rotate(270deg)}100%{transform:translate(0,-32%) rotate(360deg)}}@keyframes fx-error-windows{0%{transform:translate(-30%,-30%)}20%{transform:translate(24%,-20%)}40%{transform:translate(-10%,18%)}60%{transform:translate(34%,24%)}80%{transform:translate(-35%,8%)}100%{transform:translate(0)}}@keyframes fx-dvd-bounce{0%{transform:translate(calc(var(--fx-dist-x)*-1),calc(var(--fx-dist-y)*-1))}25%{transform:translate(var(--fx-dist-x),calc(var(--fx-dist-y)*-.4))}50%{transform:translate(calc(var(--fx-dist-x)*.25),var(--fx-dist-y))}75%{transform:translate(calc(var(--fx-dist-x)*-1),calc(var(--fx-dist-y)*.25))}100%{transform:translate(calc(var(--fx-dist-x)*-1),calc(var(--fx-dist-y)*-1))}}@keyframes fx-random-rotations{0%{transform:rotate(0)}12%{transform:rotate(73deg)}25%{transform:rotate(-34deg)}37%{transform:rotate(194deg)}50%{transform:rotate(-146deg)}63%{transform:rotate(23deg)}75%{transform:rotate(278deg)}88%{transform:rotate(-88deg)}100%{transform:rotate(360deg)}}@keyframes fx-yin-yang{0%{transform:rotate(0) scaleX(1)}50%{transform:rotate(180deg) scaleX(-1)}100%{transform:rotate(360deg) scaleX(1)}}@keyframes fx-glitch{0%{transform:translate(0);clip-path:inset(0);filter:hue-rotate(0)}20%{transform:translate(var(--fx-glitch),-4px);clip-path:inset(10% 0 70% 0);filter:hue-rotate(70deg)}40%{transform:translate(calc(var(--fx-glitch)*-1),4px);clip-path:inset(55% 0 15% 0);filter:hue-rotate(160deg)}60%{transform:translate(3px,0);clip-path:inset(30% 0 35% 0)}80%,100%{transform:translate(0);clip-path:inset(0);filter:hue-rotate(0)}}@keyframes fx-low-poly{0%,100%{filter:contrast(1.2) saturate(1.3);transform:rotateY(0)}50%{filter:contrast(1.8) saturate(.7);transform:rotateY(180deg)}}@keyframes fx-morph{0%,100%{border-radius:8%;transform:scale(1) skew(0)}50%{border-radius:48% 30% 52% 36%;transform:scale(1.08) skew(-8deg,4deg)}}@keyframes fx-shutter{0%,100%{clip-path:inset(0 0 0 0)}50%{clip-path:inset(0 42% 0 42%)}}@keyframes fx-accordion{0%,100%{transform:scaleX(1)}30%{transform:scaleX(.12)}60%{transform:scaleX(1.24)}}@keyframes fx-shockwave{0%{transform:scale(.75);filter:blur(0);opacity:.8}60%{transform:scale(1.45);filter:blur(3px);opacity:1}100%{transform:scale(1);filter:blur(0);opacity:1}}@keyframes fx-lens{0%,100%{transform:scale(1) skew(0)}50%{transform:scale(1.18) skew(8deg,-5deg);filter:contrast(1.3)}}@keyframes fx-random-frame{0%{transform:translate(0) rotate(0) scale(1)}10%{transform:translate(-15%,6%) rotate(-11deg) scale(.9)}20%{transform:translate(12%,-8%) rotate(18deg) scale(1.08)}35%{transform:translate(-4%,18%) rotate(4deg) scale(.82)}55%{transform:translate(16%,12%) rotate(-22deg) scale(1.22)}75%{transform:translate(-18%,-10%) rotate(11deg) scale(.96)}100%{transform:translate(0) rotate(0) scale(1)}}@keyframes fx-tv{50%{opacity:.5;transform:translateY(2px)}}@keyframes fx-sparkle{0%{opacity:.2;transform:scale(.8)}50%{opacity:.9;transform:scale(1.08)}100%{opacity:.35;transform:scale(.92)}}@keyframes fx-filter-wave{0%,100%{transform:var(--fx-shell-transform)}25%{transform:var(--fx-shell-transform) skewX(7deg) translateX(3px)}50%{transform:var(--fx-shell-transform) skewX(-5deg) translateX(-3px)}}@keyframes fx-lava{0%,100%{border-radius:42% 58% 70% 30%/38% 42% 58% 62%}50%{border-radius:64% 36% 44% 56%/56% 68% 32% 44%}}@keyframes fx-filter-explode{0%,100%{filter:var(--fx-filter)}50%{filter:var(--fx-filter) blur(4px) brightness(1.5)}}

/* v3: exact names visible in the 3D Gif Maker animation selector screenshots. These are local approximations. */
.fx-thick-360-spin{animation-name:fx-spin360-thick;animation-timing-function:linear}
.fx-180-spin{animation-name:fx-spin180;animation-timing-function:ease-in-out}
.fx-horiz-rotating-cube{animation-name:fx-horiz-cube;animation-timing-function:linear}
.fx-circle-peek-a-boo{animation-name:fx-circle-peek;animation-timing-function:ease-in-out}
.fx-circle-peek-a-boo{clip-path:circle(55% at 50% 50%)}
@keyframes fx-spin180{0%,100%{transform:rotateY(0deg)}50%{transform:rotateY(180deg)}}
@keyframes fx-horiz-cube{0%{transform:rotateY(0deg) rotateX(0deg)}25%{transform:rotateY(90deg) rotateX(0deg) scaleX(.86)}50%{transform:rotateY(180deg) rotateX(0deg) scaleX(.72)}75%{transform:rotateY(270deg) rotateX(0deg) scaleX(.86)}100%{transform:rotateY(360deg) rotateX(0deg)}}
@keyframes fx-circle-peek{0%,100%{clip-path:circle(10% at 0% 50%);transform:translateX(-24%) scale(.92);opacity:.55}25%{clip-path:circle(42% at 30% 50%);transform:translateX(-8%) scale(1);opacity:1}50%{clip-path:circle(55% at 50% 50%);transform:translateX(0) scale(1.04);opacity:1}75%{clip-path:circle(42% at 70% 50%);transform:translateX(8%) scale(1);opacity:1}}