:root{--background-colour:#171717;--background:var(--background-colour);--background-sub-colour:#111;--text-colour:#fff;--subtext-colour:#8b8b8b;--cover-background:#202020;--current-song-bar:#202020;--seek-bar-background:#00000030;--seek-bar-played:linear-gradient(to right, #fffe, #fffb);--seek-bar-loaded:#ffffff20;--header-tab-default:#111;--header-tab-active:var(--background-colour);--header-colour:#1c1c1c;--button-colour:#202020;--textbox-fill:#252525;--textbox-border:#404040;--song-item-hover:#ffffff20;--icon-default:#bbb;--icon-hover:#eee;--icon-active:#999;--slider-default:#aaa;--slider-border:#444;--slider-track:#444;--catagory-background:#0000002a;--slider-thumb-colour:#aaa;--slider-thumb-hover:#fff;--slider-thumb-active:#666;overflow:hidden}:root[data-theme=neuro]{--background-colour:#ffa3ae;--background:url(/assets/neuro-bg-DSbAqKl0.png);--background-sub-colour:#df858f;--header-colour:#ffb1bb;--current-song-bar:#f9919f;--text-colour:#fff;--subtext-colour:#fff;--seek-bar-background:#0000001a;--seek-bar-loaded:#ffb1bbc0;--cover-background:#df858f;--header-tab-default:#d37984;--header-tab-active:#ffa3ae;--button-colour:#e98591;--textbox-fill:#ca6874;--textbox-border:#965a61;--slider-default:#fff;--slider-border:#ffb9c1;--slider-track:#ffb9c1;--icon-default:#fff;--icon-hover:#eee;--icon-active:#ccc}:root[data-theme=evil]{--background-colour:#643134;--background:url(/assets/evil-bg-DZXUiQSp.png);--background-sub-colour:#52282b;--header-colour:#763c40;--current-song-bar:#5c292c;--text-colour:#fff;--subtext-colour:#ccc;--cover-background:#52282b;--header-tab-default:#50272a;--header-tab-active:#643134;--button-colour:#8b4147;--textbox-fill:#50272a;--textbox-border:#965159;--slider-default:#ce7680;--slider-border:#965159;--slider-track:#965159;--icon-default:#e4999a;--icon-hover:#bd6e6f;--icon-active:#924a4e}:root[data-theme=darker]{--background-colour:black;--background-sub-colour:black;--text-colour:#555;--subtext-colour:#333;--header-colour:#111;--header-tab-default:#0a0a0a;--current-song-bar:#0a0a0a;--seek-bar-played:#222;--button-colour:#111;--cover-background:black;--icon-default:#333;--icon-hover:#444;--icon-active:#111}:root[data-theme=darker] swarmtunes-cover{filter:brightness(.3)}:root[data-theme=light]{--background-colour:#fafafa;--background-sub-colour:#zzzzzz;--text-colour:black;--subtext-colour:black;--header-colour:white;--current-song-bar:white;--icon-default:#222;--icon-hover:#888;--icon-active:#ccc;--header-tab-default:#ddd;--header-tab-active:#fafafa;--button-colour:#ddd;--textbox-fill:#ddd;--textbox-border:#000;filter:brightness(3)}:root[data-theme=bad\ eyesight]{filter:blur(10px)grayscale(80%)sepia(10%)contrast(.9)}:root[data-theme=what]{--background-colour:#6ba76e;--header-colour:white;--current-song-bar:white;--text-colour:black;filter:hue-rotate(180deg)contrast(2)}html,body{padding-bottom:env(safe-area-inset-bottom);padding-top:env(safe-area-inset-top);height:100%;overflow:hidden}body{background-color:var(--background-sub-colour);color:var(--text-colour);text-wrap:nowrap;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;margin:0;font-family:Helvetica,Arial,sans-serif;position:fixed;inset:0;overflow:clip}main{flex-direction:row;gap:5px;width:100vw;display:flex}#player{display:none}#content-container{background:var(--background);background-size:256px;flex-direction:column;flex:1;min-width:300px;max-width:100vw;display:flex}#content{height:calc(100dvh - 150px);position:relative;overflow:hidden}@media (width<=500px){#content{height:calc(100dvh - 200px)}}#content>*{height:inherit;flex-direction:column;overflow:hidden}#content-tabs>*{height:inherit;box-sizing:border-box;flex-direction:column;padding-top:20px;padding-left:20px;display:none;overflow:hidden auto}img{pointer-events:none}button{cursor:pointer;background-color:var(--button-colour);color:var(--text-colour);pointer-events:all;border:none;padding:6px}@media (hover:hover){button:hover:not(.icon-button){filter:brightness(1.2)}}button:active:not(.icon-button){filter:brightness(.95)}.icon-button{color:var(--icon-default);background-color:#0000;border-radius:10px;padding:0}.icon-button svg{width:100%;height:100%;color:inherit;background:0 0}@media (hover:hover){.icon-button:hover svg{color:var(--icon-hover)}}.icon-button:active svg{color:var(--icon-active)}.spacer{content:"";flex:1}hr{width:100%;color:var(--subtext-colour);margin:2px auto}.loading-text{clip-path:inset(0 3ch 0 0);width:fit-content;font-family:monospace;font-size:25px;font-weight:700;animation:1s steps(4,end) infinite l4}.loading-text:before{content:"Loading..."}@keyframes l4{to{clip-path:inset(0 -1ch 0 0)}}.sub-text{color:var(--subtext-colour);font-size:12px}.hidden,.require-auth,.require-admin{display:none!important}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none}input{border:1px solid var(--textbox-border);background-color:var(--textbox-fill);color:var(--text-colour);border-radius:10px;padding:5px 10px}input::placeholder{color:var(--subtext-colour)}@media (hover:hover){input:hover{filter:brightness(1.1)}}input:focus{filter:brightness(1.2);outline:none}p{-webkit-user-select:text;user-select:text;white-space:pre}::-webkit-scrollbar{background-color:#0000;width:6px;height:6px}::-webkit-scrollbar:hover{background-color:#000;width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--slider-thumb-colour);border-radius:6px}::-webkit-scrollbar-thumb:hover{opacity:.8;width:1.2px}::-webkit-scrollbar-thumb:active{background:var(--slider-thumb-active)}::-webkit-scrollbar:hover{width:5px;height:5px}input[type=range]{-webkit-appearance:none;background:var(--background);border:none;outline:none;padding:6px}input[type=range]::-webkit-slider-runnable-track{background:var(--slider-track);border-radius:10px;width:calc(100% - 20px);height:6px}input[type=range]::-moz-range-track{background:var(--slider-track);border-radius:10px;width:calc(100% - 20px);height:6px}input[type=range]::-moz-range-thumb{background:var(--slider-default);border:2px solid var(--slider-border);cursor:pointer;border-radius:50%;width:20px;height:20px;margin-top:-6px;transition:transform .2s}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--slider-default);border:2px solid var(--slider-border);cursor:pointer;border-radius:50%;width:20px;height:20px;margin-top:-6px;transition:transform .2s}@media (width<=550px){#content-tabs>*{padding-left:5px}}#swarmfm-button{background-image:url(data:image/png;base64,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);background-position:50%;background-repeat:no-repeat;background-size:45px;border-radius:50%;width:50px;height:auto;min-height:50px}#discover>.loading-text{margin:0 auto}#media-view{isolation:isolate;padding-top:20px;padding-left:20px;padding-right:20px;position:relative;overflow-y:auto}#media-view .close-button{pointer-events:all;cursor:pointer;border-radius:10px;width:30px;height:30px;padding:1px;position:absolute}#media-view .loading-text{margin:60px auto}#media-view .content{flex-direction:column;gap:8px;padding-top:40px;display:flex}#media-view .actions{flex-direction:row;gap:5px;max-width:100%;height:30px;display:flex}#media-view .actions *{border-radius:30px;flex:0}#media-view .info{flex-direction:row;gap:20px;display:flex}#media-view .text-container{white-space:break-spaces;flex-direction:column;gap:5px;display:flex}#media-view .text-container *{margin:0;font-size:min(4vw,50px);font-weight:700}#media-view .text-container h2{font-size:min(3vw,40px)}#media-view .cover-container{aspect-ratio:1;object-fit:contain;pointer-events:all;border-radius:20px;width:20vw;max-width:256px;position:relative;overflow:hidden}#media-view .cover-container>*{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}#media-view .cover-container .play{background-color:#00000060;display:none}#media-view .cover-container .play :first-child{aspect-ratio:1;width:60%;margin:auto}@media (hover:hover){#media-view .cover-container:hover .play{display:flex}}@media (width<=800px){#media-view .song-list{padding-left:0}#media-view .close-button{width:40px;height:40px;right:20px}#media-view .info{flex-direction:column}#media-view .content{padding-top:0}#media-view .text-container h1{margin-left:0;font-size:4vw}#media-view .text-container h2{margin-left:0;font-size:3vw}}@media (width<=600px){#media-view .cover-container{width:50vw;margin-bottom:5px}#media-view .text-container h1{font-size:8vw}#media-view .text-container h2{font-size:5vw}}#search{padding-right:20px}#search .loading-text{margin:0 auto}#search-bar{flex:0 auto;width:60vw;min-height:30px;margin:20px auto;display:block}#search-results{padding-left:50px}#search-results>:last-child{margin-bottom:50px}@media (width<=550px){#search-bar{width:80vw;font-size:16px}#search-results{padding-left:15px}}.catagory{margin-bottom:20px;position:relative}.catagory.overflowing:after{content:"";background:linear-gradient(to left, var(--background-colour), transparent);width:80px;height:100%;position:absolute;top:0;right:0}.catagory .display-wrapper{min-width:100px;margin-bottom:10px;display:flex;position:relative;overflow-x:auto}.catagory .display{box-sizing:border-box;background-color:var(--catagory-background);border-radius:15px;gap:10px;padding:10px;display:inline-flex}.catagory .display.grid{flex-wrap:wrap}.catagory>.title{font-size:40px;font-weight:700}.catagory-item{cursor:pointer;background-color:var(--cover-background);border:4px solid var(--cover-background);border-radius:10px;flex-direction:column;width:22vw;min-width:100px;max-width:180px;height:fit-content;transition:background-color .2s,border-color .2s,transform .2s;display:flex;position:relative}.catagory-item:hover{transform:rotate(3deg)}.catagory-item *{pointer-events:none}.catagory-item .overlay{border-radius:6px;flex-direction:row;width:min-content;display:flex;position:absolute;top:2px;left:2px;overflow:hidden}.catagory-item .overlay>*{background:#00000070;padding:1px 8px 1px 4px}.catagory-item .overlay :not(.hover){animation:0s .2s forwards test}.catagory-item:hover .overlay :not(.hover){border-radius:0;animation:none}@keyframes test{to{border-radius:6px}}.catagory-item .overlay img{width:19px;height:19px;padding:none;margin-bottom:-3px}.catagory-item .overlay .hover{opacity:0;width:0;transition:width .2s ease-out,opacity 0s ease-out .2s;overflow:hidden}.catagory-item:hover .overlay .hover{opacity:1;width:100%;transition-delay:0s}@keyframes scale{0%{width:0}to{width:100%}}@keyframes scale2{0%{opacity:1;width:100%}to{opacity:1;width:0}}.catagory-item>span{text-wrap:wrap;text-align:center;text-overflow:ellipsis;color:#fff;align-content:center;max-width:75%;min-height:22px;max-height:40px;margin:0 auto;display:block;overflow:hidden}.catagory-item>span img{height:18px;translate:0 3px}@media (width<=570px){.catagory>.title{font-size:30px}.catagory-item>span{font-size:16px}.catagory.overflowing:after{width:40px}}#current-song-bar{background-color:var(--current-song-bar);pointer-events:all;flex-direction:row;width:100%;height:100%;display:flex;position:relative}#current-song-bar>*{pointer-events:none;flex:1 1 0;display:flex;position:relative}#current-song-bar>:first-child{justify-content:left;align-items:center;min-width:0}#current-song-bar>:nth-child(2){flex-direction:column;justify-content:center;align-items:center}#current-song-bar>:nth-child(3){justify-content:center;align-items:center}#current-song-bar button.fullscreen{width:25px;height:25px;position:absolute;right:30px}#current-song-bar swarmtunes-cover{flex:0 90px;min-width:0;margin:10px}#current-song-bar .singer-wrapper{flex-direction:column;height:90%;display:flex}#current-song-bar .singer-wrapper span{white-space:pre}#current-song-bar .title-container{text-overflow:ellipsis;white-space:nowrap;text-align:center;flex-direction:column;justify-content:center;padding:0 10px;display:flex;overflow:hidden}#current-song-bar .title-container>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#current-song-bar .source-text{margin-top:-9px}.seek-bar-container{width:100%;max-width:450px;color:var(--subtext-colour);align-items:center;gap:12px;margin:8px auto;display:flex}.seek-bar{background:var(--seek-bar-background);cursor:pointer;pointer-events:all;border-radius:4px;flex:1;width:100%;height:8px;position:relative;overflow:hidden}.seek-bar:hover{height:10px}.seek-bar>*{pointer-events:none;border-radius:4px;width:0%;height:100%;position:absolute;top:0;left:0}.seek-bar .progress{background:var(--seek-bar-played)}.seek-bar .loaded{background:var(--seek-bar-loaded)}@media (width<=850px){#current-song-bar button.fullscreen{display:none}}@media (width<=700px){#current-song-bar .singer-wrapper,#current-song-bar .seek-time{display:none}}@media (width<=600px){#current-song-bar{height:60px}#current-song-bar swarmtunes-cover{flex:0 53px;margin:0 5px 0 2px}#current-song-bar .title-container{text-align:left;padding:0 5px}#current-song-bar>:first-child{flex:30%;height:calc(100% - 5px)}#current-song-bar>:nth-child(2){flex-direction:column;justify-content:center;width:100%;height:4px;position:absolute;bottom:0}#current-song-bar .seek-bar{border-radius:0;height:4px}#current-song-bar .seek-bar *{border-radius:0}#current-song-bar .media-controls{margin-right:10px}.seek-bar-container{max-width:none}}.media-controls{justify-content:left;display:flex}.media-controls button{pointer-events:all;cursor:pointer;background-color:var(--current-song-bar);aspect-ratio:1;margin:auto 0;padding:0}.media-controls button.hidden{display:none}.media-controls>:first-child:not(.next){margin-right:var(--endGap)}.media-controls>:last-child:not(.previous){margin-left:var(--endGap)}.media-controls button.next,.media-controls button.previous{aspect-ratio:3/2;transform:scaleX(1.5)}.media-controls button.play-pause{display:contents}.media-controls button.play-pause *{width:inherit;height:inherit}.media-controls button.play-pause .pause{display:none}.media-controls button.play-pause.playing .pause{display:block}.media-controls button.play-pause.playing .play{display:none}.media-controls button.shuffle.active svg{filter:drop-shadow(0 0 3px #fff);color:#fff}.media-controls button.shuffle.flip{animation:.1s linear shuffle-flip}@keyframes shuffle-flip{0%{transform:scaleY(1)}50%{transform:scaleY(0)}to{transform:scaleY(1)}}.volume-controls{pointer-events:all;flex-direction:column;align-items:center;display:flex;transform:translateY(-2px)}.volume-controls.active svg{color:var(--icon-active)}.volume-controls svg{width:inherit;height:inherit;display:none}.volume-controls svg.active{display:block}.volume-controls input{background:var(--current-song-bar);cursor:grab;width:85px;display:none;position:absolute;transform:rotate(-90deg)translate(62px)}.volume-controls input:active{cursor:grabbing}.volume-controls img{width:25px;height:25px;color:var(--text-colour);cursor:pointer;pointer-events:all;background-color:#0000;border-radius:50%}header{background:linear-gradient(var(--header-colour), var(--background-colour));justify-content:right;width:100%;height:50px;display:flex;position:relative;box-shadow:0 0 5px #00000050}footer{background-color:var(--header-colour);flex-direction:column;width:100%;height:100px;display:flex;position:relative}#header-buttons{height:inherit;flex-direction:row;flex:0 1 0;justify-content:right;align-items:center;gap:10px;margin-right:10px;display:flex}#change-theme-button{background-color:var(--header-colour);border-radius:5px;width:35px;height:35px;padding:2px;font-size:medium}#change-theme-button:hover{background-color:var(--default-button-hover)}#change-theme-button img{width:100%;height:100%}#header-login-button{border-radius:5px;padding:3px 8px;font-size:medium}@media (width<=500px){footer{height:150px}}#now-playing{background:var(--background);background-size:256px;flex-direction:column;flex:0 0 22vw;min-width:165px;max-width:250px;min-height:100%}#now-playing>.title{border-bottom:1px solid var(--subtext-colour);background-color:var(--background-colour);flex-direction:row;justify-content:center;align-items:center;gap:5px;margin-bottom:10px;padding-top:10px;padding-bottom:10px;display:flex;position:relative;overflow:hidden}#now-playing>.title>img{width:30px;height:auto}#now-playing>.title>span{text-align:center;font-size:25px;font-weight:700}#now-playing>.title>:first-child{scale:-1 1}#now-playing>.song-list{box-sizing:border-box;height:calc(100dvh - 161px);margin:0;padding-left:5px;overflow-y:auto}#now-playing .song-list-item>.title-artist :first-child{font-size:14px}#now-playing .song-list-item>.title-artist :nth-child(2){font-size:11px}@media (width<=1000px){#now-playing>.title>span{font-size:20px}}@media (width<=850px){#now-playing>.title>img{display:none}}@media (width<=600px){#now-playing{display:none}}#context-menu.desktop{z-index:3;background-color:var(--button-colour);border:solid 1px var(--background-sub-colour);transform-origin:0 0;border-radius:10px;flex-direction:column;gap:4px;width:fit-content;min-width:130px;height:fit-content;padding:5px 0;display:none;position:absolute;overflow:hidden;box-shadow:0 2px 10px #00000080}#context-menu.mobile{z-index:3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:solid 2px var(--background-sub-colour);box-sizing:border-box;background-color:#0007;border-bottom:none;border-radius:20px 20px 0 0;flex-direction:column;gap:4px;width:100%;height:50vh;padding-top:10%;display:none;position:absolute;bottom:0;left:0;overflow:hidden}#context-menu.mobile.show{animation:.15s ease-out slide;display:flex}#context-menu.desktop.show{animation:.15s ease-out expand;display:flex}@keyframes expand{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}@keyframes slide{0%{transform:translateY(50vh)}to{transform:translateY(0)}}#context-menu>div{cursor:pointer;align-items:center;gap:15px;height:26px;padding:0 7px;display:flex}#context-menu.mobile>div{height:35px;padding:0 15px;font-size:120%}#context-menu>hr{width:calc(100% - 14px);color:var(--subtext-colour);margin:2px auto}#context-menu>* svg{color:var(--icon-default);aspect-ratio:1;height:90%;margin-left:auto}#context-menu>:hover{background-color:var(--default-button-hover)}.song-list{padding-bottom:50px}.song-list-item{cursor:pointer;box-sizing:border-box;border-radius:10px;flex-direction:row;padding-top:5px;padding-bottom:5px;padding-left:5px;display:flex;position:relative}.song-list-item.unavaliable{filter:grayscale()brightness(70%);color:var(--subtext-colour)}.song-list-item>*{pointer-events:none;box-sizing:border-box}@media (hover:hover){.song-list-item:hover{background-color:var(--song-item-hover)}}.song-list-item>swarmtunes-cover{width:50px;height:50px}.song-list-item>.title-artist{flex-direction:column;max-width:calc(100% - 100px);margin-left:6px;display:flex;overflow:hidden}.song-list-item>.title-artist>*{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.song-list-item>.triple-dot{pointer-events:all;aspect-ratio:1;background-color:initial;height:40%;display:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)rotate(90deg)}.song-list-item:hover>.triple-dot{display:block}.song-list-item>.date{position:absolute;top:50%;right:40px;transform:translateY(-50%)}@media (width<=450px){.song-list-item>.date{display:none}.song-list-item>.triple-dot{height:50%;display:block;right:5px}}.error-screen{pointer-events:none;background:0 0;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;font-size:x-large;font-weight:700;display:flex;position:absolute;top:0;left:0}.error-screen button{pointer-events:all;cursor:pointer;border-radius:10px;margin-top:10px;padding:5px 12px;font-size:medium}#new-playlist-button{border-radius:20px;width:140px;margin-bottom:20px;padding:3px 8px;font-size:medium}#playlists-tab .catagory-item .rename-button{pointer-events:all;background-color:#0000;background-image:url("data:image/svg+xml,%3c!--%20category:%20Design%20tags:%20[pencil,%20change,%20update]%20version:%20'1.0'%20unicode:%20'ea98'%20--%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23aaa'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20%3e%3cpath%20d='M7%207h-1a2%202%200%200%200%20-2%202v9a2%202%200%200%200%202%202h9a2%202%200%200%200%202%20-2v-1'%20/%3e%3cpath%20d='M20.385%206.585a2.1%202.1%200%200%200%20-2.97%20-2.97l-8.415%208.385v3h3l8.385%20-8.415z'%20/%3e%3cpath%20d='M16%205l3%203'%20/%3e%3c/svg%3e");background-position:50%;background-repeat:no-repeat;background-size:20px;width:20px;height:20px;padding:12px;position:absolute;bottom:-4px;right:-4px}#playlists-tab .catagory-item .rename-button:hover{background-color:#ffffff30}@media (width<=600px){#playlists-tab{align-items:center;padding-left:0}#playlists-tab .display-wrapper,#playlists-tab .display{justify-content:center}#playlists-tab .catagory-item .rename-button{display:none}#playlists-tab .display-wrapper{width:85vw;min-width:85vw;max-width:85vw}}#admin-panel{justify-content:left;align-items:flex-start}#admin-panel button{border-radius:10px}#select-playlist{min-width:300px;max-height:350px;padding:0 10px;overflow-y:scroll}#select-playlist li{cursor:pointer;flex-direction:row;padding-top:5px;padding-bottom:5px;display:flex}#select-playlist li:hover{background-color:var(--song-item-hover)}#select-playlist li *{pointer-events:none}#select-playlist li>img{border-radius:8px;width:50px;height:50px;padding-left:5px}#select-playlist li>span{flex-direction:row;height:1rem;margin-left:6px;display:flex;overflow:hidden}#tabs-container{flex-direction:row;flex:1 1 0;justify-content:left;display:flex}.tab{background-color:var(--header-tab-default);height:30px;color:var(--text-colour);border-radius:8px 8px 0 0;flex-direction:row;flex:0 120px;justify-content:center;align-items:center;gap:5px;margin:auto 5px 0;font-weight:700;display:flex}.tab.selected{background-color:var(--header-tab-active)}.tab *{pointer-events:none}@media (width<=500px){header>#tabs-container{display:none}}@media (width<=700px){#tabs-container{width:90%;margin:2px auto}.tab{background-color:#0000;border:none;border-radius:10px;flex-direction:column-reverse;flex:auto;height:50px;margin-top:0;margin-bottom:auto}.tab span{font-size:10px}}.popup-background{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2;background-color:#00000080;width:100%;height:100%;display:none;position:absolute;top:0;left:0}.popup-window{aspect-ratio:2;background-color:color-mix(in srgb, var(--background-colour) 70%, transparent);background-size:192px;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-width:0;max-width:min(80vw,700px);max-height:80vh;margin:auto;padding:40px 50px;display:flex;position:relative;box-shadow:0 5px 15px #00000080}.popup-window.busy{filter:brightness(.5);transition:filter .2s}.popup-window.busy :is(button:not(.close-button),input){pointer-events:none}.popup-window h1{margin:0;font-size:40px}.popup-window>.buttons{flex-direction:row;flex:0 35px;justify-content:space-around;align-items:center;gap:10px;width:100%;display:flex}.popup-window>.buttons button{border-radius:10px;flex:1;max-width:150px;height:100%}.popup-window>.close-button{width:25px;height:25px;position:absolute;top:10px;right:10px}.popup-window>.content{white-space:normal;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:10px;width:100%;margin:10px;display:flex}.popup-window>.content>*{text-align:center;flex:auto;margin:0}.popup-window>.content>input{width:100%;height:25px}.popup-window>.content>input.error,.popup-window>.content>button.error,.popup-window>.buttons button.error{border-color:red}@media (width<=550px){.popup-window{aspect-ratio:auto;height:auto}.popup-window>.buttons{flex-basis:45px;gap:20px}.popup-window>.buttons button{font-size:medium}.popup-window>.content input:not([type=checkbox]){height:30px;font-size:medium}.popup-window>.close-button{width:40px;height:40px}}#song-fullscreen{visibility:hidden;background:linear-gradient(var(--background-colour), var(--background-sub-colour));--icon-default:#fff;--icon-hover:#eee;--icon-active:#ccc;--seek-bar-background:#0000001a;z-index:1;width:100%;height:100%;display:block;position:absolute}#song-fullscreen.high-contrast .close-button{color:#000}#song-fullscreen h1{-webkit-text-stroke:.4px white}#song-fullscreen h2,#song-fullscreen span{color:#fff}#song-fullscreen.show{visibility:visible;animation:.2s ease-out slideIn}@keyframes slideIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}#song-fullscreen .close-button{width:35px;height:35px;position:absolute;top:50px;right:50px}#song-fullscreen .close-button .mobile{display:none}#song-fullscreen .swarmfm-player{width:inherit;height:inherit;border:none}#song-fullscreen .content{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:fit-content;max-width:100%;height:100%;margin:auto;padding:4vh 2vh;display:flex}#song-fullscreen .content>div{flex-direction:column;flex:auto;justify-content:center;align-items:center;width:100%;display:flex}#song-fullscreen .content>div>div{width:100%}#song-fullscreen .content>:nth-child(2){flex-basis:min(50%, fit-content);gap:6%}#song-fullscreen .content>:last-child{flex-basis:min(5%, fit-content);gap:0}#song-fullscreen .cover-container{flex-direction:column;justify-content:center;align-items:center;gap:0;display:flex}#song-fullscreen .cover-container swarmtunes-cover{background-color:#0000;border-radius:8%;width:42vh;max-width:100%;height:auto}#song-fullscreen .cover-container .singer{font-size:small}#song-fullscreen .info-container{flex-direction:row;justify-content:center;align-items:center;gap:0;display:flex}#song-fullscreen .info-container>*{flex:1}#song-fullscreen .info-container .triple-dot{aspect-ratio:1;max-width:50px}#song-fullscreen .title-container{text-align:left;flex-direction:column;gap:5px;display:flex;overflow:hidden}#song-fullscreen .title-container>*{white-space:normal;max-width:inherit;margin:0}#song-fullscreen .title-container>h1{font-size:x-large}#song-fullscreen .media-controls{margin:auto}#song-fullscreen .media-controls button{background:0 0}#song-fullscreen .source-text{margin-bottom:auto}#song-fullscreen .seek-bar{height:10px}#song-fullscreen .seek-bar:hover{height:12px}@media (width<=800px){#song-fullscreen .close-button{top:0;right:50%;transform:translate(50%)scaleX(3)}#song-fullscreen .close-button .desktop{display:none}#song-fullscreen .close-button .mobile{display:block}}#toast-manager{z-index:5;flex-direction:column;gap:10px;width:min(90vw,300px);height:fit-content;display:flex;position:absolute;top:55px;right:10px}