._toastItem.svelte-l65oht{width:var(--toastWidth, 16rem);height:var(--toastHeight, auto);min-height:var(--toastMinHeight, 3.5rem);margin:var(--toastMargin, 0 0 0.5rem 0);padding:var(--toastPadding, 0);background:var(--toastBackground, rgba(66, 66, 66, 0.9));color:var(--toastColor, #fff);box-shadow:var(
    --toastBoxShadow,
    0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06)
  );border:var(--toastBorder, none);border-radius:var(--toastBorderRadius, 0.125rem);position:relative;display:flex;flex-direction:row;align-items:center;overflow:hidden;will-change:transform, opacity;-webkit-tap-highlight-color:transparent}._toastMsg.svelte-l65oht{padding:var(--toastMsgPadding, 0.75rem 0.5rem);flex:1 1 0%}.pe.svelte-l65oht,._toastMsg.svelte-l65oht a{pointer-events:auto}._toastBtn.svelte-l65oht{width:var(--toastBtnWidth, 2rem);height:var(--toastBtnHeight, 100%);cursor:pointer;outline:none}._toastBtn.svelte-l65oht::after{content:var(--toastBtnContent, '✕');font:var(--toastBtnFont, 1rem sans-serif);display:flex;align-items:center;justify-content:center}._toastBar.svelte-l65oht{top:var(--toastBarTop, auto);right:var(--toastBarRight, auto);bottom:var(--toastBarBottom, 0);left:var(--toastBarLeft, 0);height:var(--toastBarHeight, 6px);width:var(--toastBarWidth, 100%);position:absolute;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;pointer-events:none}._toastBar.svelte-l65oht::-webkit-progress-bar{background:transparent}._toastBar.svelte-l65oht::-webkit-progress-value{background:var(--toastProgressBackground, var(--toastBarBackground, rgba(33, 150, 243, 0.75)))}._toastBar.svelte-l65oht::-moz-progress-bar{background:var(--toastProgressBackground, var(--toastBarBackground, rgba(33, 150, 243, 0.75)))}._toastContainer.svelte-yh90az{top:var(--toastContainerTop, 1.5rem);right:var(--toastContainerRight, 2rem);bottom:var(--toastContainerBottom, auto);left:var(--toastContainerLeft, auto);position:fixed;margin:0;padding:0;list-style-type:none;pointer-events:none;z-index:var(--toastContainerZIndex, 9999)}#everything #aside-main main #player.jazz ul#player-buttons li button,
#everything #aside-main main #player.jazz #currently-playing #current-track-info #current-artist-and-qp #queue-position a {
  color: rgb(255, 225, 229);
  color: lch(92% 15 10);
}
#everything #aside-main main #player.jazz #currently-playing #scrubber #progress-bar {
  background-color: rgb(69, 40, 45);
  background-color: lch(20% 15 10);
}
#everything #aside-main main #player.jazz #currently-playing #scrubber #progress-bar #completed {
  background-color: rgb(255, 225, 229);
  background-color: lch(92% 15 10);
}
#everything #aside-main main #player.other ul#player-buttons li button,
#everything #aside-main main #player.other #currently-playing #current-track-info #current-artist-and-qp #queue-position a {
  color: rgb(255, 226, 212);
  color: lch(92% 15 50);
}
#everything #aside-main main #player.other #currently-playing #scrubber #progress-bar {
  background-color: rgb(65, 43, 32);
  background-color: lch(20% 15 50);
}
#everything #aside-main main #player.other #currently-playing #scrubber #progress-bar #completed {
  background-color: rgb(255, 226, 212);
  background-color: lch(92% 15 50);
}
#everything #aside-main main #player.world ul#player-buttons li button,
#everything #aside-main main #player.world #currently-playing #current-track-info #current-artist-and-qp #queue-position a {
  color: rgb(236, 233, 203);
  color: lch(92% 15 100);
}
#everything #aside-main main #player.world #currently-playing #scrubber #progress-bar {
  background-color: rgb(50, 49, 26);
  background-color: lch(20% 15 100);
}
#everything #aside-main main #player.world #currently-playing #scrubber #progress-bar #completed {
  background-color: rgb(236, 233, 203);
  background-color: lch(92% 15 100);
}
#everything #aside-main main #player.celtic ul#player-buttons li button,
#everything #aside-main main #player.celtic #currently-playing #current-track-info #current-artist-and-qp #queue-position a {
  color: rgb(215, 238, 213);
  color: lch(92% 15 140);
}
#everything #aside-main main #player.celtic #currently-playing #scrubber #progress-bar {
  background-color: rgb(34, 53, 34);
  background-color: lch(20% 15 140);
}
#everything #aside-main main #player.celtic #currently-playing #scrubber #progress-bar #completed {
  background-color: rgb(215, 238, 213);
  background-color: lch(92% 15 140);
}
#everything #aside-main main #player.classical ul#player-buttons li button,
#everything #aside-main main #player.classical #currently-playing #current-track-info #current-artist-and-qp #queue-position a {
  color: rgb(237, 228, 255);
  color: lch(92% 15 300);
}
#everything #aside-main main #player.classical #currently-playing #scrubber #progress-bar {
  background-color: rgb(52, 45, 67);
  background-color: lch(20% 15 300);
}
#everything #aside-main main #player.classical #currently-playing #scrubber #progress-bar #completed {
  background-color: rgb(237, 228, 255);
  background-color: lch(92% 15 300);
}

#everything #aside-main main #player.jazz,
#play-queue table tr.jazz {
  color: rgb(255, 225, 229);
  color: lch(92% 15 10);
}
#everything #aside-main main #player.other,
#play-queue table tr.other {
  color: rgb(255, 226, 212);
  color: lch(92% 15 50);
}
#everything #aside-main main #player.world,
#play-queue table tr.world {
  color: rgb(236, 233, 203);
  color: lch(92% 15 100);
}
#everything #aside-main main #player.celtic,
#play-queue table tr.celtic {
  color: rgb(215, 238, 213);
  color: lch(92% 15 140);
}
#everything #aside-main main #player.classical,
#play-queue table tr.classical {
  color: rgb(237, 228, 255);
  color: lch(92% 15 300);
}

table#tracks tr.jazz,
table#plays tr.jazz,
table#albums tr.jazz {
  color: rgb(255, 225, 229);
  color: lch(92% 15 10);
}
table#tracks tr.jazz .genre,
table#plays tr.jazz .genre,
table#albums tr.jazz .genre {
  color: rgb(255, 168, 183);
  color: lch(78% 70 10);
}
table#tracks tr.other,
table#plays tr.other,
table#albums tr.other {
  color: rgb(255, 226, 212);
  color: lch(92% 15 50);
}
table#tracks tr.other .genre,
table#plays tr.other .genre,
table#albums tr.other .genre {
  color: rgb(255, 172, 132);
  color: lch(78% 70 50);
}
table#tracks tr.world,
table#plays tr.world,
table#albums tr.world {
  color: rgb(236, 233, 203);
  color: lch(92% 15 100);
}
table#tracks tr.world .genre,
table#plays tr.world .genre,
table#albums tr.world .genre {
  color: rgb(198, 198, 47);
  color: lch(78% 70 100);
}
table#tracks tr.celtic,
table#plays tr.celtic,
table#albums tr.celtic {
  color: rgb(215, 238, 213);
  color: lch(92% 15 140);
}
table#tracks tr.celtic .genre,
table#plays tr.celtic .genre,
table#albums tr.celtic .genre {
  color: rgb(93, 217, 103);
  color: lch(78% 70 140);
}
table#tracks tr.classical,
table#plays tr.classical,
table#albums tr.classical {
  color: rgb(237, 228, 255);
  color: lch(92% 15 300);
}
table#tracks tr.classical .genre,
table#plays tr.classical .genre,
table#albums tr.classical .genre {
  color: rgb(205, 182, 255);
  color: lch(78% 70 300);
}fieldset {
  border: none;
  padding: 10px 0 0 0;
  margin: 0;
  border-top: #505050 solid 1px;
  position: relative;
}
fieldset:before {
  content: " ";
  top: -2px;
  position: absolute;
  width: 100%;
  border-top: #000 solid 1px;
}
fieldset + fieldset {
  margin-top: 25px;
}
fieldset legend {
  position: absolute;
  height: 13px;
  line-height: 13px;
  margin-top: -18px;
  margin-left: 10px;
  background-color: #262626;
  display: inline-block;
  padding: 0 2px;
  font-size: 13px;
}

