.playlists{grid-gap:5px;display:grid;grid-template-columns:repeat(2,1fr);margin-bottom:20px;padding:0 4%}.playlists>*{min-width:0}@media (max-width:1024px){.playlists{padding:0 20px}}@media (min-width:768px){.playlists{grid-gap:10px;grid-template-columns:repeat(3,1fr)}}@media (min-width:1200px){.playlists{grid-template-columns:repeat(4,1fr)}}@media (min-width:1440px){.playlists{grid-template-columns:repeat(5,1fr)}}@media (min-width:1920px){.playlists{grid-template-columns:repeat(6,1fr)}}.playlist-item,.playlist-item__preview{overflow:hidden;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{align-items:center;background-color:rgba(246,132,37,.5);display:flex;height:30px;justify-content:center;left:10px;padding:5px;position:absolute;top:10px;width:30px}.playlist-item__niche svg{fill:#fff}.playlist-item__overlay{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;transform:translateY(100%);width:100%}@media (max-width:1024px){.playlist-item__overlay{background-color:rgba(0,0,0,.4);transform:none}}.playlist-item:hover .playlist-item__overlay{transform:translateY(0)}.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;text-decoration:underline}.pagination{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-top:2vw;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:#2e2e2e;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:#2e2e2e;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:#2e2e2e;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:3vw 0 .8vw;padding:0 4%}@media (max-width:1024px){.page-header{align-items:flex-start;flex-direction:column;margin:20px 0 10px;padding:0 20px}}.page-header+.page-header{margin-top:1.5vw}.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{align-items:center;display:flex;flex-wrap:wrap;font-size:1.4vw;line-height:1.25vw;margin:0;padding-right:15px}@media (min-width:1024px){.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;font-size:18px;line-height:18px;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%}@media (max-width:1024px){.page-header__sort-type{margin:0 0 5px}}.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:last-child{margin-right:0}.simple-filter__list:last-child:before{background-color:hsla(0,0%,100%,.5);content:"";display:block;height:100%;margin-left:30px;margin-right:30px;width:1px}@media (max-width:1024px){.simple-filter__list:last-child:before{display:none}}.simple-filter__list--no-before:before{display:none!important}.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(46,46,46,.5)}}*+.tab-items{margin-top:20px}.tab-items{margin-left:-5px;padding:0 4%}@media (max-width:1024px){.tab-items{padding:0 20px}}.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:#f68425;background-image:linear-gradient(150deg,#f68425,#d7006c)}