.dashboard-header.sticky-bar--top{flex-direction:column;height:auto;justify-content:space-between;padding-bottom:12px;padding-top:12px}.dashboard-header.sticky-bar--top .icon{display:inline-block}.dashboard-header .sticky-bar__row{display:flex;justify-content:space-between;width:100%}.dashboard-header .sticky-bar__row.sticky-bar__row--single-line{align-items:center;flex-direction:row}.dashboard-header .sticky-bar__row.sticky-bar__row--single-line .btn__group{margin-top:0;width:auto}.dashboard-header .sticky-bar__row.sticky-bar__row--double-line{align-items:flex-start;flex-direction:column}@media(min-width:576px){.dashboard-header .sticky-bar__row.sticky-bar__row--double-line{align-items:center;flex-direction:row}}.dashboard-header .sticky-bar__row.sticky-bar__row--double-line .btn__group{margin-top:16px;width:100%}@media(min-width:576px){.dashboard-header .sticky-bar__row.sticky-bar__row--double-line .btn__group{margin-top:0;width:auto}}.dashboard-header .sticky-bar__row+.sticky-bar__row{border-top:1px solid #e3ebf6;margin-top:12px;padding-top:12px}.dashboard-header .sticky-bar__row h4{margin:0}.dashboard-header .stats__wrapper{text-align:left}.dashboard-header .stats__wrapper>*{display:block}.dashboard-header .filter__title{align-items:center;display:flex}.dashboard-header .filter__title .icon{margin-right:10px}.dashboard-header .btn__group{align-items:center;display:flex;gap:12px}.dashboard-header .btn__group .button,.dashboard-header .btn__group .button__wrapper{width:100%}@media(min-width:576px){.dashboard-header .btn__group .button,.dashboard-header .btn__group .button__wrapper{width:auto}}@media(max-width:576px){.dashboard-header .btn__group .button{display:flex;justify-content:center}}.dashboard-header .dropdown__list-wrapper .checkbox{margin:0}.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}@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}