.bonfy-dashboard-stats{margin:0 auto;position:relative;width:100%}@media (max-width:768px){.bonfy-dashboard-stats__canvas{--itemStatSeparation:10px;--gridSpacingDefault:5px}}.bonfy-dashboard-stats__canvas{--itemStatSeparation:20px;--gridSpacingDefault:10px;background:linear-gradient(180deg,transparent 0,transparent var(--gradient-start,15%),rgba(4,83,210,.3) var(--gradient-middle,35%),var(--backgroundColorGradientPrimary) var(--gradient-peak,60%),rgba(4,83,210,.3) var(--gradient-fade,80%),transparent var(--gradient-end,90%),transparent 100%);border-radius:16px;overflow:hidden;position:relative;&:before{background-image:repeating-linear-gradient(0deg,var(--backgroundColorGradientAccent) 0,var(--backgroundColorGradientAccent) 1px,transparent 1px,transparent var(--gridSpacingDefault)),repeating-linear-gradient(90deg,var(--backgroundColorGradientAccent) 0,var(--backgroundColorGradientAccent) 1px,transparent 1px,transparent var(--gridSpacingDefault));height:100%;width:100%}&:after,&:before{content:"";left:0;position:absolute;top:0;z-index:0}&:after{animation:bonfy-rotate 60s linear infinite;background-image:url(https://www.bonfy.ai/hubfs/bonfy--sphere.png);background-position:50%;background-repeat:no-repeat;background-size:contain;bottom:0;height:80%;margin:auto;opacity:.2;pointer-events:none;right:0;transform:rotate(0deg);transform-origin:center center;transform-style:preserve-3d;width:80%;will-change:transform}}@keyframes bonfy-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.bonfy-dashboard-stats__canvas-inner{display:flex;flex-direction:row;flex-wrap:wrap;margin:0 auto;max-width:var(--bonfy-canvas-inner-max-width,90%);position:relative;transform:rotate(-30deg) translateY(-10%);z-index:1}@media (max-width:768px){.bonfy-dashboard-stats__canvas-inner{--bonfy-canvas-inner-max-width:100%}}@media (max-width:320px){.bonfy-dashboard-stats__canvas-inner{--bonfy-canvas-inner-max-width:120%;width:120%}}.bonfy-dashboard-stats__canvas:before{content:"";left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:0}.bonfy-dashboard-stats__card{padding:var(--itemStatSeparation);width:50%}.bonfy-dashboard-stats__card:nth-child(2n){transform:translateY(50%)}.bonfy-dashboard-stats__card-inner{background:rgba(4,3,46,.8);border:.95px solid rgba(247,249,252,.2);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;opacity:1;padding:20px;text-decoration:none;transform:translateY(0);transition:background-color .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:1}.bonfy-dashboard-stats__card-inner:hover{box-shadow:0 8px 24px rgba(12,10,38,.35);transform:translateY(-4px)}.bonfy-dashboard-stats__card-inner:focus{outline:2px solid #5b9bd3;outline-offset:3px}.bonfy-dashboard-stats__card-media{flex-shrink:0;height:22px;margin-bottom:8px;width:22px}.bonfy-dashboard-stats__card-inner:not(:has(.bonfy-dashboard-stats__card-media)) .bonfy-dashboard-stats__card-title{margin-top:8px}.bonfy-dashboard-stats__image{height:100%;object-fit:contain;width:100%}.bonfy-dashboard-stats__card-title{color:#fff;flex:1;font-family:Inter,sans-serif;font-size:20px;font-weight:500;letter-spacing:normal;line-height:1.2;margin:10px 0 0}.bonfy-dashboard-stats__pill{align-items:center;align-self:flex-start;background:hsla(0,0%,100%,.2);border-radius:50px;display:flex;justify-content:center;margin-top:15px;padding:2px 15px 2.5px}.bonfy-dashboard-stats__pill-value{color:var(--colorP4);font-family:Inter,sans-serif;font-size:20px;font-weight:var(--light);margin:0}.bonfy-dashboard-stats--grid .bonfy-dashboard-stats__canvas{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(256px,1fr));min-height:auto;padding:20px}.bonfy-dashboard-stats--grid .bonfy-dashboard-stats__card{left:auto;margin:0;position:relative;top:auto}.bonfy-dashboard-stats--linear .bonfy-dashboard-stats__canvas{display:flex;flex-direction:column;gap:24px;min-height:auto;padding:20px}.bonfy-dashboard-stats--linear .bonfy-dashboard-stats__card{align-self:center;left:auto;margin:0;max-width:400px;position:relative;top:auto;width:100%}.bonfy-dashboard-stats--animated .bonfy-dashboard-stats__card{opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.4,0,.2,1)}.bonfy-dashboard-stats--animated.bonfy-stats-animate .bonfy-dashboard-stats__card:nth-child(2n){opacity:1;transform:translateY(50%)}.bonfy-dashboard-stats--animated.bonfy-stats-animate .bonfy-dashboard-stats__card:not(:nth-child(2n)){opacity:1;transform:translateY(0)}.bonfy-dashboard-stats--animated.bonfy-stats-animate .bonfy-dashboard-stats__card:first-child{transition-delay:.1s}.bonfy-dashboard-stats--animated.bonfy-stats-animate .bonfy-dashboard-stats__card:nth-child(2){transition-delay:.2s}.bonfy-dashboard-stats--animated.bonfy-stats-animate .bonfy-dashboard-stats__card:nth-child(3){transition-delay:.3s}.bonfy-dashboard-stats--animated.bonfy-stats-animate .bonfy-dashboard-stats__card:nth-child(4){transition-delay:.4s}.bonfy-dashboard-stats--animated.bonfy-stats-animate .bonfy-dashboard-stats__card:nth-child(5){transition-delay:.5s}.bonfy-dashboard-stats--animated.bonfy-stats-animate .bonfy-dashboard-stats__card:nth-child(6){transition-delay:.6s}.bonfy-dashboard-stats--animated.bonfy-stats-animate .bonfy-dashboard-stats__card:nth-child(n+7){transition-delay:calc(.7s + (var(--card-index, 0) - 6)*.1s)}@media (prefers-reduced-motion:reduce){.bonfy-dashboard-stats__card{transition:none}.bonfy-dashboard-stats--animated .bonfy-dashboard-stats__card{opacity:1;transform:none;transition:none}.bonfy-dashboard-stats__canvas:after{animation:none}}