.chart-header{display:flex;justify-self:flex-end}.chart-header-plain{padding-bottom:16px;font-weight:500!important}.chart-header-left{display:flex;flex-direction:column;width:100%;padding:16px;font-weight:500!important}.chart-header-left.is-timebased{width:auto}.chart-header-left.is-timebased .chart-type-switch{display:block;border-radius:0;background:transparent;margin-bottom:0;height:auto;width:auto}.chart-header-left.is-timebased .chart-type-switch:before{display:none}.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){.chart-header-left{width:auto}}.chart-header-left .chart-type-switch{background:var(--grey-base);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){.chart-header-left .chart-type-switch{background:transparent;border-radius:0;display:flex;margin-bottom:0;padding:0}}.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){.chart-header-left .chart-type-switch button{border:0;font-size:24px!important;font-weight:300!important;padding:0 8px;width:auto}}.chart-header-left .chart-type-switch button.active{font-size:24p!important;font-weight:400!important}.chart-header-left .chart-type-switch button:first-child{padding-left:0}.chart-header-left .chart-type-switch button:not(:last-child){position:relative}.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)}.chart-header-left .chart-type-switch button.active{color:hsl(from var(--vs-text) h s l/1)}.chart-header-left .chart-type-switch button.line{font-weight:200!important}.chart-header-left .chart-type-switch button:hover:not(.active){color:var(--grey-darker)}.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){.chart-header-left .chart-type-switch .vsct-chart-toggle-selector{display:none}}.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;padding:12px;position:relative;width:100%}.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}.chart-header-left .chart-type-switch--mobile button{font-size:14px!important;padding:0;z-index:1}.chart-header-left .chart-type-switch--subscribers:before{left:50%}.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:12px}@media(min-width:992px){.chart-header-left .view-count{font-size:24px!important;font-weight:600!important}}.chart-header-left .percent-change-indicator{font-size:12px!important;font-weight:500!important;padding:4px 0;display:flex}.chart-header-left .percent-change-indicator img{display:inline-block;margin-right:8px;height:16px;width:16px}.chart-header-left .percent-change-indicator .colored-red{color:var(--red-base)}.chart-header-left .percent-change-indicator .colored-green{color:var(--green-base)}.chart-header-left .percent-change-indicator .filter-range{color:var(--grey-darker);margin-left:6px}.chart-header-right{display:flex;flex-direction:column;justify-content:space-between;text-align:right}@media(min-width:992px){.chart-header-right{margin-left:auto}}.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}.chart-header-right .info-box img{margin-right:8px}.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}.chart-header-right .info-box:hover{background-color:hsla(0,0%,67%,.125)}.chart-header-right .info-box:hover .info-text{color:#9c9c9c}.chart-header-right .chart-filter-container{display:none}.chart-header-right .chart-filter-container--mobile{display:flex;justify-content:space-evenly;padding:20px 16px;gap:16px}@media(min-width:992px){.chart-header-right .chart-filter-container{display:flex;gap:10px}.chart-header-right .chart-filter-container--mobile{display:none}}.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:hsl(from var(--vs-text) h s l/1);text-align:center;font-size:14px!important;padding:8px 16px}.chart-header-right .chart-filter-container button.disabled{color:var(--grey-light);box-shadow:none}.chart-header-right .chart-filter-container button.disabled:hover{background-color:#fff;border-color:var(--grey-light)}.chart-header-right .chart-filter-container button.active,.chart-header-right .chart-filter-container button.active:hover{background-color:#000;border:1.35px solid transparent;color:#fff}.chart-header-right .chart-filter-container button:hover{border:1.35px solid hsla(0,0%,67%,.584);background-color:rgba(239,241,243,.502)}@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-chart-pop-up-container{position:absolute;z-index:100;margin-top:240px;width:100%;display:flex;justify-content:center}.mobile-chart-pop-up-container .mobile-chart-pop-up{display:flex;flex-direction:column;width:calc(100% - 40px);max-width:500px;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);overflow:hidden}.mobile-chart-pop-up-container .mobile-chart-pop-up.light{background-color:#fff}.mobile-chart-pop-up-container .mobile-chart-pop-up.dark{background-color:#0f1012;border:1px solid var(--grey-base)}.mobile-chart-pop-up-container .mobile-chart-pop-up .mcpu-header{height:25px;width:100%;display:flex;align-items:center;justify-content:space-between;flex-direction:row;color:#fff}.mobile-chart-pop-up-container .mobile-chart-pop-up .mcpu-header .mcpu-item-type-header{margin-left:10px;font-size:14px!important;font-weight:500!important}.mobile-chart-pop-up-container .mobile-chart-pop-up .mcpu-header .mcpu-uploaded-at-header{margin-right:10px;font-size:12px!important;font-weight:400!important}.mobile-chart-pop-up-container .mobile-chart-pop-up .mcpu-component-container{width:100%;display:flex;flex-direction:column}.mobile-chart-pop-up-container .mobile-chart-pop-up .mcpu-component-container .mcpu-upload-component{flex:1;width:100%;height:100%;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center}.mobile-chart-pop-up-container .mobile-chart-pop-up .mcpu-component-container .mcpu-upload-component .mcpu-video-container{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;max-width:400px}.mobile-chart-pop-up-container .mobile-chart-pop-up .mcpu-component-container .mcpu-upload-component .mcpu-video-container.mcpu-ab-variants{justify-content:space-evenly}.mobile-chart-pop-up-container .mobile-chart-pop-up .mcpu-component-container .mcpu-upload-component .mcpu-video-container .mcpu-upload-title{display:flex;align-items:center;min-width:calc(100% - 115px);margin-left:10px;font-size:14px!important;font-weight:500!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.mobile-chart-pop-up-container .mobile-chart-pop-up .mcpu-component-container .mcpu-upload-component .mcpu-video-container .mcpu-upload-title.dark{color:#fff}.mobile-chart-pop-up-container .mobile-chart-pop-up .mcpu-component-container .mcpu-upload-component .mcpu-video-container .mcpu-upload-title.light{color:#000}.mobile-chart-pop-up-container .mobile-chart-pop-up .mcpu-component-container .mcpu-upload-component .mcpu-upload-image-container{width:135px;height:60px;display:flex;justify-content:center;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover}.mobile-chart-pop-up-container .mobile-chart-pop-up .mcpu-component-container .mcpu-upload-component .mcpu-ab-image-container{width:31%;height:auto;display:flex;justify-content:center;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover}.mobile-chart-pop-up-container .mobile-chart-pop-up .mcpu-component-container .mcpu-thumbnail-img{width:100%;height:auto;border-radius:8px}.mobile-chart-pop-up-container .mobile-chart-pop-up .mcpu-component-container .mcpu-more-uploads-footer{width:100%;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px!important;font-weight:500!important;color:#ababab;padding-top:10px}