/* The two fixed background layers every page of the site sits on.
   Both are verbatim from src/index.css. */
:root{
--bg-topo-dots:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c1.38 0 2.63.56 3.54 1.46L12 22l-2.54-2.54A5.008 5.008 0 0 1 11 18zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm9 11a5 5 0 1 1 0 10 5 5 0 0 1 0-10zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm-9 11a5 5 0 1 1 0 10 5 5 0 0 1 0-10zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm9 11a5 5 0 1 1 0 10 5 5 0 0 1 0-10zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm-9 11a5 5 0 1 1 0 10 5 5 0 0 1 0-10zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm9 11a5 5 0 1 1 0 10 5 5 0 0 1 0-10zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6z' fill='%2377C983' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");
--bg-topo-lines:url("data:image/svg+xml,%3Csvg width='1000' height='1000' viewBox='0 0 1000 1000' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 50 Q 250 150 500 50 T 1000 50' fill='none' stroke='%2377C983' stroke-width='1' stroke-opacity='0.3'/%3E%3Cpath d='M0 150 Q 250 50 500 150 T 1000 150' fill='none' stroke='%2377C983' stroke-width='1' stroke-opacity='0.3'/%3E%3Cpath d='M0 250 Q 250 350 500 250 T 1000 250' fill='none' stroke='%2377C983' stroke-width='1' stroke-opacity='0.3'/%3E%3Cpath d='M0 350 Q 250 250 500 350 T 1000 350' fill='none' stroke='%2377C983' stroke-width='1' stroke-opacity='0.3'/%3E%3Cpath d='M0 450 Q 250 550 500 450 T 1000 450' fill='none' stroke='%2377C983' stroke-width='1' stroke-opacity='0.3'/%3E%3Cpath d='M0 550 Q 250 450 500 550 T 1000 550' fill='none' stroke='%2377C983' stroke-width='1' stroke-opacity='0.3'/%3E%3Cpath d='M0 650 Q 250 750 500 650 T 1000 650' fill='none' stroke='%2377C983' stroke-width='1' stroke-opacity='0.3'/%3E%3Cpath d='M0 750 Q 250 650 500 750 T 1000 750' fill='none' stroke='%2377C983' stroke-width='1' stroke-opacity='0.3'/%3E%3Cpath d='M0 850 Q 250 950 500 850 T 1000 850' fill='none' stroke='%2377C983' stroke-width='1' stroke-opacity='0.3'/%3E%3Cpath d='M0 950 Q 250 850 500 950 T 1000 950' fill='none' stroke='%2377C983' stroke-width='1' stroke-opacity='0.3'/%3E%3Cpath d='M0 1050 Q 250 950 500 1050 T 1000 1050' fill='none' stroke='%2377C983' stroke-width='1' stroke-opacity='0.3'/%3E%3C/svg%3E");
--bg-glow-radial:radial-gradient(circle at 80% 20%,#77C983 0%,transparent 40%);
--bg-protection-scrim:linear-gradient(to top,rgba(0,0,0,0.60),transparent);
}
.ashbix-topo-dots{background-image:var(--bg-topo-dots)}
.ashbix-topo-lines{background-image:var(--bg-topo-lines);background-size:1000px 1000px;background-position:top center;background-repeat:repeat;transition:filter var(--duration-base) ease}
.ashbix-topo-container:hover .ashbix-topo-lines{filter:drop-shadow(0 0 12px rgba(119,201,131,0.9)) drop-shadow(0 0 4px rgba(119,201,131,0.5))}
@keyframes ashbix-marquee{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}