@property --a{syntax:"<angle>";inherits:false;initial-value:10deg}.kpi__item{flex:1 0 100%}@media screen and (min-width:768px){.kpi__item:first-of-type,.kpi__item:nth-of-type(4){flex:1 0 25%}.kpi__item:nth-of-type(2),.kpi__item:nth-of-type(3){flex:1 0 60%}}.kpi__item__lighted{background:hsl(0 0% 10%);width:200px;position:relative;z-index:0;overflow:hidden;transition:background .1s}.kpi__item__lighted:hover{--active:1}.kpi__item__lighted:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at calc(var(--x-card) * 1px) calc(var(--y-card) * 1px),hsl(0 0% 100%/.15),transparent 35vmin);background-attachment:fixed;opacity:var(--active,0);transition:opacity .2s;pointer-events:none}.kpi__item__lighted:before{--a:10deg;content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:linear-gradient(var(--a),rgb(4,4,3),#706832c3);z-index:-1;animation:rotateBorder 4s linear infinite;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask-composite:destination-out}.kpi__item__lighted:nth-of-type(2):before{animation-delay:.8s;animation-delay:2.5s}@keyframes rotateBorder{0%{--a:0deg}to{--a:360deg}}.dark-background{background-color:var(--background)}.container-3d-text{display:flex;justify-content:center;top:0;position:absolute}.text-3d{top:0;position:relative;font-size:16rem;font-weight:900;color:transparent;background:radial-gradient(circle at var(--x,50%) var(--y,50%),hsl(66,88%,68%) 0,hsl(0 0% 70%) 40%,hsl(0 0% 10%) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 2px hsla(0,0%,0%,.5),0 0 4px hsla(0,0%,0%,.25),1px 1px 1px hsla(270,100%,60%,.3),-2px -2px 2px hsla(261,100%,50%,.3);transition:background .1s,text-shadow .1s}@media screen and (min-width:768px){.text-3d{font-size:24rem;text-shadow:0 0 2px hsla(0,0%,0%,.6),0 0 4px hsla(0,0%,0%,.3),1px 1px 1px hsla(270,100%,60%,.3),-2px -2px 2px hsla(261,100%,50%,.3)}.container-3d-text{width:100%;top:-4em}}.angled-line{position:absolute;z-index:0;top:5%;left:50%;width:500px;height:10px;background:linear-gradient(90deg,transparent,#EBE83D,transparent);background-size:100% 100%;background-position:0 0;transform:translate(-50%) rotate(-60deg);animation:moveGradient 5s ease infinite alternate;pointer-events:none}@keyframes moveGradient{0%{background-position:0 0}to{background-position:100% 0}}