﻿.page-title-sorted{text-transform:capitalize;color:var(--main-text);width:100%;font-size:24px;font-weight:700;line-height:36px;margin-top:30px;margin-bottom:25px;display:inline-flex;align-items:center;gap:8px}.page-title-sorted .flag.small{flex-shrink:0}.section-header{font-size:24px;line-height:32px;font-weight:700;margin:32px 0 20px}.trending-title{font-size:24px;line-height:32px;color:var(--main-text);padding:20px 0;margin-bottom:10px}.advanced-filter-wrapper{position:relative;flex-shrink:0;align-self:flex-start}.filter-icon-trigger{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:20px;cursor:pointer;position:relative;align-self:flex-start;margin-top:2px;outline:0;color:var(--filter-text);background-color:var(--filter-background);border:1px solid var(--filter-border)}.filter-icon-trigger .icon-signup-customize-homepage{font-size:16px;line-height:20px;color:var(--filter-text);background-color:var(--filter-background)}.filter-icon-trigger .filter-badge{position:absolute;top:2px;right:2px;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;line-height:1;color:var(--filter-active-text);background-color:var(--filter-active-background);border:1px solid var(--filter-active-border)}.advanced-filter-dropdown{position:absolute;top:calc(100% + 8px);left:0;border-radius:8px;padding:16px;z-index:100;min-width:400px;box-shadow:0 4px 12px rgba(0,0,0,.5);background-color:var(--primary-accent-background)}.advanced-filter-dropdown .advanced-filter-dropdown-content{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.advanced-filter-dropdown .advanced-filter-dropdown-content a{display:flex;align-items:center;justify-content:center;padding:10px;border-radius:4px;text-decoration:none;font-size:14px;font-weight:500;transition:background-color .2s;color:var(--filter-text);background-color:var(--filter-background);border:1px solid var(--filter-border)}.advanced-filter-dropdown .advanced-filter-dropdown-content a:hover{background-color:color-mix(in hsl,var(--filter-background) 100%,grey 40%)}.advanced-filter-dropdown .advanced-filter-dropdown-content a.active{color:var(--filter-active-text);background-color:var(--filter-active-background);border:1px solid var(--filter-active-border)}.advanced-filter-dropdown#periodFilter{min-width:300px}.advanced-filter-dropdown#periodFilter .advanced-filter-dropdown-content{grid-template-columns:repeat(3,1fr)}.sorting-pills-wrapper{margin-bottom:15px;-webkit-overflow-scrolling:touch;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;white-space:nowrap;scroll-behavior:smooth;scroll-snap-type:x mandatory;display:flex;flex-wrap:nowrap}.sorting-pills-wrapper::-webkit-scrollbar{display:none}.sorting-pills-wrapper li.filter-option{line-height:40px;display:inline-block;margin:0 5px 5px 0;scroll-snap-align:start}.sorting-pills-wrapper li.filter-option a.bubble-filter{border-radius:20px;text-align:center;line-height:20px;padding:8px 16px;white-space:nowrap;font-weight:500;font-size:13px;color:var(--filter-text);background-color:var(--filter-background);border:1px solid var(--filter-border)}.sorting-pills-wrapper li.filter-option.active{order:-1;margin-right:9px}.sorting-pills-wrapper li.filter-option.active a{color:var(--filter-active-text);background-color:var(--filter-active-background);border:1px solid var(--filter-active-border)}#pagination{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap}#pagination .paginationWrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap}#pagination #pages{margin:20px 5px}#pagination .pagination_pages_list{display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:center}#pagination .page-number{margin-right:4px;line-height:56px;font-weight:700;background:var(--primary-accent-background)}#pagination .page-number.current{background:var(--main-theme)}#pagination .page-number.current .paginationLink{cursor:auto}#pagination .page-number .currentPage,#pagination .page-number .paginationLink,#pagination .page-number a{background:0 0;width:56px;height:56px;display:block;text-decoration:none;text-shadow:1px 1px 1px rgba(0,0,0,.55);color:var(--main-text);text-align:center}#pagination .page-number .currentPage{color:var(--button-active-text)}#pagination .page-number .paginationLink{cursor:pointer}#pagination .page-number .paginationLink.dots-button{cursor:auto;background:var(--secondary-accent-background)}#pagination .page-number .paginationLink i{pointer-events:none}#pagination .prev-next{text-align:center}#pagination .prev-next .paginationLink,#pagination .prev-next a{width:56px;height:56px;display:block;line-height:60px;font-size:1.2em;background:var(--secondary-accent-background);color:var(--main-theme)}#pagination .prev-next .paginationLink{cursor:pointer}#pagination .prev-next .paginationLink i{pointer-events:none}#pagination .prev-next.inactive,#pagination .prev-next.inactive .paginationLink{cursor:auto;background:var(--primary-accent-background)}#pagination .prev-next.inactive .paginationLink.inactive .icon-menu-left,#pagination .prev-next.inactive .paginationLink.inactive .icon-menu-right,#pagination .prev-next.inactive .paginationLink.inactive a,#pagination .prev-next.inactive.inactive .icon-menu-left,#pagination .prev-next.inactive.inactive .icon-menu-right,#pagination .prev-next.inactive.inactive a{color:var(--button-inactive-text)}html[lang=ar] #pagination .paginationWrapper{direction:rtl}html[lang=ar] #pagination .paginationWrapper .prev-next{transform:rotate(180deg)}.collections-filters-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.collection-box{display:flex;flex-direction:column;justify-content:space-between;position:relative;border:1px solid var(--mid-gray);box-sizing:border-box;margin-bottom:16px}.collection-box .preloadLine{background:var(--main-theme);left:0;position:absolute;top:-3px;height:2px;transition:width .2s;-webkit-transition:width .2s;z-index:2}.collection-box .collection-box-image{display:block;position:relative;overflow:hidden}.collection-box .collection-box-image img{max-height:176px;width:100%}@media (max-width:1365px){.collection-box .collection-box-image img{max-height:127px}}.collection-box .collection-box-sidebar{position:absolute;box-sizing:border-box;z-index:10;padding:5px;background-color:rgba(0,0,0,.7);right:0;top:0;height:177px;width:107px}@media (max-width:1365px){.collection-box .collection-box-sidebar{height:128px;width:76px;padding:3px}}.collection-box .collection-box-sidebar .thumb-image-container,.collection-box .collection-box-sidebar img{max-height:55px}@media (max-width:1365px){.collection-box .collection-box-sidebar .thumb-image-container,.collection-box .collection-box-sidebar img{max-height:40px}}.collection-box .collection-box-count{text-align:center;margin:6px 0 10px}@media (max-width:1365px){.collection-box .collection-box-count{margin:1px 0 3px}}.collection-box .collection-box-count .videoCount{font-size:1.4em;font-weight:700;margin-bottom:1px}.collection-box .collection-box-title{overflow:hidden;text-overflow:ellipsis;padding:9px 10px 8px;background-color:var(--dark-gray);white-space:nowrap;color:var(--main-theme);min-height:14px}.collection-box .collection-box-image{clear:both;display:block;position:relative;overflow:hidden}.collection-box .private-collection{background-color:rgba(0,0,0,.7);border-radius:3px;position:absolute;padding:4px 8px;margin:2px;z-index:10}.collection-box .videoPreviewEl{height:auto;max-height:unset}.playlists-container{width:100%;margin-bottom:12px;border-radius:8px;background-color:#171717}.playlists-container .playlist-link{width:100%;display:flex;justify-content:center;text-decoration:none}.playlists-container .playlist-thumb-wrapper{width:180px;position:relative}.playlists-container .playlist-thumb-wrapper .playlist-slide-bg{display:flex;position:relative;overflow:hidden;width:180px;height:101px;z-index:1;border-radius:6px;background:#262626}.playlists-container .playlist-thumb-wrapper .playlist-status-wrapper,.playlists-container .playlist-thumb-wrapper .videos-count-wrapper{display:flex;align-items:center;gap:4px;z-index:3;background-color:#000;border-radius:6px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);color:#fff;font-size:10px;font-style:normal;font-weight:400;line-height:15px;padding:2px 6px}.playlists-container .playlist-thumb-wrapper .playlist-status-wrapper i,.playlists-container .playlist-thumb-wrapper .videos-count-wrapper i{font-size:10px}.playlists-container .playlist-thumb-wrapper .playlist-count-status{display:flex;gap:6px;position:absolute;bottom:5px;right:5px}.playlists-container .playlist-slide{width:180px;height:101px;border-radius:6px;background:rgba(64,64,64,.2);position:absolute;top:0}.playlists-container .playlist-slide img{width:100%;height:100%}.playlists-container .playlist-slide.a-slide{transform:rotate(1deg);left:2px;top:3px;height:92px}.playlists-container .playlist-slide.b-slide{transform:rotate(2deg);left:4px;top:4px;height:92px}.playlists-container .playlist-slide.c-slide{transform:rotate(3deg);left:6px;top:5px;height:90px}.playlists-container .playlist-details{display:flex;padding:12px;flex-direction:column;justify-content:space-between;align-items:flex-start;flex:1 0 0;align-self:stretch}.playlists-container .details-top-section{display:flex;align-self:stretch;flex-direction:column}.playlists-container .details-top-section .playlist-type{display:flex;flex-direction:column;align-items:flex-start;color:var(--main-text);font-size:14px;font-style:normal;font-weight:500;line-height:20px;margin-bottom:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;max-width:110px}.playlists-container .details-top-section .playlist-label{display:flex;flex-direction:column;align-items:flex-start;color:#a3a3a3;font-size:10px;font-style:normal;font-weight:400;line-height:15px}.playlists-container .details-bottom-section{display:flex;align-items:center;gap:8px;align-self:stretch}.playlists-container .details-bottom-section .stats-rate,.playlists-container .details-bottom-section .stats-views{display:flex;flex-direction:column;align-items:flex-start;color:#a3a3a3;font-size:10px;font-style:normal;font-weight:400;line-height:15px}