.htp-container{width:100%}.htp-scroll{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none}.htp-scroll::-webkit-scrollbar{display:none}.htp-page{scroll-snap-align:start;min-width:100%;display:flex;flex-direction:column;gap:10px}@media(max-width:520px){.htp-page{gap:8px}}.horizontal-playlist-grid .playlists-container{display:flex;gap:1rem;overflow-x:auto;padding:0 1.5rem;scrollbar-width:none;-ms-overflow-style:none}.horizontal-playlist-grid .playlists-container::-webkit-scrollbar{display:none}.horizontal-playlist-grid .playlists-container .horizontal-playlist-card{flex:0 0 300px;background:hsla(0,0%,100%,.05);border-radius:12px;padding:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid hsla(0,0%,100%,.1);backdrop-filter:blur(10px)}.horizontal-playlist-grid .playlists-container .horizontal-playlist-card:hover{transform:translateY(-4px);background:hsla(0,0%,100%,.08);box-shadow:0 20px 40px rgba(0,0,0,.3)}.horizontal-playlist-grid .playlists-container .horizontal-playlist-card:hover .play-overlay{opacity:1}.horizontal-playlist-grid .playlists-container .horizontal-playlist-card .playlist-cover{position:relative;width:100%;aspect-ratio:1;border-radius:8px;overflow:hidden;margin-bottom:.75rem}.horizontal-playlist-grid .playlists-container .horizontal-playlist-card .playlist-cover .cover-image{width:100%;height:100%;object-fit:cover}.horizontal-playlist-grid .playlists-container .horizontal-playlist-card .playlist-cover .cover-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#374151,#1f2937);display:flex;align-items:center;justify-content:center}.horizontal-playlist-grid .playlists-container .horizontal-playlist-card .playlist-cover .cover-placeholder .placeholder-icon{width:3rem;height:3rem;color:#6b7280}.horizontal-playlist-grid .playlists-container .horizontal-playlist-card .playlist-cover .play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.horizontal-playlist-grid .playlists-container .horizontal-playlist-card .playlist-cover .play-overlay .play-icon{width:3rem;height:3rem;color:#fff;fill:#fff}.horizontal-playlist-grid .playlists-container .horizontal-playlist-card .playlist-info .playlist-name{font-size:1rem;font-weight:600;color:#fff;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.horizontal-playlist-grid .playlists-container .horizontal-playlist-card .playlist-info .playlist-creator{font-size:.75rem;color:#9ca3af;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.horizontal-playlist-grid .playlists-container .horizontal-playlist-card .playlist-info .playlist-stats{display:flex;flex-direction:column;gap:.25rem}.horizontal-playlist-grid .playlists-container .horizontal-playlist-card .playlist-info .playlist-stats .stat-item{display:flex;align-items:center;gap:.25rem;color:#6b7280;font-size:.75rem}.horizontal-playlist-grid .playlists-container .horizontal-playlist-card .playlist-info .playlist-stats .stat-item .stat-icon{width:.75rem;height:.75rem}@media(max-width:768px){.horizontal-playlist-grid .playlists-container{padding:0 1rem;gap:.75rem}.horizontal-playlist-grid .playlists-container .horizontal-playlist-card{flex:0 0 250px;padding:.75rem}.horizontal-playlist-grid .playlists-container .horizontal-playlist-card .playlist-info .playlist-name{font-size:.875rem}.horizontal-playlist-grid .playlists-container .horizontal-playlist-card .playlist-info .playlist-creator,.horizontal-playlist-grid .playlists-container .horizontal-playlist-card .playlist-info .playlist-stats .stat-item{font-size:.6875rem}}@media(max-width:480px){.horizontal-playlist-grid .playlists-container .horizontal-playlist-card{flex:0 0 220px;padding:.625rem}.horizontal-playlist-grid .playlists-container .horizontal-playlist-card .playlist-cover{margin-bottom:.5rem}.horizontal-playlist-grid .playlists-container .horizontal-playlist-card .playlist-cover .cover-placeholder .placeholder-icon,.horizontal-playlist-grid .playlists-container .horizontal-playlist-card .playlist-cover .play-overlay .play-icon{width:2.5rem;height:2.5rem}.horizontal-playlist-grid .playlists-container .horizontal-playlist-card .playlist-info .playlist-name{font-size:.8125rem}}