export declare const ANIMATED_SVG = "<svg role=\"img\" aria-label=\"Lux\" viewBox=\"0 0 100 100\" xmlns=\"http://www.w3.org/2000/svg\">\n<!-- 3-D pyramid tumble (symmetric ridge + specular rake) \u2192 hover: vertical-axis turn \u2192 press: squash. Pure CSS, no JS. Generated from the @hanzo logo tuner \u2014 edit there, not here. -->\n<defs>\n<linearGradient id=\"lxridge\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\n<stop offset=\"0\" stop-color=\"#6f6f80\"/><stop offset=\".5\" stop-color=\"#6f6f80\" stop-opacity=\"0\"/><stop offset=\"1\" stop-color=\"#6f6f80\"/></linearGradient>\n<linearGradient id=\"lxsheen\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\n<stop offset=\"0\" stop-color=\"#fff\" stop-opacity=\"0\"/><stop offset=\".5\" stop-color=\"#fff\" stop-opacity=\".9\"/><stop offset=\"1\" stop-color=\"#fff\" stop-opacity=\"0\"/></linearGradient>\n<clipPath id=\"lxtri\"><path d=\"M50 88 L17.09 31 L82.91 31 Z\"/></clipPath>\n</defs>\n<style>\n.pyr{transform-box:view-box;transform-origin:50px 50px;opacity:0;animation:lxrise 1.07s cubic-bezier(.55,0,.3,1) forwards}\n@keyframes lxrise{0%{opacity:0;transform:perspective(340px) rotateX(9.63deg) translateY(8%) scale(.05)}30%{opacity:1}72%{transform:perspective(340px) rotateX(9.63deg) translateY(-1%) scale(1.05)}100%{opacity:1;transform:perspective(340px) rotateX(9.63deg) translateY(0) scale(1)}}\n.shade{opacity:0;animation:lxshade 1.07s cubic-bezier(.62,0,.18,1) forwards}\n@keyframes lxshade{0%{opacity:0}30%{opacity:.82}100%{opacity:.17}}\n.spec{opacity:0;transform:translateX(-70px) rotate(-29deg);transform-box:fill-box;transform-origin:center;animation:lxspec 1.07s cubic-bezier(.5,0,.2,1) forwards}\n@keyframes lxspec{0%{opacity:0;transform:translateX(-70px) rotate(-29deg)}42%{opacity:.85}100%{opacity:0;transform:translateX(70px) rotate(-29deg)}}\n@media (prefers-reduced-motion:reduce){.pyr,.shade,.spec{animation:none;transform:none;opacity:1}.pyr{transform:perspective(340px) rotateX(9.63deg)}.shade{opacity:.17}.spec{opacity:0}}\n\n/* interaction \u2014 pure CSS, no JS: hover = one graceful turn (returns to rest), press = squash */\n.lux-hov{transform-box:view-box;transform-origin:50px 50px}\n.lux-prs{transform-box:view-box;transform-origin:50px 50px;transition:transform .22s cubic-bezier(.22,1,.36,1)}\nsvg:hover .lux-hov{animation:luxTurn 1s cubic-bezier(.45,0,.2,1)}\nsvg:active .lux-prs{transform:scale(.95)}\n@keyframes luxTurn{0%{transform:perspective(340px) rotateY(0)}100%{transform:perspective(340px) rotateY(360deg)}}\n@media (prefers-reduced-motion:reduce){.lux-hov,.lux-prs{animation:none!important;transform:none!important}.pyr,.shade,.spec{animation:none;transform:none;opacity:1}.shade{opacity:.17}.spec{opacity:0}}\n</style>\n<g class=\"lux-hov\"><g class=\"lux-prs\">\n<g class=\"pyr\">\n<path d=\"M50 88 L17.09 31 L82.91 31 Z\" fill=\"#fff\"/>\n<path class=\"shade\" d=\"M50 88 L17.09 31 L82.91 31 Z\" fill=\"url(#lxridge)\"/>\n<g clip-path=\"url(#lxtri)\"><rect class=\"spec\" x=\"20\" y=\"-12\" width=\"26\" height=\"124\" fill=\"url(#lxsheen)\"/></g>\n</g>\n</g></g>\n</svg>";
//# sourceMappingURL=animated.d.ts.map