.chart-container .legend{margin-top:1rem;display:flex;flex-direction:row-reverse}.chart-container .legend a{display:flex;align-items:center;color:#121117!important;font-size:.75rem;padding:.5rem}.chart-container .legend a:before{content:"";display:block;height:1rem;width:1rem;background-color:#b6b5b8;border-radius:50%;margin-right:1rem;transition:background-color .3s;will-change:background-color}.chart-container .legend a:hover:not(.active):before{background-color:rgba(0,212,7,.5)}.chart-container .legend a.active:before{background-color:#00d407}.chart-container .legend a:before{flex-shrink:0}.chart-container .chart-component{border-radius:1rem;background-color:#121117;background-image:url(https://images.off-site.pl/images/pages/home/casestudy/bg.png?fm=webp);background-size:cover;background-position:top;background-repeat:no-repeat;overflow:hidden;position:relative;padding:1rem}.chart-container .chart-component h4{color:#fff;font-size:.75rem;padding-bottom:calc(1rem - 10px)}.chart-container.loading .chart-component{min-height:400px}.chart-container.loading .chart-component canvas,.chart-container.loading .chart-component h4{opacity:0}.chart-container.loading .chart-component .loading-indicator{pointer-events:none;position:relative;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.chart-container.loading .chart-component .loading-indicator:after,.chart-container.loading .chart-component .loading-indicator:before{content:"";position:absolute}.chart-container.loading .chart-component .loading-indicator:before{top:calc(50% - 10px);left:calc(50% - 10px);width:20px;height:20px;border-radius:50%;border:2px solid #fff;border-top-color:transparent;z-index:1;animation:spin 2s linear infinite}.chart-container.loading .chart-component .loading-indicator:after{border-radius:inherit;top:0;left:0;width:100%;height:100%;background:inherit}.chart-container.loading .chart-component .loading-indicator:before{top:0}.chart-container.loading .chart-component .loading-indicator span{color:#fff;display:block;margin-top:2rem}.chart-tooltip{background:rgba(18,17,23,.9);-webkit-box-shadow:0 0 19px -10px #a2a2a4;-moz-box-shadow:0 0 19px -10px #a2a2a4;box-shadow:0 0 19px -10px #a2a2a4;pointer-events:none;color:#fff;padding:.75rem .75rem 0;border-radius:1rem;z-index:1}.chart-tooltip span{display:block;font-size:.6rem}.chart-tooltip div span{font-size:.6rem;margin-top:.5rem}.chart-tooltip div span:last-child{margin-bottom:.75rem}.chart-select{margin:.5rem 0;font-size:.85rem;color:#fff;background-color:hsla(0,0%,100%,.15);outline:none;width:100%;border-radius:.5rem;border:1px solid #121117;font-family:inherit;cursor:pointer;transition:all .3s;position:relative;user-select:none}.chart-select:hover{color:#00d407}.chart-select span,.chart-select svg{color:inherit}.chart-select .active-item{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;gap:.5rem}.chart-select ul{margin:.5rem 0;position:absolute;left:0;top:100%;flex-direction:column;width:100%;z-index:10;background:#121117;border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem}.chart-select ul li{color:#fff;padding:1rem 1.5rem;transition:all .3s;border-bottom:1px solid hsla(0,0%,100%,.1);width:100%;background-color:#121117}.chart-select ul li:hover{color:#00d407;background:#0d0d0d}.chart-select ul li:first-child{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.chart-select ul li:last-child{border-bottom:none;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}