@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@700&display=swap");.vortex{--vortex-diameter:30rem;--vortex-3d-perspective:1000px;--vortex-3d-perspective-origin:50% 50%;--vortex-element-width:2.4rem;--vortex-element-height:1rem;--vortex-font-family:"Roboto Mono",monospace;--vortex-font-color:#000;--vortex-font-size:0.61rem;--vortex-font-weight:700;--vortex-text-shadow:0 0 1px rgba(0,0,0,0.25),0 1px 3px rgba(0,0,0,0.2);--vortex-rotation-step-0:0deg;--vortex-rotation-step-1:8deg;--vortex-rotation-step-2:16deg;--vortex-rotation-step-3:24deg;--vortex-rotation-step-4:32deg;--vortex-rotation-y-start:0deg;--vortex-rotation-x-start:-90deg;--vortex-rotation-y:var(--vortex-rotation-y-start);--vortex-rotation-x:var(--vortex-rotation-x-start);--vortex-scale-factor:0.25;--vortex-transition-duration:1.5s;--vortex-transition-timing-function:ease-out;--vortex-animation-main-duration:15s;--vortex-animation-sub-duration:1.5s;--vortex-pi-factor:3.14159;--vortex-backface-visibility:hidden;--vortex-text-translate-x-max:-96%;width:100%;height:100%;min-height:400px;display:flex;align-items:center;justify-content:center}.vortex-wrapper{--_diameter:var(--vortex-diameter);--_radius:calc(var(--_diameter) * 0.5);--_element-width:var(--vortex-element-width);--_element-height:var(--vortex-element-height);perspective:var(--vortex-3d-perspective);perspective-origin:var(--vortex-3d-perspective-origin);transform-style:preserve-3d;width:var(--_diameter);height:var(--_diameter);animation-iteration-count:infinite;animation-timing-function:linear;transition-duration:var(--vortex-transition-duration);transition-timing-function:var(--vortex-transition-timing-function)}.vortex-wrapper-rotation-x,.vortex-wrapper-rotation-y{width:inherit;height:inherit;perspective-origin:inherit;transform-style:inherit;animation-iteration-count:inherit;animation-timing-function:inherit;transition-duration:inherit;transition-timing-function:inherit}.vortex-wrapper-rotation-y{animation-name:vortex-animation-main-rotation-y;animation-duration:calc(var(--vortex-animation-main-duration) * var(--vortex-pi-factor));transform:rotateY(var(--vortex-rotation-y))}.vortex-wrapper-rotation-x{animation-name:vortex-animation-main-rotation-x;animation-duration:calc(var(--vortex-animation-main-duration) * (var(--vortex-pi-factor) * 2));transform:rotateX(var(--vortex-rotation-x))}.vortex.vortex--mouse-control .vortex-wrapper-rotation-y{animation:none;transform:rotateY(var(--vortex-rotation-y))}.vortex.vortex--mouse-control .vortex-wrapper-rotation-x{animation:none;transform:rotateX(var(--vortex-rotation-x))}@keyframes vortex-animation-main-rotation-y{0%{transform:rotateY(calc(calc(var(--vortex-rotation-step-4) * -1) + var(--vortex-rotation-y-start)))}25%{transform:rotateY(var(--vortex-rotation-y-start))}50%{transform:rotateY(calc(var(--vortex-rotation-step-4) + var(--vortex-rotation-y-start)))}75%{transform:rotateY(var(--vortex-rotation-y-start))}to{transform:rotateY(calc(calc(var(--vortex-rotation-step-4) * -1) + var(--vortex-rotation-y-start)))}}@keyframes vortex-animation-main-rotation-x{0%{transform:rotateX(calc(calc(var(--vortex-rotation-step-4) * -1) + var(--vortex-rotation-x-start)))}25%{transform:rotateX(var(--vortex-rotation-x-start))}50%{transform:rotateX(calc(var(--vortex-rotation-step-4) + var(--vortex-rotation-x-start)))}75%{transform:rotateX(var(--vortex-rotation-x-start))}to{transform:rotateX(calc(calc(var(--vortex-rotation-step-4) * -1) + var(--vortex-rotation-x-start)))}}.vortex-wrapper .vortex-element{--_width:var(--_element-width);--_height:var(--_element-height);--_rotation:calc(360 / var(--_num-elements) * var(--_i) * 1deg);position:absolute;left:calc(var(--_radius) - var(--_element-width) * .5);top:calc(var(--_radius) - var(--_element-height) * .5);transform:rotateY(var(--_rotation)) translateZ(var(--_radius));transform-style:inherit;width:var(--_width);height:var(--_height)}.vortex-wrapper .vortex-element .vortex-sub-element{--step-angle:12.85deg;--angle:calc((var(--_j) - (var(--_num-sub-elements) - 1) * 0.4) * var(--step-angle));position:absolute;left:50%;top:50%;transform-style:inherit;width:var(--_width);height:var(--_height);display:flex;align-items:center;justify-content:center;transform:rotateX(calc(var(--angle) + 90deg)) translateZ(calc(var(--_radius) * .7)) scaleX(max(calc(calc(var(--_num-sub-elements) - var(--_j)) * var(--vortex-scale-factor)),1))}.vortex-wrapper .vortex-element .vortex-sub-element:first-child>div{mask-image:linear-gradient(90deg,black,transparent)}.vortex-wrapper .vortex-element .vortex-sub-element:last-child>div{mask-image:linear-gradient(90deg,transparent,black)}.vortex-wrapper .vortex-element .vortex-sub-element>div{width:var(--_width);height:var(--_height);transform-style:inherit;transform:rotate(90deg);backface-visibility:var(--vortex-backface-visibility);overflow:hidden}.vortex-wrapper .vortex-element .vortex-sub-element>div>div{width:var(--_width);height:var(--_height);font-family:var(--vortex-font-family);color:var(--vortex-font-color);font-size:var(--vortex-font-size);font-weight:var(--vortex-font-weight);text-shadow:var(--vortex-text-shadow);animation:vortex-animation-sub var(--vortex-animation-sub-duration) linear infinite}@keyframes vortex-animation-sub{0%{transform:translateX(0)}to{transform:translateX(var(--vortex-text-translate-x-max))}}