label {
  font-size: 14px;
}

select {
  width: 100%;
  height: 100%;
  appearance: none;
  background-color: transparent;
  border: none;
  outline: none;
  color: #ccc !important;
  font-size: 15px;
  padding: 0 4px;
  font-family: ui-sans-serif, "SF Pro", "San Francisco", "Helvetica Neue", sans-serif;
}
select option {
  color: #ccc !important;
}
@media (hover: hover) {
  select option:hover {
    background-color: #505050;
  }
}
select option:checked {
  color: #262626 !important;
  background: linear-gradient(0deg, #888 0%, #888 100%) !important;
}

input[type=text],
input[type=number],
input[type=password] {
  background-color: #3a3a3a;
  color: white;
  height: 30px;
  font-size: 15px;
  line-height: 30px;
  padding-left: 5px;
  padding-right: 5px;
  border: none;
  border-radius: 5px;
}
input[type=text]:focus,
input[type=number]:focus,
input[type=password]:focus {
  outline: none;
  background-color: #505050;
}
input[type=text]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder {
  color: #999;
}

textarea {
  background-color: #3a3a3a;
  color: white;
  font-size: 15px;
  line-height: 30px;
  padding-left: 5px;
  padding-right: 5px;
  border: none;
}
textarea:focus {
  outline: none;
  background-color: #505050;
}
textarea::placeholder {
  color: #999;
}

input[type=submit],
button[type=button],
button[type=submit] {
  background-color: rgb(0, 66, 79);
  color: white;
  cursor: pointer;
  border: none;
  font-size: 25px;
  padding: 5px 15px;
  font-family: ui-sans-serif, "SF Pro", "San Francisco", "Helvetica Neue", sans-serif;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media (hover: hover) {
  input[type=submit]:hover,
  button[type=button]:hover,
  button[type=submit]:hover {
    background-color: rgb(0, 79, 93);
  }
}
input[type=submit]:disabled,
button[type=button]:disabled,
button[type=submit]:disabled {
  cursor: not-allowed;
  color: #999;
  background-color: #444;
}
input[type=submit].cancel,
button[type=button].cancel,
button[type=submit].cancel {
  background-color: #505050;
}
@media (hover: hover) {
  input[type=submit].cancel:hover,
  button[type=button].cancel:hover,
  button[type=submit].cancel:hover {
    background-color: #777;
  }
}
input[type=submit] > svg.spin,
button[type=button] > svg.spin,
button[type=submit] > svg.spin {
  display: none;
  margin-left: 0.5rem;
}
input[type=submit].working > svg.spin,
button[type=button].working > svg.spin,
button[type=submit].working > svg.spin {
  display: block;
}

.radio-group {
  display: flex;
  flex-direction: row;
  margin: 1rem 0;
}
.radio-group label {
  display: flex;
  flex-direction: row;
}
.radio-group label input[type=radio] {
  margin-right: 5px;
}
.radio-group label + label {
  margin-left: 1em;
}

select {
  appearance: none;
  background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjEuNDEgNC42NyAyLjQ4IDMuMTggMy41NCA0LjY3IDEuNDEgNC42NyIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIzLjU0IDUuMzMgMi40OCA2LjgyIDEuNDEgNS4zMyAzLjU0IDUuMzMiLz48L3N2Zz4=) no-repeat 95% 50%;
  border: #444 solid 1px;
  border-radius: 5px;
}/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default padding */
ul[class],
ol[class] {
  padding: 0;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* Remove list styles on ul, ol elements with a class attribute */
ul[class],
ol[class] {
  list-style: none;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img {
  max-width: 100%;
  display: block;
}

/* Natural flow and rhythm in articles by default */
article > * + * {
  margin-top: 1em;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
html {
  touch-action: none;
}

html,
body {
  width: 100%;
  height: 100%;
}

body {
  background-color: #262626;
  user-select: none;
  overscroll-behavior-y: contain;
}

#everything {
  display: grid;
  grid-template-rows: min-content auto;
  height: 100vh;
  width: 100%;
}
@media screen and (max-width: 1300px) {
  #everything {
    grid-template-rows: unset;
    grid-template-columns: min-content auto;
    overflow: hidden;
  }
}
#everything #aside-main {
  width: 100%;
  display: grid;
  grid-template-columns: min-content auto;
  overflow: hidden;
  z-index: 1;
}
@media screen and (max-width: 1300px) {
  #everything #aside-main {
    grid-template-columns: unset;
  }
}
#everything #aside-main aside {
  display: grid;
  grid-template-rows: max-content auto;
  grid-gap: 15px;
  overflow-y: auto;
  padding: 15px;
  scrollbar-width: none;
  background-color: #2d2d2d;
}
#everything #aside-main aside::-webkit-scrollbar {
  display: none;
}
#everything #aside-main aside .org-playlists {
  width: 17em;
}
#everything #aside-main.full-width {
  grid-template-columns: auto;
}
#everything #aside-main.full-width aside {
  display: none;
}
#everything #aside-main main {
  background-color: #262626;
  overflow: hidden;
  display: grid;
  grid-template-rows: min-content auto;
}
#everything #aside-main main:focus {
  outline: none;
}
@media screen and (max-width: 1300px) {
  #everything #aside-main main {
    grid-template-rows: auto min-content;
  }
}
#everything #aside-main main #player-container {
  z-index: 100;
}
#everything #aside-main main #view {
  overflow-y: auto;
  padding: 0 15px 15px 15px;
  outline: none;
}
#everything #aside-main main #view .m-top-nav {
  display: none;
}
@media screen and (max-width: 1300px) {
  #everything #aside-main main #view {
    padding: 0;
    grid-row: 1/2;
  }
  #everything #aside-main main #view .m-top-nav {
    grid-row: 1/2;
    padding: 7.5px 15px;
    background-color: #3a3a3a;
    border-bottom: #505050 solid 1px;
    display: flex;
    flex-direction: row;
    align-items: baseline;
    cursor: pointer;
    position: sticky;
    width: 100%;
    top: 0;
  }
  #everything #aside-main main #view .m-top-nav p {
    margin-left: auto;
  }
}

@media screen and (max-height: 600px) {
  #everything {
    grid-template-rows: unset;
    grid-template-columns: unset;
  }
  #everything nav {
    display: none;
  }
  #everything #aside-main main {
    grid-template-rows: unset;
  }
  #everything.playing #view {
    display: none !important;
  }
}
#help fieldset section,
#command-bar fieldset section {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-column-gap: 50px;
}
#help fieldset section h3,
#command-bar fieldset section h3 {
  margin-bottom: 0.5rem;
}
#help fieldset section dl,
#command-bar fieldset section dl {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-column-gap: 10px;
  font-size: 1.25rem;
}
#help fieldset section dl dt,
#command-bar fieldset section dl dt {
  color: white;
}

