.chart{height:50vh}.graphSwitch{border-radius:20px;font-size:14px;position:relative;width:180px}.graphSwitch input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--main-color);border-radius:25px;font-family:Roboto,sans-serif;height:30px;outline:none;position:relative;width:180px}.graphSwitch input:after,.graphSwitch input:before{color:#fff;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.graphSwitch input:before{content:attr(data-on);font-weight:700;left:20px}.graphSwitch input:after{content:attr(data-off);font-weight:700;right:20px}.graphSwitch label{border-radius:20px;bottom:12px;margin:0;position:absolute;top:5px;z-index:1}.graphSwitch.switcherGraph input{transition:.25s -.1s}.graphSwitch.switcherGraph input:checked{background-color:var(--main-color)}.graphSwitch.switcherGraph input:checked:before{color:var(--main-color);transition:color .5s .2s}.graphSwitch.switcherGraph input:checked:after{color:#fff;transition:color .5s}.graphSwitch.switcherGraph input:checked+label{background:#fff;left:5px;right:90px;transition:left .5s,right .4s .2s}.graphSwitch.switcherGraph input:not(:checked){background:var(--main-color);transition:background .5s -.1s}.graphSwitch.switcherGraph input:not(:checked):before{color:#fff;transition:color .5s}.graphSwitch.switcherGraph input:not(:checked):after{color:var(--main-color);transition:color .5s .2s}.graphSwitch.switcherGraph input:not(:checked)+label{background:#fff;left:80px;right:5px;transition:left .4s .2s,right .5s,background .35s -.1s}@keyframes turn-on{0%{left:100%}to{left:0}}@keyframes turn-off{0%{right:100%}to{right:0}}#chartsLoading .section-layer-box{text-align:center}#charts #chartsContent{transition:opacity .2s ease}#charts.charts-loading #chartsContent{opacity:.45;pointer-events:none}.chart-loading{align-items:center;color:#37394c;display:flex;font-weight:600;gap:10px;justify-content:center}.chart-loading-spinner{animation:chart-loading-spinner .9s linear infinite;border:2px solid #b6c6c9;border-radius:50%;border-top:2px solid var(--main-color);height:18px;width:18px}@keyframes chart-loading-spinner{to{transform:rotate(1turn)}}
