.cantabular__animated-gradient{--colour-bg: #161F3A;--colour-grad: 20, 81, 98;--circle-size: 200%;--blending: initial;--button-fgc: #fff;--button-border-colour: var(--c-primary-bright);position:relative;top:0;left:0;aspect-ratio:3 / 2;background-color:var(--colour-bg);color:#fff}@media (width > 550px){.cantabular__animated-gradient{--circle-size: 130% }}@media (width > 900px){.cantabular__animated-gradient{--circle-size: 80% }}.cantabular__animated-gradient__content{position:relative}.cantabular__animated-gradient__effect{position:absolute;left:0;top:0;height:100%;width:100%;-webkit-clip-path:border-box;clip-path:border-box;overflow:hidden;border-radius:inherit;filter:url(#effect-animated-gradient) blur(50px);pointer-events:none}.cantabular__animated-gradient__1,.cantabular__animated-gradient__2,.cantabular__animated-gradient__3,.cantabular__animated-gradient__4,.cantabular__animated-gradient__5{position:absolute;aspect-ratio:1;width:var(--circle-size);background:radial-gradient(circle at center,rgba(var(--colour-grad),.8) 0,rgba(var(--colour-grad),0) 50%) no-repeat;mix-blend-mode:var(--blending);opacity:1}.cantabular__animated-gradient__1{top:10%;left:-40%;animation:cantabularMoveVertical 37s ease infinite;transform-origin:center center}@media (width > 800px){.cantabular__animated-gradient__1{top:calc(50% - var(--circle-size) / 2);left:calc(50% - var(--circle-size) / 2)}}.cantabular__animated-gradient__2{top:15%;left:calc(5% - var(--circle-size) / 2);animation:cantabularMoveInCircle 59s reverse infinite;transform-origin:calc(50% - 40px)}@media (width > 800px){.cantabular__animated-gradient__2{top:calc(5% - var(--circle-size) / 2)}}.cantabular__animated-gradient__3{top:20%;right:-70%;animation:cantabularMoveInCircle 43s linear infinite;transform-origin:10%}@media (width > 800px){.cantabular__animated-gradient__3{top:calc(50% - var(--circle-size) / 2)}}.cantabular__animated-gradient__4{top:-10%;left:calc(50% - var(--circle-size) / 2);animation:cantabularMoveHorizontal 53s ease infinite -20s reverse;transform-origin:calc(50% - 200px)}@media (width > 800px){.cantabular__animated-gradient__4{top:calc(50% - var(--circle-size) / 2)}}.cantabular__animated-gradient__5{top:50%;left:50%;animation:cantabularMoveInCircle 29s ease infinite;transform-origin:calc(50% - 800px) calc(50% + 200px)}@media (width > 800px){.cantabular__animated-gradient__5{top:calc(50% - var(--circle-size));left:calc(50% - var(--circle-size))}}.cantabular__spinner{--rotate: 0deg;--width: 400px;--speed: 8s;--delay: 0ms;overflow:clip;aspect-ratio:3 / 2;width:100%;background:linear-gradient(127deg,#151b35 .81%,#183257 97.65%)}.cantabular__spinner__anim{grid-column:1 / 1;grid-row:1 / 1;position:relative;aspect-ratio:3 / 2;width:100%}.cantabular__spinner svg{position:absolute;left:calc(50% - (var(--width) / 2));top:calc(95% - var(--width) / 2);rotate:var(--rotate);aspect-ratio:1;width:var(--width);animation:cantabularSpin var(--speed) cubic-bezier(.28,.49,.77,.48) var(--delay) infinite reverse;transform-origin:center}.cantabular__spinner svg:nth-of-type(3n) path{stroke-width:2px!important}.cantabular__spinner svg:nth-of-type(9n){animation:cantabularSpin var(--speed) cubic-bezier(.3,.56,.77,.43) var(--delay) infinite reverse}.cantabular__spinner svg:nth-of-type(9n) path{stroke-width:1px!important}.cantabular__spinner svg:nth-of-type(12n){animation:cantabularSpin var(--speed) cubic-bezier(.4,.53,.63,.51) var(--delay) infinite reverse}.cantabular__spinner svg:nth-of-type(12n) path{stroke-width:2px!important}.cantabular__spinner svg:nth-of-type(18n) path{stroke-width:2px!important}@media (width < 1000px){.cantabular__spinner svg:nth-of-type(3n){display:none}}@media (width < 450px){.cantabular__spinner svg:nth-of-type(2n){display:none}}.cantabular__data-types{width:40%;max-width:400px;grid-column:1 / 1;grid-row:1 / 1}.cantabular__data-types__anim{width:100%}.cantabular__data-types__background{grid-column:1 / 1;grid-row:1 / 1}.cantabular__data-types__doughnut{stroke:#2b3a66;stroke-width:14px;stroke-dasharray:58 42;transform-box:content-box;transform-origin:center;rotate:61deg;animation:cantabular-data-types-doughnut 4s ease-in-out alternate infinite}.cantabular__data-types__doughnut-2{stroke:#b2dddf;stroke-width:14px;stroke-dasharray:42 58;transform-box:content-box;transform-origin:center;rotate:-90deg;opacity:.5;animation:cantabular-data-types-doughnut-2 4s ease-in-out alternate infinite}.cantabular__data-types__percentage{counter-increment:percentage 42;animation:cantabular-data-types-percentage 4s ease-in-out alternate infinite}.cantabular__data-types__percentage:after{content:counter(percentage) "%";display:block;color:#2b3a66;letter-spacing:-.03ch;text-align:right;font-size:24px;font-weight:var(--font-1-bold)}.cantabular__data-types__dot-1{fill:#319a99;animation:cantabular-data-types-dot-1 7s ease-in-out var(--delay, 0s) alternate infinite}.cantabular__data-types__dot-2{fill:#319a99;animation:cantabular-data-types-dot-2 5s ease-in-out var(--delay, 0s) alternate infinite}.cantabular__noise-injection{aspect-ratio:3 / 2;width:100%;background-color:#e4f4f4}.cantabular__noise-injection__dots{width:50%;max-width:350px}.cantabular__noise-injection__dots>g>:nth-child(n){animation:cantabular-noise-injection 6s infinite -.5s}.cantabular__noise-injection__dots>g>:nth-child(2n){animation:cantabular-noise-injection 6s infinite -.4s}.cantabular__noise-injection__dots>g>:nth-child(3n){animation:cantabular-noise-injection 6s infinite -.3s}.cantabular__noise-injection__dots>g>:nth-child(4n){animation:cantabular-noise-injection 6s infinite -.2s}.cantabular__noise-injection__dots>g>:nth-child(5n){animation:cantabular-noise-injection 6s infinite -.1s}@keyframes cantabular-noise-injection{0%,80%,to{opacity:0}5%,75%{opacity:1}}@keyframes cantabularMoveInCircle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cantabularMoveVertical{0%{transform:translateY(-50%);rotate:10deg}50%{transform:translateY(50%);rotate:-20deg}to{transform:translateY(-50%);rotate:10deg}}@keyframes cantabularMoveHorizontal{0%{transform:translate(-50%) translateY(-10%);rotate:0deg}50%{transform:translate(50%) translateY(10%);rotate:-30deg}to{transform:translate(-50%) translateY(-10%);rotate:0deg}}@keyframes cantabularSpin{0%{transform:rotate(0);opacity:1}30%{opacity:1}31%{opacity:0}60%{opacity:0}90%{opacity:1}to{transform:rotate(360deg);opacity:1}}@keyframes cantabular-data-types-dot-1{0%{fill:#319a99}85%{fill:#319a99}86%{fill:#2b3a66}to{fill:#2b3a66}}@keyframes cantabular-data-types-dot-2{0%{fill:#319a99}60%{fill:#319a99}61%{fill:#81d9d3}to{fill:#81d9d3}}@keyframes cantabular-data-types-doughnut{0%,35%{stroke-dasharray:58 42;rotate:61deg}75%,to{stroke-dasharray:40 60;rotate:126deg}}@keyframes cantabular-data-types-doughnut-2{0%,35%{stroke-dasharray:42 58}75%,to{stroke-dasharray:60 40}}@keyframes cantabular-data-types-percentage{0%{counter-increment:percentage 42}35%{counter-increment:percentage 42}38%{counter-increment:percentage 43}43%{counter-increment:percentage 44}46%{counter-increment:percentage 46}49%{counter-increment:percentage 48}54%{counter-increment:percentage 50}56%{counter-increment:percentage 52}59%{counter-increment:percentage 54}64%{counter-increment:percentage 56}69%{counter-increment:percentage 58}74%{counter-increment:percentage 60}to{counter-increment:percentage 60}}
