.channel-info-card{display:flex;align-items:center;justify-content:space-between;padding:0 24px;min-height:100px;transition:.3s ease;color:hsl(from var(--vs-text) h s l/1);background-color:hsl(from var(--vs-content-bg) h s l/1);width:100%;flex:1 1 auto}.channel-info-card:last-child{margin-bottom:30px}@media(min-width:992px){.channel-info-card{width:-moz-fit-content;width:fit-content;padding:12px 24px 20px;border-radius:10px;border:1px solid hsl(from var(--vs-border) h s l/1);box-shadow:0 3px 6px rgba(0,0,0,.03)}.channel-info-card:hover{box-shadow:0 6px 18px rgba(0,0,0,.08)}.channel-info-card:first-child{margin-top:0}.channel-info-card:last-child{margin-bottom:0}}.channel-info-card .category-text{font-size:22px!important;font-weight:600!important;margin-bottom:24px;color:hsl(from var(--vs-text) h s l/1);text-transform:uppercase}@media(min-width:992px){.channel-info-card .category-text{font-size:18px!important}}.channel-info-card .timeframe-text{font-size:16px!important;font-weight:500!important;color:var(--grey-dark);min-width:100px}@media(min-width:992px){.channel-info-card .timeframe-text{font-size:12px!important;text-transform:uppercase}}.channel-info-card .card-box{display:flex;flex-direction:column;text-align:right;min-width:140px}@media(min-width:1280px){.channel-info-card .card-box{min-width:130px}}.channel-info-card .card-box .card-delta-box{position:relative;display:flex;align-items:center;padding:4px 12px;border-radius:36px;align-self:flex-end;margin-top:2px}.channel-info-card .card-box .card-delta-box.positive{color:hsl(from var(--vs-bg) h s l/1);background:var(--green-base)}.channel-info-card .card-box .card-delta-box.same{color:var(--grey-darker);background:var(--grey-base);padding-left:18px;padding-right:18px}.channel-info-card .card-box .card-delta-box.negative{color:hsl(from var(--vs-bg) h s l/1);background:var(--red-base)}.channel-info-card .card-box .card-delta-box img{margin-right:8px}.channel-info-card .card-box .card-delta-box .upside-down-arrow{transform:rotate(180deg)}.channel-info-card .card-box .card-value,.channel-info-card .card-box .card-value-views{font-size:32px!important;font-weight:600!important;margin-bottom:8px}.channel-info-card .card-box .card-value-views{margin-top:8px}.channel-info-card .card-box .card-rev{font-size:32px!important;font-weight:600!important;margin-bottom:8px}@media(min-width:992px){.channel-info-card .card-box .card-rev{font-size:22px!important;font-weight:600!important;margin-bottom:14px}}.channel-info-card .card-box .card-delta{color:#fff!important;font-size:12px!important}.channel-info-card .card-box .card-delta.na{color:var(--grey-darker)!important}@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}}.channelytics{width:100%;max-width:1280px}.channelytics .longs-and-shorts-wrapper{border-bottom:1px solid var(--grey-base);display:flex;width:100%;height:200px;padding:6px 24px 20px;justify-content:space-between;align-items:center}.channelytics .longs-and-shorts-wrapper--disabled{opacity:.5;filter:blur(6px) grayscale(100%);cursor:default;position:relative}.channelytics .longs-and-shorts-wrapper .longs-and-shorts-left{display:flex;flex-direction:column;height:100%;justify-content:space-evenly}.channelytics .longs-and-shorts-wrapper .longs-and-shorts-left .title-and-filter{display:flex;flex-direction:column;gap:8px}.channelytics .longs-and-shorts-wrapper .longs-and-shorts-left .title-and-filter h3{font-size:20px!important;font-weight:500!important}.channelytics .longs-and-shorts-wrapper .longs-and-shorts-left .title-and-filter p{color:var(--grey-dark);font-size:16px!important;font-weight:500!important}.channelytics .longs-and-shorts-wrapper .longs-and-shorts-left .legend-container{display:flex;align-items:center;justify-content:flex-start;gap:20px}.channelytics .longs-and-shorts-wrapper .longs-and-shorts-left .legend-container .legend-item{display:flex;align-items:center;gap:10px}.channelytics .longs-and-shorts-wrapper .longs-and-shorts-left .legend-container .legend-item p{font-size:14px!important;font-weight:500!important;color:hsl(from var(--vs-text) h s l/1)}.channelytics .longs-and-shorts-wrapper .longs-and-shorts-left .legend-container .legend-item .red{filter:invert(19%) sepia(79%) saturate(4613%) hue-rotate(353deg) brightness(91%) contrast(128%)}.channelytics .longs-and-shorts-wrapper .longs-and-shorts-left .legend-container .legend-item .dark-grey{filter:invert(49%) sepia(6%) saturate(44%) hue-rotate(131deg) brightness(91%) contrast(90%)}.channelytics .longs-and-shorts-wrapper .longs-and-shorts-right{display:flex;align-items:center;gap:12px}.channelytics .longs-and-shorts-wrapper .longs-and-shorts-right .pie-chart-stats{display:flex;flex-direction:column;gap:6px}.channelytics .longs-and-shorts-wrapper .longs-and-shorts-right .pie-chart-stats h3{font-size:22px!important;font-weight:500!important;letter-spacing:-.259px;color:hsl(from var(--vs-text) h s l/1)}.channelytics .longs-and-shorts-wrapper .longs-and-shorts-right .pie-chart-stats p{font-size:18px!important;color:var(--grey-dark)}.channelytics .longs-and-shorts-wrapper .longs-and-shorts-right .pie-chart-stats .red{color:var(--red-base)}.channelytics .longs-and-shorts-wrapper .longs-and-shorts-right .pie-chart-wrapper{width:80px;height:80px}.channelytics .channelytics-info-card-wrapper{display:flex;flex-direction:column;justify-content:space-between;gap:12px;flex-wrap:wrap}@media(min-width:992px){.channelytics .channelytics-info-card-wrapper{flex-direction:row}.channelytics-container{margin:24px 0 0}}.table-headline{font-weight:600!important;color:#000;font-size:20px!important;padding:16px}.channelytics-container:last-of-type{margin-bottom:100px}.month-to-month-chart{padding-top:20px;height:450px}@media(min-width:992px){.month-to-month-chart{padding-top:unset}}.month-to-month-chart-container{padding-top:20px;height:450px;border:1px solid hsl(from var(--vs-border) h s l/1);border-radius:10px;margin-bottom:100px}@media(min-width:992px){.month-to-month-chart-container{padding-top:unset}}.layout-80{height:85%}.channelytics-content-toggle{background:var(--grey-base);border:2px solid var(--grey-base);border-radius:10px;display:grid;grid-template-columns:1fr 1fr;height:48px;margin-bottom:16px;padding:12px;position:relative}.channelytics-content-toggle: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-content-toggle div{font-size:14px!important;padding:0;text-align:center;z-index:1}.channelytics-content-toggle.subscribers:before{left:50%}.about-cards{margin:0 auto 10px}[data-theme=dark] .table-headline,[data-theme=dark] .title-and-filter h3{color:#fff}.longs-and-shorts-days-left{position:absolute;z-index:999;background-color:var(--white-base);border:1px solid var(--grey-base);top:50%;left:50%;transform:translate(-50%,-50%);padding:8px 24px;border-radius:10px;text-wrap:nowrap;text-align:center;box-shadow:0 4px 10px 0 rgba(0,0,0,.051)}.longs-and-shorts-days-left>h2{font-size:18px!important;font-weight:600!important;color:hsl(from var(--vs-text) h s l/1);padding-bottom:10px}.longs-and-shorts-days-left>p{color:var(--grey-darker);font-weight:500!important;font-size:16px!important}.longs-and-shorts-days-left--chart{padding:20px 24px}@media(max-width:767px){.longs-and-shorts-days-left--chart{top:30%}}.collecting-data-container{display:flex;align-items:center;justify-content:space-between;margin:0 0 24px;padding:16px 29px;height:69px;width:100%;transition:.3s ease;color:hsl(from var(--vs-text) h s l/1);border-radius:10px;border:1px solid hsl(from var(--vs-border) h s l/1);box-shadow:0 3px 6px rgba(0,0,0,.03);gap:36px}.collecting-data-container-title{font-size:18px!important;font-weight:700!important;text-align:left;display:flex;gap:14px;align-items:center}.collecting-data-container-progress{display:flex;gap:10px;align-items:center}.collecting-data-container-progress-bar-container{width:585px;background-color:var(--grey-base);border-radius:10px;height:12px}.collecting-data-container-progress-bar-fill{height:100%;background-color:var(--green-base);border-radius:10px}.collecting-data-container-progress-days-left{padding:8px 12px;gap:4px;border-radius:50px;background-color:var(--grey-base);font-weight:500!important;font-size:16px!important}