@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.dashboard-component__top-modules{display:grid;gap:1rem;min-height:100%}@media(min-width:576px){.dashboard-component__top-modules{grid-template-columns:1fr 1fr}}@media(min-width:992px){.dashboard-component__top-modules{grid-template-columns:1fr 1fr 1fr 1fr}}.dashboard-component__charts{display:flex;flex-direction:column;justify-content:space-between;width:auto}@media(min-width:992px){.dashboard-component__charts{flex-direction:row}}.dashboard-component .box{margin:0;max-width:100%}.dashboard-component .box__header{padding:16px;position:relative}.dashboard-component .box__content{padding:16px!important;position:relative}.dashboard-component .box__wrapper{align-items:flex-start;display:flex;flex-direction:row;position:relative}.dashboard-component .box__title{align-items:flex-start;display:flex;flex-direction:column;margin:0 0 0 8px;width:100%}.dashboard-component .box__title span:first-child{margin-bottom:5px}.dashboard-component .box__header-title{font-size:1.125rem;font-weight:700;line-height:1.375rem}.dashboard-component .box__title .utils__text-small{margin-right:16px}.dashboard-component .information{position:absolute;right:15px;top:16px}.dashboard-component .information .icon i{font-size:.875rem}.dashboard-component .box__header .information{top:18px}.dashboard-component .referal__box{margin-top:1rem}@media(min-width:576px){.dashboard-component .referal__box{flex:0 0 66%}}@media(min-width:1440px){.dashboard-component .referal__box{flex:0 0 calc(75% - 0.25rem)}}.dashboard-component .box__doughnut{margin-top:1rem}@media(min-width:992px){.dashboard-component .box__doughnut{margin-left:1rem;flex:0 0 calc(34% - 1rem)}}@media(min-width:1440px){.dashboard-component .box__doughnut{flex:0 0 calc(25% - 0.75rem)}}.dashboard-component .box__doughnut .box__header>div{width:100%}.dashboard-component .box__doughnut .box__header-title-wrapper{justify-content:space-between}.dashboard-component .box__doughnut .box__content{padding:0!important}@media(min-width:576px)and (max-width:992px){.dashboard-component .box__doughnut .box__content{padding:24px 0!important}}.dashboard-component .box__doughnut .box__content .chart-legend{padding-bottom:16px;text-align:center}@media(min-width:576px){.dashboard-component .box__doughnut .box__content .chart-legend{padding-bottom:0}}.dashboard-component .skeleton__circle,.dashboard-component .skeleton__description,.dashboard-component .skeleton__title{display:block;width:100%;animation:skeleton-loading 1.4s ease infinite;background:linear-gradient(90deg,rgba(241,245,250,.6),#f1f5fa 50%,rgba(241,245,250,.6) 75%);background-size:400% 100%;border-radius:4px;color:transparent}.dashboard-component .skeleton__circle{border-radius:100%;height:54px;max-width:54px}.dashboard-component .skeleton__title{height:20px;margin-bottom:10px;max-width:195px;width:100%}.dashboard-component .skeleton__description{height:24px;max-width:137px}.dashboard-component .skeleton.box__doughnut .skeleton__circle,.dashboard-component .skeleton.referal__box .skeleton__circle{height:14px;max-width:14px}.dashboard-component .skeleton.box__doughnut .skeleton__title,.dashboard-component .skeleton.referal__box .skeleton__title{margin:0;max-width:137px}.dashboard-component .skeleton.referal__box{height:250px;width:auto}@media(min-width:576px){.dashboard-component .skeleton.referal__box{height:350px}}@media(min-width:768px){.dashboard-component .skeleton.referal__box{height:430px}}@media(min-width:992px){.dashboard-component .skeleton.referal__box{height:auto}}.dashboard-component .skeleton.referal__box .box__header-title-wrapper,.dashboard-component .skeleton.referal__box div{width:100%}.dashboard-component .skeleton.referal__box .box__content,.dashboard-component .skeleton.referal__box .skeleton__graph{height:100%;width:100%}.dashboard-component .skeleton.referal__box .box__content>div{display:flex;flex-direction:column;height:70%;justify-content:space-around}@media(min-width:576px){.dashboard-component .skeleton.referal__box .box__content>div{height:80%}}.dashboard-component .skeleton.referal__box .skeleton__graph{height:80%}.dashboard-component .skeleton.referal__box .skeleton__graph-image{background-image:url(/_nuxt/img/graph.6f9d4a5.svg);background-position:bottom;background-repeat:no-repeat;background-size:100% auto;height:100%;position:relative}.dashboard-component .skeleton.referal__box .skeleton__graph-animation{animation:skeleton-loading 1.4s ease infinite;background:linear-gradient(90deg,hsla(0,0%,100%,0) 25%,hsla(0,0%,100%,.1) 37%,hsla(0,0%,100%,.2) 63%);background-size:400% 100%;height:100%;left:0;position:absolute;top:0}.dashboard-component .skeleton.referal__box .skeleton__graph-legend{display:flex;justify-content:space-between;width:100%}.dashboard-component .skeleton.referal__box .skeleton__graph-legend div{height:10px;margin:0 20px 0 0;animation:skeleton-loading 1.4s ease infinite;background:linear-gradient(90deg,rgba(241,245,250,.6),#f1f5fa 50%,rgba(241,245,250,.6) 75%);background-size:400% 100%;border-radius:4px;color:transparent}@media(min-width:576px){.dashboard-component .skeleton.referal__box .skeleton__graph-legend div{height:16px}}.dashboard-component .skeleton.referal__box .skeleton__graph-legend div:last-child{margin:0}.dashboard-component .skeleton.box__doughnut .chart--indic-vertical{display:flex;flex-direction:column}.dashboard-component .skeleton.box__doughnut .chart__graph .skeleton__circle{background-clip:content-box,border-box;background-image:linear-gradient(#fff,#fff),radial-gradient(circle at top left,rgba(241,245,250,.6) 0,#f1f5fa 50%,rgba(241,245,250,.6));border:8px double transparent;border-radius:50%;height:150px;margin:25px auto 9px;max-width:150px}.dashboard-component .skeleton.box__doughnut .chart__legend-list{list-style:none;padding:0 16px;width:100%}.dashboard-component .skeleton.box__doughnut .chart__legend-item{border-bottom:1px solid #e3ebf6;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.dashboard-component .skeleton.box__doughnut .chart__legend-item:last-child{border:0;margin-bottom:0}.dashboard-component .skeleton.box__doughnut .chart__legend-item .skeleton__title{height:8px}.dashboard-component .skeleton.box__doughnut .chart__legend-item .skeleton__circle{border-radius:4px;height:8px;width:20px}.dashboard-component .skeleton.box__doughnut .chart-legend{padding:0 16px 20px;text-align:center}.dashboard-component .skeleton.box__doughnut .chart-legend .skeleton__title{height:8px;margin:0 auto;max-width:106px}