.playlists{grid-gap:8px;background-color:#2b2b2b;display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:20px;padding:10px}.playlists>*{min-width:0}@media (max-width:767px){.playlists{grid-template-columns:repeat(1,1fr)}}.playlist-item,.playlist-item__preview{position:relative}.playlist-item__preview img{height:100%;width:100%}.playlist-preview__other-previews{background-color:rgba(0,0,0,.5);display:grid;gap:3px;grid-template-rows:repeat(3,1fr);height:100%;padding:3px;position:absolute;right:0;top:0;width:33%}.playlist-item__niche{fill:#fff;background-color:rgba(246,132,37,.5);height:30px;left:10px;padding:5px;top:10px;width:30px;z-index:2}.playlist-item__niche,.playlist-item__overlay{align-items:center;display:flex;justify-content:center;position:absolute}.playlist-item__overlay{background-color:rgba(0,0,0,.5);height:100%;opacity:0;width:100%;z-index:1}@media (max-width:1024px){.playlist-item__overlay{background-color:rgba(0,0,0,.4);opacity:1}}.playlist-item:hover .playlist-item__overlay{opacity:1}.playlist-item__overlay-buttons{display:flex;flex-direction:column}@media (max-width:1024px){.playlist-item__overlay-buttons{flex-direction:row}}.playlist-item__overlay-button{align-items:center;border:1px solid #fff;color:#fff;display:flex;font-size:15px;margin-bottom:10px;padding:10px;transition:50ms ease-out;transition-property:all}@media (max-width:1024px){.playlist-item__overlay-button{background-color:rgba(0,0,0,.3);font-size:0;height:50px;justify-content:center;margin-right:25px;width:50px}}.playlist-item__overlay-button:last-child{margin-bottom:0}@media (max-width:1024px){.playlist-item__overlay-button:last-child{margin-right:0}}.playlist-item__overlay-button svg{fill:#fff;height:20px;margin-right:10px;transition:50ms ease-out;transition-property:all;width:20px}@media (max-width:1024px){.playlist-item__overlay-button svg{margin-right:0}}.playlist-item__overlay-button:hover{border-color:#f68425;color:#f68425}.playlist-item__overlay-button:hover svg{fill:#f68425}.playlist-item__description{align-items:center;display:flex;justify-content:space-between;line-height:13px;padding:5px 5px 0}.playlist-item__description span:first-child{flex-grow:1;margin-right:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-item__description span:last-child{flex-shrink:0}.playlist-item__user{color:#fff;font-size:12px;line-height:12px;padding:0 5px 5px}.playlist-item__user:hover b{color:#f68425}.pagination{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;width:100%}@media (max-width:1024px){.pagination{order:2}}.pagination__button{align-items:center;background-color:#fff;color:#eee;cursor:pointer;display:flex;font-size:13px;justify-content:center;padding:5px 15px;transition:50ms ease-out;transition-property:all}.pagination__button[disabled]{cursor:no-drop}.pagination__button{background:linear-gradient(0deg,#f68425 0,#f7923d);border:1px solid #f68425;border-radius:5px;color:#fff;font-weight:700;height:45px;min-width:45px;padding:7px 15px}.pagination__button:hover{background:linear-gradient(180deg,#f68425 0,#f7923d);border-color:#f68425}.pagination__button:first-child{margin-left:0;margin-right:15px}.pagination__button:last-child{margin-right:0}@media (max-width:767px){.pagination__button{color:#eee;height:45px;padding:0;width:45px}.pagination__button:first-child{font-size:0}.pagination__button:first-child:before{content:"<";font-size:3.4666666667vw}.pagination__button:last-child{font-size:0}.pagination__button:last-child:before{content:">";font-size:3.4666666667vw}}.pagination__item{align-items:center;background:#2b2b2b;border:1px solid hsla(0,0%,100%,.3);border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;height:45px;justify-content:center;margin-right:10px;min-width:45px;padding:5px;transition:50ms ease-out;transition-property:all}.pagination__item:hover{border-color:#f68425;color:#f68425}@media (max-width:767px){.pagination__item{font-size:13px}}.pagination__separator{align-items:center;background:#2b2b2b;border:1px solid hsla(0,0%,100%,.3);border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;height:45px;justify-content:center;margin-right:10px;min-width:45px;padding:5px;transition:50ms ease-out;transition-property:all}.pagination__separator:hover{border-color:#f68425;color:#f68425}@media (max-width:767px){.pagination__separator{font-size:13px}}.pagination__separator{background:none;border:none;pointer-events:none}.pagination__separator:hover{color:#fff}.pagination__item--active{align-items:center;background:#2b2b2b;border:1px solid hsla(0,0%,100%,.3);border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;height:45px;justify-content:center;margin-right:10px;min-width:45px;padding:5px;transition:50ms ease-out;transition-property:all}.pagination__item--active:hover{color:#f68425}@media (max-width:767px){.pagination__item--active{font-size:13px}}.pagination__item--active{pointer-events:none}.pagination__item--active,.pagination__item--active:hover{background:#f68425;border-color:#f68425}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}@media (max-width:1024px){.page-header{align-items:flex-start;flex-direction:column}}.page-header__title{align-items:center;display:flex}@media (max-width:1024px){.page-header__title{margin-bottom:10px;width:100%}}.page-header__title h1,.page-header__title h2{font-size:20px;margin:0}@media (min-width:1025px){.page-header__title h1,.page-header__title h2{white-space:nowrap}}@media (max-width:1024px){.page-header__title h1,.page-header__title h2{align-self:stretch;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}}.page-header__title h1 span,.page-header__title h2 span{color:#909090;font-size:14px;padding-left:3px;white-space:nowrap}.page-header__title h1 b,.page-header__title h2 b{padding-left:10px;position:relative;white-space:nowrap}.page-header__title h1 b:before,.page-header__title h2 b:before{background-color:#fff;content:"";height:100%;left:0;position:absolute;top:0;width:2px}@media (min-width:1025px){.page-header__title-arrow{display:none}}.page-header__title-arrow{fill:#fff;height:15px;margin-left:20px;position:relative;transition:50ms ease-out;transition-property:all;width:10px}input:checked~label .page-header__title-arrow{transform:rotate(180deg)}.page-header__title>span{color:#909090;margin-left:25px;white-space:nowrap}@media (max-width:1024px){.page-header__title>span{margin-left:auto}}.page-header__sort-type{color:#909090;display:flex;font-size:14px;font-weight:700;justify-content:space-between;margin:-10px 0 3px;width:100%}.top-categories{margin-bottom:20px}.top-categories__title{align-items:baseline;color:#fff;display:flex;font-size:20px;margin-bottom:10px}.top-categories__title svg{height:20px;margin-right:10px;width:20px}.top-categories__list{-moz-column-count:4;column-count:4;-moz-column-fill:auto;column-fill:auto;-moz-column-gap:35px;column-gap:35px}@media (min-width:1025px) and (max-width:1276px){.top-categories__list{-moz-column-count:3;column-count:3}}@media (min-width:768px) and (max-width:1024px){.top-categories__list{-moz-column-count:2;column-count:2}}@media (max-width:767px){.top-categories__list{-moz-column-count:1;column-count:1}}.top-categories__item{border-bottom:1px solid hsla(0,0%,100%,.1);height:35px}.top-categories__item--header{align-items:center;color:#f68425;display:inline-flex;width:100%}.top-categories__link{align-items:center;color:#fff;display:inline-flex;height:35px;justify-content:space-between;width:100%}.top-categories__item-title{transition:50ms ease-out;transition-property:all}.top-categories__link:hover .top-categories__item-title{color:#f68425;transition:50ms ease-out;transition-property:all}.top-categories__item-count{background:hsla(0,0%,100%,.2);border-radius:3px;color:hsla(0,0%,100%,.8);padding:2px 5px}.top-categories__link:hover .top-categories__item-count{background:#f68425}.simple-filter{display:flex;font-size:15px}@media (max-width:1024px){.simple-filter{justify-content:space-between;width:100%}}.simple-filter__list{display:flex}.simple-filter__list+.simple-filter__list{border-left:1px solid hsla(0,0%,100%,.5);margin-left:30px;padding-left:30px}@media (max-width:1024px){.simple-filter__list+.simple-filter__list{border-left:none;margin-left:0;padding-left:0}}.simple-filter__link{align-items:baseline;color:#fff;display:flex;margin-right:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (min-width:1025px){.simple-filter__link svg{display:none}}@media (max-width:1024px){.simple-filter__link svg{fill:#f68425;height:22px;width:22px}}.simple-filter__link:last-child{margin-right:0}.simple-filter__link:hover{color:#f68425}@media (max-width:1024px){.simple-filter__link{align-items:center;background-color:#000;font-size:0;height:48px;justify-content:center;line-height:2;margin-right:10px;width:48px}.simple-filter__link:last-child{margin-right:0}}.simple-filter__link--active{color:#f68425}@media (max-width:1024px){.simple-filter__link--active{background-color:rgba(43,43,43,.5)}}*+.tab-items{margin-top:20px}.tab-items{margin-left:-5px}.tab-items__title{color:#fff;margin-bottom:5px;margin-left:5px}.tab-items__link{align-items:center;background-color:#303036;border-radius:5px;color:#fff;display:inline-flex;justify-content:center;margin:5px;min-height:38px;padding:5px 10px}.tab-items__link:hover{background-color:#000;color:#f68425}@media (max-width:1024px){.pagination{order:0}}