@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}}.videos-component{border:none;padding:20px}@media(min-width:992px){.videos-component{background:hsl(from var(--vs-bg) h s l/1);border-radius:10px;border:1px solid hsl(from var(--vs-border) h s l/1);padding:24px}}.videos-component .videos-actions-container{width:100%;justify-content:space-between;margin-bottom:24px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:16px 0;grid-template-areas:"search search" "switch dropdown"}@media(min-width:768px){.videos-component .videos-actions-container{grid-template-columns:1fr 400px 150px;grid-template-rows:1fr;gap:16px 12px;grid-template-areas:"switch search dropdown"}}.videos-component .videos-actions-container .video-search-box{grid-area:search}.videos-component .videos-actions-container .video-buttons{display:flex;grid-area:switch;align-items:center}.videos-component .videos-actions-container .video-buttons .viewstats-button{font-size:14px!important;margin-right:8px;display:none}@media(min-width:992px){.videos-component .videos-actions-container .video-buttons .viewstats-button{display:block}}.videos-component .videos-actions-container .video-buttons .info-box{position:relative;display:flex;align-items:center;padding:8px 12px;border-radius:36px;align-self:flex-end;margin:2px 4px 8px 10px;transition:all .2s ease;cursor:pointer;color:hsl(from var(--vs-content-bg) h s l/1)}.videos-component .videos-actions-container .video-buttons .info-box img{margin-right:8px}.videos-component .videos-actions-container .video-buttons .info-box .upside-down-arrow{transform:rotate(180deg)}.videos-component .videos-actions-container .video-buttons .info-box .info-text{padding-top:.5px;color:#ababab;font-size:12px!important;font-style:normal;font-weight:400!important;line-height:normal}.videos-component .videos-actions-container .video-buttons .info-box:hover{background-color:hsla(0,0%,67%,.125)}.videos-component .videos-actions-container .video-buttons .info-box:hover .info-text{color:#9c9c9c}.videos-component .videos-actions-container .video-search-container{grid-area:dropdown;display:flex;justify-content:right}@media(min-width:992px){.videos-component .videos-actions-container .video-search-container{width:auto}}.videos-component .videos-actions-container .video-search-container .dropdown-filter{height:40px;width:100%!important}.videos-component .videos-actions-container .video-search-container .dropdown-filter.dropdown--lg{height:48px;padding:0 16px}.videos-component .video-search-box{background:var(--grey-light);border-radius:46px;color:var(--grey-darker);display:flex;align-items:center;padding:8px 12px;position:relative;width:100%}@media(min-width:768px){.videos-component .video-search-box{margin-left:auto}}@media(min-width:992px){.videos-component .video-search-box{width:325px}}@media(min-width:1280px){.videos-component .video-search-box{width:400px}}.videos-component .video-search-box img{margin-left:12px}.videos-component .video-search-box input{padding-left:12px;width:100%;background:var(--grey-light);font-size:16px!important;caret-color:var(--red-base)}.videos-component .video-search-box input:focus{outline:none}.videos-component .search-container{display:flex;justify-content:center;width:50%}@media(min-width:992px){.videos-component .search-container{justify-content:right}}.videos-component .videos-grid{display:grid;justify-content:center;grid-template-columns:1fr;gap:16px 0}.videos-component .videos-grid.short-video{grid-template-columns:1fr 1fr}@media(min-width:420px){.videos-component .videos-grid{gap:16px 10px}.videos-component .videos-grid.short-video{grid-template-columns:1fr 1fr 1fr}}@media(min-width:768px){.videos-component .videos-grid{grid-template-columns:1fr 1fr 1fr;gap:16px}.videos-component .videos-grid.short-video{grid-template-columns:1fr 1fr 1fr 1fr}}@media(min-width:992px){.videos-component .videos-grid{grid-template-columns:1fr 1fr 1fr 1fr;gap:16px 2px}.videos-component .videos-grid.short-video{grid-template-columns:1fr 1fr 1fr 1fr 1fr}}.videos-component .videos-grid .video-container-longs{border:1px solid hsl(from var(--vs-border) h s l/1);border-radius:8px;box-shadow:0 3px 6px rgba(0,0,0,.03);height:123.05px}@media(min-width:768px){.videos-component .videos-grid .video-container-longs{height:244.94px}}@media(min-width:992px){.videos-component .videos-grid .video-container-longs{margin:10px;height:242.88px}}.videos-component .videos-grid .video-container-shorts{border:1px solid hsl(from var(--vs-border) h s l/1);border-radius:8px;box-shadow:0 3px 6px rgba(0,0,0,.03);height:411.94px;width:calc(100% - 10px)}@media(min-width:420px){.videos-component .videos-grid .video-container-shorts{height:376.66px}}@media(min-width:768px){.videos-component .videos-grid .video-container-shorts{height:348.66}}@media(min-width:992px){.videos-component .videos-grid .video-container-shorts{height:400px}}@media(min-width:1280px){.videos-component .videos-grid .video-container-shorts{height:480px}}@media(min-width:1440px){.videos-component .videos-grid .video-container-shorts{height:500px}}.videos-component .mobile-breakdown-container{display:flex;background:var(--grey-base);width:90%;height:46px;border-radius:10px}.videos-component .mobile-breakdown-container .mobile-breakdown-pager{display:flex;justify-content:center;align-items:center;padding:12px 0;width:100%;text-align:center;height:40px;border-radius:10px;color:var(--grey-dark)}.videos-component .mobile-breakdown-container .mobile-breakdown-pager .pager-option{margin:6px 3px 0;padding:12px 14px;border-radius:10px;flex:1}.videos-component .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}@media(min-width:992px){.videos-component .mobile-breakdown-container{display:none}}[data-theme=dark] .mobile-breakdown-container{background:#0f1012;border:2px solid var(--grey-base)}[data-theme=dark] .mobile-breakdown-container .mobile-breakdown-pager{color:#fff}[data-theme=dark] .mobile-breakdown-container .mobile-breakdown-pager .option-selected{color:#fff;background:#7f8082}[data-theme=dark] .videos-component .video-search-box input{background:transparent}