.channelytics-chart-header{display:flex;justify-content:space-between}.channelytics-chart-header-plain{padding-bottom:16px;font-weight:500!important}.channelytics-chart-header-left{display:flex;flex-direction:column;width:100%;padding:0 16px 16px;font-weight:500!important}.channelytics-chart-header-left.is-timebased{width:auto}.channelytics-chart-header-left.is-timebased .chart-type-switch{display:block;border-radius:0;background:transparent;margin-bottom:0;height:auto;width:auto}.channelytics-chart-header-left.is-timebased .chart-type-switch:before{display:none}.channelytics-chart-header-left.is-timebased .chart-type-switch button{padding:12px 8px 0 0;width:auto;font-size:20px!important;font-weight:400!important}@media(min-width:992px){.channelytics-chart-header-left{width:auto}}.channelytics-chart-header-left .chart-type-switch{background:hsl(from var(--vs-disabled) h s l/1);border-radius:10px;display:flex;justify-content:space-between;align-items:center;height:44px;width:220px;margin-bottom:8px;position:relative;padding:2px}@media(min-width:992px){.channelytics-chart-header-left .chart-type-switch{background:transparent;border-radius:0;display:flex;margin-bottom:0;padding:0}}.channelytics-chart-header-left .chart-type-switch button{border-radius:10px;transition:.2s ease;color:hsl(from var(--vs-sub-text) h s l/1);text-align:center;font-weight:500!important;font-size:14px!important;width:100%}@media(min-width:992px){.channelytics-chart-header-left .chart-type-switch button{border:0;font-size:24px!important;font-weight:300!important;padding:0 8px;width:auto}}.channelytics-chart-header-left .chart-type-switch button.active{font-size:24p!important;font-weight:400!important}.channelytics-chart-header-left .chart-type-switch button:first-child{padding-left:0}.channelytics-chart-header-left .chart-type-switch button:not(:last-child){position:relative}.channelytics-chart-header-left .chart-type-switch button:not(:last-child):after{content:"";position:absolute;right:-1px;top:0;bottom:0;width:1px;background:var(--grey-base)}.channelytics-chart-header-left .chart-type-switch button.active{color:hsl(from var(--vs-text) h s l/1)}.channelytics-chart-header-left .chart-type-switch button.line{font-weight:200!important}.channelytics-chart-header-left .chart-type-switch button:hover:not(.active){color:var(--grey-darker)}.channelytics-chart-header-left .chart-type-switch .vsct-chart-toggle-selector{width:50%;border-radius:8px;background:#fff;height:calc(100% - 4px);top:2px}@media(min-width:992px){.channelytics-chart-header-left .chart-type-switch .vsct-chart-toggle-selector{display:none}}.channelytics-chart-header-left .chart-type-switch--mobile{background:hsl(from var(--vs-disabled) h s l/1);border:1px solid hsl(from var(--vs-border) h s l/1);border-radius:10px;display:grid;grid-template-columns:1fr 1fr;height:48px;margin-bottom:24px;margin-top:16px;padding:12px;position:relative;width:100%}.channelytics-chart-header-left .chart-type-switch--mobile:before{content:"";background:hsl(from var(--vs-bg) h s l/1);border-radius:10px;height:100%;width:50%;position:absolute;left:0;top:0;transition:.3s ease}.channelytics-chart-header-left .chart-type-switch--mobile button{font-size:14px!important;padding:0;z-index:1}.channelytics-chart-header-left .chart-type-switch--subscribers:before{left:50%}.channelytics-chart-header-left .view-count{color:hsl(from var(--vs-text) h s l/1);font-size:24px!important;font-weight:500!important;margin-top:25px}@media(min-width:992px){.channelytics-chart-header-left .view-count{font-size:24px!important;font-weight:600!important}}@media(max-width:991px){.channelytics-chart-header-left .view-count-container{display:flex;justify-content:space-between;align-items:center;position:relative}}.channelytics-chart-header-left .percent-change-indicator{font-size:12px!important;font-weight:500!important;padding:4px 0;display:flex}.channelytics-chart-header-left .percent-change-indicator .arrow-up-svg{filter:invert(49%) sepia(63%) saturate(1043%) hue-rotate(67deg) brightness(101%) contrast(83%)}.channelytics-chart-header-left .percent-change-indicator .arrow-down-svg{filter:invert(29%) sepia(97%) saturate(4323%) hue-rotate(349deg) brightness(87%) contrast(142%)}.channelytics-chart-header-left .percent-change-indicator img{display:inline-block;margin-right:8px;height:16px;width:16px}.channelytics-chart-header-left .percent-change-indicator .colored-red{color:var(--red-base)}.channelytics-chart-header-left .percent-change-indicator .colored-green{color:var(--green-base)}.channelytics-chart-header-left .percent-change-indicator .filter-range{color:var(--grey-darker);margin-left:6px}@media(max-width:991px){.channelytics-chart-header-left .percent-change-indicator span{white-space:nowrap}}.channelytics-chart-header-right{display:flex;flex-direction:column;justify-content:space-between;text-align:right}@media(min-width:992px){.channelytics-chart-header-right{margin-left:auto}}.channelytics-chart-header-right .info-box{position:relative;display:flex;align-items:center;padding:8px 12px;border-radius:36px;align-self:flex-end;margin-top:2px;margin-bottom:12px;margin-right:4px;transition:all .2s ease;cursor:pointer}.channelytics-chart-header-right .info-box img{margin-right:8px}.channelytics-chart-header-right .info-box .upside-down-arrow{transform:rotate(180deg)}.channelytics-chart-header-right .info-box .info-text{padding-top:.5px;color:#ababab;font-size:12px!important;font-style:normal;font-weight:400!important;line-height:normal}.channelytics-chart-header-right .info-box:hover{background-color:hsla(0,0%,67%,.125)}.channelytics-chart-header-right .info-box:hover .info-text{color:#9c9c9c}.channelytics-chart-header-right .chart-filter-container{display:none}.channelytics-chart-header-right .chart-filter-container--mobile{display:flex;justify-content:space-evenly;padding:20px 16px}@media(min-width:992px){.channelytics-chart-header-right .chart-filter-container{display:flex;gap:10px}.channelytics-chart-header-right .chart-filter-container--mobile{display:none}}.channelytics-chart-header-right .chart-filter-container button{border-radius:10px;height:40px;border:1.35px solid var(--grey-light);box-shadow:0 3px 6px rgba(0,0,0,.03);transition:.2s ease;color:#081226;text-align:center;font-size:14px!important;padding:8px 16px}.channelytics-chart-header-right .chart-filter-container button.active,.channelytics-chart-header-right .chart-filter-container button.active:hover:not(disabled){background:#000;border:1.35px solid transparent;color:#fff}.channelytics-chart-header-right .chart-filter-container button:hover:not(disabled){border:1.35px solid var(--grey-dark);background:1.35px solid transparent}[data-theme=dark] .chart-header-right .chart-filter-container button{background:hsla(210,6%,60%,.251);color:#fff}[data-theme=dark] .chart-header-right .chart-filter-container button:hover:enabled{background:var(--grey-base);border:1.35px solid transparent}[data-theme=dark] .chart-header-right .chart-filter-container button.active{border:1.35px solid transparent;color:#000;background:var(--black-base)}[data-theme=dark] .chart-header-right .chart-filter-container button.active:hover{background:#fff;border:1.35px solid transparent;color:#000}[data-theme=dark] .chart-header-right .chart-filter-container button:disabled{color:#fff;background:#000}[data-theme=dark] .chart-header-right .chart-filter-container button:disabled:hover{background:#000;border:1.35px solid transparent;color:#fff}.view-count-container-wrapper{flex:1}[data-theme=dark] .chart-header-left .chart-type-switch--mobile{background:#0f1012}[data-theme=dark] .chart-header-left .chart-type-switch--mobile:before{background:#7f8082}[data-theme=dark] .chart-header-left .chart-type-switch--mobile button,[data-theme=dark] .chart-header-left .chart-type-switch--mobile button.active{color:#fff}@keyframes move{0%{left:-50%}to{left:150%}}@keyframes appear{0%{opacity:0}to{opacity:1}}@keyframes frame-highlight{0%{outline:2px solid pro-palette(primary,500);outline-offset:4px;scale:1.05}to{outline:2px solid transparent}}@keyframes size-highlight{0%{background:pro-palette(primary,500)}to{background:transparent}}@keyframes waves{0%{transform-origin:bottom;transform:scaleY(1) scaleX(1.2);filter:saturate(1.5)}to{transform-origin:bottom;transform:scaleY(.8) scaleX(1.3);opacity:.8}}.mobile-channelytics-upload-preview{display:flex;flex:1;gap:8px;height:100%}.mobile-channelytics-upload-preview .view-count-container-wrapper{display:grid;grid-template-areas:"upload upload" "image content";align-items:center;gap:8px;row-gap:0;grid-template-columns:80px 1fr}.mobile-channelytics-upload-preview .new-upload-container{color:var(--grey-dark);font-size:12px!important;grid-area:upload}.mobile-channelytics-upload-preview .image-container{display:flex;justify-content:center;align-items:center;flex:0 0 80px;grid-area:image;max-width:80px}.mobile-channelytics-upload-preview .image-container>img{border-radius:5px;width:100%;aspect-ratio:16/9}.mobile-channelytics-upload-preview .text-container{grid-area:content;color:hsl(from var(--vs-text) h s l/1);display:flex;flex:1;align-items:center;font-size:12px!important}.mobile-channelytics-upload-preview .popup-container{background:hsl(from var(--vs-bg) h s l/1);border-radius:10px;display:flex;flex-direction:column;gap:8px;position:absolute;top:100%;left:0;width:100%;padding:10px;z-index:1;max-height:228px;overflow:auto;box-shadow:0 2px 20px 8px rgba(0,0,0,.08);border:3px solid var(--grey-base)}.mobile-channelytics-upload-preview .popup-container .text-container{font-size:14px!important;font-weight:600!important}.mobile-channelytics-upload-preview .popup-container .close-button{position:absolute;right:12px;pointer-events:auto}.mobile-channelytics-upload-preview .popup-container .view-count-container-wrapper{display:flex;gap:16px}