:root{--primary-color: #f5f5f5;--secondary-color: #5F6DC7;--body-background: var(--primary-color);--navbar-background: var(--primary-color);--notification-background: #ededed;--shadow-light: #efefef;--shadow-dark: #d2d2d2;--shadow-cover: #282828;--border-color: #e6e6e6;--border-blockquote: rgba(137, 161, 255, 0.16);--text-color: #5b5b5b;--text-color-title: black;--text-color-author: #b7b6b6;--text-color-artist: #797979;--active-background: #e2e2e2;--range-background: #ddd;--contrast-border: #c7c7c7;--hover-background: #cbcbcb}:root[data-theme=dark]{--primary-color: #212121;--secondary-color: #5F6DC7;--body-background: #1c1c1c;--navbar-background: var(--body-background);--notification-background: #2c2c2c;--shadow-light: #1a1a1a;--shadow-dark: #0e0e0e;--shadow-cover: var(--shadow-dark);--border-color: var(--shadow-dark);--border-blockquote: rgba(137, 161, 255, 0.30);--text-color: #9d9d9d;--text-color-title: #bebdbd;--text-color-author: #7a7a7a;--text-color-artist: var(--text-color-author);--active-background: #161616;--range-background: #323232;--contrast-border: #424242;--hover-background: #232323}@font-face{font-family:"Roboto Regular";src:url("https://cdn.bernardo.fm/fonts/roboto/Roboto-Regular.woff2") format("truetype");font-display:swap}audio{opacity:0;position:absolute;width:0;height:0;top:0;left:0}html,body{height:100%;width:100%;margin:0;overscroll-behavior:none}*{-webkit-tap-highlight-color:transparent}h2{user-select:none;margin:30px 0 5px 0}h2,h3{color:var(--text-color-title)}input:not([type=range]){transition:.2s;box-shadow:inset 2px 2px 5px var(--shadow-dark),inset -5px -5px 7px var(--shadow-light);border:none;border-radius:15px;padding:12px 16px;background-color:var(--navbar-background);color:var(--text-color);outline:none;text-align:left !important;font-family:"Roboto Regular",sans-serif}input:not([type=range]):focus{box-shadow:inset 1px 1px 2px var(--shadow-dark),inset -1px -1px 2px var(--shadow-light)}tr{cursor:pointer}input[type=range]::-webkit-slider-runnable-track{background:var(--range-background)}input[type=range]::-webkit-slider-thumb{cursor:pointer;-webkit-appearance:none;width:20px;height:40px;background:#fff;box-shadow:-100vw 0 0 100vw var(--secondary-color)}input[type=range]::-moz-range-track{height:40px;background:var(--range-background)}input[type=range]::-moz-range-thumb{cursor:pointer;background:#fff;height:40px;width:20px;border:3px solid #999;border-radius:0 !important;box-shadow:-100vw 0 0 100vw var(--secondary-color);box-sizing:border-box}input[type=range]::-ms-fill-lower{background:var(--secondary-color)}input[type=range]::-ms-thumb{cursor:pointer;background:#fff;height:40px;width:20px;box-sizing:border-box}input[type=range]::-ms-ticks-after{display:none}input[type=range]::-ms-ticks-before{display:none}input[type=range]::-ms-track{background:var(--range-background);color:transparent;height:40px}input[type=range]::-ms-tooltip{display:none}body{background-color:var(--body-background)}button,.button{text-decoration:none;padding:5px 10px;display:inline-block;bottom:5px;height:25px;min-width:50px;border:none;text-align:center;color:var(--text-color-title);background-color:var(--navbar-background)}button.shadow,.button.shadow{transition:.2s;box-shadow:-2px -2px 3px var(--shadow-light),2px 2px 3px var(--shadow-dark);border-top-right-radius:3px;border-bottom-left-radius:3px;border-bottom-right-radius:3px}button.shadow:hover,.button.shadow:hover{box-shadow:-1px -1px 2px var(--shadow-light),1px 1px 2px var(--shadow-dark)}a.button{color:var(--secondary-color)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--body-background)}::-webkit-scrollbar-thumb{background:#888;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}#navbar{border-bottom:1px solid var(--border-color);padding:0 30px;position:fixed;z-index:2;top:0;left:0;right:0;height:60px;line-height:60px;background-color:var(--navbar-background);color:var(--text-color-title);user-select:none;font-family:"Roboto Regular",sans-serif;transition:.2s}#navbar *{display:inline;text-align:center;vertical-align:middle}#navbar li{margin:0 5px}#navbar a{cursor:pointer;padding:10px 15px;color:var(--text-color);text-decoration:none}#navbar #logo{position:initial;font-size:30px;margin:0 20px;cursor:default}#navbar #navigation{color:var(--text-color)}#navbar #navigation .icons:has(#search input.show) .search-toggler{background-color:var(--active-background);box-shadow:inset 1px 1px 2px var(--shadow-dark),inset -1px -1px 2px var(--shadow-light)}#navbar #navigation #search{position:relative;display:inline-block}#navbar #navigation #search input{padding:12px 45px 12px 16px;width:155px}#navbar #navigation #search *{display:inline-block}#navbar #navigation #search .fa-times{position:absolute;right:0;top:50%;transform:translateY(-50%);cursor:pointer;padding:10px 15px;display:none}#navbar #navigation #search .fa-times.show{display:initial}#navbar #navigation li{transition:.2s}#navbar #navigation li.active>a{color:var(--text-color-title)}#navbar #navbar-toggler,#navbar #menu-toggler,#navbar .theme-toggler,#navbar .search-toggler{box-shadow:-2px -2px 3px var(--shadow-light),2px 2px 3px var(--shadow-dark);border-radius:25px;transition:.2s;color:var(--text-color-title);display:inline-block;background-color:var(--navbar-background);padding:10px 10px;cursor:pointer;width:20px;height:20px}#navbar #navbar-toggler svg,#navbar #menu-toggler svg,#navbar .theme-toggler svg,#navbar .search-toggler svg{margin:-40px 0 0 0}#navbar #navbar-toggler:hover,#navbar #menu-toggler:hover,#navbar .theme-toggler:hover,#navbar .search-toggler:hover{box-shadow:-1px -1px 2px var(--shadow-light),1px 1px 2px var(--shadow-dark)}#navbar #navbar-toggler:active,#navbar #menu-toggler:active,#navbar .theme-toggler:active,#navbar .search-toggler:active{box-shadow:inset 1px 1px 2px var(--shadow-dark),inset -1px -1px 2px var(--shadow-light)}#navbar #navbar-toggler{margin:0 20px 0 0;display:none}#navbar #menu-toggler{margin:0 30px 0 0}#navbar #menu{position:absolute;top:60px;right:0;background-color:var(--navbar-background);padding:5px 25px;display:none;border-bottom-left-radius:5px;box-shadow:2px 2px 3px var(--shadow-dark)}#navbar #menu.show{display:initial}#navbar #menu div{width:100px;display:block;border-radius:initial;box-shadow:initial;margin:2px 0}#navbar #menu div p{display:inline-block;margin:-40px 0 0 5px}#navbar .theme-toggler{margin:0 25px 0 0}#navbar .search-toggler{display:none}#navbar.shadow{box-shadow:0 1px 5px var(--shadow-dark)}#navbar .small-device{display:none}#navbar .right{float:right;padding:0;margin:0}#content{box-shadow:1px 1px 3px var(--shadow-dark),-1px -1px 2px var(--shadow-light);border-radius:15px;padding:20px 40px 40px 40px;top:80px;width:85%;margin:0 auto 0 auto;font-family:"Roboto Regular",sans-serif;background-color:var(--primary-color);color:var(--text-color);position:relative;overflow-y:auto}#content #tooltip{position:absolute;display:none;padding:5px 10px;color:var(--text-color);background-color:var(--primary-color);border:1px solid var(--border-color);border-radius:5px;box-shadow:1px 1px 1px var(--shadow-dark),-1px -1px 1px var(--shadow-light)}#content #view{color:var(--text-color);position:absolute;right:50px;border:1px solid var(--border-color);border-radius:5px;padding:2px 2px 0 2px}#content #view>*{cursor:pointer;padding:5px 15px}#content #view>*.active{background-color:var(--active-background);border-radius:2px;cursor:default !important}#content #view>*:hover:not(.active){background-color:var(--hover-background);border-radius:2px}#content .comment>td{height:auto !important;line-height:unset}#content .comment>td>div{transition:all 1s ease-in-out;max-height:0;opacity:0}#content .comment.show>td>div{max-height:500px;opacity:1}#content .responsive-container{overflow-x:auto;overflow-y:hidden;position:relative;padding:2px}#content .responsive-container .responsive-table{margin:0}#content .info span{color:var(--text-color)}#content .songList{text-align:center}#content .songList h2{text-align:left}#content .songList .loadMore{display:inline-block;margin:10px 0 0 0;padding:5px 10px;color:var(--secondary-color);cursor:pointer}#content .songList .cover{transition:.2s;height:160px;width:160px;border-radius:5px;user-select:none;background-size:auto 160px;background-color:#000}#content .songGrid>div{position:relative}#content .songGrid>div .scrollBack,#content .songGrid>div .scrollForward{position:absolute;transition:.2s;top:50px;width:60px;height:60px;font-size:25px;color:var(--text-color);display:none;align-items:center;background-color:var(--body-background);border:1px solid var(--contrast-border);cursor:pointer;z-index:1}#content .songGrid>div .scrollBack:hover,#content .songGrid>div .scrollForward:hover{background-color:var(--hover-background)}#content .songGrid>div .scrollBack svg,#content .songGrid>div .scrollForward svg{margin:auto}#content .songGrid>div .scrollForward{border-radius:40px;right:-30px}#content .songGrid>div .scrollBack{border-radius:40px;left:-30px}#content .songGrid>div>div{overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}#content .songGrid>div>div::-webkit-scrollbar{display:none}#content .songGrid>div>div .songCategory{display:inline-flex}#content .songGrid>div>div .songCategory .songCard,#content .songGrid>div>div .songCategory .playlistCard{cursor:pointer;display:flex;justify-content:center;align-items:center;position:relative;margin:0 10px 55px 0;width:160px;height:160px;color:var(--text-color);background-color:#000;border-radius:5px}#content .songGrid>div>div .songCategory .songCard .darker,#content .songGrid>div>div .songCategory .playlistCard .darker{transition:.2s;position:absolute;top:0;left:0;width:160px;height:160px;background-color:#000;border-radius:5px;-webkit-user-select:none;-webkit-touch-callout:none;opacity:0}#content .songGrid>div>div .songCategory .songCard .cover,#content .songGrid>div>div .songCategory .playlistCard .cover{transition:.2s;height:160px;width:160px;border-radius:5px;user-select:none;box-shadow:0 0 10px 3px var(--shadow-cover) inset;background-size:auto 160px;background-color:#000}#content .songGrid>div>div .songCategory .songCard:hover>.name,#content .songGrid>div>div .songCategory .songCard:hover>.artist,#content .songGrid>div>div .songCategory .playlistCard:hover>.name,#content .songGrid>div>div .songCategory .playlistCard:hover>.artist{text-decoration:underline}#content .songGrid>div>div .songCategory .songCard:hover .darker,#content .songGrid>div>div .songCategory .playlistCard:hover .darker{opacity:.5}#content .songGrid>div>div .songCategory .songCard:hover .playButton::before,#content .songGrid>div>div .songCategory .playlistCard:hover .playButton::before{transition:.2s;content:"▶";position:absolute;bottom:11px;left:11px;color:gray;background-color:rgba(0,0,0,.6);border-radius:100%;font-size:20px;padding:12px;height:15px;width:15px;text-align:center;line-height:15px;z-index:1}#content .songGrid>div>div .songCategory .songCard:hover .playButton:hover::before,#content .songGrid>div>div .songCategory .playlistCard:hover .playButton:hover::before{color:#fff;background-color:rgba(0,0,0,.9);padding:15px;bottom:8px;left:8px}#content .songGrid>div>div .songCategory .songCard:hover .length,#content .songGrid>div>div .songCategory .playlistCard:hover .length{padding:3px 8px;border-radius:4px;background-color:rgba(0,0,0,.6);opacity:1;user-select:none}#content .songGrid>div>div .songCategory .songCard span,#content .songGrid>div>div .songCategory .playlistCard span{max-width:156px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#content .songGrid>div>div .songCategory .songCard .name,#content .songGrid>div>div .songCategory .playlistCard .name{position:absolute;top:163px;left:2px;font-size:15px;cursor:pointer;transition:.2s}#content .songGrid>div>div .songCategory .songCard .artist,#content .songGrid>div>div .songCategory .playlistCard .artist{color:var(--text-color-artist);position:absolute;top:183px;left:2px;font-size:13px;cursor:pointer}#content .songGrid>div>div .songCategory .songCard .length,#content .songGrid>div>div .songCategory .playlistCard .length{transition:.2s;position:absolute;opacity:0;bottom:10px;right:10px;color:#ccc}#content .info{margin:30px 0 0 0}#content .searchterm{margin:35px 0 -20px 0;word-break:break-all}#content .responsive-table{margin:5px 0 0 0}#content .responsive-table .cover{max-width:35px}#content .responsive-table .cover img:only-of-type{width:35px;height:35px;max-width:35px;max-height:35px;border-radius:5px}#content .responsive-table .cover img{max-width:17.5px;max-height:17.5px;user-select:none}#content .responsive-table .cover img:nth-child(1){margin-bottom:-5px;border-top-left-radius:5px}#content .responsive-table .cover img:nth-child(2){margin-bottom:-5px;border-top-right-radius:5px}#content .responsive-table .cover img:nth-child(3){border-bottom-left-radius:5px}#content .responsive-table .cover img:nth-child(4){border-bottom-right-radius:5px}#content .responsive-table td>.cover{border-radius:5px;width:35px;height:35px;user-select:none;transition:.2s;background-size:auto 35px;background-color:#000}#content .responsive-table td{text-align:left}#content .blockquote{position:relative;padding:0 0 0 10px;border-left:4px solid var(--border-blockquote);border-radius:7px}#content .blockquote h2{margin:.83em 0 10px 0;color:var(--text-color-title)}#content .blockquote .authorDate{position:absolute;right:0;bottom:0;color:var(--text-color-author)}#content .blockquote .message{color:var(--text-color);display:block;margin:0 0 15px 0}#content .blockquote .message p{margin:0}#content .blockquote .message .break{max-width:calc(100% - 275px)}#content .blockquote .message .mail{text-decoration:none;color:var(--secondary-color)}#content .blockquote .details{transition:.4s ease-in-out,padding .8s;color:var(--text-color);display:block;overflow:hidden;max-height:0;box-shadow:inset 2px 2px 5px var(--shadow-dark),inset -5px -5px 7px var(--shadow-light);border-radius:5px;margin:0;padding:0 20px;opacity:0}#content .blockquote .details.show{padding:20px;max-height:1000px;opacity:1}#content .blockquote .detailsButton{transition:.3s;margin:5px 0 0 0;padding:7px;height:35px;background-color:transparent;border:none;color:#8eb6ff;font-size:15px;cursor:pointer}#content .blockquote .detailsButton:hover{color:#4f8eff}#content .cards{display:flex;flex-wrap:wrap;justify-content:space-evenly}#content .cards .card{position:relative;text-decoration:none;color:var(--text-color);border-radius:5px;box-shadow:1px 1px 3px var(--shadow-dark),-1px -1px 2px var(--shadow-light);width:200px;margin:0 0 15px 0;padding:0 15px}#content .cards .card p{margin:0 0 60px 0}#content .cards .card .button{line-height:25px;position:absolute;margin:10px 0;width:calc(100% - 50px)}.controlsContent,.controlsQueue{position:absolute;height:38px;width:98px;line-height:40px;z-index:1;text-align:center;border-top-right-radius:5px;background-color:var(--primary-color);color:var(--text-color);opacity:0;transition:.2s}.controlsContent.show,.controlsQueue.show{opacity:1}.controlsContent *,.controlsQueue *{padding:10px;cursor:pointer;margin:0 2px;display:inline-block;vertical-align:middle}#contextMenu{font-family:"Roboto Regular",sans-serif;color:var(--text-color);position:fixed;max-width:350px;min-width:275px;border-radius:5px;padding:10px;background-color:var(--body-background);box-shadow:-2px -2px 3px var(--shadow-light),2px 2px 3px var(--shadow-dark);z-index:4;display:none}#contextMenu .songInfo{display:inline-flex;width:100%;overflow:hidden}#contextMenu .songInfo .row{display:flex;flex-direction:column;justify-content:center;min-width:0;width:100%}#contextMenu .songInfo .row .marquee{padding:0 0 0 10px;white-space:nowrap;overflow:hidden;position:relative}#contextMenu .songInfo .row .marquee:before{content:"";position:absolute;top:0;left:0;bottom:0;width:10px;height:25px;background-color:var(--body-background);z-index:1}#contextMenu .songInfo .row .scrolling div{display:inline-block;padding-left:100%;animation:marquee 10s linear infinite}#contextMenu .songInfo .row .scrolling div:nth-child(2){animation-delay:1s}@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}#contextMenu .songInfo .row .songName{color:var(--text-color);font-size:20px}#contextMenu .songInfo .row .songArtist{color:var(--text-color-artist);padding:0 0 0 10px}#contextMenu .songInfo .cover{min-width:64px;width:64px;height:64px;border-radius:5px;box-shadow:0 0 10px 3px var(--shadow-cover) inset}#contextMenu .divider{position:relative;height:1px;width:calc(100% + 20px);background-color:var(--text-color-author);opacity:.5;margin:8px 0;left:-10px}#contextMenu .menu{user-select:none}#contextMenu .menu .item:hover{background-color:var(--active-background)}#contextMenu .menu .item{transition:.2s;cursor:pointer;margin:5px 0;padding:5px 20px;display:flex;border-radius:5px}#contextMenu .menu .item .icon{width:25px;height:25px;position:relative}#contextMenu .menu .item .icon>*{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}#contextMenu .menu .item .listAdd{position:relative;display:initial;padding:0}#contextMenu .menu .item .listAdd .fa-plus,#contextMenu .menu .item .listAdd .fa-play,#contextMenu .menu .item .listAdd .fa-times{bottom:0;right:-4px;z-index:1;position:absolute}#contextMenu .menu .item .listAdd .fa-play{font-size:10px}#contextMenu .menu .item .listAdd .fa-plus,#contextMenu .menu .item .listAdd .fa-times{font-size:12px}#contextMenu .menu .item span{line-height:25px;margin:0 0 0 30px}#queueView{font-family:"Roboto Regular",sans-serif;position:fixed;bottom:100px;left:0;top:100%;width:calc(100% - 40px);height:calc(100% - 190px);overflow:hidden;background-color:var(--primary-color);padding:20px;z-index:1}#queueView h3{color:var(--text-color-title);margin:5px 0 0 15px}#queueView .container{display:flex;width:100%;height:100%}#queueView #playingCover{display:flex;width:50%;position:relative}#queueView #playingCover .seek-label{position:absolute;top:50%;transform:translateY(-50%);font-size:20px;color:var(--text-color-title);opacity:0;pointer-events:none;transition:opacity .3s;z-index:100;background-color:var(--body-background);box-shadow:inset 2px 2px 5px var(--shadow-dark),inset -5px -5px 7px var(--shadow-light);padding:5px 10px}#queueView #playingCover .left-label{left:20px}#queueView #playingCover .right-label{right:20px}#queueView #playingCover div{margin:auto;border-radius:5px;background-repeat:no-repeat;box-shadow:0 0 10px 3px var(--shadow-cover) inset}#queueView #playingCover .cover{background-repeat:no-repeat;background-position:center;background-size:contain;width:min(100%, 650px, 60vh);max-height:100%;aspect-ratio:1/1}#queueView #queueInfo{width:50%;padding:0 0 0 10px;position:relative;overflow:hidden}#queueView #info{display:none;color:var(--text-color)}#queueView #info h3{margin:5px 0 0 10px;color:var(--text-color-title)}#queueView #info p{margin:5px 10px 15px 10px}#queueView #queue,#queueView #info{overflow:auto;height:calc(100vh - 230px);position:absolute;left:10px}#queueView #queue thead{position:sticky;top:0;z-index:2;background-color:var(--primary-color)}#queueView #queue tr{transition:.2s;height:45px}#queueView #queue tr th{border-bottom:1px solid var(--border-color)}#queueView #queue tr.shadow{box-shadow:0 1px 5px var(--shadow-dark)}#queueView #queue .cover{display:inline-block;border-radius:5px;margin:3px 0 0 0;width:35px;height:35px;background-size:35px}#queueView .btns{display:flex}#queueView .btns .btn{transition:.2s;color:var(--text-color-title);cursor:pointer;height:35px;width:50%;border:1px solid var(--border-color);background-color:var(--primary-color);outline:none}#queueView .btns .btn.active{cursor:default;background-color:var(--active-background)}#queueView .btns .btn:hover:not(.active){background-color:var(--hover-background)}#player{display:none;position:fixed;bottom:0;left:0;width:100%;height:100px;line-height:100px;text-align:center;background-color:var(--primary-color);font-family:"Roboto Regular",sans-serif;color:var(--text-color);z-index:2}#player>div{position:relative}#player table{margin:auto}#player table .truncate{position:relative}#player table .content{position:absolute;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#player table .spacer{height:0;overflow:hidden}#player #timeline{transition:.25s;position:absolute;left:0;right:0;top:0;margin:-1px 0 0 0;width:100%;border:none;appearance:none;-webkit-appearance:none;height:5px;overflow:hidden;touch-action:none}#player #timeline:focus-visible{outline:none}#player #timeInfo{display:none;position:fixed;width:150px;line-height:30px;top:calc(100% - 150px);left:calc(50% - 60px);border-radius:10px;background-color:var(--primary-color);border:1px solid var(--border-color)}#player #data{height:75px;margin:auto;position:absolute;top:0;left:0;bottom:0;right:0;line-height:20px}#player svg{padding:15px 20px;cursor:pointer;margin:0 15px}#player #controls{user-select:none}#player #controls>*{display:inline-flex;position:relative}#player #controls .volume svg{width:18px;z-index:1}#player #controls .volumeSlider{display:initial;position:absolute;bottom:65px;left:-49px;height:15px;transform:rotate(-90deg);overflow:hidden;cursor:pointer;appearance:none;-webkit-appearance:none;border:1px solid var(--contrast-border);border-radius:10px}#player #controls .volumeBackground{display:none;position:absolute;left:25px;width:35px;height:150px;bottom:35px;touch-action:none}#player #controls .volumeBackground.show{display:initial}#player #controls .repeatOne{display:none;position:absolute;top:calc(50% - 15px);left:60%;font-size:10px;font-weight:1000}#player #controls .repeatOne.show{display:initial}#player .fa-angle-up{font-size:20px}#player.show{display:initial}#bottomSpacing{display:block;width:100%;height:150px}#transparent{z-index:3;display:none;position:fixed;height:100%;width:100%;top:0;left:0;background-color:rgba(0,0,0,.3)}#transparent #confirmation{font-family:"Roboto Regular",sans-serif;color:var(--text-color);background-color:var(--primary-color);box-shadow:1px 1px 1px var(--shadow-dark),-1px -1px 1px var(--shadow-light);width:250px;height:120px;position:fixed;padding:5px;border-radius:5px;top:calc(50% - 50px);left:calc(50% - 125px)}#transparent #confirmation button{position:absolute;padding:initial}#transparent #confirmation button.cancel{right:5px}#transparent #confirmation button.ok{right:70px}#transparent #confirmation .title{margin:0;padding:0}#transparent #confirmation .message{margin:0;padding:0}.notification{font-family:"Roboto Regular",sans-serif;color:var(--text-color);background-color:var(--notification-background);box-shadow:1px 1px 1px var(--shadow-dark),-1px -1px 1px var(--shadow-light);left:0;bottom:10px;z-index:3;padding:10px 15px;position:fixed;opacity:0;border-radius:3px}.firewall h2,.firewall h3{margin-top:10px}.firewall h3{margin-bottom:0}.firewall .firewall-chain-toggle{transition:.2s;margin:-25px 0 8px 0;padding:6px 12px;height:auto;min-height:30px;min-width:90px;float:right;cursor:pointer;user-select:none;color:#8eb6ff;font-family:"Roboto Regular",sans-serif;font-size:13px;line-height:18px;background-color:transparent;border:none;border-radius:5px}.firewall .firewall-chain-toggle:hover{color:#4f8eff}.firewall thead th{border-bottom:1px solid var(--border-color)}.firewall .responsive-container{margin-bottom:40px !important}.responsive-table{width:100%;border-radius:10px;border-spacing:0}.responsive-table thead{text-align:left;color:var(--text-color-title);border-top-left-radius:10px;border-top-right-radius:10px}.responsive-table thead th{font-weight:initial;white-space:nowrap;height:50px;padding:0 10px}.responsive-table tbody td{color:var(--text-color);height:40px;padding:0 10px;position:relative}.responsive-table tbody td .truncate{position:relative}.responsive-table tbody td .content{position:absolute;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.responsive-table tbody td .content.green{color:#006900}.responsive-table tbody td .content.red{color:#ad0000}.responsive-table tbody td .spacer{height:0;overflow:hidden}.responsive-table tbody tr:not([data-id]){font-weight:bold}.responsive-table tbody tr:last-of-type{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.responsive-table tbody tr[data-id]{-webkit-user-select:none;-webkit-touch-callout:none}.responsive-table tbody tr[data-id]:hover{cursor:default;transition:.1s}.responsive-table tbody tr[data-id]:hover>td:first-of-type{border-left:1px solid var(--border-color)}.responsive-table tbody tr[data-id]:hover>td:last-of-type{border-right:1px solid var(--border-color)}.responsive-table tbody tr[data-id]:hover>td{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.csr-pointer{cursor:pointer}.divider{border-top:1px solid var(--border-color);display:block;width:100%;margin:10px 0}.lds-ring{display:inline-flex;height:1em;padding:15px 27px;position:relative;margin:0 15px;text-align:center}.lds-ring div{box-sizing:border-box;display:block;width:20px;height:20px;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;border:3px solid var(--text-color);border-radius:50%;animation:lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-color:var(--text-color) transparent transparent transparent}.lds-ring div:nth-child(1){animation-delay:-0.45s}.lds-ring div:nth-child(2){animation-delay:-0.3s}.lds-ring div:nth-child(3){animation-delay:-0.15s}@keyframes lds-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.lds-facebook{display:inline-block;position:absolute;width:35px;height:35px;margin:3px 0 0 0;left:10px;background-color:#0000004f;border-radius:5px}.lds-facebook div{display:inline-block;position:absolute;width:7px;background:#c7c7c7;animation:lds-facebook .75s cubic-bezier(0, 0.5, 0.5, 1) infinite}.lds-facebook div:nth-child(1){animation-delay:-0.24s;left:4px}.lds-facebook div:nth-child(2){animation-delay:-0.12s;left:14px}.lds-facebook div:nth-child(3){left:24px}@keyframes lds-facebook{0%{top:7px;height:20px}100%{top:13px;height:10px}}@media screen and (max-width: 1150px){#navbar li{display:block;text-align:left}#navbar ul{margin:0;box-shadow:0 3px 6px -2px var(--shadow-dark);background-color:var(--body-background);display:block;left:0;width:100%;padding:0}#navbar a{line-height:30px;height:30px;display:block;text-align:left}#navbar #navbar-toggler{display:inline-block}#navbar #navigation{transition:.5s ease-in-out;display:block;overflow:hidden;position:absolute;left:0;max-height:0;width:100%;border-top:1px solid var(--border-color)}#navbar #navigation .permanent{position:fixed;top:0;right:0;background-color:initial;width:auto;height:60px;left:auto;box-shadow:initial}#navbar #navigation .permanent li{display:inline-block}#navbar #navigation .permanent #search input{margin:0 100px 0 0;width:5px;padding:12px 0;opacity:0}#navbar #navigation .permanent #search input.show{opacity:1;padding:12px 95px 12px 16px;background-color:var(--active-background)}#navbar #navigation .permanent #search .fa-times{right:130px}#navbar #navigation .permanent .search-toggler{display:inline-block;margin:0 20px 0 0}#navbar #navigation.show{max-height:1000px;padding-bottom:10px}#navbar #logo{position:absolute;left:0;top:0;display:inline-block;margin-left:50%;transform:translate(-50%)}#navbar .icons{display:flex;flex-direction:row;align-items:center}#navbar .divider{display:block;margin:0}#navbar:has(#navigation.show) #navbar-toggler{background-color:var(--active-background);box-shadow:inset 1px 1px 2px var(--shadow-dark),inset -1px -1px 2px var(--shadow-light)}#content{width:initial}}@media screen and (min-width: 850px){#player #timeline:hover{height:15px}}@media screen and (max-width: 850px){#contextMenu{width:calc(100% - 20px);max-width:unset;min-width:unset;left:0;bottom:0;border-radius:0}#content .graph{width:754px}#content .blockquote .message .break{max-width:100%}#content .blockquote .authorDate{margin:10px 0 0 0;position:initial}#player{height:110px}#player #timeline{height:15px;top:8px}#player #data{height:60px}}@media screen and (max-width: 750px){#queueView{width:100%;height:calc(100% - 165px);padding:0 0 30px}#queueView h3{margin:10px 10px 10px 15px}#queueView .container{flex-flow:column}#queueView #playingCover{margin:15px 0 0 0;display:block;width:initial;height:38%}#queueView #playingCover .cover{width:unset;height:100%}#queueView #queueInfo{padding:0;margin:15px 0 0 0;width:100%}#queueView #queue,#queueView #info{width:calc(100% + 10px);height:calc(100% - 35px);overflow-y:scroll;overflow-x:hidden;box-shadow:-1px -1px 3px var(--shadow-light);position:initial}#queueView #queue .responsive-table{min-width:initial !important;max-width:initial !important;width:100%;margin:0}}@media screen and (max-width: 650px){#content{padding:20px 10px 40px 10px}#content .songGrid>div .scrollForward,#content .songGrid>div .scrollBack{top:55px;height:50px;width:50px;font-size:20px}#content .songGrid>div .scrollForward{right:-10px}#content .songGrid>div .scrollBack{left:-10px}#content .cards .card{width:100%}#content #view{right:15px}#player svg{padding:15px 15px;margin:0 5px}#player .lds-ring{padding:15px 22px;margin:0 5px}#player .volumeBackground{left:10px !important}}@media screen and (max-width: 500px){#navbar #navigation .permanent .search-toggler{margin:0}#navbar #navigation .permanent #search input{margin:0 40px 0 0 !important}#navbar #navigation .permanent #search .fa-times{right:75px !important}.big-device{display:none !important}.small-device{display:initial !important}.small-device:has(#menu.show) #menu-toggler{background-color:var(--active-background);box-shadow:inset 1px 1px 2px var(--shadow-dark),inset -1px -1px 2px var(--shadow-light)}.notification{right:20px;left:20px}}@media screen and (max-width: 485px){#navbar a{padding:5px 10px}#navbar li{margin:0}.firewall .firewall-chain-toggle{float:initial;margin-top:8px}}@media screen and (max-width: 420px){#player svg{padding:15px 10px;margin:0 5px}#player .volumeBackground{left:5px !important}}@media screen and (max-width: 385px){#navbar #logo{font-size:25px}.responsive-table tbody td{max-width:85px}}@media screen and (max-width: 345px){#navbar #navbar-toggler{margin:0 0 0 -20px}#navbar #menu-toggler{margin:0 10px 0 0}#search input{margin:0 10px 0 0 !important}#search .fa-times{right:55px !important}#player svg{margin:0}}.hidden{display:none}.dropdown{display:inline-block;position:relative;width:200px;font-family:"Roboto Regular",sans-serif}.dropdown .dropdown-selected{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:15px;cursor:pointer;background-color:var(--primary-color);color:var(--text-color);box-shadow:-2px -2px 3px var(--shadow-light),2px 2px 3px var(--shadow-dark);transition:.2s}.dropdown .dropdown-selected:hover{box-shadow:-1px -1px 2px var(--shadow-light),1px 1px 2px var(--shadow-dark)}.dropdown .dropdown-selected::after{transition:.2s;content:"";position:absolute;right:15px;width:10px;height:10px;border-right:2px solid var(--text-color);border-bottom:2px solid var(--text-color);top:calc(50% - 5px);transform:translateY(-50%) rotate(45deg);transform-origin:center}.dropdown.open .dropdown-selected{background-color:var(--active-background);box-shadow:inset 1px 1px 2px var(--shadow-dark),inset -1px -1px 2px var(--shadow-light)}.dropdown.open .dropdown-selected::after{transform:rotate(-135deg)}.dropdown.open .dropdown-list{opacity:1;pointer-events:all;transform:translateY(0)}.dropdown .dropdown-list{position:absolute;top:calc(100% + 5px);left:0;right:0;background-color:var(--navbar-background);border-radius:15px;border:1px solid var(--border-color);box-shadow:2px 2px 5px var(--shadow-dark),-2px -2px 5px var(--shadow-light);overflow:hidden;opacity:0;pointer-events:none;transform:translateY(-5px);transition:.2s ease;z-index:1}.dropdown .dropdown-list div{padding:12px 16px;cursor:pointer;transition:.15s}.dropdown .dropdown-list div:hover{background-color:var(--hover-background)}.dropdown .dropdown-list div.active{background-color:var(--active-background)}.graph-container{position:relative;width:100%}.graph-container .graph-loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s}.graph-container .graph-loader.show{opacity:1}.graph-container:has(.graph-loader.show) canvas{filter:blur(4px)}.graph-container .lds-ring{width:40px;height:40px;display:block;padding:0;margin:0;position:relative}.graph-container .lds-ring div{width:100%;height:100%;left:0;right:0;top:0;bottom:0;margin:auto}.fullWidth{width:100%;overflow-x:auto}.graph{width:100%;height:350px;display:block}/*# sourceMappingURL=style.min.css.map */