@media screen and (max-width:768px){.playlists-set{width:50%!important}}.playlists-main-content{width:100%}.playlists-grid-playlist{display:flex;flex-wrap:wrap;gap:1rem;scrollbar-width:none!important;-ms-overflow-style:none!important;padding-bottom:10px;width:100%;max-width:100%;justify-content:flex-start;align-items:center;align-content:center;justify-items:center;align-self:center;justify-self:center;padding-bottom:100px!important}.playlists-grid-playlist.loading{position:relative}.playlists-grid-playlist.loading::after{content:' ';position:absolute;inset:0;display:grid;place-items:center;background:rgb(0 0 0 / .25);border-radius:16px;color:var(--text-secondary);font-weight:600}.playlists-grid{display:flex;flex-wrap:wrap;gap:1rem;overflow-x:auto!important;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:10px;width:100%;max-width:100%;justify-content:flex-start;align-items:center;align-content:center;justify-items:center;align-self:center;justify-self:center;padding:25px;padding-bottom:100px!important}.playlists-grid.loading{position:relative}.playlists-grid.loading::after{content:' ';position:absolute;inset:0;display:grid;place-items:center;background:rgb(0 0 0 / .25);border-radius:16px;color:var(--text-secondary);font-weight:600}.playlist-card-playlist{background:var(--color-primary-violet);border:0 solid var(--color-gray-700);border-radius:18px;padding:12px;width:calc(25% - .94rem);display:flex;flex-direction:column;gap:10px;transition:transform .2s ease,background .2s ease,box-shadow .2s ease,z-index 0s;width:236px!important;position:relative;overflow:visible;z-index:1}.playlist-card-playlist:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgb(0 0 0 / .25);z-index:100}.playlist-card{background:var(--color-primary-violet);border:0 solid var(--color-gray-700);border-radius:18px;padding:12px;width:calc(25% - .94rem);display:flex;flex-direction:column;gap:10px;transition:transform .2s ease,background .2s ease,box-shadow .2s ease;width:224px!important;position:relative}.playlist-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgb(0 0 0 / .25);z-index:100}.playlist-cover-playlist{position:relative;display:block;border-radius:14px;overflow:hidden;width:100%;aspect-ratio:1}.playlist-cover-playlist img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.3s ease}.playlist-card-playlist:hover .playlist-cover-playlist img{transform:scale(1.05)}.playlist-cover{position:relative;display:block;border-radius:14px;overflow:hidden;width:100%;height:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.playlist-cover img{width:100%;aspect-ratio:16 / 9;height:100%;object-fit:cover;display:block}.playlist-card:hover .playlist-cover img{transform:scale(1.05)}.playlist-overlay-playlist{position:absolute;top:0;left:0;right:0;bottom:0;background:rgb(0 0 0 / .7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease}.playlist-card-playlist:hover .playlist-overlay-playlist{opacity:1}.playlist-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgb(0 0 0 / .7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease}.playlist-card:hover .playlist-overlay{opacity:1}.play-btn-playlist{background:rgb(255 255 255 / .9);border:none;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease}.play-btn-playlist:hover{background:#fff;transform:scale(1.1)}.play-btn-playlist svg{width:24px;height:24px;fill:#333}.play-btn{background:rgb(255 255 255 / .9);border:none;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease}.play-btn:hover{background:#fff;transform:scale(1.1)}.play-btn svg{width:24px;height:24px;fill:#333}.playlist-info-playlist{padding:10px 0}.playlist-title-playlist{font-size:1.1rem;font-weight:600;color:#fff;margin:0 0 5px 0;line-height:1.3}.playlist-artist-playlist{font-size:.9rem;color:#ccc;margin:0}.playlist-title-link{text-decoration:none;color:inherit;display:block;cursor:pointer}.playlist-title-link .playlist-title{margin:0}.playlist-info-playlist{display:flex;flex-direction:column;gap:4px;align-content:center;justify-content:center;align-items:center}.playlist-title{color:var(--text-primary);font-weight:800;font-size:1.05rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-align:right}.playlist-artist{color:var(--text-third);font-size:.9rem;text-align:right}.playlist-actions-playlist{display:flex;gap:8px;justify-content:space-between;align-items:center;margin-top:10px}.playlist-like-btn-playlist,.playlist-download-btn-playlist,.playlist-more-btn-playlist{background:none;border:none;padding:8px;border-radius:6px;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center}.playlist-like-btn-playlist:hover,.playlist-download-btn-playlist:hover,.playlist-more-btn-playlist:hover{background:rgb(255 255 255 / .1)}.playlist-like-btn-playlist svg,.playlist-download-btn-playlist svg,.playlist-more-btn-playlist svg{width:18px;height:18px}.playlist-actions{display:flex;align-items:center;justify-content:flex-end;gap:0;margin-top:2px;flex-wrap:nowrap;position:relative}.playlist-actions button,.playlist-actions a{width:34px!important;height:34px!important;border-radius:50%!important;border:1px solid var(--color-gray-600)!important;background:transparent!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .2s ease!important;text-decoration:none!important;color:inherit!important}.playlist-actions button:hover,.playlist-actions a:hover{transform:translateY(-1px)!important}.playlist-like-btn,.playlist-download-btn,.playlist-more-btn{background:none;border:none;padding:8px;border-radius:6px;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;text-decoration:none;color:inherit}.playlist-like-btn:hover,.playlist-download-btn:hover,.playlist-more-btn:hover{background:rgb(255 255 255 / .1)}.playlist-like-btn svg,.playlist-download-btn svg,.playlist-more-btn svg{width:18px;height:18px}.playlist-like-btn.liked{background:var(--overlay-purple-20)}.playlist-like-btn.liked:hover{background:var(--overlay-purple-30)}.playlist-like-btn:disabled,.playlist-like-btn.disabled{opacity:.5;cursor:not-allowed}.playlist-like-btn.processing{opacity:.7;pointer-events:none}.duration-overlay-playlist{position:absolute;bottom:8px;right:8px;background:rgb(0 0 0 / .8);color:#fff;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500}.duration-overlay{position:absolute;bottom:8px;right:8px;background:rgb(0 0 0 / .8);color:#fff;padding:.25rem .5rem;border-radius:6px;font-size:12px;font-weight:500;display:none}@media (max-width:1024px){.playlist-card-playlist{width:calc(33.333% - .84rem)}.playlist-card{width:calc(33.333% - .84rem)}}@media (max-width:768px){.playlists-grid-playlist{grid-template-columns:repeat(2,1fr);flex-wrap:wrap;padding-bottom:8px;overflow-y:hidden!important;scrollbar-width:none!important;-ms-overflow-style:none!important;display:flex;justify-content:center}.playlist-card-playlist{width:185px!important;min-width:190px;flex-shrink:0;background:var(--color-primary-deep)!important;box-shadow:0 0 5px rgb(35 35 35 / 81%)}.playlist-card{width:185px!important;min-width:190px;flex-shrink:0;background:var(--color-primary-deep)!important;box-shadow:0 0 5px rgb(35 35 35 / 81%)}.playlist-cover img{aspect-ratio:16/9}.playlist-actions button,.playlist-actions a{width:32px;height:32px}.pagination-wrapper .page-numbers{gap:.25rem}.pagination-wrapper .page-numbers a,.pagination-wrapper .page-numbers span{min-width:35px;height:35px;font-size:.9rem}}@media (max-width:480px){.playlist-card-playlist{width:160px!important;min-width:160px}.playlist-card{width:160px!important;min-width:160px}.playlist-title-playlist{font-size:1rem}.playlist-title{font-size:1rem}.playlist-artist-playlist{font-size:.8rem}.playlist-artist{font-size:.8rem}.pagination-wrapper .page-numbers{gap:.25rem}.pagination-wrapper .page-numbers a,.pagination-wrapper .page-numbers span{min-width:32px;height:32px;font-size:.85rem;padding:0 8px}}.pagination-wrapper{display:flex;justify-content:center;margin-top:3rem;margin-bottom:2rem}.pagination-wrapper .page-numbers{display:flex;gap:.5rem;list-style:none;margin:0;padding:0}.pagination-wrapper .page-numbers li{margin:0}.pagination-wrapper .page-numbers a,.pagination-wrapper .page-numbers span{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;background:var(--color-primary-violet);color:var(--text-primary);text-decoration:none;border-radius:8px;transition:all 0.3s ease;font-weight:500;border:1px solid var(--color-gray-600)}.pagination-wrapper .page-numbers a:hover{background:var(--color-purple);color:#fff;transform:translateY(-2px);border-color:var(--color-purple);box-shadow:0 4px 12px var(--shadow-purple-30)}.pagination-wrapper .page-numbers .current{background:var(--color-purple);color:#fff;font-weight:600;border-color:var(--color-purple);box-shadow:0 4px 12px var(--shadow-purple-30)}.pagination-wrapper .page-numbers .prev,.pagination-wrapper .page-numbers .next{padding:0 16px}.search-filters-sidebar-playlist{padding:0px!important;display:flex;flex-direction:column;gap:25px;align-content:flex-start;align-items:flex-start;width:23%}@media screen and (max-width:768px){.search-filters-sidebar-playlist{width:100%}}.archive-title{color:#fff;font-size:28px;font-weight:700;text-align:center;margin-bottom:10px}.search-input-wrapper-playlist{display:flex;align-items:center;background-color:var(--color-primary-violet);border-radius:12px;width:290px;padding:5px;position:relative}.search-btn-playlist{background-color:var(--color-purple)!important;border:none;border-radius:8px;padding:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color 0.3s ease;position:absolute;left:5px;color:var(--color-purple)!important}.search-btn-playlist:hover{background-color:var(--color-purple)!important;opacity:.9}.search-btn-playlist svg{color:var(--color-purple)!important}.search-btn-playlist svg rect{fill:var(--color-purple)!important}.search-btn-playlist svg path{fill:var(--color-dark-bg)!important}.search-input-playlist{background:#fff0;border:none;color:#fff;padding:10px 15px;font-size:16px;width:100%}.search-input-playlist::placeholder{color:#888}.search-input-playlist:focus{outline:none}.search-results-playlist{position:absolute;top:100%;left:0;right:0;background:var(--color-primary-deep);border-radius:12px;margin-top:8px;max-height:400px;overflow-y:auto;z-index:1000;display:none;box-shadow:0 4px 12px rgb(0 0 0 / .3)}.search-result-item{display:flex;align-items:center;padding:12px;cursor:pointer;transition:background 0.2s;border-bottom:1px solid rgb(255 255 255 / .1)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--overlay-purple-20)}.search-result-item img{width:50px;height:50px;border-radius:8px;object-fit:cover;margin-left:12px}.search-result-info h4{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 4px 0}.search-result-info p{color:var(--text-secondary);font-size:12px;margin:0}.search-loading,.search-error,.no-search-results{padding:16px;text-align:center;color:var(--text-secondary);font-size:14px}.archive-page-title{color:var(--text-primary);font-size:24px;font-weight:700;margin:0}.filter-section-playlist{width:100%}.filter-title-playlist{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 12px 0}.custom-dropdown-playlist{position:relative;width:100%}.dropdown-toggle-playlist{width:100%;background:var(--color-primary-violet);border:none;border-radius:12px;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all 0.3s ease}.selected-text-playlist{color:var(--text-primary);font-size:16px;font-weight:500}.dropdown-toggle-playlist svg{transition:transform 0.3s ease}.custom-dropdown-playlist.open .dropdown-toggle-playlist svg{transform:rotate(180deg)}.dropdown-menu-playlist{position:absolute;top:calc(100% + 8px);left:0;right:0;border-radius:12px;padding:0;list-style:none;max-height:300px;overflow-y:auto;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.3s ease}.custom-dropdown-playlist.open .dropdown-menu-playlist{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item-playlist{padding:12px 16px;color:var(--text-secondary);font-size:15px;cursor:pointer;border-radius:8px;transition:all 0.2s ease;display:flex;align-items:center;gap:12px;display:flex;flex-direction:row-reverse;justify-content:space-between;background:var(--color-primary-violet)}.dropdown-item-playlist:hover{color:var(--text-primary)}.dropdown-item-playlist.active{background:var(--color-primary-violet);color:var(--text-primary);font-weight:600}.radio-custom-playlist{width:20px;height:20px;border:2px solid #D2D2D2;border-radius:50%;position:relative;transition:all 0.3s ease;background:#fff0;flex-shrink:0;display:flex;align-content:center;flex-wrap:nowrap;align-items:center;justify-content:center}.radio-custom-playlist.checked{border-color:var(--color-purple)!important}.radio-custom-playlist.checked::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:var(--color-purple)!important;border-radius:50%}.radio-custom-playlist.checked svg{display:none}.radio-custom-playlist.checked svg circle{fill:var(--color-purple)!important}}.playlist-actions .dropdown-container{position:relative}.playlist-card-playlist:hover .dropdown-container,.playlist-card:hover .dropdown-container{z-index:999999999999991000}.archive-playlist-dropdown-menu{position:absolute!important;top:100%!important;left:50%!important;transform:translateX(-50%) translateY(10px)!important;background:#030C24;border-radius:12px!important;padding:8px!important;min-width:180px!important;opacity:0!important;visibility:hidden!important;transition:all 0.3s ease!important;z-index:10000!important;box-shadow:0 8px 20px rgb(0 0 0 / .5)!important;border:1px solid var(--overlay-purple-30)!important;display:flex;align-items:center;justify-content:center}.dropdown-container:hover .archive-playlist-dropdown-menu{opacity:1!important;visibility:visible!important;transform:translateX(-50%) translateY(0)!important}.archive-playlist-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 14px;color:#FFF;text-decoration:none;font-size:14px;border-radius:8px;transition:all 0.2s ease;white-space:nowrap}.archive-playlist-dropdown-item:hover{background:var(--overlay-purple-20);color:#FFF;text-decoration:none}.archive-playlist-dropdown-item svg{flex-shrink:0}