:root{--font-size-3: 1.25rem;--size-7: 2rem;--size-1: .25rem;--size-10: 5rem;--size-4: 1.25rem;--size-5: 1.5rem;--font-weight-4: 400;--font-letterspacing-2: .05em;--size-8: 3rem;--size-11: 7.5rem;--size-6: 1.75rem;--size-2: .5rem;--radius-4: 2rem;--radius-round: 1e5px;--font-size-2: 1.1rem}header{display:flex;justify-content:space-between}header label{cursor:pointer}header input{display:none}header #syncNow{cursor:pointer;font-size:var(--font-size-3);margin-right:calc(var(--size-7) + var(--size-1));margin-top:var(--size-0)}header #syncNow.ri-loader-3-line{pointer-events:none}header #syncNow.error{color:#f20a}header .on{background-color:var(--text)!important;color:var(--bg)!important}.library,.hub{overflow-y:auto;width:100%;margin-bottom:var(--size-10)}:is(.library,.hub) .gallery-article{grid-column:span 2}:is(.library,.hub) .gallery-article>div .listItem p.title{max-height:var(--size-4)!important}:is(.library,.hub) article{margin-bottom:var(--size-5)}:is(.library,.hub) article>p{display:inline-block;font-size:var(--font-size-3);font-weight:var(--font-weight-4);letter-spacing:var(--font-letterspacing-2);color:var(--text2);opacity:.7;width:calc(100% - var(--size-8))}:is(:is(.library,.hub) article.subfeed,:is(.library,.hub) article.gallery-article)>p{width:calc(100% - var(--size-11) + var(--size-6))}:is(:is(.library,.hub) article.subfeed,:is(.library,.hub) article.gallery-article)>.loading{display:inline-block;animation:spinner 1s cubic-bezier(.645,.045,.355,1) infinite!important}:is(:is(.library,.hub) article.subfeed,:is(.library,.hub) article.gallery-article)>.loading:after{display:none}:is(.library,.hub) article>i{font-size:var(--font-size-3);cursor:pointer;padding:var(--size-1) var(--size-2);margin-right:var(--size-2);border-radius:var(--roundness)}:is(.library,.hub) article>i:hover{background:var(--onBg2);color:var(--text2)}:is(.library,.hub) article>div{display:flex;border-radius:var(--roundness);background-color:var(--onBg);border:var(--border);margin:var(--size-2) 0;overflow:hidden}:is(.library,.hub) article>div:has(.listItem){overflow-x:scroll;padding:var(--size-2);padding-bottom:0;gap:var(--size-1)}:is(.library,.hub) article>div:has(.listItem) .listItem{width:var(--size-11);flex-shrink:0;margin:0;background-color:transparent;border:none}:is(.library,.hub) article>.userArtists{border-bottom-left-radius:0;border-bottom-right-radius:0;padding-bottom:0!important;border-bottom:0;margin-bottom:0}:is(.library,.hub) article>.relatedPlaylists{padding-top:0!important;border-top-left-radius:0;border-top-right-radius:0;border-top:0;margin:0}:is(.library,.hub) article>.relatedPlaylists img{border-top-left-radius:var(--radius-4);border-bottom-right-radius:var(--radius-4)}:is(.library,.hub) article>.relatedArtists{margin:0;border-radius:0;border-top:0;border-bottom:0;padding-top:0!important}:is(.library,.hub) article>.relatedArtists img{border-radius:var(--radius-round)!important}:is(.library,.hub) article>div:has(.streamItem){width:100%;flex-direction:column}:is(.library,.hub) article>div:has(.streamItem) .streamItem{margin-bottom:0;width:100%;border-radius:0;flex-shrink:0}:is(.library,.hub) article>div:has(.streamItem) .streamItem .title{height:var(--size-4);text-overflow:clip}:is(.library,.hub) a{text-decoration:none;cursor:pointer}:is(.library,.hub) a.clxn_item{display:flex;align-items:center;padding:var(--size-1);color:var(--text);font-size:var(--font-size-2)}:is(.library,.hub) a.clxn_item i{margin-right:var(--size-2)}:is(.library,.hub) a.clxn_item:hover{background-color:var(--onBg);border-radius:var(--roundness)}:is(.library,.hub) input[type=text]{width:100%;outline:none;border-radius:var(--roundness);margin:0;margin-bottom:var(--gap);background:var(--onBg);border:var(--border)}:is(.library,.hub) input[type=text]::-moz-placeholder{color:var(--text)}:is(.library,.hub) input[type=text]::placeholder{color:var(--text)}