.expandable .expand-toggle {
  cursor: pointer;
}
.expandable .expand {
  display: none;
}
.expandable .expand.expanded {
  display: block;
}

*::-webkit-scrollbar {
  width: 12px;
  background: #3a3a3a;
}

*::-webkit-scrollbar-thumb {
  background-color: #505050;
  border-radius: 15px;
}

::-webkit-scrollbar-corner {
  background-color: #3a3a3a;
}

.fa-layers {
  position: relative;
  display: inline-block;
  width: 1.25em;
  height: 1em;
  font-size: 2em;
  vertical-align: -0.125em;
  transform-origin: center;
}
.fa-layers svg {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1em;
}

.icon::before {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.rating span.r-1 {
  color: #a27a00;
}
.rating span.r-2 {
  color: #e5ac00;
}
.rating span.r-3 {
  color: #ffca28;
}:root {
  --toastContainerTop: unset;
  --toastContainerLeft: unset;
  --toastContainerBottom: unset;
  --toastContainerRight: unset;
  --toastMargin: 0;
  --toastBackground: transparent;
  --toastMinHeight: auto;
  --toastBoxShadow: none;
  --toastBorderRadius: 0;
  --toastMsgPadding: 10px;
  --toastWidth: 27em;
}

#toast-container,
#auth-toast-container {
  position: fixed;
  width: 27em;
  bottom: 0;
  right: 30px;
  z-index: 90;
}
@media screen and (min-width: 1300px) {
  #toast-container,
  #auth-toast-container {
    bottom: 0 !important;
    z-index: 9999;
  }
}

#everything.masked #toast-container {
  bottom: 0 !important;
  z-index: 9999;
}

ul._toastContainer {
  pointer-events: unset !important;
  position: static !important;
}
ul._toastContainer li {
  border-radius: 10px 10px 0 0;
  margin-bottom: -10px;
  padding-bottom: 10px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}
ul._toastContainer li.info {
  background-color: rgb(0, 66, 79);
  border-top: solid #005769 1px;
}
ul._toastContainer li.error {
  background-color: rgb(85, 49, 40);
  border-top: solid #663b30 1px;
}
ul._toastContainer li.success {
  background-color: rgb(47, 64, 33);
  border-top: solid #3b512a 1px;
}
ul._toastContainer li ._toastItem ._toastMsg {
  display: grid;
  grid-template-columns: min-content auto;
  grid-gap: 10px;
  align-items: center;
}
ul._toastContainer li ._toastItem ._toastMsg span.icon {
  font-size: 15px;
  line-height: 11px;
}
ul._toastContainer li ._toastItem ._toastMsg span.msg {
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-clamp: 1;
}
ul._toastContainer progress {
  display: none !important;
}body {
  font-family: ui-sans-serif, "SF Pro", "San Francisco", "Helvetica Neue", sans-serif;
  font-size: 11px;
  color: #aaaaaa;
}

.less-imp {
  color: #888888;
}

a {
  color: white;
}
@media (hover: hover) {
  a:hover {
    color: white;
    text-decoration: none;
  }
}

span.hint {
  color: #888888;
}

pre {
  white-space: pre-wrap;
  word-wrap: break-word;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  color: white;
}

.autosized-text {
  overflow: hidden;
}

span.slash {
  display: inline-block;
  transform: scale(0.8, 0.8);
  margin: 0 3px;
}

.truncatable {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}.spin.svelte-1cj2gr0{animation:svelte-1cj2gr0-spin 2s 0s infinite linear}.pulse.svelte-1cj2gr0{animation:svelte-1cj2gr0-spin 1s infinite steps(8)}@keyframes svelte-1cj2gr0-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.mask{background-color:rgba(0, 0, 0, 0.5);position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex}.mask a.m-closer{display:none}.mask .modal{background-color:#262626;border-radius:5px;box-shadow:0 0 20px rgb(0, 0, 0);align-self:center;margin-left:auto;margin-right:auto;padding:1rem;z-index:1000;max-height:calc(100% - 60px);max-width:calc(100% - 60px);overflow-y:auto}.mask .modal h2{margin-bottom:1rem}.mask .modal input[type=submit],.mask .modal button[type=button],.mask .modal button[type=submit]{margin-bottom:0}@media screen and (max-width: 1300px){.mask{display:block;background-color:unset;min-height:100%;height:auto}.mask a.m-closer{display:block;position:absolute;z-index:1002;right:0;top:0;padding:calc(0.5rem + 13.5px) 1rem 13.5px 1rem;color:#888888}}@media screen and (max-width: 1300px) and (hover: hover){.mask a.m-closer:hover{color:white}}@media screen and (max-width: 1300px){.mask .modal{position:absolute;z-index:1001;width:100% !important;min-height:100%;max-width:100%;height:auto;background-color:#262626;margin:0;box-shadow:none;align-self:auto}}.typing-waiter{position:relative;font-size:11px}.typing-waiter span.left-icon svg.svelte-fa{position:absolute;top:8px;left:8px;color:#888888}.typing-waiter input[type=text]{width:100%}.typing-waiter span.left-icon+input[type=text]{padding-left:32px}.typing-waiter a.clearer{position:absolute;right:0;top:0;padding:0 8px;font-size:unset;display:none;height:100%}.typing-waiter a.clearer svg.svelte-fa{color:#888888}.typing-waiter a.clearer:hover svg.svelte-fa{color:white}.typing-waiter.clearable a.clearer{display:flex;align-items:center}/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-target {
  position: relative;
}
.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}
.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}
/* Offset direction
 */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}
/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  top: -100%;
  width: 0;
}
.noUi-horizontal .noUi-origin {
  height: 0;
}
.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}
.noUi-touch-area {
  height: 100%;
  width: 100%;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}
/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px;
}
.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  right: -17px;
  top: -6px;
}
.noUi-vertical {
  width: 18px;
}
.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  bottom: -17px;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}
/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
.noUi-connects {
  border-radius: 3px;
}
.noUi-connect {
  background: #3FB8AF;
}
/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}
.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}
.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}
/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}
.noUi-handle:after {
  left: 17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}
