h1{font-size:22px;margin:30px 25px 10px 20px}.fa-solid{color:#acaaaa;font-size:1.5rem;padding:8px}@font-face{font-family:circular;src:url(/static/media/AvenirLTStd-Heavy.d1a180cf4bf435707e5d.otf)}@font-face{font-family:pacifico;src:url(/static/media/Pacifico-Regular.c0d735fc04154e03a691.ttf)}.fs12{font-size:.75rem}.fs14{font-size:.875rem}.fs18{font-size:1.125rem}.fs20{font-size:1.25rem}.fs24{font-size:1.5rem}.fs28{font-size:1.75rem}.fs30{font-size:1.875rem}.flex{display:flex}.flex>.full{flex:1 1}.flex.column{flex-direction:column}.flex.justify-center{justify-content:center}.flex.align-center{align-items:center}.flex.space-between{justify-content:space-between}.flex.space-around{justify-content:space-around}.flex.wrap{flex-wrap:wrap}.grid{display:grid}.grid.space-between{justify-content:space-between}.grid.align-center{align-items:center}.square-ratio{overflow:hidden;position:relative}.square-ratio:before{content:"";display:block;padding-top:100%;width:100%}.square-ratio>*{bottom:0;left:0;position:absolute;right:0;top:0}.square-ratio>img{height:100%;object-fit:cover}.video-ratio{overflow:hidden;position:relative}.video-ratio:before{content:"";display:block;padding-top:56.25%;width:100%}.video-ratio>*{bottom:0;left:0;position:absolute;right:0;top:0}.video-ratio>img{height:100%;object-fit:cover}.portrait-ratio{overflow:hidden;position:relative}.portrait-ratio:before{content:"";display:block;padding-top:177.7777777778%;width:100%}.portrait-ratio>*{bottom:0;left:0;position:absolute;right:0;top:0}.portrait-ratio>img{height:100%;object-fit:cover}.green{color:#1ed760}.main-layout{display:grid;grid-template-areas:"header" "main" "mediaplayer" "sidebar";grid-template-columns:1fr;grid-template-rows:50px 1fr 75px 60px;height:100vh}.main-layout .main-content{grid-area:main;padding-bottom:50%}@media(min-width:650px){.main-layout{grid-template-areas:"sidebar header" "sidebar main" "mediaplayer mediaplayer";grid-template-columns:200px 1fr;grid-template-rows:65px 1fr 90px}}@media(min-width:800px){.main-layout{grid-template-areas:"sidebar header" "sidebar main" "mediaplayer mediaplayer";grid-template-columns:252px 1fr;grid-template-rows:65px 1fr 90px}}*{box-sizing:border-box}html{font-family:circular;font-size:8px;line-height:1.6;max-width:100%;overflow-x:hidden}@media(min-width:650px){html{font-size:14px}}@media(min-width:800px){html{font-size:16px}}@media(min-width:1200px){html{font-size:18px}}body{background-color:#121212;margin:0;max-width:100%;padding:0;position:relative}a,body{color:#fff}a{cursor:pointer;text-decoration:none}img{object-fit:cover}button{cursor:pointer}button:hover{transition:.3s}li{list-style:none}.img-input{display:none}ul{padding:0}hr{border:1px solid #3a3939;margin:0}.list-header{grid-column:1/-1;grid-row:1/2;padding:25px 0}.list-header h1{margin:0;text-transform:capitalize}.list-header a{color:#a7a7a7;text-transform:uppercase}.list-header a:hover{text-decoration:underline}.play-btn{background:#1ed760;border:none;border-radius:50%;font-size:clamp(20px,50%,30px);height:55px;text-align:center;transition:.4s;width:55px}.play-btn:hover{transform:scale(1.1);transition:.4s}.play-btn.fa-pause{display:block}@media(max-width:650px){.play-btn{display:none}}.desc-container>*{margin:0;padding:0}.desc-container h4{font-size:16px;margin-top:15px;padding-bottom:4px}.desc-container p{color:#a7a7a7;text-overflow:ellipsis}.dropdown-btn-container{align-items:center;cursor:pointer;gap:3.5px;height:25px;padding-inline-start:10px}.dropdown-btn-container svg{font-size:7.5px}.main-screen{cursor:pointer;height:100vh;left:0;opacity:0;position:fixed;top:0;transition:opacity .6s;width:100vw;z-index:10}.main-screen.confirm-delete-profile{background-color:#6a6a6a;opacity:.5;transition:opacity .6s}.rotate{animation:rotation 10s linear infinite}body::-webkit-scrollbar{width:.6em}@media(max-width:650px){body::-webkit-scrollbar{width:.4em}}body::-webkit-scrollbar-thumb{background-color:#666}::-webkit-scrollbar-thumb:hover{background:#888}body::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #1313134d}.login-signup-form-container{align-items:center}.login-signup-form-container>*{width:55%}.login-signup-form-container h1{margin-bottom:3.125rem;text-align:center}@media(min-width:800px){.login-signup-form-container>*{max-width:450px}}.profile-details{background:linear-gradient(#0000,#121212 600px);height:100%}.profile-details .profile-details-main-container{gap:35px}.profile-details .recently-played-container{padding-inline-start:2rem;padding-top:2rem}.profile-details .recently-played-container h1{margin:0;padding-inline-start:15px}.artist-details,.station-details{background:linear-gradient(#0000,#121212 600px);height:100%}@media(max-width:650px){.station-details .station-details-main-container .station-search-container .station-search-header{font-size:17px;margin-left:20px}}.station-details .station-details-main-container .station-search-container .search-form{position:static}.station-details .station-details-main-container .station-search-container .search-form .search-bar-input{background-color:hsla(0,0%,100%,.102);border-radius:4px;color:#c0bfbf;font-size:.875rem;font-weight:500;height:40px;margin:15px 20px;padding-left:30px;width:375px}@media(max-width:650px){.station-details .station-details-main-container .station-search-container .search-form .search-bar-input{text-align:center;width:90%}}.station-details .station-details-main-container .station-search-container .search-form .search-btn{left:52px;top:2px}.station-details .station-details-main-container .station-search-container .station-details-search-list{display:flex;flex-direction:column;justify-content:center;margin:0 1.25rem;max-width:1920px}.library{margin:0 10px}.library .station-list-header{display:none}.library .create-1st-playlist{font-size:1.5rem;gap:1rem;height:60vh}.library .create-1st-playlist .library-icon{height:100px;width:100px}.library .create-1st-playlist h1{font-size:2rem;margin:0}.library .create-1st-playlist span{font-size:.85em}.library .create-1st-playlist button{border:none;border-radius:50px;font-size:.65em;font-weight:700;padding:12px 32px;text-align:center}.queue h1{margin-left:0;padding-inline-start:15px}.queue .queue-main-container{padding-inline-start:30px}@media(min-width:1200px){.queue{max-width:1920px}}.search{padding:0 15px}@media(max-width:650px){.search{padding:0}}.search .search-filter-btns{display:flex;flex-wrap:wrap;gap:.625rem;margin:2.5rem 0 0 1.25rem}.search .search-filter-btns .search-filter-btn{background-color:#1a1a1a;border:none;border-radius:25px;color:#fff;font-family:circular;font-size:1.25rem;padding:8.5px 25px}.search .search-filter-btns .search-filter-btn.active{background-color:#676363}@media(max-width:650px){.search .search-filter-btns .search-filter-btn{font-size:12px}}.search .recently-search-container{display:none}.search .recently-search-container .station-preview .station-preview-container .recent-search-delete-btn-container{align-items:flex-end;display:flex;justify-content:flex-end}.search .recently-search-container .station-preview .station-preview-container .recent-search-delete-btn-container .fa-xmark{font-size:1.875rem}.search .recently-search-container .station-preview .station-preview-container .recent-search-delete-btn-container .fa-xmark:hover{color:#fff;cursor:pointer}.search .recently-search-container .station-preview .station-preview-container .station-preview-img-container .station-preview-img{clip-path:inset(12.5% 0 12.5% 0 round 10px);margin:0}.search .recently-search-container .station-preview .station-preview-container .desc-container h4{margin-top:0;text-transform:capitalize}@media(min-width:650px){.search .search-filter-btns{gap:.15625rem}.search .search-filter-btns .search-filter-btn{font-size:.875rem}.search .search-filter-btns .recently-search-container{display:inline;display:initial}}.about .app-description h1{text-align:center}.about .app-description .description-container{align-items:center;display:flex;justify-content:center;padding:0 10%;width:100%}.about .features-list{background-color:#252525;border-radius:25px;display:grid;grid-template-columns:1fr 6fr 1fr;grid-template-rows:2fr 6fr;height:min-content;margin:10px auto;width:80%}.about .features-list h1{grid-column:1/-1;grid-row:1/2;text-align:center}.about .features-list .desc-txt-container{grid-column:2/3;grid-row:2/3}.about .features-list .desc-txt-container h1{margin:0}.about .features-list .desc-txt-container p{height:fit-content}.about .features-list .back-btn{grid-column:1/2}.about .features-list .next-btn{grid-column:3/4}.about .features-list>button{align-items:center;background-color:#0000;border:none;color:#fff;display:flex;grid-row:2/3;height:100%;justify-content:center;width:100%}.about .features-list>button svg{font-size:4.6875rem}.about .developers h1{display:flex;justify-content:center}.about .developers .developers-container{display:flex;gap:5px;justify-content:center}@media(min-width:650px){.about .features-list>button svg{font-size:3.75rem}}@media(min-width:800px){.about .developers .developers-container{gap:15px}}.app-header{align-items:center;display:flex;grid-area:header}.app-header .app-header-main-container{align-items:center;display:flex;font-size:1.5rem;height:50px;justify-content:flex-end;width:100vw;z-index:10}.app-header .app-header-main-container .guest-mode-container{align-items:center;display:flex;gap:15px;margin-inline-end:20px}.app-header .app-header-main-container .guest-mode-container a{background-color:#0000;border:none;color:#fff;font-family:circular;line-height:1.6;text-decoration:none}.app-header .app-header-main-container .guest-mode-container>:last-child{align-items:center;background-color:#f6f6f6;border-radius:25px;color:#000;display:flex;justify-content:center;min-height:5rem;min-width:9.375rem}.app-header .app-header-main-container .guest-mode-container .vl{border-left:1px solid #fff;height:30px}.app-header .app-header-main-container .user-mode-container{cursor:pointer;gap:15px;margin-inline-start:5px;z-index:20}.app-header .app-header-main-container .user-mode-container .profile-details{align-items:center;background-color:#000;border-radius:25px;color:#c9c9c9;display:flex;font-size:.8125rem;gap:5px;height:4.6875rem;justify-content:center;margin-inline-end:20px;padding:2px 5px;width:4.6875rem;z-index:20}.app-header .app-header-main-container .user-mode-container .profile-details .profile-pic{border-radius:50%;height:80%;width:80%}.app-header .app-header-main-container .user-mode-container .profile-details p{display:none}.app-header .app-header-main-container .user-mode-container .profile-details:hover{background-color:#2c2c2c;transition:.3s}.app-header .app-header-main-container .user-mode-container .app-header-profile-dropdown{background-color:#222;border-radius:15px;gap:12px;height:fit-content;margin:5px;margin-inline-end:20px;padding:10px;position:absolute;right:0;top:40px;width:15.625rem;z-index:20}.app-header .app-header-main-container .user-mode-container .app-header-profile-dropdown>*{color:#c9c9c9;padding:5px;z-index:20}.app-header .app-header-main-container .user-mode-container .app-header-profile-dropdown>:hover{background-color:#757575;cursor:pointer}@media(min-width:650px){.app-header{height:65px}.app-header .app-header-main-container{font-size:.875rem;justify-content:space-between;width:100%}.app-header .app-header-main-container .guest-mode-container{gap:15px}.app-header .app-header-main-container .guest-mode-container>:last-child{min-height:2.96875rem;min-width:5.625rem}.app-header .app-header-main-container .user-mode-container .profile-details{height:max-content;padding:2px 10px 2px 5px;width:max-content}.app-header .app-header-main-container .user-mode-container .profile-details p{align-items:center;display:flex;margin:0}.app-header .app-header-main-container .user-mode-container .profile-details .profile-pic{height:35px;width:35px}.app-header .app-header-main-container .user-mode-container .app-header-profile-dropdown{width:10rem}}@media(min-width:800px){.app-header .app-header-main-container .guest-mode-container{font-size:1.125rem}}.pagination-btn-container{gap:.3125rem;margin-inline-start:1.875rem;width:7.5rem}.pagination-btn-container .pagination-btn{align-items:center;background-color:#000;border:none;border-radius:50%;color:#fff;display:flex;display:none;height:2.5rem;justify-content:center;width:2.5rem}.pagination-btn-container .pagination-btn>*{font-size:1.875rem}@media(min-width:650px){.pagination-btn-container>:first-child{display:inline;display:initial}}@media(min-width:800px){.pagination-btn-container>:nth-child(2){align-items:center;display:flex;justify-content:center}}.sidebar{grid-area:sidebar;position:absolute;z-index:10}.sidebar .logo-container{align-items:center;display:flex;gap:2.5px;padding-inline-start:.5rem}.sidebar .logo-container .logo-name{color:#1ed760;font-family:pacifico,sans-serif;font-size:1.875rem;font-weight:lighter;left:-50%;position:relative;transform:translateX(50%)}.sidebar .logo-container .logo-img{transform:rotate(345deg);width:6.25rem}.sidebar hr{margin:0 1.375rem}.sidebar .user-stations-container{background-color:#000;margin:10px 3px;padding:0}.sidebar .user-stations-container li{font-size:1rem;padding:.15625rem 1.25rem}.sidebar>:not(.nav-list){display:none}@media(min-width:650px){.sidebar{background-color:#000;height:150%;padding:10px 0;position:sticky;top:0}.sidebar>:not(.nav-list){display:block}}@media(min-width:800px){.sidebar .logo-container .logo-name{left:-44%}.sidebar .user-stations-container li{font-size:1.125rem}}@media(min-width:1200px){.sidebar .logo-container .logo-name{left:-50%}}.nav-list{background-color:#000;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);height:50px;margin:0;padding-top:7.5px;position:fixed;width:100%;z-index:10}.nav-list .symbol-container{cursor:pointer;display:flex;flex-direction:column;justify-content:space-around;text-align:center}.nav-list .symbol-container .symbol{color:#acaaaa;height:2.8125rem;text-align:center}.nav-list .symbol-container .symbol svg{font-size:2.1875rem}.nav-list .symbol-container .symbol .symbol-txt{font-size:5px}.nav-list .symbol-container .symbol:hover{color:#fff;visibility:visible}.nav-list .symbol-container .liked-songs-playing-icon .equalizer-img{height:1.5625rem;margin-top:6px;width:1.5625rem}.nav-list .home-link .symbol-container>:nth-child(2),.nav-list .home-link.active>.symbol-container>:first-child,.nav-list .library-link .symbol-container>:nth-child(2),.nav-list .library-link.active>.symbol-container>:first-child,.nav-list .search-link .symbol-container>:nth-child(2),.nav-list .search-link.active>.symbol-container>:first-child{display:none}.nav-list .home-link.active>.symbol-container>:nth-child(2),.nav-list .library-link.active>.symbol-container>:nth-child(2),.nav-list .search-link.active>.symbol-container>:nth-child(2){display:inline;display:initial}.nav-list .liked-songs-link{display:none}.nav-list .liked-songs-link .nav-likes-songs-logo{width:1.875rem}@media(min-width:650px){.nav-list{display:flex;flex-direction:column;height:fit-content;margin:10px 0;padding:15px 0;position:static}.nav-list .symbol-container{display:grid;font-size:15px;grid-template-columns:1fr 2fr 1fr;position:static}.nav-list .symbol-container .symbol{align-items:center;color:#acaaaa;display:flex;font-size:18px;grid-column:1/2;justify-content:center}.nav-list .symbol-container .symbol:hover{visibility:visible}.nav-list .symbol-container .symbol-txt{align-items:center;display:flex;grid-column:2/4;grid-row:1;justify-content:flex-start}.nav-list .symbol-container .liked-songs-playing-icon{grid-column:3/4;grid-row:1}.nav-list .liked-songs-link{display:inline;display:initial}.nav-list .liked-songs-link .symbol-container.symbol-txt{grid-column:2/3}.nav-list .library-link .symbol-container .login-first-msg{top:200px}.nav-list .create-playlist-link .symbol-container .login-first-msg{top:243px}.nav-list .liked-songs-link .symbol-container .login-first-msg{top:286px}}@media(min-width:800px){.nav-list .library-link .symbol-container .login-first-msg{top:230px}.nav-list .create-playlist-link .symbol-container .login-first-msg{top:273px}.nav-list .liked-songs-link .symbol-container .login-first-msg{top:316px}}@media(min-width:1200px){.nav-list .library-link .symbol-container .login-first-msg{top:250px}.nav-list .create-playlist-link .symbol-container .login-first-msg{top:305px}.nav-list .liked-songs-link .symbol-container .login-first-msg{top:360px}}.media-player-container{align-items:center;background-color:#181818;border-radius:8px 8px 0 0;border-top:1px solid #282828;bottom:49px;display:flex;flex-direction:column;grid-area:mediaplayer;height:7.5%;justify-content:space-between;left:2.5%;margin:auto;padding:0 10px;position:fixed;width:95%;z-index:20}.media-player-container .youtube-player{display:none}.media-player-container .media-player-clip-preview{align-items:center;gap:10px;height:65%;left:-50%;position:relative;top:10%;transform:translate(50%);width:fit-content}.media-player-container .media-player-clip-preview:not(:last-child){justify-content:flex-start}.media-player-container .media-player-clip-preview .media-player-clip-img{clip-path:inset(12.5% 0 12.5% 0 round 10px);height:35px;position:relative;width:35px}.media-player-container .media-player-clip-preview .media-player-clip-txt>*{margin:0;padding:0}.media-player-container .media-player-clip-preview .media-player-clip-txt .mp-clip-title{font-size:1rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-player-container .media-player-clip-preview .media-player-clip-txt .mp-clip-artist{color:#acaaaa;font-size:calc(1rem - 2px)}.media-player-container .media-player-clip-preview .like-icon{display:none}.media-player-container .mp-controller{position:relative;width:90vw}.media-player-container .mp-controller .mp-btn-container{bottom:-11px;display:flex;gap:.625rem;justify-content:flex-end;left:-5px;position:relative}.media-player-container .mp-controller .mp-btn-container .action-btn{background:none;border:none;color:#acaaaa;cursor:pointer;font-size:1.25rem;padding:0}.media-player-container .mp-controller .mp-btn-container .action-btn:hover{color:#fff}.media-player-container .mp-controller .mp-btn-container>:not(.play-btn){display:none}.media-player-container .mp-controller .mp-btn-container .play-btn{font-size:2.25rem;height:2.5rem;position:relative;width:2.5rem}.media-player-container .mp-controller .mp-btn-container .skip10sec-btn{transform:translateY(5%)}.media-player-container .mp-controller .mp-btn-container .skip10sec-btn svg{font-size:1.71875rem}.media-player-container .mp-controller .time-line-container{display:flex;justify-content:center;position:relative;top:5%}.media-player-container .mp-controller .time-line-container .time-line-input{outline:0;width:90%}.media-player-container .mp-controller .time-line-container .track-time{display:none}.media-player-container .mp-2nd-controller{align-items:center;display:none;flex-direction:column}.media-player-container .mp-2nd-controller .toggle-mute-btn{background:none;border:none;color:#b3b3b3;font-size:1rem;margin:0 8px}.media-player-container .mp-2nd-controller .queue-icon{color:#acaaaa;cursor:pointer;display:block}.media-player-container .mp-2nd-controller .volume-input-container{margin-inline-end:5px;width:60px}.media-player-container .mp-2nd-controller .volume-input-container .volume-input{display:flex;justify-content:center}@media(min-width:650px){.media-player-container{bottom:0;flex-direction:row;height:5rem;left:0;width:100%}.media-player-container .media-player-clip-preview{display:flex;left:0;top:0;transform:none}.media-player-container .media-player-clip-preview .media-player-clip-img{height:60px;margin-left:5px;width:60px}.media-player-container .media-player-clip-preview .media-player-clip-txt{display:none}.media-player-container .media-player-clip-preview .like-icon{display:block}.media-player-container .mp-controller{gap:5px;padding-top:.625rem;position:static;width:50%}.media-player-container .mp-controller .mp-btn-container{justify-content:space-between;margin:0 auto}.media-player-container .mp-controller .mp-btn-container>:not(.play-btn){display:block}.media-player-container .mp-controller .mp-btn-container .play-btn{background-color:#c5c5c5;color:#000;font-size:1rem}.media-player-container .mp-controller .mp-btn-container .play-btn:hover{background-color:#fff;color:#000;transition:.3s}.media-player-container .mp-controller .time-line-container .time-line-input{transform:translateY(0);width:100%}.media-player-container .mp-controller .time-line-container .track-time{color:#acaaaa;display:inline;display:initial;font-size:12px;padding:8px}.media-player-container .mp-2nd-controller{display:flex}}@media(min-width:800px){.media-player-container .media-player-clip-preview .media-player-clip-txt{display:block;letter-spacing:-.01rem;white-space:normal}.media-player-container .mp-2nd-controller{flex-direction:row}.media-player-container .mp-2nd-controller .volume-input-container{width:95px}}.user-msg-container{align-items:center;display:flex;height:fit-content;justify-content:center;position:fixed;top:83.5%;width:100%;z-index:30}.user-msg-container .user-msg{background-color:#3f7ef4;border-radius:2.1875rem;height:4.0625rem;min-width:fit-content;padding:0 40px}@media(min-width:650px){.user-msg-container{top:87.5%}.user-msg-container .user-msg{font-size:.875rem;height:3.125rem}}@media(min-width:800px){.user-msg-container{top:86%}.user-msg-container .user-msg{font-size:.75rem;height:2.8125rem}}@media(min-width:1200px){.user-msg-container{top:84.5%}}.login-first-msg{background-color:#0d72ea;border-radius:20px;height:fit-content;left:50%;padding:1rem;position:absolute;top:-250px;transform:translateX(-50%);width:300px;z-index:20}.login-first-msg .tippy{border-bottom:10px solid #0000;border-right:10px solid #0d72ea;border-top:10px solid #0000;display:none;height:0;left:-.625rem;position:absolute;top:1.25rem;width:0}.login-first-msg .login-first-txt-container .login-first-msg-title{font-size:18px;font-weight:700;margin:0 0 8px}.login-first-msg .login-first-txt-container .login-first-msg-txt{font-size:14px;margin:0}.login-first-msg .login-first-btns{font-size:14px;grid-template-columns:2;height:40px;justify-content:flex-end;margin-top:35px;z-index:20}.login-first-msg .login-first-btns>:hover{transform:scale(1.1);transition:.4s}.login-first-msg .login-first-btns>:first-child{grid-column:1;height:40px;width:80px}.login-first-msg .login-first-btns>:first-child button{background-color:#0d72ea;border:none;color:#fff;font-weight:700}.login-first-msg .login-first-btns>:last-child{grid-column:2;height:40px;width:100px}.login-first-msg .login-first-btns>:last-child button{border:none;border-radius:35px;color:#6a6a6a;font-weight:700;height:35px;width:75px}@media(min-width:650px){.login-first-msg{left:350px}.login-first-msg .tippy{display:inline;display:initial}}@media(min-width:800px){.login-first-msg{left:405px}.login-first-msg .tippy{left:-.525rem}}.confirm-delete-msg-container{display:flex;justify-content:center;position:absolute;width:100%;z-index:30}.confirm-delete-msg-container .confirm-delete-msg{background-color:#fff;border-radius:25px;color:#1a1a1a;height:200px;padding:25px;width:400px;z-index:30}.confirm-delete-msg-container .confirm-delete-msg .btns{gap:.625rem;grid-template-columns:2;height:40px;justify-content:space-around;margin-top:35px}.confirm-delete-msg-container .confirm-delete-msg .btns>:hover{transform:scale(1.1);transition:.4s}.confirm-delete-msg-container .confirm-delete-msg .btns>:first-child{grid-column:1;height:40px;width:80px}.confirm-delete-msg-container .confirm-delete-msg .btns>:first-child button{background-color:#fff;border:none;color:#6a6a6a;font-size:.875rem;font-weight:700}.confirm-delete-msg-container .confirm-delete-msg .btns>:last-child{grid-column:2;height:40px;width:135px}.confirm-delete-msg-container .confirm-delete-msg .btns>:last-child button{background-color:#1db954;border:none;border-radius:35px;color:#1a1a1a;font-size:.875rem;font-weight:700;height:45px;padding:0 15px}@media(min-width:650px){.confirm-delete-msg-container .confirm-delete-msg .btns>:last-child button{font-size:.625rem}}.search-loader{height:200px;margin:150px}.page-loader,.search-loader{display:flex;justify-content:center}.page-loader{align-items:center;height:100vh}.large-loader{height:90vw;padding:10px;width:90vw}@media(min-width:650px){.large-loader{height:60vw;width:60vw}}@media(min-width:800px){.large-loader{height:50vw;width:50vw}}@media(min-width:1200px){.large-loader{height:35vw;width:35vw}}.medium-loader{height:25.875rem;padding:30px;width:25.3125rem}.loader-img{animation:rotation 4s linear infinite;padding:30px}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.like-icon svg{cursor:pointer;height:18px;overflow:visible}.like-icon input[type=checkbox]{display:none}.like-icon input[type=checkbox]+label{display:grid;height:15px;place-content:center;position:relative;width:15px}.like-icon input[type=checkbox]+label #center-heart #inner{fill:#0000;transition:.2s ease}.like-icon input[type=checkbox]+label #center-heart #outer{fill:#fff;transition:.2s ease}.like-icon input[type=checkbox]+label #left-hearts>*,.like-icon input[type=checkbox]+label #right-hearts>*{opacity:0;transition:.2s ease}.like-icon input[type=checkbox]:checked+label{cursor:pointer}.like-icon input[type=checkbox]:checked+label:after,.like-icon input[type=checkbox]:checked+label:before{animation:scalePulse .5s cubic-bezier(.12,.84,.5,.44) forwards;border-radius:100%;content:"";display:grid;height:18px;outline:25px solid #64d26d;position:absolute;width:18px}.like-icon input[type=checkbox]:checked+label:after{animation-delay:.2s;opacity:1;transform:scale(0)}.like-icon input[type=checkbox]:checked+label #center-heart #inner,.like-icon input[type=checkbox]:checked+label #center-heart #outer{fill:#64d26d}.like-icon input[type=checkbox]:checked+label #left-hearts>*,.like-icon input[type=checkbox]:checked+label #right-hearts>*{animation:floatingHearts .65s cubic-bezier(.12,.84,.5,.44) forwards;transform-origin:center center}.like-icon input[type=checkbox]:checked+label #right-hearts g:first-child{animation-delay:.3s}.like-icon input[type=checkbox]:checked+label #right-hearts g:last-child{animation-delay:.1s}.like-icon input[type=checkbox]:checked+label #left-hearts g:first-child{animation-delay:.2s}.like-icon input[type=checkbox]:checked+label #left-hearts g:last-child{animation-delay:.5s}@keyframes floatingHearts{0%{opacity:0;transform:translateY(10px)}50%{opacity:.5}to{opacity:0;transform:translateY(-50px)}}@keyframes scalePulse{0%{transform:scale(0)}to{opacity:0;transform:scale(1.1)}}.dropdown{background-color:#222;border-radius:5px;display:flex;flex-direction:column;height:fit-content;list-style:none;padding:10px;position:absolute;top:50%;transition:all .5s;width:max-content}.dropdown,.dropdown>:not(.main-screen){z-index:20}.dropdown .share{z-index:15}.dropdown li{align-items:center;cursor:pointer;display:flex;height:35px;list-style:none}.dropdown li:hover{background-color:#757575}@media(max-width:650px){.dropdown{font-size:12px;left:40px;top:200px}}.login-signup-form{align-items:center;gap:.9375rem;margin:auto}.login-signup-form .login-signup-input{border:none;border-radius:25px;font-size:1.25rem;height:3.125rem;padding-inline-start:1.5625rem;width:100%}.login-signup-form .login-signup-input::placeholder{font-size:1.25rem}.login-signup-form .error-msg{background-color:red;border-radius:25px;padding:15px}.login-signup-form .form-btn-container{align-items:center;display:flex;flex-direction:column;gap:15px;margin-top:75px}.login-signup-form .form-btn-container .login-signup-btn{background-color:#0d72ea;border:none;border-radius:45px;color:#fff;font-size:1.75rem;height:4.6875rem;width:12.5rem}.login-signup-form .form-btn-container a{font-size:1.5625rem}.edit-modal .edit-modal-container{align-items:center;background-color:#242424;border-radius:.5rem;height:31.25rem;left:50%;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);transition:all .6s;width:80vw;z-index:10;z-index:20}.edit-modal .edit-modal-container .edit-modal-header{align-items:center;display:flex;justify-content:space-between;width:100%}.edit-modal .edit-modal-container .edit-modal-header .btn-close{background:none;border:none;color:#6b6b6b;cursor:pointer;font-size:2.1875rem;font-weight:700}.edit-modal .edit-modal-container .edit-modal-form-container{display:flex;gap:10%;width:100%}.edit-modal .edit-modal-container .edit-modal-form-container .img-container{align-items:center;display:flex;justify-content:center}.edit-modal .edit-modal-container .edit-modal-form-container .img-container .edit-form-img{height:100%;max-height:18.75rem;object-fit:contain;width:100%}.edit-modal .edit-modal-container .edit-modal-form-container form{display:flex;flex-direction:column;gap:25px;width:40%}.edit-modal .edit-modal-container .edit-modal-form-container form .edit-form-input-name{background-color:#3e3e3e;border:none;border-radius:5px;color:#fff;font-size:.875rem;height:2.875rem;padding-inline-start:7.5px}.edit-modal .edit-modal-container .edit-modal-form-container form .edit-form-input-desc{background-color:#3e3e3e;border:none;border-radius:5px;color:#fff;font-size:.875rem;height:5.5rem;padding-left:5px}.edit-modal .edit-modal-container .edit-modal-form-container form .btn-edit-save{align-self:end;background-color:#fff;border:none;border-radius:.75rem;font-family:circular;font-size:1.125rem;height:3.125rem;margin-bottom:20px;width:6.25rem}@media(min-width:650px){.edit-modal .edit-modal-container{max-height:28.125rem;top:40%}}@media(min-width:800px){.edit-modal{max-width:43.75rem}}@media(min-width:1200px){.edit-modal .edit-modal-container{max-width:50rem;top:50%}}.profile-header{width:100%}.profile-header .profile-header-main-container{align-items:center;display:flex;gap:.9375rem;margin-bottom:50px;padding:10px 25px 0}.profile-header .profile-header-main-container .profile-header-img-container .profile-img{border-radius:50%;cursor:pointer;height:25vw;width:25vw}.profile-header .profile-header-main-container .profile-header-details{font-size:2.225vw;justify-content:center}.profile-header .profile-header-main-container .profile-header-details .profile-title{margin-bottom:0}.profile-header .profile-header-main-container .profile-header-details .profile-name{font-size:10vw;line-height:1;margin:10px}.profile-header .profile-header-main-container .profile-header-details .personal-details-container{margin-top:5px}.profile-header .profile-btn-container{margin-inline-start:1.25rem}.profile-header .profile-btn-container .profile-btn-main-container{align-items:center;gap:20px}.profile-header .profile-btn-container .profile-btn-main-container .play-btn{font-size:1.5625rem;height:4.0625rem;width:4.0625rem}.profile-header .profile-btn-container .profile-btn-main-container .play-btn:hover{transform:scale(1.1)}.profile-header .profile-btn-container .profile-btn-main-container .toggle-follow-btn{background-color:#0000;border:1px solid #fff;color:#fff;font-size:1.125rem;font-weight:700;padding:10px 25px}@media(min-width:650px){.profile-header .profile-header-main-container{gap:1.25rem}.profile-header .profile-header-main-container .profile-header-img-container .profile-img{height:7.5rem;width:7.5rem}.profile-header .profile-header-main-container .profile-header-details .profile-title{font-size:.625rem}.profile-header .profile-header-main-container .profile-header-details .profile-name{font-size:2.5rem}.profile-header .profile-header-main-container .profile-header-details .personal-details-container{font-size:.5rem}}@media(min-width:800px){.profile-header .profile-header-main-container{gap:.625rem}.profile-header .profile-header-main-container .profile-header-img-container .profile-img{height:10.9375rem;width:10.9375rem}.profile-header .profile-header-main-container .profile-header-details{font-size:.625rem}.profile-header .profile-header-main-container .profile-header-details .profile-title{font-size:1.25rem}.profile-header .profile-header-main-container .profile-header-details .profile-name{font-size:4.0625rem}.profile-header .profile-header-main-container .profile-header-details .personal-details-container{font-size:.9375rem}}@media(min-width:1200px){.profile-header .profile-header-main-container .profile-header-img-container .profile-img{height:18.4375rem;width:18.4375rem}.profile-header .profile-header-main-container .profile-header-details .profile-name{font-size:6.25rem}}.profile-list{align-items:center;display:flex;flex-direction:column;max-width:1920px}.profile-list .profile-list-container{grid-gap:15px 5px;display:grid;gap:15px 5px;grid-template-columns:repeat(2,minmax(170px,235px));grid-template-rows:50px 1fr;padding:25px 15px 0}@media(min-width:650px){.profile-list{align-items:normal;display:block}.profile-list .profile-list-container{gap:10px;grid-template-columns:repeat(auto-fit,minmax(170px,235px));padding:25px 25px 0}}@media(min-width:800px){.profile-list .profile-list-container{gap:20px;padding:25px 25px 0}}@media(min-width:1200px){.profile-list .list-header h1{font-size:1.875rem}.profile-list .profile-list-container{grid-template-columns:repeat(auto-fit,minmax(170px,260px));grid-template-rows:75px 1fr}}.profile-preview{background-color:#181818;border-radius:15px;height:240px;padding:10px}.profile-preview .profile-preview-container a{display:flex;justify-content:center}.profile-preview .profile-preview-container .profile-img-container{height:clamp(150px,20vw,215px);margin:auto;width:clamp(150px,20vw,215px)}.profile-preview .profile-preview-container .profile-img-container img{border-radius:50%;height:100%;margin-bottom:16px;overflow:hidden;position:relative;width:100%}.profile-preview .profile-preview-container .profile-img-container img:before{content:"";display:block;padding-top:100%;width:100%}.profile-preview .profile-preview-container .profile-img-container img>*{bottom:0;left:0;position:absolute;right:0;top:0}.profile-preview .profile-preview-container .profile-img-container img>img{height:100%;object-fit:cover}.profile-preview .profile-preview-container .profile-img-container .play-btn{bottom:75px;display:none;left:65%;position:relative}.profile-preview .profile-preview-container .desc-container h4{font-size:3vw}.profile-preview .profile-preview-container .desc-container p{font-size:2vw}@media(min-width:650px){.profile-preview{height:265px}.profile-preview .profile-preview-container .desc-container h4{font-size:1.25rem}.profile-preview .profile-preview-container .desc-container p{font-size:.75rem}}@media(min-width:800px){.profile-preview{height:290px}.profile-preview .profile-preview-container .profile-img-container{height:clamp(150px,16.5vw,220px);width:clamp(150px,16.5vw,220px)}.profile-preview .profile-preview-container .desc-container h4{font-size:1.09375rem}.profile-preview .profile-preview-container .desc-container p{font-size:.875rem}}@media(min-width:1200px){.profile-preview{height:375px}.profile-preview .profile-preview-container .desc-container h4{font-size:1.25rem}.profile-preview .profile-preview-container .desc-container p{font-size:1rem}}.profile-preview:hover{background-color:#313131;transition:all .5s}.profile-preview:hover:hover .play-btn{display:block}.developer-preview{background-color:#181818;border-radius:15px;height:fit-content;padding:.625rem}.developer-preview .developer-img-container{height:12.1875rem;margin:0 auto;width:12.1875rem}.developer-preview .developer-img-container img{border-radius:50%;height:100%;margin-bottom:1rem;overflow:hidden;position:relative;width:100%}.developer-preview .developer-img-container img:before{content:"";display:block;padding-top:100%;width:100%}.developer-preview .developer-img-container img>*{bottom:0;left:0;position:absolute;right:0;top:0}.developer-preview .developer-img-container img>img{height:100%;object-fit:cover}.developer-preview h4{font-size:1rem}.developer-preview .dev-link-container{display:flex;gap:.3125rem;justify-content:flex-end;margin-top:.625rem}.developer-preview .dev-link-container img{height:1.875rem;width:1.875rem}@media(min-width:650px){.developer-preview .developer-img-container{height:6.25rem;width:6.25rem}.developer-preview h4{font-size:.625rem}.developer-preview p{font-size:.5rem}.developer-preview .dev-link-container{gap:.15625rem}.developer-preview .dev-link-container img{height:1.125rem;width:1.125rem}}@media(min-width:800px){.developer-preview .developer-img-container{height:8.125rem;width:8.125rem}}@media(min-width:1200px){.developer-preview .developer-img-container{height:10rem;width:10rem}.developer-preview h4{font-size:.9375rem}.developer-preview p{font-size:.75rem}.developer-preview .dev-link-container{gap:.3125rem}.developer-preview .dev-link-container img{height:1.4375rem;width:1.4375rem}}.developer-preview:hover{background-color:#313131;transition:all .5s}.station-header .station-header-title .station-img-container{padding:1.875rem}.station-header .station-header-title .station-img-container .station-img{height:21.875rem;width:21.875rem}.station-header .station-header-title .sh-title{display:flex;flex-direction:column;justify-content:space-around;padding:1.875rem}.station-header .station-header-title .sh-title h5{font-size:1.25rem;margin:0}.station-header .station-header-title .sh-title .station-name{font-size:4.375rem;margin:0}.station-header .station-header-title .sh-title p{font-size:1.125rem;margin:0}.station-header .station-header-title .sh-title .station-header-details{color:#acaaaa;font-size:1.125rem;margin-top:10px}.station-header .station-header-title .sh-title .station-header-details .user-name{font-size:1.5rem;font-weight:700;text-transform:capitalize}.station-header .playlist-btns{align-items:center;display:flex;gap:35px;height:fit-content;padding:1.25rem 2.8125rem}.station-header .playlist-btns svg{height:32px}.station-header .playlist-btns .play-btn-container .play-btn{font-size:2.1875rem;height:5.9375rem;width:5.9375rem}.station-header .playlist-btns .play-btn-container .play-btn.fa-pause{display:none}.station-header .playlist-btns .play-btn-container .play-btn:hover{transform:scale(1.1);transition:.4s}.station-header .playlist-btns .play-btn-container .equalizer-img{height:3.4375rem;width:3.4375rem}.station-header .playlist-btns .play-btn-container:hover{transition:.4s}.station-header .playlist-btns .play-btn-container:hover .equalizer{display:none;transition:.4s}.station-header .playlist-btns .play-btn-container:hover .play-btn.fa-pause{display:inline;display:initial;transform:scale(1);transition:.4s}.station-header .playlist-btns .admin-state-btn{cursor:pointer;display:none;font-size:32px}.station-header .dropdown{top:25%}@media(min-width:650px){.station-header .station-header-title .station-img-container{padding:.625rem}.station-header .station-header-title .station-img-container .station-img{height:9.375rem;width:9.375rem}.station-header .station-header-title .sh-title{padding:.625rem}.station-header .station-header-title .sh-title h5{font-size:1rem}.station-header .station-header-title .sh-title .station-name{font-size:2.8125rem}.station-header .station-header-title .sh-title .station-header-details,.station-header .station-header-title .sh-title p{font-size:.5rem}.station-header .station-header-title .sh-title .station-header-details .user-name{font-size:.75rem}.station-header .playlist-btns .play-btn-container .play-btn{font-size:1.5625rem;height:4.0625rem;width:4.0625rem}}@media(min-width:800px){.station-header .station-header-title .station-img-container{padding:1.25rem}.station-header .station-header-title .station-img-container .station-img{height:15.625rem;width:15.625rem}.station-header .station-header-title .sh-title{padding:1.25rem}.station-header .station-header-title .sh-title h5{font-size:1rem}.station-header .station-header-title .sh-title .station-name{font-size:3.4375rem}.station-header .station-header-title .sh-title .station-header-details,.station-header .station-header-title .sh-title p{font-size:.75rem}.station-header .station-header-title .sh-title .station-header-details .user-name{font-size:1rem}.station-header .playlist-btns .admin-state-btn{display:inline;display:initial}.station-header .dropdown{top:45%}}@media(min-width:1200px){.station-header .station-header-title .sh-title .station-name{font-size:4.0625rem;line-height:1}.station-header .dropdown{top:32%}}.station-list{align-items:center;display:flex;flex-direction:column;max-width:1920px}.station-list .station-list-container{grid-gap:15px 5px;display:grid;gap:15px 5px;grid-template-columns:repeat(2,minmax(160px,225px));grid-template-rows:50px 1fr;padding:25px 15px 0}@media(min-width:650px){.station-list{align-items:normal;display:block;grid-template-columns:repeat(auto-fit,minmax(160px,225px))}.station-list .station-list-container{gap:10px;padding:25px 25px 0}}@media(min-width:800px){.station-list .station-list-container{gap:20px;padding:25px 25px 0}}@media(min-width:1200px){.station-list .list-header h1{font-size:1.875rem}.station-list .station-list-container{grid-template-columns:repeat(auto-fit,minmax(160px,250px));grid-template-rows:75px 1fr}}.station-preview{background-color:#181818;border-radius:15px;height:225px;padding:15px}.station-preview .station-preview-container a{display:flex;justify-content:center}.station-preview .station-preview-container .station-preview-img-container{height:clamp(135px,20vw,200px);margin:auto;width:clamp(135px,20vw,200px)}.station-preview .station-preview-container .station-preview-img-container .station-preview-img{border-radius:5px;box-shadow:0 15px 24px -2px #313131;height:100%;margin-bottom:16px;width:100%}.station-preview .station-preview-container .station-preview-img-container .play-btn{bottom:85px;display:none;left:calc(clamp(135px,20vw,200px) - 60px);position:relative}.station-preview .station-preview-container .desc-container h4{font-size:3vw}.station-preview .station-preview-container .desc-container p{font-size:1.5vw}@media(min-width:650px){.station-preview{height:245px}.station-preview .station-preview-container .desc-container h4{font-size:1.25rem}.station-preview .station-preview-container .desc-container p{font-size:.625rem}}@media(min-width:800px){.station-preview{height:285px}.station-preview .station-preview-container .station-preview-img-container{height:clamp(135px,16.5vw,220px);width:clamp(135px,16.5vw,220px)}.station-preview .station-preview-container .station-preview-img-container .play-btn{left:calc(clamp(135px,16.5vw,220px) - 60px)}.station-preview .station-preview-container .desc-container h4{font-size:1.09375rem}}@media(min-width:1200px){.station-preview{height:350px}.station-preview .station-preview-container .desc-container h4{font-size:1.25rem}.station-preview .station-preview-container .desc-container p{font-size:.875rem}}.station-preview:hover,.station-preview:hover .station-preview-container{background-color:#313131;transition:all .5s}.station-preview:hover .station-preview-container:hover .play-btn{display:block}.liked-songs-preview{background:#4300ff;background:linear-gradient(149.46deg,#450af5,#8e8ee5 99.16%);border-radius:15px;grid-column:1/3;height:225px;padding:10px;width:minmax(320px,450px)}.liked-songs-preview .liked-songs-preview-container{gap:15px;height:100%;padding-inline-start:15px}.liked-songs-preview .liked-songs-preview-container p{font-size:1.75rem;font-weight:inherit;margin:0}.liked-songs-preview .liked-songs-preview-container .title-preview{font-size:2rem;font-weight:700;margin:0;padding:0 0 4px}.liked-songs-preview .liked-songs-preview-container .play-btn-container{align-self:flex-end;display:none;margin-inline-end:15px}.liked-songs-preview .liked-songs-preview-container:hover .play-btn-container{display:flex}@media(min-width:650px){.liked-songs-preview{height:245px}.liked-songs-preview .liked-songs-preview-container{gap:15px;height:100%;padding-inline-start:15px}.liked-songs-preview .liked-songs-preview-container p{font-size:.75rem}.liked-songs-preview .liked-songs-preview-container .title-preview{font-size:1.5625rem}}@media(min-width:800px){.liked-songs-preview{height:285px}}@media(min-width:1200px){.liked-songs-preview{height:350px;width:minmax(320px,500px)}.liked-songs-preview .liked-songs-preview-container p{font-size:1.25rem}.liked-songs-preview .liked-songs-preview-container .title-preview{font-size:2.1875rem}}.admin-control-set{align-items:center;background-color:#3f7ef4;border-radius:25px;display:none;flex-direction:column;gap:25px;height:350px;padding:25px;position:absolute;right:50px;top:5%;width:350px}.admin-control-set>*{background-color:#fff;border:none;border-radius:50px;color:#121212;font-size:1.25rem;font-weight:700;height:75px;width:200px}@media(min-width:800px){.admin-control-set{display:flex}}.search-form{display:flex;position:relative;top:15px;z-index:20}.search-form .search-btn{background:none;border:none;color:rgba(0,0,0,.635);font-size:2.1875rem;left:4.375rem;position:relative}.search-form .search-bar-input{background-color:#fff;border:none;border-radius:2.375rem;height:5rem;padding-left:4.375rem;width:31.25rem}.search-form .search-bar-input:focus{outline:none}@media(min-width:650px){.search-form{left:18.75rem;position:absolute;top:1.125rem}.search-form .search-btn{font-size:1.25rem;left:2.1875rem}.search-form .search-bar-input{font-size:.65625rem;height:2.5rem;padding-left:2rem;width:12.5rem}}@media(min-width:800px){.search-form{left:21.875rem;top:.75rem}.search-form .search-bar-input{font-size:.875rem;width:14.6875rem}}@media(min-width:1200px){.search-form{top:.5rem}.search-form .search-bar-input{font-size:.9375rem;width:17.8125rem}}.sd-search-res-preview{align-items:center;border-radius:5px;display:flex;font-size:14px;height:fit-content;justify-content:space-between;padding:0 .625rem}.sd-search-res-preview .details-container{align-items:center;display:flex;gap:10px}.sd-search-res-preview .details-container .clip-img{clip-path:inset(12.5% 0 12.5% 0 round 10px);height:4.375rem;width:4.375rem}.sd-search-res-preview .details-container .clip-title-container .clip-title{font-size:1rem;max-width:12.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:650px){.sd-search-res-preview .details-container .clip-title-container .cp-artist-name{display:none}}.sd-search-res-preview .sd-search-res-add-btn{background-color:#0000;border:1px solid #878787;border-radius:20px;color:#fff;font-size:.8125rem;font-weight:700;height:2.8125rem;width:5.9375rem}.sd-search-res-preview .sd-search-res-add-btn:hover{border:1px solid #fff}@media(min-width:650px){.sd-search-res-preview .details-container .clip-img{height:3.125rem;width:3.125rem}.sd-search-res-preview .details-container .clip-title-container .clip-title{font-size:.625rem}.sd-search-res-preview .details-container .clip-title-container .cp-artist-name{display:inline;display:initial;font-size:.5rem}.sd-search-res-preview .sd-search-res-add-btn{font-size:.5625rem;height:1.875rem;width:3.4375rem}}@media(min-width:800px){.sd-search-res-preview .sd-search-res-add-btn{font-size:.75rem;height:2.5rem;width:4.375rem}}@media(min-width:1200px){.sd-search-res-preview .sd-search-res-add-btn{border-radius:1.875rem;font-size:.8125rem;height:2.8125rem;width:7.5rem}}.sd-search-res-preview:hover{background-color:#313131}.tag-list{grid-gap:.75rem 1rem;cursor:pointer;display:grid;gap:.75rem 1rem;grid-template-columns:repeat(auto-fit,minmax(100px,150px));padding:0 20px}.tag-list>:first-child{background-color:#4e72cc}.tag-list>:nth-child(2){background-color:#8ed9ec}.tag-list>:nth-child(3){background-color:#25be77}.tag-list>:nth-child(4){background-color:#b4b4b4}.tag-list>:nth-child(5){background-color:hsla(27,87%,80%,.882)}.tag-list>:nth-child(6){background-color:#e8115b}.tag-list>:nth-child(7){background-color:rgba(180,248,201,.843)}.tag-list>:nth-child(8){background-color:#cc6b4e}.tag-list>:nth-child(9){background-color:#dfd768}.tag-list>:nth-child(10){background-color:rgba(75,186,250,.541)}.tag-list>:nth-child(11){background-color:rgba(158,108,240,.773)}.tag-list>:nth-child(12){background-color:rgba(245,166,252,.769)}.tag-list>:nth-child(13){background-color:#4e43ee6b}.tag-list>:nth-child(14){background-color:hsla(66,96%,74%,.835)}.tag-list>:nth-child(15){background-color:hsla(0,0%,75%,.769)}.tag-list>:nth-child(16){background-color:#e4a7d6}@media(min-width:650px){.tag-list{gap:.75rem 1.25rem;grid-template-columns:repeat(auto-fit,minmax(120px,170px))}}@media(min-width:800px){.tag-list{gap:.75rem 1rem;grid-template-columns:repeat(auto-fit,minmax(150px,200px))}}@media(min-width:1200px){.tag-list{gap:.5rem .625rem;grid-template-columns:repeat(auto-fit,minmax(180px,230px))}}.tag-preview{border-radius:15px;border-radius:10px;height:18.75rem;overflow:hidden;padding:20px;position:relative;width:18.75rem}.tag-preview h3{margin:0;text-transform:capitalize}.tag-preview .tag-preview-img{bottom:0;box-shadow:0 2px 4px 0 #0003;height:13.125rem;opacity:.8;position:absolute;right:0;transform:rotate(25deg) translate(18%,2%);width:13.125rem}@media(min-width:650px){.tag-preview{height:12.5rem;width:12.5rem}.tag-preview .tag-preview-img{height:7.8125rem;width:7.8125rem}}@media(min-width:800px){.tag-preview .tag-preview-img{height:7.8125rem;width:7.8125rem}}@media(min-width:1200px){.tag-preview .tag-preview-img{height:8.75rem;width:8.75rem}}.clips-list{margin-inline-start:1.25rem;max-width:1750px}.clips-list .clip-list-header{align-items:center;color:#acaaaa;display:grid;font-size:1.25rem;grid-template-columns:3fr 20fr 5fr 5fr 7.5fr;padding:4px}.clips-list .clip-list-header .cl-play-btn{grid-column:1/2;padding:.3125rem .625rem}.clips-list .clip-list-header .artist{display:none}.clips-list .clip-list-header .date-added{display:none;position:relative;width:max-content}.clips-list .clip-list-header .title{grid-column:2/3}.clips-list .clip-list-header .duration{display:flex;grid-column:4/5;justify-content:flex-start;padding-inline-start:2.5px}.clips-list .clip-list-header .duration svg{font-size:3.5vw}.clips-list hr{margin-inline-start:1.25rem}.clips-list .clips-list-main-container{display:flex;flex-direction:column}@media(min-width:650px){.clips-list .clip-list-header{font-size:.75rem}.clips-list .clip-list-header .duration svg{font-size:1.875rem}}@media(min-width:800px){.clips-list .clip-list-header{align-items:center;grid-template-columns:1fr 20fr 5fr 5fr 5fr 5fr 5fr}.clips-list .clip-list-header .cl-play-btn{width:30px}.clips-list .clip-list-header .artist{display:block;grid-column:3/4}.clips-list .clip-list-header .date-added{display:block;grid-column:4/5}.clips-list .clip-list-header .duration{grid-column:6;justify-content:flex-end;margin-inline-end:.625rem}.clips-list .clip-list-header .duration svg{font-size:1.5625rem}}@media(min-width:1200px){.clips-list .clip-list-header{font-size:.875rem}}.clip-preview{align-items:center;display:block}.clip-preview .clip-preview-container{align-items:center;display:grid;font-size:2vw;grid-template-columns:3fr 20fr 5fr 5fr 7.5fr;height:fit-content}.clip-preview .clip-preview-container .play-btn-container{align-items:center;cursor:pointer;display:flex;font-size:1.25rem;grid-column:1/2;justify-content:center;padding:.3125rem .625rem}.clip-preview .clip-preview-container .play-btn-container .clip-num{display:none;font-size:.9375rem}.clip-preview .clip-preview-container .play-btn-container .equalizer{align-items:center;display:flex;display:none;height:.75rem;justify-content:center;max-width:28.3px;width:.75rem}.clip-preview .clip-preview-container .play-btn-container .equalizer img{height:90%;width:90%}.clip-preview .clip-preview-container .clip-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip-preview .clip-preview-container .clip-title .clip-img-container{align-items:center;display:flex;justify-content:center}.clip-preview .clip-preview-container .clip-title .clip-img-container img{clip-path:inset(12.5% 0 12.5% 0 round 10px);height:4.375rem;width:4.375rem}.clip-preview .clip-preview-container .clip-title .title-text{padding-inline-start:.9375rem}.clip-preview .clip-preview-container .clip-title .title-text h1{font-size:2.5vw;margin:0;padding:0;width:fit-content}.clip-preview .clip-preview-container .clip-title .title-text p{color:#6f6969;margin:0;padding:0;text-align:left}.clip-preview .clip-preview-container .cp-artist-name,.clip-preview .clip-preview-container .cp-date-added{display:none}.clip-preview .clip-preview-container .like-icon{display:flex;justify-content:center}.clip-preview .clip-preview-container .dropdown-btn{cursor:pointer;visibility:visible}.clip-preview .clip-preview-container .dropdown{font-size:1.25rem;top:20%}.clip-preview .clip-preview-container .dropdown .dropdown-station-list{background-color:#1f1f1f;border-radius:5px;left:-195px;padding:5px;position:absolute;top:90px}@media(min-width:650px){.clip-preview .clip-preview-container .clip-title .clip-img-container img{height:3.125rem;width:3.125rem}.clip-preview .clip-preview-container .clip-title .title-text h1{font-size:.625rem}.clip-preview .clip-preview-container .clip-title .title-text p{font-size:.46875rem}.clip-preview .clip-preview-container .play-btn-container{font-size:.9375rem}.clip-preview .clip-preview-container .play-btn-container .clip-play-btn{display:none}.clip-preview .clip-preview-container .play-btn-container .clip-num{display:inline;display:initial}.clip-preview .clip-preview-container .play-btn-container .equalizer{display:flex}.clip-preview .clip-preview-container .dropdown{top:27.5%}}@media(min-width:800px){.clip-preview .clip-preview-container{align-items:center;font-size:1vw;grid-template-columns:1fr 20fr 5fr 5fr 5fr 5fr 5fr;padding:0 10px}.clip-preview .clip-preview-container .clip-title .clip-img-container img{height:2.5rem;width:2.5rem}.clip-preview .clip-preview-container .clip-title .title-text h1{font-size:.75rem}.clip-preview .clip-preview-container .clip-title .title-text p{font-size:.5rem}.clip-preview .clip-preview-container .cp-artist-name{display:grid;font-size:.875rem;grid-column:3/4;overflow:hidden;padding-inline-start:5px;text-overflow:ellipsis;white-space:nowrap}.clip-preview .clip-preview-container .cp-date-added{display:grid;font-size:.5rem;grid-column:4/5}.clip-preview .clip-preview-container .like-icon svg{height:2.8125rem;width:2.8125rem}.clip-preview .clip-preview-container .cp-duration{font-size:1rem;grid-column:6;text-align:right}.clip-preview .clip-preview-container .dropdown-btn{visibility:hidden}.clip-preview .clip-preview-container .dropdown{top:32.5%}}@media(min-width:1200px){.clip-preview .clip-preview-container .clip-title .clip-img-container img{height:3.4375rem;width:3.4375rem}.clip-preview .clip-preview-container .clip-title .title-text h1{font-size:.9375rem}.clip-preview .clip-preview-container .clip-title .title-text p{font-size:.625rem}.clip-preview .clip-preview-container .like-icon svg{height:3.4375rem;width:3.4375rem}.clip-preview .clip-preview-container .dropdown{font-size:1rem;top:50%}}.clip-preview:hover{background-color:#313131;border-bottom:1px solid #0000;border-radius:5px}.clip-preview:hover .clip-preview-container .clip-play-btn{display:inline;display:initial}.clip-preview:hover .clip-preview-container .clip-num,.clip-preview:hover .clip-preview-container .equalizer{display:none}.clip-preview:hover .clip-preview-container .dropdown-btn{visibility:visible}
/*# sourceMappingURL=main.f8658911.css.map*/