@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}}.compare-view{background:hsl(from var(--vs-bg) h s l/1);display:flex;flex-direction:column;justify-content:center;align-items:center;margin:auto;width:90%;padding-bottom:32px;color:hsl(from var(--vs-text) h s l/1)}.compare-view .title-m{font-size:16px!important;font-weight:700!important;margin-right:6px}@media(min-width:992px){.compare-view .title-m{font-size:24px!important}}.compare-view .body-xl{font-size:16px!important;font-weight:600!important}@media(min-width:992px){.compare-view .body-xl{font-size:22px!important}}.compare-view .margin-bottom-sm{margin-bottom:8px}.compare-view .vs-text{font-size:16px!important;font-weight:600!important}.compare-view .left-accent{background:var(--red-base)}.compare-view .left-border{border:1.4px solid var(--red-base)}.compare-view .right-accent{background:var(--blue-light)}.compare-view .right-border{border:1.4px solid var(--blue-light)}.compare-view .empty-accent{background:var(--grey-dark)}.compare-view .empty-border{border:1px solid hsl(from var(--vs-border) h s l/1)}.compare-view .channel-search-box{background:var(--grey-light);border-radius:46px;color:var(--grey-darker);display:flex;align-items:center;padding:16px 8px;position:relative;width:46%}.compare-view .channel-search-box img{margin-left:12px;border-radius:10px}.compare-view .channel-search-box input{padding-left:12px;width:100%;background:var(--grey-light);font-size:14px!important;caret-color:var(--red-base);text-overflow:ellipsis}.compare-view .channel-search-box input:focus{outline:none}.compare-view .channel-search-box.full-width{width:100%;margin-bottom:16px}.compare-view .compare-view-content{width:100%;max-width:1280px;display:flex;flex-direction:column;justify-content:center;align-items:center}.compare-view .compare-view-content .compare-channel-box{display:none;background:hsl(from var(--vs-content-bg) h s l/1);border:1px solid hsl(from var(--vs-border) h s l/1);border-radius:10px;justify-content:space-between;align-items:center;padding:30px 18px;margin-top:60px;width:100%}@media(min-width:992px){.compare-view .compare-view-content .compare-channel-box{display:flex}}.compare-view .double-box-container{display:flex;justify-content:space-between;width:100%;margin:32px 0 0}.compare-view .desktop-compare-channel-header{display:none}.compare-view .mobile-channel-header-container{position:relative;display:flex;justify-content:space-between;width:100%}.compare-view .mobile-channel-header-container .mobile-channel-header-box{display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px;border-radius:10px;width:48%;min-height:305px}.compare-view .mobile-channel-header-container .mobile-channel-header-box img{border-radius:10px}.compare-view .mobile-channel-header-container .mobile-channel-header-box .mobile-search-box{width:100%}.compare-view .mobile-channel-header-container .mobile-channel-header-box .channel-avatar-name-box{width:100%;margin-top:16px;white-space:nowrap}.compare-view .mobile-channel-header-container .mobile-channel-header-box .channel-avatar-name-box p{overflow:hidden;text-overflow:ellipsis}.compare-view .mobile-channel-header-container .mobile-channel-header-box .channel-header-name{display:flex;align-items:center}.compare-view .mobile-channel-header-container .mobile-channel-header-box .channel-header-name p{margin-bottom:4px;max-width:150px;overflow:hidden;height:26px;text-overflow:ellipsis}.compare-view .mobile-channel-header-container .mobile-channel-header-box .channel-stats-container{display:flex;flex-direction:column;justify-content:space-between;width:100%}@media(min-width:992px){.compare-view .mobile-channel-header-container .mobile-channel-header-box .channel-stats-container{margin-top:8px}}.compare-view .mobile-channel-header-container .mobile-channel-header-box .channel-stats-container .channel-stat-box{margin:8px 0}.compare-view .mobile-channel-header-container .mobile-channel-header-box .channel-stats-container .margin-bottom-sm{margin-bottom:4px;font-size:10px!important;color:var(--grey-dark)}.compare-view .mobile-channel-header-container .mobile-change-button{width:100%;padding:8px 16px;text-align:center;border-radius:10px;background:var(--grey-light);color:var(--grey-darker);margin-bottom:12px}.compare-view .mobile-channel-header-container .mobile-search-box{position:absolute;top:0;left:0;width:100%;min-height:350px;background:hsl(from var(--vs-bg) h s l/1);border-radius:10px;padding:20px}.compare-view .mobile-channel-header-container .mobile-search-box.hidden{display:none}.compare-view .mobile-channel-header-container .mobile-search-box .header-search-results{position:revert}.compare-view .compare-channel-header-box{background:hsl(from var(--vs-content-bg) h s l/1);border-radius:10px;width:48%;min-height:240px}.compare-view .compare-channel-header-box .compare-channel-header{display:flex;flex-direction:column;padding:32px 24px}.compare-view .compare-channel-header-box .compare-channel-header .channel-avatar-box{display:flex;align-items:center;margin-bottom:16px}.compare-view .compare-channel-header-box .compare-channel-header .channel-avatar-box .channel-header-name{display:flex}.compare-view .compare-channel-header-box .compare-channel-header .channel-avatar-box .channel-header-name img{margin-left:6px;margin-top:4px!important}.compare-view .compare-channel-header-box .compare-channel-header .channel-avatar-box .channel-line-accent{height:90px;border-radius:10px;padding:5px;margin-right:12px}[data-theme=dark] .compare-view .compare-channel-header-box .compare-channel-header .channel-avatar-box .channel-line-accent.right-accent{background:#0b71f0}.compare-view .compare-channel-header-box .compare-channel-header .channel-avatar-box img{border-radius:10px;margin-right:16px}.compare-view .compare-channel-header-box .compare-channel-header .channel-stats-container{display:flex;justify-content:space-between;width:80%;margin-top:24px}.compare-view .frequency-upload-box{background:hsl(from var(--vs-content-bg) h s l/1);border:1px solid hsl(from var(--vs-border) h s l/1);border-radius:10px;width:48%;padding:24px;display:flex;justify-content:space-between;flex-direction:column;align-items:flex-start}.compare-view .frequency-upload-box p{margin:4px 0}.compare-view .frequency-upload-box .frequency-upload{display:none;padding:12px 32px;background:var(--grey-light);border-radius:10px}.compare-view .mobile-breakdown-container{display:flex;background:hsl(from var(--vs-content-bg) h s l/1);width:100%;height:46px;margin:32px 0 0;border-radius:10px}.compare-view .mobile-breakdown-container .mobile-breakdown-pager{display:flex;justify-content:center;align-items:center;padding:12px 0;width:100%;text-align:center;height:46px;border-radius:10px;color:var(--grey-dark)}.compare-view .mobile-breakdown-container .mobile-breakdown-pager .pager-option{margin:3px;padding:8px 14px;border-radius:10px;flex:1}.compare-view .mobile-breakdown-container .mobile-breakdown-pager .option-selected{background:hsl(from var(--vs-bg) h s l/1);color:var(--grey-darker);border-radius:10px}.compare-view .mobile-breakdown-values-box{display:flex;justify-content:center;align-items:center;width:100%;min-height:240px}.compare-view .mobile-breakdown-values-box .bar-line{height:5px;border-radius:10px}.compare-view .mobile-breakdown-values-box .mobile-breakdown-left-bars{display:flex;flex-direction:column;justify-content:center;margin:12px 0;padding:8px 4px 8px 16px;flex:1}.compare-view .mobile-breakdown-values-box .mobile-breakdown-left-bars .bar-box{display:flex;flex-direction:column;justify-content:center;margin:12px 0;padding:8px 16px}.compare-view .mobile-breakdown-values-box .mobile-breakdown-left-bars .bar-box .bar-text{font-size:16px!important;font-weight:600!important;text-align:right}.compare-view .mobile-breakdown-values-box .mobile-breakdown-left-bars .bar-box .bar-line{margin-top:4px;width:5px;align-self:flex-end}.compare-view .mobile-breakdown-values-box .mobile-breakdown-right-bars{display:flex;flex-direction:column;justify-content:center;margin:12px 0;padding:8px 16px 8px 4px;flex:1}.compare-view .mobile-breakdown-values-box .mobile-breakdown-right-bars .bar-box{display:flex;flex-direction:column;justify-content:center;margin:12px 0;padding:8px 16px}.compare-view .mobile-breakdown-values-box .mobile-breakdown-right-bars .bar-box .bar-text{font-size:16px!important;font-weight:600!important}.compare-view .mobile-breakdown-values-box .mobile-breakdown-right-bars .bar-box .bar-line{margin-top:4px;width:5px}.compare-view .mobile-breakdown-values-box .mobile-breakdown-center{display:flex;flex-direction:column;justify-content:center;align-items:center}.compare-view .mobile-breakdown-values-box .mobile-breakdown-center .bar-text{font-size:16px!important;font-weight:600!important;margin:12px 0}.compare-view .mobile-breakdown-values-box .mobile-breakdown-center span{background:var(--grey-base);color:var(--grey-darker);font-size:14px!important;font-weight:500!important;border-radius:10px;margin:12px 0;padding:8px 16px;width:90px;text-align:center}.compare-view .breakdown-container{background:hsl(from var(--vs-content-bg) h s l/1);border:1px solid hsl(from var(--vs-border) h s l/1);border-radius:10px;width:100%;padding:8px 24px 24px;margin:32px 0 0;display:none;align-items:center}@media(min-width:992px){.compare-view .breakdown-container .breakdown-container{display:flex}}.compare-view .breakdown-container .breakdown-title-box{width:15%}.compare-view .breakdown-container .breakdown-title-box .breakdown-titles{display:flex;flex-direction:column;justify-content:center;height:210px;padding-top:30px}.compare-view .breakdown-container .breakdown-title-box .breakdown-titles .title-container{display:flex;align-items:center;flex:1}.compare-view .breakdown-container .breakdown-contents-box{width:85%;display:flex;justify-content:space-between;flex-direction:column}.compare-view .breakdown-container .breakdown-box{display:flex;justify-content:space-around;text-align:center;margin:8px 0;min-height:24px}.compare-view .breakdown-container .breakdown-box-time{width:10%;padding-top:4px;font-weight:600!important}.compare-view .breakdown-container .compare-stat-box{margin-top:8px;display:flex;justify-content:space-between}.compare-view .breakdown-container .compare-stat-box p{font-weight:500!important}.compare-view .breakdown-container .line-box{min-width:250px;margin:0 auto;min-height:46px}.compare-view .breakdown-container .compare-stat-line{min-width:10px;height:8px!important;border-radius:10px;transition:all .2s ease-in-out}.compare-view .breakdown-container .compare-stat-line.left-line{background:var(--red-base);margin-right:3.5px}.compare-view .breakdown-container .compare-stat-line.right-line{background:#0b71f0;margin-left:3.5px}.compare-view .breakdown-container .compare-stat-line:hover{transform:scale(1.03)}.compare-view .longs-vs-shorts-card{background:hsl(from var(--vs-content-bg) h s l/1);border:1px solid hsl(from var(--vs-border) h s l/1);border-radius:10px;width:100%;padding:24px;margin:32px 0 0;display:flex;flex-direction:column;align-items:flex-start}.compare-view .longs-vs-shorts-card .longs-vs-shorts-header{font-weight:500!important;margin-bottom:20px;display:flex;justify-content:space-between;width:100%}.compare-view .longs-vs-shorts-card .longs-vs-shorts-header>p{font-weight:500!important}.compare-view .longs-vs-shorts-card .longs-vs-shorts-container{display:flex;justify-content:space-between;width:100%;flex:1}.compare-view .longs-vs-shorts-card .longs-vs-shorts-container .left,.compare-view .longs-vs-shorts-card .longs-vs-shorts-container .right{width:50%;display:flex;flex-direction:column-reverse;margin-bottom:25px}@media(min-width:992px){.compare-view .longs-vs-shorts-card .longs-vs-shorts-container .left,.compare-view .longs-vs-shorts-card .longs-vs-shorts-container .right{flex-direction:row}}.compare-view .longs-vs-shorts-card .longs-vs-shorts-container .left>div,.compare-view .longs-vs-shorts-card .longs-vs-shorts-container .right>div{flex:1}.compare-view .longs-vs-shorts-card .longs-vs-shorts-container .left .longs-vs-shorts-stats-row__total,.compare-view .longs-vs-shorts-card .longs-vs-shorts-container .right .longs-vs-shorts-stats-row__total{flex-direction:column}.compare-view .longs-vs-shorts-card .longs-vs-shorts-container .left .longs-vs-shorts-stats-row__total .longs-vs-shorts-stats-value,.compare-view .longs-vs-shorts-card .longs-vs-shorts-container .right .longs-vs-shorts-stats-row__total .longs-vs-shorts-stats-value{font-size:20px!important;font-weight:600!important;line-height:1}.compare-view .longs-vs-shorts-card .longs-vs-shorts-container .left .longs-vs-shorts-stats-box,.compare-view .longs-vs-shorts-card .longs-vs-shorts-container .right .longs-vs-shorts-stats-box{margin-top:10px}@media(min-width:992px){.compare-view .longs-vs-shorts-card .longs-vs-shorts-container .left .longs-vs-shorts-stats-box,.compare-view .longs-vs-shorts-card .longs-vs-shorts-container .right .longs-vs-shorts-stats-box{justify-self:auto}}.compare-view .longs-vs-shorts-card .longs-vs-shorts-container .left .longs-vs-shorts-stats-box .longs-vs-shorts-stats-row--with-color-indicator,.compare-view .longs-vs-shorts-card .longs-vs-shorts-container .right .longs-vs-shorts-stats-box .longs-vs-shorts-stats-row--with-color-indicator{display:flex;align-items:center;justify-content:flex-start;margin-left:0}.compare-view .longs-vs-shorts-card .longs-vs-shorts-container .left .longs-vs-shorts-stats-box .longs-vs-shorts-stats-row--with-color-indicator:before,.compare-view .longs-vs-shorts-card .longs-vs-shorts-container .right .longs-vs-shorts-stats-box .longs-vs-shorts-stats-row--with-color-indicator:before{content:"";width:7px;height:41px;border-radius:7px;margin-right:5px}.compare-view .longs-vs-shorts-card .longs-vs-shorts-container .left .longs-vs-shorts-stats-box .longs-vs-shorts-stats-row--with-color-indicator--red:before,.compare-view .longs-vs-shorts-card .longs-vs-shorts-container .right .longs-vs-shorts-stats-box .longs-vs-shorts-stats-row--with-color-indicator--red:before{background:var(--red-base)}.compare-view .longs-vs-shorts-card .longs-vs-shorts-container .left .longs-vs-shorts-stats-box .longs-vs-shorts-stats-row--with-color-indicator--blue:before,.compare-view .longs-vs-shorts-card .longs-vs-shorts-container .right .longs-vs-shorts-stats-box .longs-vs-shorts-stats-row--with-color-indicator--blue:before{background:var(--blue-light)}[data-theme=dark] .compare-view .longs-vs-shorts-card .longs-vs-shorts-container .left .longs-vs-shorts-stats-box .longs-vs-shorts-stats-row--with-color-indicator--blue:before,[data-theme=dark] .compare-view .longs-vs-shorts-card .longs-vs-shorts-container .right .longs-vs-shorts-stats-box .longs-vs-shorts-stats-row--with-color-indicator--blue:before{background:#0b71f0}.compare-view .longs-vs-shorts-card .longs-vs-shorts-container .left .longs-vs-shorts-stats-box .longs-vs-shorts-stats-row--with-color-indicator--grey:before,.compare-view .longs-vs-shorts-card .longs-vs-shorts-container .right .longs-vs-shorts-stats-box .longs-vs-shorts-stats-row--with-color-indicator--grey:before{background:var(--grey-light)}[data-theme=dark] .compare-view .longs-vs-shorts-card .longs-vs-shorts-container .left .longs-vs-shorts-stats-box .longs-vs-shorts-stats-row--with-color-indicator--grey:before,[data-theme=dark] .compare-view .longs-vs-shorts-card .longs-vs-shorts-container .right .longs-vs-shorts-stats-box .longs-vs-shorts-stats-row--with-color-indicator--grey:before{background:#eff1f3}.compare-view .longs-vs-shorts-card .longs-vs-shorts-container .left .longs-vs-shorts-stats-box .longs-vs-shorts-stats-row--with-color-indicator>div,.compare-view .longs-vs-shorts-card .longs-vs-shorts-container .right .longs-vs-shorts-stats-box .longs-vs-shorts-stats-row--with-color-indicator>div{margin-left:10px}.compare-view .longs-vs-shorts-card .longs-vs-shorts-container .left .longs-vs-shorts-stats-box .longs-vs-shorts-stats-row--with-color-indicator:not(:first-child),.compare-view .longs-vs-shorts-card .longs-vs-shorts-container .right .longs-vs-shorts-stats-box .longs-vs-shorts-stats-row--with-color-indicator:not(:first-child){margin-top:20px}.compare-view .longs-vs-shorts-card .longs-vs-shorts-container .left .longs-vs-shorts-stats-box .longs-vs-shorts-stats-row--with-color-indicator .longs-vs-shorts-stats-label,.compare-view .longs-vs-shorts-card .longs-vs-shorts-container .left .longs-vs-shorts-stats-box .longs-vs-shorts-stats-row--with-color-indicator .longs-vs-shorts-stats-value,.compare-view .longs-vs-shorts-card .longs-vs-shorts-container .right .longs-vs-shorts-stats-box .longs-vs-shorts-stats-row--with-color-indicator .longs-vs-shorts-stats-label,.compare-view .longs-vs-shorts-card .longs-vs-shorts-container .right .longs-vs-shorts-stats-box .longs-vs-shorts-stats-row--with-color-indicator .longs-vs-shorts-stats-value{line-height:1.2}.compare-view .longs-vs-shorts-card .longs-vs-shorts-container .left .longs-vs-shorts-stats-box .longs-vs-shorts-stats-row--with-color-indicator .longs-vs-shorts-stats-value,.compare-view .longs-vs-shorts-card .longs-vs-shorts-container .right .longs-vs-shorts-stats-box .longs-vs-shorts-stats-row--with-color-indicator .longs-vs-shorts-stats-value{font-size:16px!important;font-weight:600!important}.compare-view .longs-vs-shorts-card .longs-vs-shorts-container .left .longs-vs-shorts-stats-box .longs-vs-shorts-stats-label,.compare-view .longs-vs-shorts-card .longs-vs-shorts-container .right .longs-vs-shorts-stats-box .longs-vs-shorts-stats-label{font-size:14px!important;font-weight:400!important}.compare-view .longs-vs-shorts-card .longs-vs-shorts-container .left .longs-vs-shorts-stats-box .longs-vs-shorts-stats-value,.compare-view .longs-vs-shorts-card .longs-vs-shorts-container .right .longs-vs-shorts-stats-box .longs-vs-shorts-stats-value{font-size:20px!important;font-weight:600!important}.compare-view .longs-vs-shorts-card .chart-filter-container{display:flex;justify-content:space-between;width:100%;flex-basis:0;margin-top:10px}.compare-view .longs-vs-shorts-card .chart-filter-container--mobile{display:flex;justify-content:space-between}@media(min-width:768px){.compare-view .longs-vs-shorts-card .chart-filter-container{display:flex;gap:10px;margin-top:0}.compare-view .longs-vs-shorts-card .chart-filter-container--mobile{display:none}}.compare-view .longs-vs-shorts-card .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}.compare-view .longs-vs-shorts-card .chart-filter-container button.active{background-color:hsl(from var(--vs-text) h s l/1);border:1.35px solid transparent;color:#fff}.compare-view .longs-vs-shorts-card .chart-filter-container button.active:hover{background-color:#000;border:1.35px solid transparent;color:#fff}.compare-view .longs-vs-shorts-card .chart-filter-container button:hover{border:1.35px solid var(--grey-light);background-color:var(--grey-base)}.compare-view .longs-vs-shorts-card .desktop-only{display:none}@media(min-width:992px){.compare-view .longs-vs-shorts-card .desktop-only{display:flex}}.compare-view .longs-vs-shorts-card .mobile-only{display:flex}@media(min-width:992px){.compare-view .longs-vs-shorts-card .mobile-only{display:none}}.compare-view .compare-charts-filter{width:100%;display:flex;align-items:flex-start;margin:32px 0 0;z-index:101}.compare-view .chart-container{border-radius:10px;border:1px solid hsl(from var(--vs-border) h s l/1);width:100%;height:auto;margin:32px 0 14px}.compare-view .chart-container .chart-card{border:none!important;padding:24px}@media(min-width:992px){.compare-view .chart-container{height:450px}.compare-view .compare-view{width:100%;margin:auto;background:var(--grey-lighter)}.compare-view .breakdown-container{display:flex;min-height:250px}.compare-view .mobile-breakdown-container,.compare-view .mobile-breakdown-values-box,.compare-view .mobile-channel-header-container{display:none}.compare-view .frequency-upload{display:block}.compare-view .frequency-upload-box{flex-direction:row;align-items:center}.compare-view .desktop-compare-channel-header{display:block;width:100%}}.bottom-loading-spinner-container{height:448px}@media(min-width:992px){.bottom-loading-spinner-container{height:355px}}[data-theme=dark] .compare-view .longs-vs-shorts-card .chart-filter-container button.active{border:1.35px solid transparent;color:#000;background-color:hsl(from var(--vs-text) h s l/1)}[data-theme=dark] .compare-view .longs-vs-shorts-card .chart-filter-container button.active:hover{background-color:#fff;border:1.35px solid transparent;color:#000}[data-theme=dark] .compare-view .longs-vs-shorts-card .chart-filter-container button:hover{border:1.35px solid var(--grey-light);background-color:var(--grey-base)}[data-theme=dark] .compare-view .channel-search-box input{background:transparent}