.noUi-vertical .noUi-handle:after {
  top: 17px;
}
/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}
/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-pips {
  position: absolute;
  color: #999;
}
/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}
.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}
/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}
.noUi-marker-sub {
  background: #AAA;
}
.noUi-marker-large {
  background: #AAA;
}
/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}
.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}
/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}
.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px;
}
.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}
.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}
.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}
.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}
.noUi-horizontal .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px;
}
.noUi-vertical .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(0, -18px);
  transform: translate(0, -18px);
  top: auto;
  right: 28px;
}
#tab-filters .content{overflow-x:hidden}#tab-filters-grid{display:grid;grid-template-columns:min-content auto;row-gap:10px;width:50em}#tab-filters-grid label{display:block;text-align:right;margin-right:15px;line-height:30px;white-space:nowrap}#tab-filters-grid .expandable-filter{background-color:#262626;position:relative;display:flex;flex-direction:column}#tab-filters-grid .expandable-filter .filter-buttons{background-color:#3a3a3a;color:#888888;border-radius:5px;height:30px;display:grid;grid-template-columns:auto min-content}#tab-filters-grid .expandable-filter .filter-buttons a{padding:0 5px;display:flex;width:100%;align-items:center;text-decoration:none;color:#888888}#tab-filters-grid .expandable-filter .filter-buttons a:hover{color:white}#tab-filters-grid .expandable-filter .filter-buttons a span{background-color:rgb(0, 213, 247);color:#3a3a3a;height:15px;border-radius:15px;line-height:15px;font-size:11px;text-align:center;padding:0 5px}#tab-filters-grid .expandable-filter .options{display:none;height:auto;max-height:300px;overflow-y:auto;padding:15px 30px 0 30px;margin-bottom:15px}#tab-filters-grid .expandable-filter .options.expanded{display:block}#tab-filters-grid .expandable-filter.active .filter-buttons a.filterer{color:rgb(0, 213, 247)}#tab-filters-grid .expandable-filter.agg-filter .options{font-size:13px}#tab-filters-grid .expandable-filter.agg-filter .options .typing-waiter{margin-bottom:10px}#tab-filters-grid .expandable-filter.agg-filter .options .typing-waiter input[type=text]{height:30px;line-height:30px}#tab-filters-grid .expandable-filter.agg-filter .options .typing-waiter svg.svelte-fa+input[type=text]{padding-left:20px}#tab-filters-grid .expandable-filter.agg-filter .options .values{margin-top:10px}#tab-filters-grid .expandable-filter.agg-filter .options .values a{color:#aaaaaa;width:100%;display:flex;text-decoration:none;flex-direction:row;justify-content:space-between;margin:0;padding:5px;column-gap:5px}#tab-filters-grid .expandable-filter.agg-filter .options .values a:nth-of-type(2n){background-color:#1c1c1c}#tab-filters-grid .expandable-filter.agg-filter .options .values a.active{color:rgb(0, 213, 247)}@media(hover: hover){#tab-filters-grid .expandable-filter.agg-filter .options .values a:hover{color:white}}#tab-filters-grid .expandable-filter.agg-filter .options .values a span{line-height:1.2}#tab-filters-grid .expandable-filter.agg-filter .options .values a span.count{text-align:right;font-variant:tabular-nums}#tab-filters-grid .expandable-filter.agg-filter .options .values a+a.sep-above{border-top:solid #505050 1px}#tab-filters-grid .expandable-filter.range-filter .noUi-vertical.noUi-target{height:200px;margin:7.5px 0 7.5px auto;width:10px;border-radius:10px;box-shadow:none;border:none;background-color:rgb(0, 47, 57)}#tab-filters-grid .expandable-filter.range-filter .noUi-connect{background:rgb(0, 79, 93);border-radius:10px}#tab-filters-grid .expandable-filter.range-filter .noUi-vertical .noUi-draggable{cursor:default}#tab-filters-grid .expandable-filter.range-filter .noUi-handle{height:15px !important;width:15px !important;right:-2.5px !important;bottom:-7.5px !important;border-radius:15px;box-shadow:none;border:none}#tab-filters-grid .expandable-filter.range-filter .noUi-handle::before,#tab-filters-grid .expandable-filter.range-filter .noUi-handle::after{content:unset}#tab-filters-grid .expandable-filter.range-filter .noUi-tooltip{background-color:#262626;border-radius:5px;border:none;color:white;padding:2.5px 5px;right:35px !important}#tab-filters-grid .expandable-filter.range-filter .noUi-pips.noUi-pips-vertical{left:unset;right:100%}#tab-filters-grid .expandable-filter.range-filter .noUi-pips.noUi-pips-vertical .noUi-marker-vertical.noUi-marker{right:7.5px}#tab-filters-grid .expandable-filter.range-filter .noUi-pips.noUi-pips-vertical .noUi-marker-vertical.noUi-marker.noUi-marker-large{width:12.5px}#tab-filters-grid .expandable-filter.range-filter .noUi-pips.noUi-pips-vertical .noUi-value{text-align:right;padding-left:unset;right:25px;font-size:10px}@media screen and (max-width: 1300px){#tab-filters-grid{width:100% !important}#tab-filters-grid>div .expandable-filter .options a{padding:10px !important}}table.tab{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}table.tab.full-width{min-width:100%;width:auto;table-layout:auto}table.tab.full-width td,table.tab.full-width th{width:auto !important;white-space:nowrap}table.tab:focus{outline:none}table.tab td,table.tab th{padding-left:3px;padding-right:3px;vertical-align:middle;text-align:left;font-size:13px}table.tab td.numeric,table.tab th.numeric{text-align:right;font-variant:tabular-nums}table.tab thead{position:sticky;top:0}table.tab thead tr th{padding-top:8px;padding-bottom:8px;font-weight:normal;background-color:#262626;vertical-align:top}table.tab thead tr th .m{display:none}table.tab thead tr#tab-sorters th span{display:inline-block;border-top:transparent solid 1px;border-bottom:transparent solid 1px}@media(hover: hover){table.tab thead tr#tab-sorters th.sortable:hover{color:white;cursor:pointer}}table.tab thead tr#tab-sorters th.sorting{color:rgb(0, 213, 247) !important}table.tab thead tr#tab-sorters th.sorting.asc span{border-bottom-color:rgb(0, 213, 247)}table.tab thead tr#tab-sorters th.sorting.desc span{border-top-color:rgb(0, 213, 247)}table.tab tbody tr{background-color:#2d2d2d}table.tab tbody tr:nth-of-type(2n){background-color:#262626}@media(hover: hover) and (min-width: 1300px){table.tab tbody tr:hover{background-color:#3a3a3a}}table.tab tbody tr.none td{text-align:center;font-style:italic}table.tab tbody td{padding-top:1px;padding-bottom:1px;cursor:default;-webkit-user-select:none}@media screen and (max-width: 1300px){table.tab{display:flex;flex-direction:column;width:100%}table.tab thead{display:none}table.tab tbody{position:static;display:block}table.tab tbody tr{display:flex;flex-direction:column;width:100%;border-top:transparent solid 1px}table.tab tbody tr.expanded{background-color:#3a3a3a}table.tab tbody tr td{text-align:left !important;width:100% !important;padding:10px 0;display:grid;grid-template-columns:1fr min-content;grid-gap:10px}table.tab tbody tr td .fields dl{display:grid;grid-template-columns:7.5em 1fr;column-gap:10px;width:100%}table.tab tbody tr td .fields dl dt{text-align:right;font-weight:700}table.tab tbody tr.expanded+tr.expanded{border-top-color:#111111}}p.loading-more{padding:10px;color:#888888}p.no-tab-results{margin:15px;font-size:13px;font-style:italic}#albums-container>table.tab td,#albums-container>table.tab th{min-width:5em}#albums-container>table.tab td.genre,#albums-container>table.tab th.genre{width:10em}#albums-container>table.tab td.year,#albums-container>table.tab th.year{width:4em}#albums-container>table.tab td.created-at,#albums-container>table.tab th.created-at{width:8em}#albums-container>table.tab td.n-tracks,#albums-container>table.tab th.n-tracks{width:5.5em}#albums-container>table.tab td.total-duration,#albums-container>table.tab th.total-duration{width:6em}@media screen and (max-width: 1300px){#albums-container>table.tab tbody tr td{padding:0}#albums-container>table.tab tbody tr td .fields{padding:5px 0}#albums-container>table.tab tbody tr td .actions a{padding:10px;display:flex;color:#aaaaaa}}#auth{width:300px;max-width:100%;margin:1rem auto}@media screen and (max-width: 1300px){#auth{width:100%;margin:0;padding:1rem}}#auth label{display:block}#auth label input{width:100%}#auth label+label{margin-top:4px}#auth button[type=submit]{margin:1rem auto 0 auto}#tag-editor form{width:100%}#tag-editor form .tag-input{display:grid;grid-template-columns:8em 40em auto;grid-gap:10px;align-items:center;width:100%;margin:0.5em 0}#tag-editor form .tag-input label{text-align:right}#tag-editor form .tag-input .input input[type=text]{width:100%}#tag-editor form .tag-input .input input[type=text].timestamp{width:13em}#tag-editor form .tag-input .input input[type=text].duration{width:7em}#tag-editor form .tag-input .input input[type=number]{width:5em}#tag-editor form .tag-input .input .static{user-select:text;font-size:14px;color:white}#tag-editor form .tag-input .input .static.mixed{color:#757575}#tag-editor form .tag-input .input .suggestible-input{position:relative}#tag-editor form .tag-input .input .suggestible-input input[type=text]{width:100%}#tag-editor form .tag-input .input .suggestible-input input[type=text].with-suggestions{border-bottom-left-radius:0;border-bottom-right-radius:0}#tag-editor form .tag-input .input .suggestible-input .suggestions{position:absolute;width:100%;top:30px;font-size:14px;background-color:rgb(0, 66, 79);z-index:1000;border:rgb(0, 79, 93) solid 1px;border-top:rgb(0, 79, 93) groove 2px;box-shadow:0 10px 10px rgba(0, 0, 0, 0.5)}#tag-editor form .tag-input .input .suggestible-input .suggestions ul{margin:0;padding:0;list-style-type:none}#tag-editor form .tag-input .input .suggestible-input .suggestions ul li a{display:block;padding:6px;text-decoration:none}#tag-editor form .tag-input .input .suggestible-input .suggestions ul li a.active{background-color:rgb(0, 79, 93)}@media(hover: hover){#tag-editor form .tag-input .input .suggestible-input .suggestions ul li a:hover{background-color:rgb(0, 79, 93)}}#tag-editor form .tag-input .input .suggestible-input .suggestions ul li .no-suggestions{padding:6px;color:#888}#tag-editor form .tag-input .input #checkbox-states>span{display:none}#tag-editor form .tag-input .input #checkbox-states>span.visible{display:inline-block}#tag-editor form .tag-input .input .ordinal input[type=number]{flex-grow:unset;width:3.5rem}#tag-editor form .tag-input .input .ordinal span.less-imp{display:inline-block;margin:0 5px}#tag-editor form .tag-input .input #edit-stars span.edit-star{font-size:18px;opacity:0.2;display:inline-block;padding:0 3px;color:#fff;cursor:pointer}#tag-editor form .tag-input .input #edit-stars span.edit-star.achieved,#tag-editor form .tag-input .input #edit-stars span.edit-star.hovering-at-or-below{opacity:1}#tag-editor form .tag-input .actions{display:flex;flex-direction:row;justify-content:space-between}#tag-editor form .tag-input .actions button{color:#aaaaaa;display:inline-block;padding:5px;background-color:transparent;border:none;cursor:pointer}@media(hover: hover){#tag-editor form .tag-input .actions button:hover{color:white}}#tag-editor form .tag-input .actions button:disabled{cursor:not-allowed;color:#505050}#tag-editor form .tag-input .actions span.na{padding:5px;color:#505050}#tag-editor form .tag-input.modified label,#tag-editor form .tag-input.modified span.edit-star,#tag-editor form .tag-input.modified #checkbox-states svg{color:rgb(0, 213, 247) !important}#tag-editor form .tag-input.modified input[type=text],#tag-editor form .tag-input.modified input[type=number]{background-color:rgb(0, 66, 79);border-color:rgb(0, 66, 79)}#tag-editor form .tag-input.modified input[type=text]:focus,#tag-editor form .tag-input.modified input[type=number]:focus{background-color:rgb(0, 79, 93)}@media screen and (max-width: 1300px){#tag-editor form .tag-input{grid-template-rows:auto auto;grid-template-columns:auto max-content;grid-row-gap:3px}#tag-editor form .tag-input label{grid-column:1/3;grid-row:1/2;text-align:left}#tag-editor form .tag-input .input{grid-column:1/2;grid-row:2/3}#tag-editor form .tag-input .actions{grid-column:2/3;grid-row:2/3}#tag-editor form .tag-input .actions button,#tag-editor form .tag-input .actions span.na{padding:5px 2px}}#tag-editor form #edit-tag-buttons{display:flex;flex-direction:row;justify-content:space-between}#tag-editor form #edit-tag-buttons button{margin:0.5rem 0 0 0 !important}#tag-editor form #edit-tag-buttons button[type=submit]{margin:0.5rem auto 0 !important}#command-bar form{margin-bottom:1rem}#command-bar input#command{width:100%}#command-bar p#hint{height:1rem;margin-top:3px}#playlists-editor{width:500px}#playlists-editor form textarea{width:100%;height:500px}#playlists-editor form button[type=submit]{margin:0.5rem auto 0 !important}form.prompt{min-width:250px}form.prompt label{display:block;margin-bottom:1rem}form.prompt label input[type=text]{width:100%}form.prompt button{display:inline-block}form.prompt button.cancel{margin-right:1rem}#player{display:grid;margin:0 0 0 15px;padding:0;grid-template-columns:350px auto;transition:transform 200ms linear, opacity 200ms linear;background-color:#1c1c1c;border-radius:0 0 0 15px;touch-action:none}@media screen and (max-width: 1300px){#player{grid-row:2/3;margin:0;border-radius:0;grid-template-columns:unset;grid-template-rows:auto auto;border-top:solid #505050 1px}}@media screen and (max-height: 600px){#player{display:none}#player.playing{display:grid;position:absolute;height:100%;width:100%;grid-template-rows:100px auto;border-top:none;grid-template-columns:unset;column-gap:unset;background-color:black}#player.playing ul#player-buttons{grid-template-columns:1fr 1fr 1fr}#player.playing ul#player-buttons li.scrub-button{display:none}#player.playing #currently-playing{width:100%;margin:0 0 20px 0;display:grid;grid-template-rows:auto 16px;grid-row-gap:20px;justify-content:unset}#player.playing #currently-playing #current-track-info{margin:0 20px;overflow:hidden}#player.playing #currently-playing #current-track-info #queue-position{justify-self:unset;font-size:16px;text-align:center;margin-bottom:20px}#player.playing #currently-playing #current-track-info #queue-position a{text-decoration:none}#player.playing #currently-playing #current-track-info #current-artist{font-weight:500}#player.playing #currently-playing #current-track-info #current-album{margin-top:5px;font-weight:300}#player.playing #currently-playing #current-track-info #current-title{margin-top:20px}#player.playing #currently-playing #current-track-info #current-title span#current-rating{color:#ffca28}#player.playing #currently-playing #scrubber{height:16px;margin:0}#player.playing #currently-playing #scrubber div.scrubber-time{width:60px;font-size:16px}#player.playing #currently-playing #scrubber #progress-bar #completed{height:16px}}#player ul#player-buttons{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;column-gap:10px;list-style-type:none;padding:0;margin:0 30px}@media screen and (max-width: 1300px){#player ul#player-buttons{width:100%;max-width:800px;margin:15px auto;column-gap:20px}}#player ul#player-buttons li button{background-color:transparent;border:none;color:white;outline:none;opacity:0.5;text-align:center;height:100%;width:100%;padding:10px}#player ul#player-buttons li button.available{opacity:1;cursor:pointer}@media(hover: hover){#player ul#player-buttons li button.available:hover{color:rgb(0, 213, 247)}}#player #currently-playing{display:flex;flex-direction:column;justify-content:space-between;margin:0 0 10px 0;overflow:hidden}@media screen and (max-width: 1300px){#player #currently-playing{margin-top:0}}#player #currently-playing #current-track-info{margin:0 6em;user-select:text}@media screen and (max-width: 1300px){#player #currently-playing #current-track-info{margin:0 15px}}#player #currently-playing #current-track-info #current-artist-and-qp{display:grid;grid-template-columns:auto auto;align-items:center;justify-items:stretch;grid-column-gap:20px}@media screen and (max-width: 1300px){#player #currently-playing #current-track-info #current-artist-and-qp{align-items:start}#player #currently-playing #current-track-info #current-artist-and-qp #artist-title-sep{display:none}}#player #currently-playing #current-track-info #current-artist-and-qp #current-artist-and-title{font-size:16px;display:grid;grid-template-columns:minmax(auto, max-content) minmax(auto, max-content) minmax(auto, max-content) minmax(auto, max-content) minmax(auto, max-content);grid-column-gap:10px;align-items:center}@media screen and (max-width: 1300px){#player #currently-playing #current-track-info #current-artist-and-qp #current-artist-and-title{grid-template-columns:unset;grid-template-rows:minmax(auto, max-content) minmax(auto, max-content) minmax(auto, max-content) minmax(auto, max-content)}}#player #currently-playing #current-track-info #current-artist-and-qp #current-artist-and-title span#current-artist{font-weight:500}#player #currently-playing #current-track-info #current-artist-and-qp #current-artist-and-title span#current-artist span.less-imp{font-weight:normal}#player #currently-playing #current-track-info #current-artist-and-qp #current-artist-and-title #current-icons{font-size:11px;display:flex;flex-direction:row;column-gap:5px;align-items:center}#player #currently-playing #current-track-info #current-artist-and-qp #current-artist-and-title #current-icons span#current-rating{color:#ffca28}#player #currently-playing #current-track-info #current-artist-and-qp #queue-position{justify-self:right;font-size:11px}#player #currently-playing #current-track-info #current-artist-and-qp #queue-position a{text-decoration:none}#player #currently-playing #current-track-info #current-album{font-size:13px}#player #currently-playing #scrubber{margin:10px 0 2px 0;width:100%;height:12px;display:flex;flex-direction:row;align-items:center}#player #currently-playing #scrubber div.scrubber-time{width:6em;font-variant:tabular-nums}#player #currently-playing #scrubber div.scrubber-time#elapsed-time{text-align:right;padding-right:5px}#player #currently-playing #scrubber div.scrubber-time#total-time{padding-left:5px}#player #currently-playing #scrubber #progress-bar{height:100%;background-color:#444;flex-grow:1;position:relative}#player #currently-playing #scrubber #progress-bar #completed{position:absolute;left:0;height:12px;width:0;background-color:#aaaaaa}#player #currently-playing #scrubber #progress-bar #scrub-to{position:absolute;top:-2px;width:2px;height:16px;background-color:white}#player #currently-playing #scrubber #progress-bar #scrub-to #scrub-to-time{position:absolute;margin-top:-25px;transform:translateX(-50%);background-color:#aaaaaa;font-weight:bold;border-radius:5px;padding:3px;color:#262626;text-align:center;font-variant:tabular-nums}#player.swiping-away{opacity:0}#player.swiping-away.swiping-down{transform:translate(0, 100%)}#player.swiping-away.swiping-left{transform:translate(-100%, 0)}#player.swiping-away.swiping-right{transform:translate(100%, 0)}#play-queue{width:500px;max-height:50%;overflow-y:auto}#play-queue:focus{outline:none}#play-queue h2 span#pq-queue-pos{color:#aaa;font-size:13px}#play-queue table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}#play-queue table tr:nth-of-type(2n){background-color:#2d2d2d}@media(hover: hover){#play-queue table tr:hover{background-color:#444}}#play-queue table tr td.ix{text-align:right;padding:2px 10px;border-left:solid 2px transparent;width:5em}#play-queue table tr td.artist-title{padding:2px 10px 2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-clamp:1}#play-queue table tr.playing td.ix{color:rgb(0, 213, 247);border-left-color:rgb(0, 213, 247)}#releases-container>table.tab td,#releases-container>table.tab th{min-width:5em}#releases-container>table.tab td.ackstate,#releases-container>table.tab th.ackstate{width:9em}#releases-container>table.tab td.types,#releases-container>table.tab th.types{width:17em}#releases-container>table.tab td.release-date,#releases-container>table.tab td.created-at,#releases-container>table.tab th.release-date,#releases-container>table.tab th.created-at{width:8em}#releases-container>table.tab td .ackstate{display:flex;flex-direction:row}#releases-container>table.tab td .ackstate a{color:#aaaaaa;padding:5px;font-size:11px}@media(hover: hover){#releases-container>table.tab td .ackstate a:hover{color:white}}#releases-container>table.tab td .ackstate.new a.new{color:rgb(0, 213, 247)}#releases-container>table.tab td .ackstate.todo a.todo{color:#ffca28}#releases-container>table.tab td .ackstate.acked a.acked{color:#8bc34a}#releases-container>table.tab td .types span{white-space:nowrap;display:inline-block;padding:0 5px;margin-right:5px;background-color:#999;color:#262626;border-radius:5px}#releases-container>table.tab td .types span.album{background-color:#fed9a6}#releases-container>table.tab td .types span.ep{background-color:#fbb4ae}#releases-container>table.tab td .types span.remix{background-color:#b3cde3}#releases-container>table.tab td .types span.compilation{background-color:#ccebc5}#releases-container>table.tab td .types span.soundtrack{background-color:#decbe4}#releases-container>table.tab td .types span.demo{background-color:#ffffcc}#releases-container>table.tab td .types span.mixtape-street{background-color:#e5d8bd}#releases-container>table.tab td .types span.other{background-color:#dddddd}#releases-container>table.tab td a:not([role=button]){color:#aaaaaa;text-decoration:none}@media(hover: hover){#releases-container>table.tab td a:not([role=button]):hover{color:white}}#releases-container>table.tab td a:not([role=button]).lastfm{color:#fbb4ae;display:inline-block;margin:0 2px}@media(hover: hover){#releases-container>table.tab td a:not([role=button]).lastfm:hover{color:white}}#releases-container>table.tab td a:not([role=button]).copy{display:inline-block;margin:0 2px}@media(hover: hover){#releases-container>table.tab td a:not([role=button]).copy:hover{color:white}}@media screen and (max-width: 1300px){#releases-container>table.tab tbody tr td .actions{padding:10px}}#relationships-container>table.tab td,#relationships-container>table.tab th{min-width:5em}#relationships-container>table.tab td.acked,#relationships-container>table.tab th.acked{width:5em}#relationships-container>table.tab td.type,#relationships-container>table.tab th.type{width:15em}#relationships-container>table.tab td.created-at,#relationships-container>table.tab th.created-at{width:8em}#relationships-container>table.tab td .actions{display:flex;flex-direction:row}#relationships-container>table.tab td .actions a{color:#aaaaaa;padding:5px;font-size:11px}@media(hover: hover){#relationships-container>table.tab td .actions a:hover{color:white}}#relationships-container>table.tab td .actions a.true{color:#8bc34a}#relationships-container>table.tab td .type span{white-space:nowrap;display:inline-block;padding:0 5px;margin-right:5px;background-color:#999;color:#262626;border-radius:5px}#relationships-container>table.tab td .type span.member-of-band{background-color:#fed9a6}#relationships-container>table.tab td .type span.subgroup{background-color:#fbb4ae}#relationships-container>table.tab td .type span.artist-rename{background-color:#b3cde3}#relationships-container>table.tab td .type span.founder{background-color:#ccebc5}#relationships-container>table.tab td .type span.collaboration{background-color:#decbe4}#relationships-container>table.tab td .type span.is-person{background-color:#dddddd}#relationships-container>table.tab td a:not([role=button]){color:#aaaaaa;text-decoration:none}@media(hover: hover){#relationships-container>table.tab td a:not([role=button]):hover{color:white}}#relationships-container>table.tab td a:not([role=button]).lastfm{color:#fbb4ae;display:inline-block;margin:0 2px}@media(hover: hover){#relationships-container>table.tab td a:not([role=button]).lastfm:hover{color:white}}#relationships-container>table.tab td a:not([role=button]).copy{display:inline-block;margin:0 2px}@media(hover: hover){#relationships-container>table.tab td a:not([role=button]).copy:hover{color:white}}@media screen and (max-width: 1300px){#relationships-container>table.tab tbody tr td .actions{padding:10px}}#col-selector h2{margin-bottom:0.5rem}#col-selector form{display:grid;grid-template-columns:min-content min-content;grid-column-gap:15px;grid-row-gap:5px;align-items:center;font-size:13px}#col-selector form>label,#col-selector form>span{white-space:nowrap}#col-selector form>span{text-align:right}#col-selector form>span.disabled{opacity:0.25}#col-selector form>span button{background:none;border:none;padding:0;color:#aaaaaa}#col-selector form>span button:enabled{cursor:pointer}@media(hover: hover){#col-selector form>span button:enabled:hover{color:white}}#col-selector form>span button.sorting{color:rgb(0, 213, 247)}@media screen and (max-width: 1300px){#col-selector form{grid-template-columns:auto auto}#col-selector form>span button{padding:5px 15px}}ul.playlists{list-style-type:none;margin:0;padding:0}ul.playlists fieldset{margin-top:15px}ul.playlists li{color:#aaaaaa;margin:0 10px 0 20px}ul.playlists li.top-level{margin:0}ul.playlists li button{display:flex;padding:4px 0;font-size:13px;background:none;border:none;width:100%;text-align:left;cursor:pointer;color:#aaaaaa;line-height:1.2}@media(hover: hover){ul.playlists li button:hover{color:white}}@media screen and (max-width: 1300px){ul.playlists li button{padding:10px 0}}ul.playlists li button.active{color:white}ul.playlists li button.playing svg{color:rgb(0, 213, 247)}ul.playlists li button:focus{outline:none}ul.playlists li button svg{margin-top:1px;margin-right:6px}ul.playlists li button.quick-match{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:white}ul.playlists li button.quick-match.quick-match-active{text-decoration-color:#ffca28;border-right:solid transparent 0}ul.playlists li button>span{margin-left:10px;font-size:11px;display:inline-block;vertical-align:middle;padding:2px 5px;border-radius:5px;background-color:#999;color:#262626}#plays-container table.tab td.track-id,#plays-container table.tab th.track-id{width:27em}#plays-container table.tab td.track-cached,#plays-container table.tab th.track-cached{width:2em}#plays-container table.tab td.track-rating,#plays-container table.tab th.track-rating{width:5em}#plays-container table.tab td.track-genre,#plays-container table.tab th.track-genre{width:9.5em}#plays-container table.tab td.track-track,#plays-container table.tab th.track-track{width:6em;text-align:center}#plays-container table.tab td.track-compilation,#plays-container table.tab th.track-compilation{width:8em;text-align:center}#plays-container table.tab td.track-disc,#plays-container table.tab th.track-disc{width:4.5em;text-align:center}#plays-container table.tab td.track-rating,#plays-container table.tab th.track-rating{width:5em;text-align:center}#plays-container table.tab td.track-year,#plays-container table.tab th.track-year{width:4.5em;text-align:center}#plays-container table.tab td.track-n-plays,#plays-container table.tab th.track-n-plays{width:8em}#plays-container table.tab td.track-file-size,#plays-container table.tab th.track-file-size{width:7em}#plays-container table.tab td.track-duration,#plays-container table.tab th.track-duration{width:5.5em}#plays-container table.tab td.track-bitrate,#plays-container table.tab th.track-bitrate{width:5.5em}#plays-container table.tab td.track-start-at,#plays-container table.tab td.track-stop-at,#plays-container table.tab th.track-start-at,#plays-container table.tab th.track-stop-at{width:5.5em}#plays-container table.tab td.track-created-at,#plays-container table.tab td.track-updated-at,#plays-container table.tab td.track-last-played,#plays-container table.tab td.dt,#plays-container table.tab th.track-created-at,#plays-container table.tab th.track-updated-at,#plays-container table.tab th.track-last-played,#plays-container table.tab th.dt{width:13.5em}#plays-container table.tab td.delete,#plays-container table.tab th.delete{text-align:right;width:4em}#plays-container table.tab td.delete a,#plays-container table.tab th.delete a{color:#aaaaaa}#plays-container table.tab td.delete a:hover,#plays-container table.tab th.delete a:hover{color:white}#plays-container table.tab td.track-track,#plays-container table.tab td.track-disc{white-space:nowrap}@media screen and (max-width: 1300px){#plays-container table.tab tbody tr td{padding:0}#plays-container table.tab tbody tr td .fields{padding:5px 0}#plays-container table.tab tbody tr td .actions a{display:flex;padding:10px;color:#aaaaaa}}nav{display:flex;flex-direction:row;align-items:center;justify-content:space-between;column-gap:5px;padding:0 15px;background-color:#1c1c1c;height:67px}nav #stats-content{border-radius:5px;background-color:#2d2d2d;padding:0 5px;font-size:12px;width:18em;height:37px;overflow:hidden;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 1300px){nav #stats-content{display:none}}nav #stats-content span{text-align:center;display:block}nav button{color:#aaaaaa;font-size:18px;padding:5px;background-color:transparent;border:none;cursor:pointer}nav button.m{display:none}nav button.active{color:rgb(0, 213, 247)}nav button:disabled{opacity:0.25;cursor:default}@media(hover: hover){nav button:enabled:hover{color:white}}nav .group{display:flex;flex-direction:row;border-radius:5px;background-color:#111111;padding:0 5px;align-items:center}nav .group .sep{margin-left:5px;margin-right:5px;height:16px;width:1px;background-color:#2d2d2d}nav button,nav button .fa-layers{font-size:12px}@media screen and (min-width: 1300px){nav button,nav button .fa-layers{font-size:15px}nav .group .sep{height:18px}}@media screen and (min-width: 1400px){nav button,nav button .fa-layers{font-size:18px}nav .group .sep{height:20px}}@media screen and (max-width: 1300px){nav{flex-direction:column;column-gap:unset;row-gap:5px;padding:15px;overflow-y:auto;height:unset;scrollbar-width:none}nav::-webkit-scrollbar{display:none}nav button.m{display:unset}nav .group{flex-direction:column}nav .group .sep{margin-top:5px;margin-bottom:5px;height:1px;width:20px}nav button,nav button .fa-layers{font-size:22px}}#state-counts{display:flex;flex-flow:row;margin-bottom:10px}#state-counts>span{font-size:13px;background-color:#1c1c1c;height:20px;line-height:20px;padding:0 10px;border-left:#262626 solid 1px}#state-counts>span:first-child{border-radius:5px 0 0 5px}#state-counts>span:last-child{border-radius:0 5px 5px 0}#state-counts>span:first-child:last-child{border-radius:5px}#state-counts>span.todo{color:#888888}#state-counts>span.uploading{color:white}#state-counts>span.success{color:#ccebc5}#state-counts>span.retrying{color:#e6c6c3}#state-counts>span.failed{color:#fbb4ae}#import-queue{width:1000px;height:500px;overflow-y:auto;position:relative;padding-right:60px}#import-queue.dragging-onto{background-color:rgb(0, 66, 79)}#import-queue a.m-closer{display:block;position:absolute;z-index:1002;right:0;top:0;padding:15px;color:#888888}@media(hover: hover){#import-queue a.m-closer:hover{color:white}}#import-queue table{width:100%;margin-top:5px;font-size:13px;border-collapse:separate;border-spacing:0;table-layout:fixed}#import-queue table td{padding:0 8px;vertical-align:middle;text-align:left}#import-queue table td.filename{width:50%;padding-left:0}#import-queue table td.size{width:7em}#import-queue table td.state{width:50%;padding-right:0}#import-queue table td.state.uploading{color:white}#import-queue table td.state.success{color:#ccebc5}#import-queue table td.state.retrying{color:#e6c6c3}#import-queue table td.state.failed{color:#fbb4ae}#import-queue table td.remove{width:3em}#tracks-container table.tab tbody tr.selected{background-color:rgb(0, 66, 79)}@media(hover: hover){#tracks-container table.tab tbody tr.selected:hover{background-color:rgb(0, 79, 93)}}#tracks-container table.tab tbody tr.cutting{background-color:black !important}#tracks-container table.tab tbody tr.cutting td,#tracks-container table.tab tbody tr.cutting td.rating span{color:#888 !important}#tracks-container table.tab tbody tr.copying{background-color:#505050 !important}#tracks-container table.tab tbody tr.copying td,#tracks-container table.tab tbody tr.copying td.rating span{color:white !important}#tracks-container table.tab tbody tr.playing td.ix{border-left-color:rgb(0, 213, 247);color:rgb(0, 213, 247)}@media screen and (max-width: 1300px){#tracks-container table.tab tbody tr.playing{box-shadow:5px 0 0 0 rgb(0, 213, 247) inset}}.pasting #tracks-container table.tab tbody tr:not(.cutting){background-color:#2d2d2d !important}.pasting #tracks-container table.tab tbody tr:not(.cutting):nth-of-type(2n){background-color:#262626 !important}#tracks-container table.tab td,#tracks-container table.tab th{font-size:11px;padding-left:8px;padding-right:8px;vertical-align:middle}#tracks-container table.tab td.ix,#tracks-container table.tab th.ix{width:2em}#tracks-container table.tab td.id,#tracks-container table.tab th.id{width:27em}#tracks-container table.tab td.cached,#tracks-container table.tab th.cached{width:2em}#tracks-container table.tab td.rating,#tracks-container table.tab th.rating{width:5em}#tracks-container table.tab td.genre,#tracks-container table.tab th.genre{width:9.5em}#tracks-container table.tab td.track,#tracks-container table.tab th.track{width:6em;text-align:center}#tracks-container table.tab td.compilation,#tracks-container table.tab th.compilation{width:8em;text-align:center}#tracks-container table.tab td.disc,#tracks-container table.tab th.disc{width:4.5em;text-align:center}#tracks-container table.tab td.rating,#tracks-container table.tab th.rating{width:5em;text-align:center}#tracks-container table.tab td.year,#tracks-container table.tab th.year{width:4.5em;text-align:center}#tracks-container table.tab td.n-plays,#tracks-container table.tab th.n-plays{width:4em}#tracks-container table.tab td.file-size,#tracks-container table.tab th.file-size{width:7em}#tracks-container table.tab td.duration,#tracks-container table.tab th.duration{width:5.5em}#tracks-container table.tab td.bitrate,#tracks-container table.tab th.bitrate{width:5.5em}#tracks-container table.tab td.start-at,#tracks-container table.tab td.stop-at,#tracks-container table.tab th.start-at,#tracks-container table.tab th.stop-at{width:5.5em}#tracks-container table.tab td.created-at,#tracks-container table.tab td.updated-at,#tracks-container table.tab td.last-played,#tracks-container table.tab th.created-at,#tracks-container table.tab th.updated-at,#tracks-container table.tab th.last-played{width:13.5em}#tracks-container table.tab td.ix{color:#888888;border-left:transparent solid 2px}#tracks-container table.tab td.cached span{display:inline-block;opacity:0}#tracks-container table.tab td.cached span.is-cached{opacity:1}#tracks-container table.tab td.track,#tracks-container table.tab td.disc{white-space:nowrap}#tracks-container table.tab.n-results-digits-1 td.ix,#tracks-container table.tab.n-results-digits-1 th.ix{width:2.5em}#tracks-container table.tab.n-results-digits-2 td.ix,#tracks-container table.tab.n-results-digits-2 th.ix{width:3em}#tracks-container table.tab.n-results-digits-3 td.ix,#tracks-container table.tab.n-results-digits-3 th.ix{width:4em}#tracks-container table.tab.n-results-digits-4 td.ix,#tracks-container table.tab.n-results-digits-4 th.ix{width:5em}#tracks-container table.tab.n-results-digits-5 td.ix,#tracks-container table.tab.n-results-digits-5 th.ix{width:6em}@media screen and (max-width: 1300px){#tracks-container table.tab tbody tr td{padding:0}#tracks-container table.tab tbody tr td .fields{padding:5px 0}#tracks-container table.tab tbody tr td .actions a{display:flex;padding:10px;color:#aaaaaa}}#tracks-container.pasting.reorderable table.tab thead tr.cursor-below th{box-shadow:0 2px 0 0 white}#tracks-container.pasting.reorderable table.tab tbody tr{background-color:#2d2d2d !important}#tracks-container.pasting.reorderable table.tab tbody tr:nth-of-type(2n){background-color:#262626 !important}#tracks-container.pasting.reorderable table.tab tbody tr.cursor-below td{box-shadow:inset 0 -2px 0 0 white !important}#search-replace{min-width:500px}#search-replace form{width:100%}#search-replace form input#sr-format{width:100%}#search-replace form input#sr-replacement{margin-top:5px;width:100%}#search-replace form table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}#search-replace form table thead th{padding-bottom:8px;font-weight:normal;white-space:nowrap}#search-replace form table td,#search-replace form table th{padding:0 8px;vertical-align:middle;text-align:left}#search-replace form table tbody tr td{padding-top:1px;padding-bottom:1px}#search-replace form table tbody tr td.new{color:white}#search-replace form table tbody tr td.new.changed{color:rgb(0, 213, 247)}#search-replace form button[type=submit]{margin:1.5rem auto 0 auto}#this-that form{width:100%}#this-that form table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}#this-that form table thead th{padding-bottom:1rem;font-weight:normal;white-space:nowrap}#this-that form table thead th label{display:block;margin-bottom:5px}#this-that form table td,#this-that form table th{padding:0 8px;vertical-align:middle;text-align:left}#this-that form table tbody tr td{padding-top:1px;padding-bottom:1px}#this-that form table tbody tr td.new{padding-bottom:1rem;color:white}#this-that form table tbody tr td.new.changed{color:rgb(0, 213, 247)}#this-that form button[type=submit]{margin:0.5rem auto 0 auto}#parser{width:1200px}#parser form{width:100%}#parser form input#parse-format{width:100%}#parser form table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}#parser form table thead th{padding-bottom:8px;font-weight:normal;white-space:nowrap}#parser form table td,#parser form table th{padding:0 8px;vertical-align:middle;text-align:left}#parser form table tbody tr td{padding-top:1px;padding-bottom:1px}#parser form table tbody tr td.new{padding-bottom:1rem;color:white}#parser form table tbody tr td.new.changed{color:rgb(0, 213, 247)}#parser form table+table{margin-top:1.5rem}#parser form button[type=submit]{margin:0.5rem auto 0 auto}