Iris/mopidy_iris/static/app.css

.input-range__slider {
  appearance: none;
  background: #3f51b5;
  border: 1px solid #3f51b5;
  border-radius: 100%;
  cursor: pointer;
  display: block;
  height: 1rem;
  margin-left: -0.5rem;
  margin-top: -0.65rem;
  outline: none;
  position: absolute;
  top: 50%;
  transition: transform 0.3s ease-out, box-shadow 0.3s ease-out;
  width: 1rem; }
  .input-range__slider:active {
    transform: scale(1.3); }
  .input-range__slider:focus {
    box-shadow: 0 0 0 5px rgba(63, 81, 181, 0.2); }
  .input-range--disabled .input-range__slider {
    background: #cccccc;
    border: 1px solid #cccccc;
    box-shadow: none;
    transform: none; }

.input-range__slider-container {
  transition: left 0.3s ease-out; }

.input-range__label {
  color: #aaaaaa;
  font-family: "Helvetica Neue", san-serif;
  font-size: 0.8rem;
  transform: translateZ(0);
  white-space: nowrap; }

.input-range__label--min,
.input-range__label--max {
  bottom: -1.4rem;
  position: absolute; }

.input-range__label--min {
  left: 0; }

.input-range__label--max {
  right: 0; }

.input-range__label--value {
  position: absolute;
  top: -1.8rem; }

.input-range__label-container {
  left: -50%;
  position: relative; }
  .input-range__label--max .input-range__label-container {
    left: 50%; }

.input-range__track {
  background: #eeeeee;
  border-radius: 0.3rem;
  cursor: pointer;
  display: block;
  height: 0.3rem;
  position: relative;
  transition: left 0.3s ease-out, width 0.3s ease-out; }
  .input-range--disabled .input-range__track {
    background: #eeeeee; }

.input-range__track--background {
  left: 0;
  margin-top: -0.15rem;
  position: absolute;
  right: 0;
  top: 50%; }

.input-range__track--active {
  background: #3f51b5; }

.input-range {
  height: 1rem;
  position: relative;
  width: 100%; }@charset "UTF-8";
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url(fontawesome-webfont.eot?674f50d287a8c48dc19ba404d20fe713);
  src: url(fontawesome-webfont.eot?674f50d287a8c48dc19ba404d20fe713?#iefix&v=4.7.0) format("embedded-opentype"), url(data:application/font-woff2;base64,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
  font-weight: normal;
  font-style: normal; }

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-fw {
  width: 1.28571em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.14286em;
  list-style-type: none; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  top: 0.14286em;
  text-align: center; }
  .fa-li.fa-lg {
    left: -1.85714em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right {
  margin-left: .3em; }

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left {
  margin-right: .3em; }

.fa.pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none; }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\F000"; }

.fa-music:before {
  content: "\F001"; }

.fa-search:before {
  content: "\F002"; }

.fa-envelope-o:before {
  content: "\F003"; }

.fa-heart:before {
  content: "\F004"; }

.fa-star:before {
  content: "\F005"; }

.fa-star-o:before {
  content: "\F006"; }

.fa-user:before {
  content: "\F007"; }

.fa-film:before {
  content: "\F008"; }

.fa-th-large:before {
  content: "\F009"; }

.fa-th:before {
  content: "\F00A"; }

.fa-th-list:before {
  content: "\F00B"; }

.fa-check:before {
  content: "\F00C"; }

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\F00D"; }

.fa-search-plus:before {
  content: "\F00E"; }

.fa-search-minus:before {
  content: "\F010"; }

.fa-power-off:before {
  content: "\F011"; }

.fa-signal:before {
  content: "\F012"; }

.fa-gear:before,
.fa-cog:before {
  content: "\F013"; }

.fa-trash-o:before {
  content: "\F014"; }

.fa-home:before {
  content: "\F015"; }

.fa-file-o:before {
  content: "\F016"; }

.fa-clock-o:before {
  content: "\F017"; }

.fa-road:before {
  content: "\F018"; }

.fa-download:before {
  content: "\F019"; }

.fa-arrow-circle-o-down:before {
  content: "\F01A"; }

.fa-arrow-circle-o-up:before {
  content: "\F01B"; }

.fa-inbox:before {
  content: "\F01C"; }

.fa-play-circle-o:before {
  content: "\F01D"; }

.fa-rotate-right:before,
.fa-repeat:before {
  content: "\F01E"; }

.fa-refresh:before {
  content: "\F021"; }

.fa-list-alt:before {
  content: "\F022"; }

.fa-lock:before {
  content: "\F023"; }

.fa-flag:before {
  content: "\F024"; }

.fa-headphones:before {
  content: "\F025"; }

.fa-volume-off:before {
  content: "\F026"; }

.fa-volume-down:before {
  content: "\F027"; }

.fa-volume-up:before {
  content: "\F028"; }

.fa-qrcode:before {
  content: "\F029"; }

.fa-barcode:before {
  content: "\F02A"; }

.fa-tag:before {
  content: "\F02B"; }

.fa-tags:before {
  content: "\F02C"; }

.fa-book:before {
  content: "\F02D"; }

.fa-bookmark:before {
  content: "\F02E"; }

.fa-print:before {
  content: "\F02F"; }

.fa-camera:before {
  content: "\F030"; }

.fa-font:before {
  content: "\F031"; }

.fa-bold:before {
  content: "\F032"; }

.fa-italic:before {
  content: "\F033"; }

.fa-text-height:before {
  content: "\F034"; }

.fa-text-width:before {
  content: "\F035"; }

.fa-align-left:before {
  content: "\F036"; }

.fa-align-center:before {
  content: "\F037"; }

.fa-align-right:before {
  content: "\F038"; }

.fa-align-justify:before {
  content: "\F039"; }

.fa-list:before {
  content: "\F03A"; }

.fa-dedent:before,
.fa-outdent:before {
  content: "\F03B"; }

.fa-indent:before {
  content: "\F03C"; }

.fa-video-camera:before {
  content: "\F03D"; }

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\F03E"; }

.fa-pencil:before {
  content: "\F040"; }

.fa-map-marker:before {
  content: "\F041"; }

.fa-adjust:before {
  content: "\F042"; }

.fa-tint:before {
  content: "\F043"; }

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\F044"; }

.fa-share-square-o:before {
  content: "\F045"; }

.fa-check-square-o:before {
  content: "\F046"; }

.fa-arrows:before {
  content: "\F047"; }

.fa-step-backward:before {
  content: "\F048"; }

.fa-fast-backward:before {
  content: "\F049"; }

.fa-backward:before {
  content: "\F04A"; }

.fa-play:before {
  content: "\F04B"; }

.fa-pause:before {
  content: "\F04C"; }

.fa-stop:before {
  content: "\F04D"; }

.fa-forward:before {
  content: "\F04E"; }

.fa-fast-forward:before {
  content: "\F050"; }

.fa-step-forward:before {
  content: "\F051"; }

.fa-eject:before {
  content: "\F052"; }

.fa-chevron-left:before {
  content: "\F053"; }

.fa-chevron-right:before {
  content: "\F054"; }

.fa-plus-circle:before {
  content: "\F055"; }

.fa-minus-circle:before {
  content: "\F056"; }

.fa-times-circle:before {
  content: "\F057"; }

.fa-check-circle:before {
  content: "\F058"; }

.fa-question-circle:before {
  content: "\F059"; }

.fa-info-circle:before {
  content: "\F05A"; }

.fa-crosshairs:before {
  content: "\F05B"; }

.fa-times-circle-o:before {
  content: "\F05C"; }

.fa-check-circle-o:before {
  content: "\F05D"; }

.fa-ban:before {
  content: "\F05E"; }

.fa-arrow-left:before {
  content: "\F060"; }

.fa-arrow-right:before {
  content: "\F061"; }

.fa-arrow-up:before {
  content: "\F062"; }

.fa-arrow-down:before {
  content: "\F063"; }

.fa-mail-forward:before,
.fa-share:before {
  content: "\F064"; }

.fa-expand:before {
  content: "\F065"; }

.fa-compress:before {
  content: "\F066"; }

.fa-plus:before {
  content: "\F067"; }

.fa-minus:before {
  content: "\F068"; }

.fa-asterisk:before {
  content: "\F069"; }

.fa-exclamation-circle:before {
  content: "\F06A"; }

.fa-gift:before {
  content: "\F06B"; }

.fa-leaf:before {
  content: "\F06C"; }

.fa-fire:before {
  content: "\F06D"; }

.fa-eye:before {
  content: "\F06E"; }

.fa-eye-slash:before {
  content: "\F070"; }

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\F071"; }

.fa-plane:before {
  content: "\F072"; }

.fa-calendar:before {
  content: "\F073"; }

.fa-random:before {
  content: "\F074"; }

.fa-comment:before {
  content: "\F075"; }

.fa-magnet:before {
  content: "\F076"; }

.fa-chevron-up:before {
  content: "\F077"; }

.fa-chevron-down:before {
  content: "\F078"; }

.fa-retweet:before {
  content: "\F079"; }

.fa-shopping-cart:before {
  content: "\F07A"; }

.fa-folder:before {
  content: "\F07B"; }

.fa-folder-open:before {
  content: "\F07C"; }

.fa-arrows-v:before {
  content: "\F07D"; }

.fa-arrows-h:before {
  content: "\F07E"; }

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\F080"; }

.fa-twitter-square:before {
  content: "\F081"; }

.fa-facebook-square:before {
  content: "\F082"; }

.fa-camera-retro:before {
  content: "\F083"; }

.fa-key:before {
  content: "\F084"; }

.fa-gears:before,
.fa-cogs:before {
  content: "\F085"; }

.fa-comments:before {
  content: "\F086"; }

.fa-thumbs-o-up:before {
  content: "\F087"; }

.fa-thumbs-o-down:before {
  content: "\F088"; }

.fa-star-half:before {
  content: "\F089"; }

.fa-heart-o:before {
  content: "\F08A"; }

.fa-sign-out:before {
  content: "\F08B"; }

.fa-linkedin-square:before {
  content: "\F08C"; }

.fa-thumb-tack:before {
  content: "\F08D"; }

.fa-external-link:before {
  content: "\F08E"; }

.fa-sign-in:before {
  content: "\F090"; }

.fa-trophy:before {
  content: "\F091"; }

.fa-github-square:before {
  content: "\F092"; }

.fa-upload:before {
  content: "\F093"; }

.fa-lemon-o:before {
  content: "\F094"; }

.fa-phone:before {
  content: "\F095"; }

.fa-square-o:before {
  content: "\F096"; }

.fa-bookmark-o:before {
  content: "\F097"; }

.fa-phone-square:before {
  content: "\F098"; }

.fa-twitter:before {
  content: "\F099"; }

.fa-facebook-f:before,
.fa-facebook:before {
  content: "\F09A"; }

.fa-github:before {
  content: "\F09B"; }

.fa-unlock:before {
  content: "\F09C"; }

.fa-credit-card:before {
  content: "\F09D"; }

.fa-feed:before,
.fa-rss:before {
  content: "\F09E"; }

.fa-hdd-o:before {
  content: "\F0A0"; }

.fa-bullhorn:before {
  content: "\F0A1"; }

.fa-bell:before {
  content: "\F0F3"; }

.fa-certificate:before {
  content: "\F0A3"; }

.fa-hand-o-right:before {
  content: "\F0A4"; }

.fa-hand-o-left:before {
  content: "\F0A5"; }

.fa-hand-o-up:before {
  content: "\F0A6"; }

.fa-hand-o-down:before {
  content: "\F0A7"; }

.fa-arrow-circle-left:before {
  content: "\F0A8"; }

.fa-arrow-circle-right:before {
  content: "\F0A9"; }

.fa-arrow-circle-up:before {
  content: "\F0AA"; }

.fa-arrow-circle-down:before {
  content: "\F0AB"; }

.fa-globe:before {
  content: "\F0AC"; }

.fa-wrench:before {
  content: "\F0AD"; }

.fa-tasks:before {
  content: "\F0AE"; }

.fa-filter:before {
  content: "\F0B0"; }

.fa-briefcase:before {
  content: "\F0B1"; }

.fa-arrows-alt:before {
  content: "\F0B2"; }

.fa-group:before,
.fa-users:before {
  content: "\F0C0"; }

.fa-chain:before,
.fa-link:before {
  content: "\F0C1"; }

.fa-cloud:before {
  content: "\F0C2"; }

.fa-flask:before {
  content: "\F0C3"; }

.fa-cut:before,
.fa-scissors:before {
  content: "\F0C4"; }

.fa-copy:before,
.fa-files-o:before {
  content: "\F0C5"; }

.fa-paperclip:before {
  content: "\F0C6"; }

.fa-save:before,
.fa-floppy-o:before {
  content: "\F0C7"; }

.fa-square:before {
  content: "\F0C8"; }

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\F0C9"; }

.fa-list-ul:before {
  content: "\F0CA"; }

.fa-list-ol:before {
  content: "\F0CB"; }

.fa-strikethrough:before {
  content: "\F0CC"; }

.fa-underline:before {
  content: "\F0CD"; }

.fa-table:before {
  content: "\F0CE"; }

.fa-magic:before {
  content: "\F0D0"; }

.fa-truck:before {
  content: "\F0D1"; }

.fa-pinterest:before {
  content: "\F0D2"; }

.fa-pinterest-square:before {
  content: "\F0D3"; }

.fa-google-plus-square:before {
  content: "\F0D4"; }

.fa-google-plus:before {
  content: "\F0D5"; }

.fa-money:before {
  content: "\F0D6"; }

.fa-caret-down:before {
  content: "\F0D7"; }

.fa-caret-up:before {
  content: "\F0D8"; }

.fa-caret-left:before {
  content: "\F0D9"; }

.fa-caret-right:before {
  content: "\F0DA"; }

.fa-columns:before {
  content: "\F0DB"; }

.fa-unsorted:before,
.fa-sort:before {
  content: "\F0DC"; }

.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\F0DD"; }

.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\F0DE"; }

.fa-envelope:before {
  content: "\F0E0"; }

.fa-linkedin:before {
  content: "\F0E1"; }

.fa-rotate-left:before,
.fa-undo:before {
  content: "\F0E2"; }

.fa-legal:before,
.fa-gavel:before {
  content: "\F0E3"; }

.fa-dashboard:before,
.fa-tachometer:before {
  content: "\F0E4"; }

.fa-comment-o:before {
  content: "\F0E5"; }

.fa-comments-o:before {
  content: "\F0E6"; }

.fa-flash:before,
.fa-bolt:before {
  content: "\F0E7"; }

.fa-sitemap:before {
  content: "\F0E8"; }

.fa-umbrella:before {
  content: "\F0E9"; }

.fa-paste:before,
.fa-clipboard:before {
  content: "\F0EA"; }

.fa-lightbulb-o:before {
  content: "\F0EB"; }

.fa-exchange:before {
  content: "\F0EC"; }

.fa-cloud-download:before {
  content: "\F0ED"; }

.fa-cloud-upload:before {
  content: "\F0EE"; }

.fa-user-md:before {
  content: "\F0F0"; }

.fa-stethoscope:before {
  content: "\F0F1"; }

.fa-suitcase:before {
  content: "\F0F2"; }

.fa-bell-o:before {
  content: "\F0A2"; }

.fa-coffee:before {
  content: "\F0F4"; }

.fa-cutlery:before {
  content: "\F0F5"; }

.fa-file-text-o:before {
  content: "\F0F6"; }

.fa-building-o:before {
  content: "\F0F7"; }

.fa-hospital-o:before {
  content: "\F0F8"; }

.fa-ambulance:before {
  content: "\F0F9"; }

.fa-medkit:before {
  content: "\F0FA"; }

.fa-fighter-jet:before {
  content: "\F0FB"; }

.fa-beer:before {
  content: "\F0FC"; }

.fa-h-square:before {
  content: "\F0FD"; }

.fa-plus-square:before {
  content: "\F0FE"; }

.fa-angle-double-left:before {
  content: "\F100"; }

.fa-angle-double-right:before {
  content: "\F101"; }

.fa-angle-double-up:before {
  content: "\F102"; }

.fa-angle-double-down:before {
  content: "\F103"; }

.fa-angle-left:before {
  content: "\F104"; }

.fa-angle-right:before {
  content: "\F105"; }

.fa-angle-up:before {
  content: "\F106"; }

.fa-angle-down:before {
  content: "\F107"; }

.fa-desktop:before {
  content: "\F108"; }

.fa-laptop:before {
  content: "\F109"; }

.fa-tablet:before {
  content: "\F10A"; }

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\F10B"; }

.fa-circle-o:before {
  content: "\F10C"; }

.fa-quote-left:before {
  content: "\F10D"; }

.fa-quote-right:before {
  content: "\F10E"; }

.fa-spinner:before {
  content: "\F110"; }

.fa-circle:before {
  content: "\F111"; }

.fa-mail-reply:before,
.fa-reply:before {
  content: "\F112"; }

.fa-github-alt:before {
  content: "\F113"; }

.fa-folder-o:before {
  content: "\F114"; }

.fa-folder-open-o:before {
  content: "\F115"; }

.fa-smile-o:before {
  content: "\F118"; }

.fa-frown-o:before {
  content: "\F119"; }

.fa-meh-o:before {
  content: "\F11A"; }

.fa-gamepad:before {
  content: "\F11B"; }

.fa-keyboard-o:before {
  content: "\F11C"; }

.fa-flag-o:before {
  content: "\F11D"; }

.fa-flag-checkered:before {
  content: "\F11E"; }

.fa-terminal:before {
  content: "\F120"; }

.fa-code:before {
  content: "\F121"; }

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\F122"; }

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\F123"; }

.fa-location-arrow:before {
  content: "\F124"; }

.fa-crop:before {
  content: "\F125"; }

.fa-code-fork:before {
  content: "\F126"; }

.fa-unlink:before,
.fa-chain-broken:before {
  content: "\F127"; }

.fa-question:before {
  content: "\F128"; }

.fa-info:before {
  content: "\F129"; }

.fa-exclamation:before {
  content: "\F12A"; }

.fa-superscript:before {
  content: "\F12B"; }

.fa-subscript:before {
  content: "\F12C"; }

.fa-eraser:before {
  content: "\F12D"; }

.fa-puzzle-piece:before {
  content: "\F12E"; }

.fa-microphone:before {
  content: "\F130"; }

.fa-microphone-slash:before {
  content: "\F131"; }

.fa-shield:before {
  content: "\F132"; }

.fa-calendar-o:before {
  content: "\F133"; }

.fa-fire-extinguisher:before {
  content: "\F134"; }

.fa-rocket:before {
  content: "\F135"; }

.fa-maxcdn:before {
  content: "\F136"; }

.fa-chevron-circle-left:before {
  content: "\F137"; }

.fa-chevron-circle-right:before {
  content: "\F138"; }

.fa-chevron-circle-up:before {
  content: "\F139"; }

.fa-chevron-circle-down:before {
  content: "\F13A"; }

.fa-html5:before {
  content: "\F13B"; }

.fa-css3:before {
  content: "\F13C"; }

.fa-anchor:before {
  content: "\F13D"; }

.fa-unlock-alt:before {
  content: "\F13E"; }

.fa-bullseye:before {
  content: "\F140"; }

.fa-ellipsis-h:before {
  content: "\F141"; }

.fa-ellipsis-v:before {
  content: "\F142"; }

.fa-rss-square:before {
  content: "\F143"; }

.fa-play-circle:before {
  content: "\F144"; }

.fa-ticket:before {
  content: "\F145"; }

.fa-minus-square:before {
  content: "\F146"; }

.fa-minus-square-o:before {
  content: "\F147"; }

.fa-level-up:before {
  content: "\F148"; }

.fa-level-down:before {
  content: "\F149"; }

.fa-check-square:before {
  content: "\F14A"; }

.fa-pencil-square:before {
  content: "\F14B"; }

.fa-external-link-square:before {
  content: "\F14C"; }

.fa-share-square:before {
  content: "\F14D"; }

.fa-compass:before {
  content: "\F14E"; }

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\F150"; }

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\F151"; }

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\F152"; }

.fa-euro:before,
.fa-eur:before {
  content: "\F153"; }

.fa-gbp:before {
  content: "\F154"; }

.fa-dollar:before,
.fa-usd:before {
  content: "\F155"; }

.fa-rupee:before,
.fa-inr:before {
  content: "\F156"; }

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\F157"; }

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\F158"; }

.fa-won:before,
.fa-krw:before {
  content: "\F159"; }

.fa-bitcoin:before,
.fa-btc:before {
  content: "\F15A"; }

.fa-file:before {
  content: "\F15B"; }

.fa-file-text:before {
  content: "\F15C"; }

.fa-sort-alpha-asc:before {
  content: "\F15D"; }

.fa-sort-alpha-desc:before {
  content: "\F15E"; }

.fa-sort-amount-asc:before {
  content: "\F160"; }

.fa-sort-amount-desc:before {
  content: "\F161"; }

.fa-sort-numeric-asc:before {
  content: "\F162"; }

.fa-sort-numeric-desc:before {
  content: "\F163"; }

.fa-thumbs-up:before {
  content: "\F164"; }

.fa-thumbs-down:before {
  content: "\F165"; }

.fa-youtube-square:before {
  content: "\F166"; }

.fa-youtube:before {
  content: "\F167"; }

.fa-xing:before {
  content: "\F168"; }

.fa-xing-square:before {
  content: "\F169"; }

.fa-youtube-play:before {
  content: "\F16A"; }

.fa-dropbox:before {
  content: "\F16B"; }

.fa-stack-overflow:before {
  content: "\F16C"; }

.fa-instagram:before {
  content: "\F16D"; }

.fa-flickr:before {
  content: "\F16E"; }

.fa-adn:before {
  content: "\F170"; }

.fa-bitbucket:before {
  content: "\F171"; }

.fa-bitbucket-square:before {
  content: "\F172"; }

.fa-tumblr:before {
  content: "\F173"; }

.fa-tumblr-square:before {
  content: "\F174"; }

.fa-long-arrow-down:before {
  content: "\F175"; }

.fa-long-arrow-up:before {
  content: "\F176"; }

.fa-long-arrow-left:before {
  content: "\F177"; }

.fa-long-arrow-right:before {
  content: "\F178"; }

.fa-apple:before {
  content: "\F179"; }

.fa-windows:before {
  content: "\F17A"; }

.fa-android:before {
  content: "\F17B"; }

.fa-linux:before {
  content: "\F17C"; }

.fa-dribbble:before {
  content: "\F17D"; }

.fa-skype:before {
  content: "\F17E"; }

.fa-foursquare:before {
  content: "\F180"; }

.fa-trello:before {
  content: "\F181"; }

.fa-female:before {
  content: "\F182"; }

.fa-male:before {
  content: "\F183"; }

.fa-gittip:before,
.fa-gratipay:before {
  content: "\F184"; }

.fa-sun-o:before {
  content: "\F185"; }

.fa-moon-o:before {
  content: "\F186"; }

.fa-archive:before {
  content: "\F187"; }

.fa-bug:before {
  content: "\F188"; }

.fa-vk:before {
  content: "\F189"; }

.fa-weibo:before {
  content: "\F18A"; }

.fa-renren:before {
  content: "\F18B"; }

.fa-pagelines:before {
  content: "\F18C"; }

.fa-stack-exchange:before {
  content: "\F18D"; }

.fa-arrow-circle-o-right:before {
  content: "\F18E"; }

.fa-arrow-circle-o-left:before {
  content: "\F190"; }

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\F191"; }

.fa-dot-circle-o:before {
  content: "\F192"; }

.fa-wheelchair:before {
  content: "\F193"; }

.fa-vimeo-square:before {
  content: "\F194"; }

.fa-turkish-lira:before,
.fa-try:before {
  content: "\F195"; }

.fa-plus-square-o:before {
  content: "\F196"; }

.fa-space-shuttle:before {
  content: "\F197"; }

.fa-slack:before {
  content: "\F198"; }

.fa-envelope-square:before {
  content: "\F199"; }

.fa-wordpress:before {
  content: "\F19A"; }

.fa-openid:before {
  content: "\F19B"; }

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\F19C"; }

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\F19D"; }

.fa-yahoo:before {
  content: "\F19E"; }

.fa-google:before {
  content: "\F1A0"; }

.fa-reddit:before {
  content: "\F1A1"; }

.fa-reddit-square:before {
  content: "\F1A2"; }

.fa-stumbleupon-circle:before {
  content: "\F1A3"; }

.fa-stumbleupon:before {
  content: "\F1A4"; }

.fa-delicious:before {
  content: "\F1A5"; }

.fa-digg:before {
  content: "\F1A6"; }

.fa-pied-piper-pp:before {
  content: "\F1A7"; }

.fa-pied-piper-alt:before {
  content: "\F1A8"; }

.fa-drupal:before {
  content: "\F1A9"; }

.fa-joomla:before {
  content: "\F1AA"; }

.fa-language:before {
  content: "\F1AB"; }

.fa-fax:before {
  content: "\F1AC"; }

.fa-building:before {
  content: "\F1AD"; }

.fa-child:before {
  content: "\F1AE"; }

.fa-paw:before {
  content: "\F1B0"; }

.fa-spoon:before {
  content: "\F1B1"; }

.fa-cube:before {
  content: "\F1B2"; }

.fa-cubes:before {
  content: "\F1B3"; }

.fa-behance:before {
  content: "\F1B4"; }

.fa-behance-square:before {
  content: "\F1B5"; }

.fa-steam:before {
  content: "\F1B6"; }

.fa-steam-square:before {
  content: "\F1B7"; }

.fa-recycle:before {
  content: "\F1B8"; }

.fa-automobile:before,
.fa-car:before {
  content: "\F1B9"; }

.fa-cab:before,
.fa-taxi:before {
  content: "\F1BA"; }

.fa-tree:before {
  content: "\F1BB"; }

.fa-spotify:before {
  content: "\F1BC"; }

.fa-deviantart:before {
  content: "\F1BD"; }

.fa-soundcloud:before {
  content: "\F1BE"; }

.fa-database:before {
  content: "\F1C0"; }

.fa-file-pdf-o:before {
  content: "\F1C1"; }

.fa-file-word-o:before {
  content: "\F1C2"; }

.fa-file-excel-o:before {
  content: "\F1C3"; }

.fa-file-powerpoint-o:before {
  content: "\F1C4"; }

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\F1C5"; }

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\F1C6"; }

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\F1C7"; }

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\F1C8"; }

.fa-file-code-o:before {
  content: "\F1C9"; }

.fa-vine:before {
  content: "\F1CA"; }

.fa-codepen:before {
  content: "\F1CB"; }

.fa-jsfiddle:before {
  content: "\F1CC"; }

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\F1CD"; }

.fa-circle-o-notch:before {
  content: "\F1CE"; }

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\F1D0"; }

.fa-ge:before,
.fa-empire:before {
  content: "\F1D1"; }

.fa-git-square:before {
  content: "\F1D2"; }

.fa-git:before {
  content: "\F1D3"; }

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\F1D4"; }

.fa-tencent-weibo:before {
  content: "\F1D5"; }

.fa-qq:before {
  content: "\F1D6"; }

.fa-wechat:before,
.fa-weixin:before {
  content: "\F1D7"; }

.fa-send:before,
.fa-paper-plane:before {
  content: "\F1D8"; }

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\F1D9"; }

.fa-history:before {
  content: "\F1DA"; }

.fa-circle-thin:before {
  content: "\F1DB"; }

.fa-header:before {
  content: "\F1DC"; }

.fa-paragraph:before {
  content: "\F1DD"; }

.fa-sliders:before {
  content: "\F1DE"; }

.fa-share-alt:before {
  content: "\F1E0"; }

.fa-share-alt-square:before {
  content: "\F1E1"; }

.fa-bomb:before {
  content: "\F1E2"; }

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\F1E3"; }

.fa-tty:before {
  content: "\F1E4"; }

.fa-binoculars:before {
  content: "\F1E5"; }

.fa-plug:before {
  content: "\F1E6"; }

.fa-slideshare:before {
  content: "\F1E7"; }

.fa-twitch:before {
  content: "\F1E8"; }

.fa-yelp:before {
  content: "\F1E9"; }

.fa-newspaper-o:before {
  content: "\F1EA"; }

.fa-wifi:before {
  content: "\F1EB"; }

.fa-calculator:before {
  content: "\F1EC"; }

.fa-paypal:before {
  content: "\F1ED"; }

.fa-google-wallet:before {
  content: "\F1EE"; }

.fa-cc-visa:before {
  content: "\F1F0"; }

.fa-cc-mastercard:before {
  content: "\F1F1"; }

.fa-cc-discover:before {
  content: "\F1F2"; }

.fa-cc-amex:before {
  content: "\F1F3"; }

.fa-cc-paypal:before {
  content: "\F1F4"; }

.fa-cc-stripe:before {
  content: "\F1F5"; }

.fa-bell-slash:before {
  content: "\F1F6"; }

.fa-bell-slash-o:before {
  content: "\F1F7"; }

.fa-trash:before {
  content: "\F1F8"; }

.fa-copyright:before {
  content: "\F1F9"; }

.fa-at:before {
  content: "\F1FA"; }

.fa-eyedropper:before {
  content: "\F1FB"; }

.fa-paint-brush:before {
  content: "\F1FC"; }

.fa-birthday-cake:before {
  content: "\F1FD"; }

.fa-area-chart:before {
  content: "\F1FE"; }

.fa-pie-chart:before {
  content: "\F200"; }

.fa-line-chart:before {
  content: "\F201"; }

.fa-lastfm:before {
  content: "\F202"; }

.fa-lastfm-square:before {
  content: "\F203"; }

.fa-toggle-off:before {
  content: "\F204"; }

.fa-toggle-on:before {
  content: "\F205"; }

.fa-bicycle:before {
  content: "\F206"; }

.fa-bus:before {
  content: "\F207"; }

.fa-ioxhost:before {
  content: "\F208"; }

.fa-angellist:before {
  content: "\F209"; }

.fa-cc:before {
  content: "\F20A"; }

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\F20B"; }

.fa-meanpath:before {
  content: "\F20C"; }

.fa-buysellads:before {
  content: "\F20D"; }

.fa-connectdevelop:before {
  content: "\F20E"; }

.fa-dashcube:before {
  content: "\F210"; }

.fa-forumbee:before {
  content: "\F211"; }

.fa-leanpub:before {
  content: "\F212"; }

.fa-sellsy:before {
  content: "\F213"; }

.fa-shirtsinbulk:before {
  content: "\F214"; }

.fa-simplybuilt:before {
  content: "\F215"; }

.fa-skyatlas:before {
  content: "\F216"; }

.fa-cart-plus:before {
  content: "\F217"; }

.fa-cart-arrow-down:before {
  content: "\F218"; }

.fa-diamond:before {
  content: "\F219"; }

.fa-ship:before {
  content: "\F21A"; }

.fa-user-secret:before {
  content: "\F21B"; }

.fa-motorcycle:before {
  content: "\F21C"; }

.fa-street-view:before {
  content: "\F21D"; }

.fa-heartbeat:before {
  content: "\F21E"; }

.fa-venus:before {
  content: "\F221"; }

.fa-mars:before {
  content: "\F222"; }

.fa-mercury:before {
  content: "\F223"; }

.fa-intersex:before,
.fa-transgender:before {
  content: "\F224"; }

.fa-transgender-alt:before {
  content: "\F225"; }

.fa-venus-double:before {
  content: "\F226"; }

.fa-mars-double:before {
  content: "\F227"; }

.fa-venus-mars:before {
  content: "\F228"; }

.fa-mars-stroke:before {
  content: "\F229"; }

.fa-mars-stroke-v:before {
  content: "\F22A"; }

.fa-mars-stroke-h:before {
  content: "\F22B"; }

.fa-neuter:before {
  content: "\F22C"; }

.fa-genderless:before {
  content: "\F22D"; }

.fa-facebook-official:before {
  content: "\F230"; }

.fa-pinterest-p:before {
  content: "\F231"; }

.fa-whatsapp:before {
  content: "\F232"; }

.fa-server:before {
  content: "\F233"; }

.fa-user-plus:before {
  content: "\F234"; }

.fa-user-times:before {
  content: "\F235"; }

.fa-hotel:before,
.fa-bed:before {
  content: "\F236"; }

.fa-viacoin:before {
  content: "\F237"; }

.fa-train:before {
  content: "\F238"; }

.fa-subway:before {
  content: "\F239"; }

.fa-medium:before {
  content: "\F23A"; }

.fa-yc:before,
.fa-y-combinator:before {
  content: "\F23B"; }

.fa-optin-monster:before {
  content: "\F23C"; }

.fa-opencart:before {
  content: "\F23D"; }

.fa-expeditedssl:before {
  content: "\F23E"; }

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\F240"; }

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\F241"; }

.fa-battery-2:before,
.fa-battery-half:before {
  content: "\F242"; }

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\F243"; }

.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\F244"; }

.fa-mouse-pointer:before {
  content: "\F245"; }

.fa-i-cursor:before {
  content: "\F246"; }

.fa-object-group:before {
  content: "\F247"; }

.fa-object-ungroup:before {
  content: "\F248"; }

.fa-sticky-note:before {
  content: "\F249"; }

.fa-sticky-note-o:before {
  content: "\F24A"; }

.fa-cc-jcb:before {
  content: "\F24B"; }

.fa-cc-diners-club:before {
  content: "\F24C"; }

.fa-clone:before {
  content: "\F24D"; }

.fa-balance-scale:before {
  content: "\F24E"; }

.fa-hourglass-o:before {
  content: "\F250"; }

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\F251"; }

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\F252"; }

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\F253"; }

.fa-hourglass:before {
  content: "\F254"; }

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\F255"; }

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\F256"; }

.fa-hand-scissors-o:before {
  content: "\F257"; }

.fa-hand-lizard-o:before {
  content: "\F258"; }

.fa-hand-spock-o:before {
  content: "\F259"; }

.fa-hand-pointer-o:before {
  content: "\F25A"; }

.fa-hand-peace-o:before {
  content: "\F25B"; }

.fa-trademark:before {
  content: "\F25C"; }

.fa-registered:before {
  content: "\F25D"; }

.fa-creative-commons:before {
  content: "\F25E"; }

.fa-gg:before {
  content: "\F260"; }

.fa-gg-circle:before {
  content: "\F261"; }

.fa-tripadvisor:before {
  content: "\F262"; }

.fa-odnoklassniki:before {
  content: "\F263"; }

.fa-odnoklassniki-square:before {
  content: "\F264"; }

.fa-get-pocket:before {
  content: "\F265"; }

.fa-wikipedia-w:before {
  content: "\F266"; }

.fa-safari:before {
  content: "\F267"; }

.fa-chrome:before {
  content: "\F268"; }

.fa-firefox:before {
  content: "\F269"; }

.fa-opera:before {
  content: "\F26A"; }

.fa-internet-explorer:before {
  content: "\F26B"; }

.fa-tv:before,
.fa-television:before {
  content: "\F26C"; }

.fa-contao:before {
  content: "\F26D"; }

.fa-500px:before {
  content: "\F26E"; }

.fa-amazon:before {
  content: "\F270"; }

.fa-calendar-plus-o:before {
  content: "\F271"; }

.fa-calendar-minus-o:before {
  content: "\F272"; }

.fa-calendar-times-o:before {
  content: "\F273"; }

.fa-calendar-check-o:before {
  content: "\F274"; }

.fa-industry:before {
  content: "\F275"; }

.fa-map-pin:before {
  content: "\F276"; }

.fa-map-signs:before {
  content: "\F277"; }

.fa-map-o:before {
  content: "\F278"; }

.fa-map:before {
  content: "\F279"; }

.fa-commenting:before {
  content: "\F27A"; }

.fa-commenting-o:before {
  content: "\F27B"; }

.fa-houzz:before {
  content: "\F27C"; }

.fa-vimeo:before {
  content: "\F27D"; }

.fa-black-tie:before {
  content: "\F27E"; }

.fa-fonticons:before {
  content: "\F280"; }

.fa-reddit-alien:before {
  content: "\F281"; }

.fa-edge:before {
  content: "\F282"; }

.fa-credit-card-alt:before {
  content: "\F283"; }

.fa-codiepie:before {
  content: "\F284"; }

.fa-modx:before {
  content: "\F285"; }

.fa-fort-awesome:before {
  content: "\F286"; }

.fa-usb:before {
  content: "\F287"; }

.fa-product-hunt:before {
  content: "\F288"; }

.fa-mixcloud:before {
  content: "\F289"; }

.fa-scribd:before {
  content: "\F28A"; }

.fa-pause-circle:before {
  content: "\F28B"; }

.fa-pause-circle-o:before {
  content: "\F28C"; }

.fa-stop-circle:before {
  content: "\F28D"; }

.fa-stop-circle-o:before {
  content: "\F28E"; }

.fa-shopping-bag:before {
  content: "\F290"; }

.fa-shopping-basket:before {
  content: "\F291"; }

.fa-hashtag:before {
  content: "\F292"; }

.fa-bluetooth:before {
  content: "\F293"; }

.fa-bluetooth-b:before {
  content: "\F294"; }

.fa-percent:before {
  content: "\F295"; }

.fa-gitlab:before {
  content: "\F296"; }

.fa-wpbeginner:before {
  content: "\F297"; }

.fa-wpforms:before {
  content: "\F298"; }

.fa-envira:before {
  content: "\F299"; }

.fa-universal-access:before {
  content: "\F29A"; }

.fa-wheelchair-alt:before {
  content: "\F29B"; }

.fa-question-circle-o:before {
  content: "\F29C"; }

.fa-blind:before {
  content: "\F29D"; }

.fa-audio-description:before {
  content: "\F29E"; }

.fa-volume-control-phone:before {
  content: "\F2A0"; }

.fa-braille:before {
  content: "\F2A1"; }

.fa-assistive-listening-systems:before {
  content: "\F2A2"; }

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\F2A3"; }

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\F2A4"; }

.fa-glide:before {
  content: "\F2A5"; }

.fa-glide-g:before {
  content: "\F2A6"; }

.fa-signing:before,
.fa-sign-language:before {
  content: "\F2A7"; }

.fa-low-vision:before {
  content: "\F2A8"; }

.fa-viadeo:before {
  content: "\F2A9"; }

.fa-viadeo-square:before {
  content: "\F2AA"; }

.fa-snapchat:before {
  content: "\F2AB"; }

.fa-snapchat-ghost:before {
  content: "\F2AC"; }

.fa-snapchat-square:before {
  content: "\F2AD"; }

.fa-pied-piper:before {
  content: "\F2AE"; }

.fa-first-order:before {
  content: "\F2B0"; }

.fa-yoast:before {
  content: "\F2B1"; }

.fa-themeisle:before {
  content: "\F2B2"; }

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\F2B3"; }

.fa-fa:before,
.fa-font-awesome:before {
  content: "\F2B4"; }

.fa-handshake-o:before {
  content: "\F2B5"; }

.fa-envelope-open:before {
  content: "\F2B6"; }

.fa-envelope-open-o:before {
  content: "\F2B7"; }

.fa-linode:before {
  content: "\F2B8"; }

.fa-address-book:before {
  content: "\F2B9"; }

.fa-address-book-o:before {
  content: "\F2BA"; }

.fa-vcard:before,
.fa-address-card:before {
  content: "\F2BB"; }

.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\F2BC"; }

.fa-user-circle:before {
  content: "\F2BD"; }

.fa-user-circle-o:before {
  content: "\F2BE"; }

.fa-user-o:before {
  content: "\F2C0"; }

.fa-id-badge:before {
  content: "\F2C1"; }

.fa-drivers-license:before,
.fa-id-card:before {
  content: "\F2C2"; }

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\F2C3"; }

.fa-quora:before {
  content: "\F2C4"; }

.fa-free-code-camp:before {
  content: "\F2C5"; }

.fa-telegram:before {
  content: "\F2C6"; }

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\F2C7"; }

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\F2C8"; }

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\F2C9"; }

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\F2CA"; }

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\F2CB"; }

.fa-shower:before {
  content: "\F2CC"; }

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\F2CD"; }

.fa-podcast:before {
  content: "\F2CE"; }

.fa-window-maximize:before {
  content: "\F2D0"; }

.fa-window-minimize:before {
  content: "\F2D1"; }

.fa-window-restore:before {
  content: "\F2D2"; }

.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\F2D3"; }

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\F2D4"; }

.fa-bandcamp:before {
  content: "\F2D5"; }

.fa-grav:before {
  content: "\F2D6"; }

.fa-etsy:before {
  content: "\F2D7"; }

.fa-imdb:before {
  content: "\F2D8"; }

.fa-ravelry:before {
  content: "\F2D9"; }

.fa-eercast:before {
  content: "\F2DA"; }

.fa-microchip:before {
  content: "\F2DB"; }

.fa-snowflake-o:before {
  content: "\F2DC"; }

.fa-superpowers:before {
  content: "\F2DD"; }

.fa-wpexplorer:before {
  content: "\F2DE"; }

.fa-meetup:before {
  content: "\F2E0"; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

/** 
 * General animations
 **/
@keyframes shrink_from_right {
  from {
    width: 100%; }
  to {
    width: 0%; } }

@keyframes spin {
  from {
    transform: rotate(0); }
  to {
    transform: rotate(360deg); } }

@keyframes pulse {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes slideloader {
  0% {
    left: 0%;
    right: 100%;
    border-radius: 3px 0 0 3px; }
  50% {
    left: 0%;
    right: 0%;
    border-radius: 3px; }
  100% {
    left: 100%;
    right: 0%;
    border-radius: 0 3px 3px 0; } }

/**
 * Grid layout
 * Produces most album/playlist/artist grids
 **/
/** 
 * Responsive rules
 * Creates @media wrappers
 **/
@font-face {
  font-family: 'Overpass';
  src: url(data:application/font-woff2;base64,d09GMgABAAAAAFn8ABMAAAAA7XQAAFmMAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGjwbxCIchSgGYACDWghACZoHEQgKgoIkgeFnATYCJAOHIAuDUgAEIAXaEAeFSQyBDT93ZWJmBhsX2hcYehU+xm2DoHtOPhOquoAde8TdqqaZSPafcGPoYeNgxAEqQPb//1lLx5CNvTcA1fteVUHEI+AmlAEPD5QjJbQe6KNmHc1nYWUKcSJHoqIEOdQFt0Hbg2r7ooKYgl8TRWSeJDAVwxSSyYiM7YNrvtiDv19X4mO8wtTGvNXJ2z05eOxl+Rcivydkw8qKL2Qmbzf6dOFvync7Lsn8zn+QqSUW4l1sQPyQfduoSNK31v4WOM4jHUNPHj78+3/X3uc+wJ9wx0jsMimqVEKdSSW40rnCzf/dy1GSgNdDp6Ui5k9M5IvIAL/NHuOcCtgTMAAVUCRKKh4l+UgJQdqaHdO5vJmLu0Xlv925qMtV3J23c9+L3u3/q1B7mPf3Npe4VBCS9QXc985Uyv3NWMU7duJLHUKY3ZG9ShWWX10G+/Vv9Rv2hRCPVlIRVEbL35anLQQ7k4lYAEBAa21u712bS0WtdUIjZqLHSuTH//9UzXvve+//D4AkBFJskqeVah+IHjvF8aRwoByHYlpbOkyhs1gss08WmzQ4QBjIQZ2llJhAMsrAMgf4gHSfZ9zK095u09O1azf9vYanJftMsDLOAOQAgJPWH/R6DqiggAoqqOBrAfxDhGv/ziZLucsD+pQiynoiVRmhTY2ugXP9NxMoYNK0vNwu9v1/SD0dY46EfEadkJp48LfYPoyBHJ7FZzBEa3axmXjve3cNdWwfnTPZNGu9jS1AjbFcSYaQAGZsa3Mp2/jlhe8hFPbA8P9o62dFCZ7mhofvZjp8sKyB/+8Jmln5RU1RT1edDG6Wba9opZ7JI9mmW6SlxXPI9FCAgvNvOqvVSAjjjczGrIuht7lQ5fbKK6+o9MPMMPNnJKSRYEeBuIRkWwiMRfBOQh4J8Mog47whRiQ5AZuADTFUdxnvxVTG119TbHnlXVmfn7+sxHNO2BmHSKApW/99W1LrXakc0uq7L6JTa5z6Uqhf/Xu2Z8YZ7Z5DSMjwEjRlBtAQJN9+LW3yr+zSqTIn3FnZeXsrskkJSSEpMqasibRtjX6/lv/sHVC1ZELVGp4jey4Ne0OCfqqh0hhKOwvpD/Pt5+p9xF/fI6RVevt3s7uJOPKH3hDXEC0UIh+VxpYQTyYlUiERUhoNQm3A8w5T/T6r2eF0+UMWPkQzhyGEIidpveO4rOxF7//f2dK+X9njqKuOqn37xooREREREXljFVJNVqeCDx+fsxSJgcTP2KpfnNiOKQMVlHiUggN6938fY67oHT/WALXeHAEGMo5zVH4E4K3d538N8YVOLtwEePt3GW/+qzYCg0Ai0Efok88IIwRLCVEYKxshu08tAvUaTELWbdi2j/ysoxedwwQFlCUMEAJwq4+sH0VoLbCvtVvLt94E0NtN2+gdhnX0HtN2sm+f3mfdqj6+c3L8vAvPIz/z5AXn0KOCkIYJBh8R3sPBobs9pTiAfPac75I2VXrnoEC0E3q2Oe4+DIJ4IlV4pJ2NlWDgBksIllnD3TloPxem9oeKUKCWQMumKuwmRJwcyLDkdryKJgzOKUUM/TK84C2KKV/YsNwAxiUisIS7haMhPRog+Q0IdzKhQwCUQGtNlEJppKLRUxq9IChGu4LK0xfqxtMDxkqTo0iFJh36TDLHIiuss8UuBxyzxVnTLoty4hc54IxLz3ZkWb48KGzdXiYhG/5ZiBzrBvlzoVXMW3JF3n8QcISA4A5xh/APRWSOghvK00ZkwifZ//Aggnvn4bsW/65DdXoLS1snzly4dOUJkJ1DOY8Ky4xYboWVVlntVWuNGrPTbue94fpvyO0mgGQa+a3uAMjj6VQNZc9QsykhLSMgPHb+1YH8kVOgacqFtWf9LVEhQE7tvpUfDoJzCAeMho2bUesYeBrotyQQ+MWjV1PrOgoCNFjUV3PdDBqEUPrKn9IovSWM0794ciO03IgCYWqFpz4vXQCk4RSIWyDOyxPZCJxW6ceR3BvfnezJsHwOn7E58VGrinrOGmi78zISUxyDhK6pvGEJD9MoWflM8G2Ok1HA9BC6h6wLHbaTut4uhEm40dl6m6JbWWH8i6qDxVqYIVFaAG/IHDDO8RuUvqWXVyGA+7n90Etdyj2S4SgI+Ifmmew+T1nWDyFHGDrfalCWmhzop6ot94DNdkB3NPLwxFZDtBbrFmcyHijhI2y/gaaQA0nCO9LmAAHigI3RO3OtlAGZ1+jYcnjgAyLzlVZCMt1FbXVKFmT3ynG8KigNqGoUSxot+GWLHl1sJ/duv2fHaGXSZ5F58/CdJcmM1beWtnkcaqSzqXaHGyBOXQcR9CK7oOHmBbRBNz7vSTQgdoM4OCXuXn3c9SLcuinpmKDwVNRkJeWP2WAwpebkhtN8oyWCJOzhZRL4TscRuOyNi8oyMsyy58FEmA0A1gUOCg+hUeuuDUE5ip1WJSlG2AjKd4uSgLbyidVQV9gkRoixm0T88UPv0WBDC99o2yPY05Sa3IPbK9hRgm+Aw9zYnefYJgYElY5yECEp3NN3lTHKhifrra18PVmxVoJZTiFsoXl2NMOephw+XcSREx3OtJgLzXL9dI4bdzo8aJ4nLeFF87xpKR9axpeW86dVAmiFQFopiFYJptUaaV4bzZtCM6ZORUwzE2OWuXTMq2je/E/XscASvGU0bzVRpVQHo6i85ycgEOMjE+tU7QB9dIExzNz8rJgyYs2DGwMaAn2GyPHSPhthnkEJfuHfks0LvuEhiZQIS4e4FR1lYK7tdUDTF8+bACgY4sSkyr7/XuQUlEAbe2AmwFixDoKGp6wHp3C+3zuK7XT0l3kRcI3wjzRCAUAjuzOd0jJHporELU4H7cD7Bn3QxIVSHYL0S8mwVjrxI+bCgDGPKA0U2oeA+nJC8f19gcWC6enFYUyEukI0WnB4ODwdXg7v+fgg9V9AQe2hukx6vIFplQ8wbUVTOi99X64DnMp34QvImbA7SWpn/JoCYb3m1v+NqV8MZz3LQMDDMJeuIw1v8y89aH7uvU7KSpUElza+o9qlXi9u4+CzoOPqriY3jZq0561j6gKw0yD/wz+G9KQkbukyMDZmpKbWRDJUtYcRIOZW5R6gmvbf1/ULRUvI4d0iqCWbUtCClCfJBYtW/YCkxyUuq/AogqRqYfUXNtlVQjJjbAZfwYqd6qmRKQkLslK7AfEPGcHCocNqSOPjU5PGQJ7+RZ1EdFITfzaZcrahr7u17iuEQcsUmcJpSfCfLIBxWVJVXm5ChuFHFMySkuGco4IggXKGCbieqJCQxNZ+1omYBA9iaX7IoXrgQqjLEoblarBFawPYbILXfDEjwFz8rxXt2w5M+WHo6UAOb1WXdJ5LiVRNkmX1pK8pOSrv24ZypAd+MOs69Uqjb79/GrVGdTTMhAz3ZDjGNzzZUXeOJPyoB74PFL9+4JJr4sLW5ff3OuMQXCQz0SqcGEGxQsQJFS8iCSKXJESKiKWmExkycbJELtskU8cmqVxEJk/kCkSpUMSKRaVX5NaK1Bahtn6HttmJ2mUvtX1VOu+AI3jH0jnHnaJwRjjny+hUewKJvE/INuk5Mo45yMEUffACPS7AHM48OXAiZs+RcVB9/ngcV6AO//bOalLdd/xECBQJrjdDC1Qv7Q3cGX3xFoZ3h9AHb4hkdPmtVFBSAVXUQIc1WgcyNounNzQyTNOHTiC3zvzS6daAsYvmfuUFMJu0uSSMaJwGNRpe725iQS9TKuemP5gN1DECGUKjui4M6H9EaaLQWguMkZkIqShJwA55uKkw0VOMw8BhSBmF9zFWBmUVPsVeEw4Xh+t83JDoRIHLjEHJwIQwzJ5PmHivKeIzIKjZAWC25cFpivH6Fa3SeQjiSpVixEoJViRCaqSDUSg/IaIySSSLQ8chiReLEYe1m8JKNrRUBmEtRlhDObjCvHEmQ
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: 'Overpass';
  src: url(data:application/font-woff2;base64,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
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Overpass';
  src: url(data:application/font-woff2;base64,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
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'Overpass';
  src: url(data:application/font-woff2;base64,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
  font-weight: 700;
  font-style: normal; }

body,
html {
  background: #181818;
  color: #cecac4;
  font-family: "Overpass", Helvetica, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: -0.01rem;
  touch-action: manipulation;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); }

body {
  overflow-y: scroll;
  overflow-x: hidden; }
  body::-webkit-scrollbar {
    width: 8px;
    height: 8px; }
  body::-webkit-scrollbar-track {
    background: #181818; }
  body::-webkit-scrollbar-thumb {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background: #383734;
    border-radius: 4px; }
    body::-webkit-scrollbar-thumb:hover {
      background: #a3a19f; }
  body.touch-dragging, body.modal-open {
    overflow-y: hidden; }
  @media (max-width: 800px) {
    body.context-menu-open {
      overflow-y: hidden; } }

main,
footer {
  margin-left: 220px; }
  @media (max-height: 650px) {
    main,
    footer {
      padding-bottom: 60px; } }
  @media (max-width: 800px) {
    main,
    footer {
      margin-left: 0; } }

main {
  position: relative;
  min-height: 100vh; }
  main .content-wrapper {
    padding: 40px 40px 80px; }
  main a {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    border-bottom: 1px solid transparent; }
    main a:hover {
      border-color: #a3a19f; }
  main p {
    font-size: 18px;
    line-height: 1.5em;
    white-space: pre-wrap; }
  @media (max-width: 800px) {
    main .content-wrapper {
      padding: 20px 10px 60px; }
    main section.list-wrapper {
      padding: 10px 0; } }
  main pre {
    padding: 20px;
    background: #121212;
    border-radius: 3px;
    color: #FFFFFF;
    white-space: pre-wrap;
    word-wrap: break-word; }

h1 {
  font-family: "Overpass";
  letter-spacing: -0.04em;
  font-weight: 600;
  color: #FFFFFF;
  font-weight: 700;
  font-size: 3rem;
  line-height: 3.2rem; }

h2 {
  font-family: "Overpass";
  letter-spacing: -0.04em;
  font-weight: 600;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.2rem; }
  h2 a {
    color: inherit;
    text-decoration: none; }
    h2 a:hover {
      border-bottom: 1px solid #FFFFFF; }
  h2.grey-text a:hover {
    color: #a3a19f !important;
    border-bottom: 1px solid #a3a19f; }

h3 {
  font-weight: 100;
  font-size: 1.4em;
  line-height: 1.6em; }
  h3.bottom-padding {
    padding-bottom: 30px; }

h4 {
  font-family: "Overpass";
  letter-spacing: -0.04em;
  font-weight: 600;
  font-size: 1.3rem;
  margin-bottom: 14px;
  font-weight: 700; }
  h4.underline {
    padding-bottom: 4px;
    border-bottom: 1px solid #383734; }
  h4:not(:first-child) {
    padding-top: 40px; }
  h4 .dropdown-field {
    margin-left: 10px; }

.hide {
  width: 0px;
  height: 0px;
  position: fixed;
  z-index: -99;
  top: -99px;
  left: -99px; }

.no-results {
  text-align: center;
  padding: 40px;
  color: #383734;
  font-style: italic;
  font-size: 1.2rem; }

.placeholder {
  display: inline-block;
  height: 1.2em;
  width: 100px;
  max-width: 100%;
  background: rgba(150, 150, 150, 0.15);
  pointer-events: none !important; }

h1 .placeholder {
  width: 50%; }

h2 .placeholder,
h3 .placeholder,
h4 .placeholder {
  max-width: 50%;
  width: 150px; }

button.placeholder {
  border-color: transparent;
  height: auto; }

.list-wrapper .placeholder {
  display: block;
  width: auto;
  margin: 25px 40px;
  height: 10px; }
  @media (max-width: 800px) {
    .list-wrapper .placeholder {
      margin-left: 20px;
      margin-right: 20px; } }

.grid-wrapper .placeholder {
  height: auto; }
  .grid-wrapper .placeholder:after {
    content: ' ';
    display: block;
    padding-bottom: 100%; }

.related-artists .list-wrapper .placeholder {
  position: relative;
  margin: 40px 20px 50px 65px; }
  .related-artists .list-wrapper .placeholder:after {
    content: ' ';
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(150, 150, 150, 0.15);
    position: absolute;
    top: -20px;
    left: -65px; }

.no-top-padding {
  padding-top: 0 !important; }

.no-bottom-padding {
  padding-bottom: 0 !important; }

.no-right-padding {
  padding-right: 0 !important; }

.no-left-padding {
  padding-left: 0 !important; }

.no-top-margin {
  margin-top: 0 !important; }

.no-bottom-margin {
  margin-bottom: 0 !important; }

.top-padding {
  padding-top: 20px; }

.bottom-padding {
  padding-bottom: 20px; }

.right-padding {
  padding-right: 40px; }

.left-padding {
  padding-left: 40px; }

.col {
  min-height: 1px;
  float: left; }
  .col.w5 {
    width: 5%; }
  .col.w10 {
    width: 10%; }
  .col.w15 {
    width: 15%; }
  .col.w20 {
    width: 20%; }
  .col.w25 {
    width: 25%; }
  .col.w30 {
    width: 30%; }
  .col.w33 {
    width: 33.3334%; }
  .col.w35 {
    width: 35%; }
  .col.w40 {
    width: 40%; }
  .col.w45 {
    width: 45%; }
  .col.w50 {
    width: 50%; }
  .col.w55 {
    width: 55%; }
  .col.w60 {
    width: 60%; }
  .col.w65 {
    width: 65%; }
  .col.w66 {
    width: 66.6667%; }
  .col.w70 {
    width: 70%; }
  .col.w75 {
    width: 75%; }
  .col.w80 {
    width: 80%; }
  .col.w85 {
    width: 85%; }
  .col.w90 {
    width: 90%; }
  .col.w95 {
    width: 95%; }
  .col.w100 {
    width: 100%; }

.pull-left {
  float: left; }

.pull-right {
  float: right; }

.cf::after {
  content: '';
  clear: both;
  display: block; }

.hidden {
  display: none !important; }

.pulse {
  animation-name: pulse;
  animation-duration: 0.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite; }

.one-liner {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.centred-text {
  text-align: center; }

.grey-text {
  color: #a3a19f !important; }

.dark-grey-text {
  color: #2c2c2c !important; }

.red-text {
  color: #cf2d2d !important; }

.blue-text {
  color: #32b5f2 !important; }

.green-text {
  color: #47af2a !important; }

.orange-text {
  color: #f16f19 !important; }

.yellow-text {
  color: #FFF39C !important; }

.dark-text {
  color: #181818 !important; }

.grey-border {
  border-color: #a3a19f !important; }

.red-border {
  border-color: #cf2d2d !important; }

.green-border {
  border-color: #47af2a !important; }

.orange-border {
  border-color: #f16f19 !important; }

.dark-border {
  border-color: #181818 !important; }

footer {
  display: block;
  color: #cecac4;
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center; }

.details {
  list-style-type: none;
  color: #a3a19f; }
  .details li {
    display: inline-block; }
    .details li:not(:first-child) {
      padding-left: 14px; }
      .details li:not(:first-child):before {
        content: '\2022' !important;
        display: inline-block;
        margin-left: -8px;
        padding-right: 6px; }

.flag {
  font-size: 9px;
  font-weight: bold;
  display: inline-block;
  padding: 3px 5px 1px;
  background: #cecac4;
  color: #181818;
  border-radius: 3px;
  vertical-align: bottom;
  margin: 0 8px 1px; }
  .flag.blue {
    background: #32b5f2;
    color: #FFFFFF; }
  .flag.info {
    background: #FFF39C; }
  .flag.warning {
    background: #f16f19;
    color: #FFFFFF; }
  .flag.error, .flag.bad {
    background: #cf2d2d;
    color: #FFFFFF; }
  .flag.dark {
    background: #323232;
    color: #a3a19f; }
  .flag.large {
    padding: 8px 10px 7px;
    font-size: 12px; }
  h1 .flag,
  h2 .flag {
    line-height: 1.4em;
    vertical-align: middle; }

.message {
  padding: 10px 12px 8px;
  background: #FFF39C;
  color: #181818;
  clear: both;
  font-size: 14px;
  border-radius: 3px; }
  .message.info {
    background: #FFF39C; }
  .message.notice {
    background: #32b5f2;
    color: #FFFFFF; }
  .message.warning {
    background: #f16f19;
    color: #FFFFFF; }
  .message.error, .message.bad {
    background: #cf2d2d;
    color: #FFFFFF; }

@media (max-width: 800px) {
  h1 {
    font-size: 1.8rem;
    line-height: 1.8rem; }
  h2 {
    font-size: 1.2rem;
    line-height: 1.3rem; }
  h3 {
    font-size: 1rem; }
  .right-padding {
    padding-right: 20px; }
  .left-padding {
    padding-left: 20px; } }

* {
  border: 0;
  margin: 0;
  padding: 0;
  outline: 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent; }

:focus {
  outline: none; }

::-moz-focus-inner {
  border: 0; }

textarea,
input[type="text"],
input[type="email"],
input[type="number"],
input[type="email"],
input[type="date"],
select {
  padding: 10px 14px;
  background: rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
  font-family: "Overpass", Helvetica, Arial, sans-serif;
  font-size: 14px;
  border-radius: 3px;
  letter-spacing: -0.01rem; }
  textarea:focus, textarea:active,
  input[type="text"]:focus,
  input[type="text"]:active,
  input[type="email"]:focus,
  input[type="email"]:active,
  input[type="number"]:focus,
  input[type="number"]:active,
  input[type="email"]:focus,
  input[type="email"]:active,
  input[type="date"]:focus,
  input[type="date"]:active,
  select:focus,
  select:active {
    background: rgba(255, 255, 255, 0.2); }
  textarea:disabled,
  input[type="text"]:disabled,
  input[type="email"]:disabled,
  input[type="number"]:disabled,
  input[type="email"]:disabled,
  input[type="date"]:disabled,
  select:disabled {
    opacity: 0.5; }
  textarea.tiny,
  input[type="text"].tiny,
  input[type="email"].tiny,
  input[type="number"].tiny,
  input[type="email"].tiny,
  input[type="date"].tiny,
  select.tiny {
    width: 50px;
    padding-left: 4px;
    padding-right: 4px;
    text-align: center; }

select {
  max-width: 100%; }
  select option {
    background: #FFFFFF;
    color: #121212;
    max-width: 100%;
    box-sizing: border-box; }

.button-wrapper {
  padding: 10px 0;
  margin-top: -1px; }
  .button-wrapper.large {
    padding: 16px 0; }

.text-button {
  cursor: pointer; }
  .text-button.destructive {
    color: #cf2d2d; }

.button,
button,
input[type="button"],
input[type="submit"] {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  font-family: "Overpass";
  letter-spacing: -0.04em;
  font-weight: 600;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 14px;
  color: #000000;
  display: inline-block;
  padding: 9px 30px 7px;
  margin: 0 20px 10px 0;
  background: #FFFFFF;
  box-sizing: border-box;
  border-radius: 3px;
  vertical-align: middle;
  position: relative;
  border: 0 !important;
  cursor: pointer;
  letter-spacing: -0.01rem;
  text-align: center; }
  .button .icon,
  button .icon,
  input[type="button"] .icon,
  input[type="submit"] .icon {
    padding-right: 8px; }
  .button:not(.no-hover),
  button:not(.no-hover),
  input[type="button"]:not(.no-hover),
  input[type="submit"]:not(.no-hover) {
    position: relative;
    border-radius: 3px; }
    .button:not(.no-hover):before,
    button:not(.no-hover):before,
    input[type="button"]:not(.no-hover):before,
    input[type="submit"]:not(.no-hover):before {
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      border-radius: 3px;
      content: '';
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      opacity: 0.05;
      z-index: 9;
      pointer-events: none;
      background: -webkit-linear-gradient(to bottom right, rgba(255, 255, 255, 0.75), black);
      background: -moz-linear-gradient(to bottom right, rgba(255, 255, 255, 0.75), black);
      background: -o-linear-gradient(to bottom right, rgba(255, 255, 255, 0.75), black);
      background: linear-gradient(to bottom right, rgba(255, 255, 255, 0.75), black); }
  .notouch .button:not(.no-hover):hover, .notouch
  button:not(.no-hover):hover, .notouch
  input[type="button"]:not(.no-hover):hover, .notouch
  input[type="submit"]:not(.no-hover):hover {
    box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.2); }
    .notouch .button:not(.no-hover):hover:before, .notouch
    button:not(.no-hover):hover:before, .notouch
    input[type="button"]:not(.no-hover):hover:before, .notouch
    input[type="submit"]:not(.no-hover):hover:before {
      opacity: 0.2; }
  .button:active,
  button:active,
  input[type="button"]:active,
  input[type="submit"]:active {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    background: #f2f2f2;
    margin-top: 1px;
    margin-bottom: 9px; }
  .button.small,
  button.small,
  input[type="button"].small,
  input[type="submit"].small {
    padding: 6px 18px 4px; }
  .button.large,
  button.large,
  input[type="button"].large,
  input[type="submit"].large {
    padding: 16px 50px 14px; }
  .button.pull-right,
  button.pull-right,
  input[type="button"].pull-right,
  input[type="submit"].pull-right {
    margin-right: 0;
    margin-left: 30px; }
  .button.primary,
  button.primary,
  input[type="button"].primary,
  input[type="submit"].primary {
    background: #08d58f;
    color: #FFFFFF; }
    .button.primary:active,
    button.primary:active,
    input[type="button"].primary:active,
    input[type="submit"].primary:active {
      background: #000000; }
  .button.white,
  button.white,
  input[type="button"].white,
  input[type="submit"].white {
    color: #000000;
    background: #FFFFFF; }
  .button.grey,
  button.grey,
  input[type="button"].grey,
  input[type="submit"].grey {
    color: #FFFFFF;
    background: #383734; }
  .button.confirming, .button.destructive,
  button.confirming,
  button.destructive,
  input[type="button"].confirming,
  input[type="button"].destructive,
  input[type="submit"].confirming,
  input[type="submit"].destructive {
    background: #cf2d2d;
    color: #FFFFFF; }
  .button.alternative,
  button.alternative,
  input[type="button"].alternative,
  input[type="submit"].alternative {
    background: #32b5f2;
    color: #FFFFFF; }
  .button.timing-out,
  button.timing-out,
  input[type="button"].timing-out,
  input[type="submit"].timing-out {
    position: relative; }
    .button.timing-out:before,
    button.timing-out:before,
    input[type="button"].timing-out:before,
    input[type="submit"].timing-out:before {
      animation-name: shrink_from_right;
      animation-duration: 2s;
      animation-timing-function: linear;
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      width: 0;
      background: #000000;
      opacity: 0.25; }
  .button.discrete,
  button.discrete,
  input[type="button"].discrete,
  input[type="submit"].discrete {
    border: transparent; }
    .button.discrete[disabled], .button.discrete[disabled="disabled"],
    button.discrete[disabled],
    button.discrete[disabled="disabled"],
    input[type="button"].discrete[disabled],
    input[type="button"].discrete[disabled="disabled"],
    input[type="submit"].discrete[disabled],
    input[type="submit"].discrete[disabled="disabled"] {
      border-color: #cecac4 !important; }
  .button.working,
  button.working,
  input[type="button"].working,
  input[type="submit"].working {
    position: relative;
    cursor: wait !important;
    background: #383734;
    color: #a3a19f; }
    .button.working:after,
    button.working:after,
    input[type="button"].working:after,
    input[type="submit"].working:after {
      pointer-events: none;
      position: absolute;
      display: block;
      content: '';
      animation: slideloader 1s infinite linear;
      background: rgba(200, 200, 200, 0.3);
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: 1; }
  .button.disabled, .button[disabled], .button[disabled="disabled"],
  button.disabled,
  button[disabled],
  button[disabled="disabled"],
  input[type="button"].disabled,
  input[type="button"][disabled],
  input[type="button"][disabled="disabled"],
  input[type="submit"].disabled,
  input[type="submit"][disabled],
  input[type="submit"][disabled="disabled"] {
    opacity: 0.5;
    cursor: not-allowed !important;
    color: #a3a19f;
    border-color: #a3a19f;
    background: transparent; }
    .button.disabled:before, .button[disabled]:before, .button[disabled="disabled"]:before,
    button.disabled:before,
    button[disabled]:before,
    button[disabled="disabled"]:before,
    input[type="button"].disabled:before,
    input[type="button"][disabled]:before,
    input[type="button"][disabled="disabled"]:before,
    input[type="submit"].disabled:before,
    input[type="submit"][disabled]:before,
    input[type="submit"][disabled="disabled"]:before {
      opacity: 0.15; }
  @media (max-width: 800px) {
    .button,
    button,
    input[type="button"],
    input[type="submit"] {
      margin-right: 10px;
      padding-left: 20px;
      padding-right: 20px; } }

.field {
  display: block;
  padding-bottom: 12px; }
  .field::after {
    content: '';
    clear: both;
    display: block; }
  .field .icon {
    padding-right: 0.32em; }
  .field > .name {
    display: block;
    padding-top: 10px;
    width: 20%;
    float: left; }
  .field > .input {
    width: 80%;
    float: left; }
    .field > .input input,
    .field > .input select,
    .field > .input textarea {
      width: 100%; }
    .field > .input .text {
      display: block;
      padding: 10px 14px 10px 0; }
  .field label {
    display: inline-block; }
  .field .label .tooltip {
    left: -4px; }
  .field.radio input, .field.checkbox input {
    display: none; }
  .field.radio .input, .field.checkbox .input {
    padding-top: 4px; }
    .field.radio .input label:not(:last-child), .field.checkbox .input label:not(:last-child) {
      padding-right: 14px; }
  .field.radio .label, .field.checkbox .label {
    display: inline-block;
    float: none;
    width: auto;
    padding: 5px 5px 5px 26px;
    position: relative;
    cursor: pointer; }
  .field.radio input + .label:before {
    content: ' ';
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid #a3a19f;
    position: absolute;
    top: 4px;
    left: 0; }
  .field.radio input:checked + .label:before {
    background: #a3a19f;
    box-shadow: inset 0px 0px 0px 4px #222222; }
  .field.checkbox input + .label:before {
    font-family: "Material Icons";
    font-size: 8px;
    content: ' ';
    color: #a3a19f;
    display: inline-block;
    width: 11px;
    height: 11px;
    padding: 3px 0 0 3px;
    border: 2px solid #a3a19f;
    position: absolute;
    top: 5px;
    left: 0; }
  .field.checkbox input:checked + .label:before {
    content: 'check'; }
  .field.range {
    position: relative; }
    .field.range .input-range {
      height: auto; }
    .field.range .label {
      padding-bottom: 6px; }
    .field.range .input-range__track,
    .field.range .input-range__slider-container {
      transition: none;
      height: 6px;
      border-radius: 3px;
      cursor: col-resize; }
    .field.range .input-range__track--background {
      margin: 0;
      background: rgba(100, 100, 100, 0.5); }
    .field.range .input-range__track--active {
      background: #32b5f2; }
    .field.range .input-range__slider-container .input-range__slider {
      cursor: col-resize;
      background: #32b5f2;
      border: none;
      top: 0;
      height: 6px;
      width: 20px;
      margin: -6px 0 0 0;
      border-radius: 3px 0 0 3px; }
    .field.range .input-range__slider-container:last-child .input-range__slider {
      border-radius: 0 3px 3px 0;
      margin-left: -12px; }
  .field.sub-field {
    padding: 0; }
  .field .description {
    display: inline-block;
    padding: 10px 14px;
    font-size: 12px;
    opacity: 0.6; }
    .field .description.error {
      color: #cf2d2d;
      display: inline-block;
      opacity: 1; }

@media (max-width: 800px) {
  .field .name {
    float: none;
    width: auto;
    padding: 0 0 4px 0; }
  .field .input {
    float: none;
    width: auto; }
    .field .input .text {
      padding: 0 20px 0 0; } }

@media (max-width: 800px) {
  body.context-menu-open .body {
    -webkit-filter: blur(10px);
    filter: blur(10px); } }

#context-menu {
  position: fixed;
  z-index: 99; }
  #context-menu .liner {
    width: 190px;
    box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    background: #383734;
    font-size: 14px;
    font-weight: 500;
    font-family: "Overpass"; }
    #context-menu .liner .title {
      display: none;
      padding: 10px 14px;
      font-weight: bold;
      box-sizing: border-box;
      position: relative;
      overflow: hidden;
      text-decoration: none;
      background: #121212; }
      #context-menu .liner .title .background {
        -webkit-filter: blur(5px);
        filter: blur(5px);
        background-size: cover;
        background-position: 50% 20%;
        opacity: 0.65;
        position: absolute;
        top: -10px;
        left: -10px;
        bottom: -10px;
        right: -10px;
        z-index: 1; }
        #context-menu .liner .title .background.generic {
          opacity: 0.9;
          background: #32b5f2;
          background: -moz-linear-gradient(45deg, #32b5f2 0%, #32b5f2 18%, #0576a6 100%);
          background: -webkit-gradient(left bottom, right top, color-stop(0%, #32b5f2), color-stop(18%, #32b5f2), color-stop(100%, #0576a6));
          background: -webkit-linear-gradient(45deg, #32b5f2 0%, #32b5f2 18%, #0576a6 100%);
          background: -o-linear-gradient(45deg, #32b5f2 0%, #32b5f2 18%, #0576a6 100%);
          background: -ms-linear-gradient(45deg, #32b5f2 0%, #32b5f2 18%, #0576a6 100%);
          background: linear-gradient(45deg, #32b5f2 0%, #32b5f2 18%, #0576a6 100%);
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#32b5f2', endColorstr='#0576a6', GradientType=1 ); }
      #context-menu .liner .title .text {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        position: relative;
        z-index: 2;
        color: #FFFFFF; }
      #context-menu .liner .title .type {
        position: relative;
        z-index: 2;
        color: #FFFFFF;
        opacity: 0.5;
        font-weight: 200;
        text-transform: capitalize; }
    #context-menu .liner .menu-item-wrapper {
      display: block;
      overflow-x: hidden; }
      #context-menu .liner .menu-item-wrapper .menu-item {
        position: relative;
        border-radius: 3px;
        cursor: pointer;
        display: block;
        padding: 9px 12px 8px;
        box-sizing: border-box;
        position: relative;
        color: #FFFFFF; }
        #context-menu .liner .menu-item-wrapper .menu-item:before {
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
          border-radius: 3px;
          content: '';
          display: block;
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          opacity: 0;
          z-index: 9;
          pointer-events: none;
          background: -webkit-linear-gradient(to bottom right, rgba(255, 255, 255, 0.75), black);
          background: -moz-linear-gradient(to bottom right, rgba(255, 255, 255, 0.75), black);
          background: -o-linear-gradient(to bottom right, rgba(255, 255, 255, 0.75), black);
          background: linear-gradient(to bottom right, rgba(255, 255, 255, 0.75), black); }
        .notouch #context-menu .liner .menu-item-wrapper .menu-item:hover:before {
          opacity: 0.15; }
        .notouch #context-menu .liner .menu-item-wrapper .menu-item:active {
          background: #000000;
          color: #FFFFFF; }
      #context-menu .liner .menu-item-wrapper .icon {
        font-size: 12px; }
        #context-menu .liner .menu-item-wrapper .icon.submenu-icon {
          display: inline-block;
          float: right;
          padding-top: 4px; }
      #context-menu .liner .menu-item-wrapper .submenu {
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        position: absolute;
        top: 0;
        right: 0;
        left: 100%;
        height: 100%;
        min-height: 300px;
        max-height: 90vh;
        width: 0;
        height: 100%;
        overflow-y: scroll;
        background: #52514d;
        z-index: 3;
        border-radius: 3px; }
        #context-menu .liner .menu-item-wrapper .submenu.expanded {
          width: 100%;
          left: 0; }
        #context-menu .liner .menu-item-wrapper .submenu .label .icon {
          margin-bottom: 0.4em;
          padding-right: 6px; }
        #context-menu .liner .menu-item-wrapper .submenu .menu-item {
          width: 100%; }
          #context-menu .liner .menu-item-wrapper .submenu .menu-item.close-submenu {
            color: #a3a19f; }
    #context-menu .liner .divider {
      height: 1px;
      padding: 0;
      margin: 0;
      background: #454440; }
    #context-menu .liner > span {
      display: block;
      margin-bottom: -1px; }
      #context-menu .liner > span button,
      #context-menu .liner > span .button,
      #context-menu .liner > span .dropdown-field {
        text-decoration: none;
        display: block;
        margin: 0;
        min-width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
        font-size: inherit;
        text-align: left;
        text-transform: none;
        font-weight: 300;
        color: inherit;
        border-bottom: 1px solid #454440 !important; }
        #context-menu .liner > span button .icon,
        #context-menu .liner > span button .fa,
        #context-menu .liner > span .button .icon,
        #context-menu .liner > span .button .fa,
        #context-menu .liner > span .dropdown-field .icon,
        #context-menu .liner > span .dropdown-field .fa {
          display: none; }
        .notouch #context-menu .liner > span button:hover, .notouch
        #context-menu .liner > span .button:hover, .notouch
        #context-menu .liner > span .dropdown-field:hover {
          background: #252525; }
      #context-menu .liner > span button,
      #context-menu .liner > span .button {
        padding: 16px 20px;
        min-width: 100% !important;
        max-width: 100% !important; }
      #context-menu .liner > span .dropdown-field {
        padding: 16px 20px; }
        #context-menu .liner > span .dropdown-field .label {
          padding: 0 0 3px 0;
          font-weight: 800; }
        #context-menu .liner > span .dropdown-field .options {
          display: block;
          position: static;
          background: transparent;
          border-radius: 0;
          border: 0;
          color: #FFFFFF !important;
          box-shadow: none; }
          #context-menu .liner > span .dropdown-field .options .option {
            display: inline-block;
            padding: 3px 5px;
            border-radius: 0;
            opacity: 0.6; }
            #context-menu .liner > span .dropdown-field .options .option .fa {
              display: inline-block;
              position: relative;
              padding-right: 5px;
              top: auto;
              left: auto; }
          #context-menu .liner > span .dropdown-field .options:before {
            display: none; }
  @media (max-width: 800px) {
    #context-menu {
      top: 0 !important;
      right: 0 !important;
      bottom: 0 !important;
      left: 0 !important;
      margin: 0 !important;
      overflow-y: scroll; }
      #context-menu .background {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.88);
        z-index: 1; }
      #context-menu .liner {
        width: 250px;
        margin: 30px auto;
        max-width: 90vw;
        position: relative;
        z-index: 2;
        border-radius: 3px; }
        #context-menu .liner .title {
          display: block;
          padding: 14px 18px;
          box-sizing: border-box;
          border-radius: 3px 3px 0 0; }
        #context-menu .liner > span button,
        #context-menu .liner > span .button {
          color: #FFFFFF;
          font-weight: 800;
          background: transparent; }
        #context-menu .liner > span .dropdown-field {
          color: #FFFFFF; }
        #context-menu .liner .menu-item-wrapper .menu-item {
          padding: 14px 18px;
          box-sizing: border-box; } }

.context-menu-trigger {
  display: inline-block;
  padding: 14px 12px;
  cursor: pointer;
  vertical-align: top;
  margin-top: -1px;
  position: relative;
  border-radius: 3px;
  text-align: center; }
  .actions .context-menu-trigger {
    position: relative;
    border-radius: 3px;
    font-size: 24px;
    padding: 2px 10px 1px; }
    .actions .context-menu-trigger:before {
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      border-radius: 3px;
      content: '';
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      opacity: 0;
      z-index: 9;
      pointer-events: none;
      background: -webkit-linear-gradient(to bottom right, rgba(255, 255, 255, 0.75), black);
      background: -moz-linear-gradient(to bottom right, rgba(255, 255, 255, 0.75), black);
      background: -o-linear-gradient(to bottom right, rgba(255, 255, 255, 0.75), black);
      background: linear-gradient(to bottom right, rgba(255, 255, 255, 0.75), black); }
    .actions .context-menu-trigger:hover {
      cursor: pointer;
      box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.2); }
      .actions .context-menu-trigger:hover:before {
        opacity: 0.15; }
    .actions .context-menu-trigger:active {
      margin-top: 0px;
      margin-bottom: -1px; }
  h4 .context-menu-trigger,
  h4 .context-menu-trigger:active {
    margin: -8px 0 0 10px; }

.loader {
  height: 120px;
  width: 120px;
  margin: 0 auto;
  position: relative;
  opacity: 0; }
  .loader:before, .loader:after {
    content: '';
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border-radius: 100%;
    border-style: solid;
    border-width: 2px; }
  .loader:before {
    position: absolute;
    top: 0;
    left: 0;
    border-color: #252525; }
  .loader:after {
    animation-name: spin;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    border-top-color: transparent;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-right-color: #32b5f2; }

.body-loader {
  padding: 35vh 0; }
  .body-loader.loading .loader {
    opacity: 1; }
  .body-loader.lazy-loader {
    padding: 20px;
    height: 40px; }
    .body-loader.lazy-loader .loader {
      height: 40px;
      width: 40px;
      opacity: 0; }
    .body-loader.lazy-loader.loading .loader {
      opacity: 1; }

.mini-loader .loader {
  width: 20px;
  height: 20px;
  opacity: 1; }
  .mini-loader .loader:before {
    border-color: #7b7b7b; }

.modal-open .body {
  -webkit-filter: blur(10px);
  filter: blur(10px); }

.modal {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.88);
  overflow-y: scroll; }
  .modal .controls {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 99; }
    .modal .controls .control {
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      display: block;
      float: right;
      opacity: 0.5;
      cursor: pointer;
      padding: 20px; }
      .modal .controls .control:hover {
        opacity: 1; }
      .modal .controls .control .icon {
        font-size: 35px; }
  .modal .content {
    padding: 80px 25%;
    margin: 0 auto;
    width: 50%;
    color: #FFFFFF; }
    .modal .content form {
      padding-top: 50px; }
      .modal .content form .field {
        padding-bottom: 30px;
        position: relative; }
        .modal .content form .field .label {
          font-size: 16px; }
        .modal .content form .field.text > .label, .modal .content form .field.radio > .label, .modal .content form .field.checkbox > .label {
          opacity: 0.5;
          width: 100px;
          position: absolute;
          top: 12px;
          left: 0;
          pointer-events: none;
          padding: 0; }
        .modal .content form .field.text input {
          background: transparent;
          font-size: 18px;
          padding-left: 100px;
          padding-right: 0;
          width: 100%;
          color: #FFFFFF;
          border-bottom: 2px solid #FFFFFF;
          border-radius: 0; }
          .modal .content form .field.text input:focus, .modal .content form .field.text input:active {
            border-color: #08d58f; }
        .modal .content form .field.radio, .modal .content form .field.checkbox {
          padding-left: 100px;
          padding-top: 8px; }
      .modal .content form button[type="submit"] {
        margin-top: 50px; }
    .modal .content .add-uri,
    .modal .content .remove-uri {
      position: absolute;
      top: 6px;
      right: 6px;
      padding: 8px;
      margin: 0;
      min-width: 0;
      color: #FFFFFF;
      background: transparent; }
      .modal .content .add-uri:before,
      .modal .content .remove-uri:before {
        display: none !important; }
      .modal .content .add-uri:hover,
      .modal .content .remove-uri:hover {
        color: #08d58f; }
        .modal .content .add-uri:hover.remove-uri,
        .modal .content .remove-uri:hover.remove-uri {
          color: #cf2d2d; }
    .modal .content .list::after {
      content: '';
      clear: both;
      display: block; }
    .modal .content .list .list-item {
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      box-sizing: border-box;
      display: block;
      padding: 14px 12px 12px;
      position: relative;
      border: 0;
      border-radius: 3px;
      margin-left: -12px;
      margin-right: -12px; }
      .modal .content .list .list-item .source {
        position: absolute;
        top: 18px;
        left: 10px; }
      .modal .content .list .list-item:hover {
        background: rgba(255, 255, 255, 0.1); }
      .modal .content .list .list-item.draggable {
        padding-left: 35px !important; }
        .modal .content .list .list-item.draggable .drag-handle {
          position: absolute;
          top: 0;
          left: 0;
          padding: 16px 12px; }
    .modal .content .list.playlists {
      padding-top: 40px; }
      .modal .content .list.playlists .list-item {
        margin: 0 0 20px 0;
        padding: 5px; }
        .modal .content .list.playlists .list-item .thumbnail {
          float: left;
          margin-right: 20px; }
        .modal .content .list.playlists .list-item .source {
          position: static;
          top: auto;
          left: auto; }
    .modal .content .list.small .list-item {
      width: 49%;
      float: left; }
      .modal .content .list.small .list-item:nth-child(2n) {
        margin-left: 2%; }
  .modal.image_zoom .content {
    padding: 100px 5%;
    width: 90%;
    height: 100%;
    box-sizing: border-box; }
    .modal.image_zoom .content .image {
      width: 100%;
      height: 100%;
      background-size: contain;
      background-position: 50% 50%;
      background-repeat: no-repeat; }
  .modal.edit_radio form .field {
    position: relative;
    margin-top: 50px; }
    .modal.edit_radio form .field input[type="text"] {
      padding-right: 80px; }
  .modal.kiosk_mode {
    background: #000000;
    overflow: hidden; }
    .modal.kiosk_mode .content {
      padding: 5%;
      width: 90%;
      height: 90%;
      text-align: center; }
      .modal.kiosk_mode .content .background {
        position: absolute;
        top: -5vh;
        right: -5vw;
        bottom: -5vh;
        left: -5vw;
        width: auto;
        opacity: 0.2;
        max-width: none; }
        .modal.kiosk_mode .content .background .image {
          -webkit-filter: blur(10px);
          filter: blur(10px);
          width: 110vw;
          padding-bottom: 110vh; }
      .modal.kiosk_mode .content .foreground {
        width: 70vw;
        margin: 0 auto;
        max-width: 70vh;
        max-height: 70vh;
        z-index: 2; }
      .modal.kiosk_mode .content .current-track {
        padding-top: 50px;
        font-size: 30px; }
        .modal.kiosk_mode .content .current-track .artist-sentence {
          opacity: 0.5; }
  .modal.send_authorization .list {
    padding-top: 40px; }
  .modal.receive_authorization .user-details {
    padding: 70px 0 0 120px;
    min-height: 100px;
    position: relative; }
    .modal.receive_authorization .user-details::after {
      content: '';
      clear: both;
      display: block; }
    .modal.receive_authorization .user-details .thumbnail {
      max-width: 100px;
      position: absolute;
      top: 50px;
      left: 0; }
  .modal.track_info .lyrics {
    font-size: 1.2em;
    padding: 60px 0; }
  .modal.search_uri_schemes .available-schemes {
    padding-top: 40px; }
    .modal.search_uri_schemes .available-schemes .scheme {
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      margin-left: 0;
      margin-bottom: 8px; }
      .modal.search_uri_schemes .available-schemes .scheme:hover {
        cursor: pointer;
        background: #0fa6ec; }
  .modal .actions {
    padding-top: 50px;
    text-align: center; }
    .modal .actions .button,
    .modal .actions button {
      margin: 0 3px; }
  @media (max-width: 800px) {
    .modal .content {
      padding: 100px 10%;
      width: 80%; }
      .modal .content .list .list-item {
        float: none !important;
        width: auto;
        margin-left: 0 !important;
        border-top: 0;
        width: auto !important;
        margin: 0; }
        .modal .content .list .list-item.draggable .drag-handle {
          padding-top: 14px;
          padding-bottom: 14px; } }

.dragging * {
  cursor: grabbing !important;
  cursor: -moz-grabbing !important;
  cursor: -webkit-grabbing !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.dragger {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 97;
  background: #32b5f2;
  color: #FFFFFF;
  padding: 12px 20px;
  pointer-events: none; }

.dropzones {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 98;
  background: #151515; }
  .dropzones .dropzone {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position: relative;
    border-radius: 3px;
    margin: 15px;
    padding: 40px 20px;
    background: #383734;
    border: 5px solid transparent;
    border-radius: 3px;
    color: #FFFFFF;
    font-size: 18px;
    text-align: center; }
    .dropzones .dropzone:before {
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      border-radius: 3px;
      content: '';
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      opacity: 0;
      z-index: 9;
      pointer-events: none;
      background: -webkit-linear-gradient(to bottom right, rgba(255, 255, 255, 0.75), black);
      background: -moz-linear-gradient(to bottom right, rgba(255, 255, 255, 0.75), black);
      background: -o-linear-gradient(to bottom right, rgba(255, 255, 255, 0.75), black);
      background: linear-gradient(to bottom right, rgba(255, 255, 255, 0.75), black); }
    .dropzones .dropzone * {
      pointer-events: none; }
    .dropzones .dropzone .icon {
      display: block;
      margin: 0 auto 10px;
      width: 32px; }
    .dropzones .dropzone.hover {
      border-color: #32b5f2; }
      .dropzones .dropzone.hover:before {
        opacity: 0.15; }

.thumbnail {
  width: 100%;
  max-width: 300px;
  overflow: hidden;
  position: relative; }
  .thumbnail .image {
    width: 100%;
    padding-bottom: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-color: #1d1d1d;
    background-position: 50% 50%;
    background-size: cover;
    border-radius: 3px; }
  .thumbnail .zoom {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: none;
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 1;
    padding: 10px;
    border-radius: 100%;
    background: rgba(0, 0, 0, 0.4);
    font-size: 12px;
    cursor: pointer;
    color: #FFFFFF; }
    .thumbnail .zoom:hover {
      background: #000000; }
  .thumbnail.small {
    max-width: 50px; }
  .thumbnail.circle .image {
    border-radius: 50%; }
  .thumbnail.circle .zoom {
    bottom: 0;
    right: 0; }
  .thumbnail:hover .zoom {
    display: block; }

.parallax {
  height: 50vh;
  width: 100%;
  overflow: hidden;
  background: #181818;
  position: relative; }
  .parallax canvas {
    width: 110%;
    height: 110%;
    opacity: 0;
    position: absolute;
    top: -5%;
    left: -5%; }
    .parallax canvas.loaded {
      opacity: 1; }
  .parallax.blur canvas {
    -webkit-filter: blur(10px);
    filter: blur(10px); }

/**
 * Iris icon font
 **/
@font-face {
  font-family: 'iris';
  src: url(data:application/x-font-ttf;base64,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
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'iris' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-back:before {
  content: "\E900"; }

.icon-broadcast:before {
  content: "\E901"; }

.icon-cd:before {
  content: "\E902"; }

.icon-chevron-left:before {
  content: "\E903"; }

.icon-chevron-right:before {
  content: "\E904"; }

.icon-close:before {
  content: "\E905"; }

.icon-cog:before {
  content: "\E906"; }

.icon-compass:before {
  content: "\E907"; }

.icon-connection:before {
  content: "\E908"; }

.icon-consume:before {
  content: "\E909"; }

.icon-filter:before {
  content: "\E90A"; }

.icon-folder:before {
  content: "\E90B"; }

.icon-folder-open:before {
  content: "\E90C"; }

.icon-grid:before {
  content: "\E90D"; }

.icon-leaf:before {
  content: "\E90E"; }

.icon-list:before {
  content: "\E90F"; }

.icon-local:before {
  content: "\E910"; }

.icon-mic:before {
  content: "\E911"; }

.icon-music:before {
  content: "\E912"; }

.icon-pause:before {
  content: "\E913"; }

.icon-play:before {
  content: "\E914"; }

.icon-play-alt:before {
  content: "\E915"; }

.icon-playlist:before {
  content: "\E916"; }

.icon-repeat:before {
  content: "\E917"; }

.icon-search:before {
  content: "\E918"; }

.icon-sections:before {
  content: "\E919"; }

.icon-server:before {
  content: "\E91A"; }

.icon-shuffle:before {
  content: "\E91B"; }

.icon-skip:before {
  content: "\E91C"; }

.icon-soundcloud:before {
  content: "\E91D"; }

.icon-speaker:before {
  content: "\E91E"; }

.icon-speaker-group:before {
  content: "\E91F"; }

.icon-spotify:before {
  content: "\E920"; }

.icon-star:before {
  content: "\E921"; }

.icon-stop:before {
  content: "\E922"; }

/**
* Material icons
**/
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(MaterialIcons-Regular.eot?e79bfd88537def476913f3ed52f4f4b3);
  /* For IE6-8 */
  src: local("Material Icons"), local("MaterialIcons-Regular"), url(data:application/font-woff2;base64,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

.material-icon {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  vertical-align: bottom;
  font-size: 1.3em;
  margin-bottom: 0.1em;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga'; }

.slider {
  position: relative;
  cursor: pointer; }
  .slider .track {
    position: absolute;
    background: #323232;
    border-radius: 2px; }
    .slider .track .progress {
      position: absolute;
      background: #08d58f;
      pointer-events: none;
      left: 0;
      border-radius: 2px; }
  .slider.disabled .progress {
    background: rgba(255, 255, 255, 0.25); }
  .slider.horizontal {
    height: 20px; }
    .slider.horizontal .track {
      height: 4px;
      top: 42%;
      right: 0;
      left: 0;
      margin-top: -3px; }
      .slider.horizontal .track .progress {
        top: 0;
        height: 100%;
        max-width: 100%; }
  .slider.vertical {
    width: 20px;
    height: 100%; }
    .slider.vertical .track {
      width: 5px;
      top: 0;
      bottom: 0;
      left: 12px; }
      .slider.vertical .track .progress {
        bottom: 0;
        width: 100%;
        max-height: 100%; }

.playback-controls {
  position: fixed;
  z-index: 99;
  bottom: 0;
  right: 0;
  left: 0;
  height: 50px;
  background: #3e3e3e;
  color: #FFFFFF; }
  .playback-controls .current-track {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position: absolute;
    bottom: 50px;
    width: 220px;
    font-size: 14px;
    color: #FFFFFF;
    text-decoration: none; }
    .playback-controls .current-track .thumbnail {
      float: left;
      margin: 12px;
      cursor: pointer; }
      .playback-controls .current-track .thumbnail:before {
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        display: block;
        content: "\F065";
        font-family: "FontAwesome";
        position: absolute;
        top: 50%;
        left: 0;
        bottom: 0;
        right: 0;
        margin-top: -9px;
        text-align: center;
        font-size: 18px;
        color: #FFFFFF;
        z-index: 1;
        opacity: 0; }
      .playback-controls .current-track .thumbnail:after {
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        content: '';
        display: block;
        background: rgba(0, 0, 0, 0.75);
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        border-radius: 3px;
        opacity: 0; }
      .playback-controls .current-track .thumbnail:hover:after, .playback-controls .current-track .thumbnail:hover:before {
        opacity: 1; }
    .playback-controls .current-track .title {
      padding-top: 20px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .playback-controls .current-track .artist-sentence {
      opacity: 0.5;
      display: block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      .playback-controls .current-track .artist-sentence .artist {
        color: inherit;
        text-decoration: none;
        border-bottom: 1px dotted transparent; }
  .playback-controls .control {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #FFFFFF;
    cursor: pointer;
    padding: 10px 6px;
    display: inline-block;
    vertical-align: bottom;
    opacity: 0.8; }
    .playback-controls .control .icon {
      font-size: 0.9em; }
    .playback-controls .control.active {
      color: #08d58f !important; }
    .playback-controls .control:hover {
      opacity: 1; }
  .playback-controls section {
    position: absolute;
    bottom: 8px; }
    .playback-controls section.playback {
      bottom: 7px;
      left: 10px;
      width: 135px;
      text-align: center; }
      .playback-controls section.playback .control.play {
        font-size: 30px;
        margin-bottom: -8px; }
    .playback-controls section.progress {
      bottom: 10px;
      left: 150px;
      right: 260px;
      padding-left: 20px;
      padding-right: 20px;
      color: #a3a19f; }
      .playback-controls section.progress .slider {
        position: absolute;
        bottom: 2px;
        left: 60px;
        right: 60px; }
      .playback-controls section.progress .current {
        font-size: 11px;
        position: absolute;
        bottom: 6px;
        left: 0;
        width: 50px;
        text-align: right; }
      .playback-controls section.progress .total {
        font-size: 11px;
        position: absolute;
        bottom: 6px;
        right: 0;
        width: 50px; }
    .playback-controls section.settings {
      right: 170px;
      width: 100px;
      text-align: center; }
    .playback-controls section.volume {
      bottom: 6px;
      right: 20px;
      width: 150px;
      font-size: 18px; }
      .playback-controls section.volume .modal-trigger {
        display: none; }
      .playback-controls section.volume .slider-wrapper {
        position: absolute;
        bottom: 6px;
        right: 0;
        left: 30px; }
      .playback-controls section.volume .muted .slider .progress {
        background: #a3a19f; }
    .playback-controls section.triggers {
      display: none; }
  @media (max-width: 800px) {
    .playback-controls .current-track {
      width: auto;
      bottom: auto;
      bottom: 8px;
      left: 60px;
      right: 60px;
      text-align: center;
      font-size: 12px; }
      .playback-controls .current-track .title {
        padding-top: 0; }
      .playback-controls .current-track .thumbnail {
        display: none; }
    .playback-controls section.playback {
      left: 0;
      width: 70px; }
      .playback-controls section.playback .control.play {
        margin-bottom: -8px; }
      .playback-controls section.playback .control.previous {
        display: none; }
      .playback-controls section.playback .control.stop {
        display: none; }
    .playback-controls section.settings {
      display: none; }
    .playback-controls section.volume {
      display: none; }
    .playback-controls section.progress {
      display: none; }
    .playback-controls section.triggers {
      display: block;
      right: 10px; }
      .playback-controls section.triggers .sidebar-toggle.open {
        opacity: 1 !important; }
        .playback-controls section.triggers .sidebar-toggle.open:after {
          background: rgba(0, 0, 0, 0.8);
          content: '';
          display: block;
          position: fixed;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
          z-index: 99; }
    .playback-controls.expanded {
      height: 150px; }
      .playback-controls.expanded section.settings {
        display: block;
        right: 20px;
        bottom: 60px;
        text-align: right; }
      .playback-controls.expanded section.volume {
        width: auto;
        display: block;
        right: 130px;
        left: 22px;
        bottom: 60px; }
      .playback-controls.expanded section.progress {
        display: block;
        bottom: 110px;
        left: 0;
        right: 0; } }

.snapcast button {
  margin-bottom: 0; }

.snapcast .volume-control .mute-control {
  display: inline-block;
  float: left;
  padding: 0 5px;
  border: 0; }

.snapcast .volume-control .slider-wrapper {
  margin-left: 30px; }

.snapcast .volume-control.muted .slider .progress {
  background: #a3a19f; }

.snapcast .volume-control.group-volume-control {
  padding: 10px 0 5px;
  display: block;
  width: 100%;
  box-sizing: border-box; }

.snapcast .volume-control.client-volume-control {
  padding-top: 4px;
  width: 80%;
  padding-right: 10px;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box; }

.snapcast .group {
  padding-top: 10px;
  border-top: 1px solid #383734; }
  .snapcast .group:not(:last-child) {
    padding-bottom: 20px; }
  .snapcast .group .clients {
    padding: 0 10px; }
    .snapcast .group .clients .client {
      border: 0;
      padding: 0;
      clear: both; }
      .snapcast .group .clients .client::after {
        content: '';
        clear: both;
        display: block; }
      .snapcast .group .clients .client:not(:first-child) {
        padding-top: 8px; }
      .snapcast .group .clients .client > .name {
        width: 40%;
        padding-bottom: 4px;
        position: relative;
        display: block;
        box-sizing: border-box;
        border: 0; }
        .snapcast .group .clients .client > .name input {
          width: 100%;
          padding-right: 30px; }
        .snapcast .group .clients .client > .name .group-dropdown-field {
          float: right;
          margin-bottom: -4rem; }
      .snapcast .group .clients .client > .volume {
        width: 28%;
        padding-left: 2%; }
      .snapcast .group .clients .client > .latency {
        width: 28%;
        padding-left: 2%; }
      .snapcast .group .clients .client > .volume input,
      .snapcast .group .clients .client > .latency input {
        width: 20%; }
      .snapcast .group .clients .client .latency-control {
        display: inline-block;
        vertical-align: middle;
        padding-top: 4px;
        width: 80%;
        padding-right: 10px;
        box-sizing: border-box; }
        .snapcast .group .clients .client .latency-control .zero {
          position: absolute;
          top: -4px;
          left: 50%;
          bottom: 0;
          width: 1px;
          background: #383734;
          z-index: 1; }
        .snapcast .group .clients .client .latency-control .progress.positive {
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
        .snapcast .group .clients .client .latency-control .progress.negative {
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
      @media (max-width: 800px) {
        .snapcast .group .clients .client {
          padding-left: 0 !important;
          padding-right: 0 !important;
          padding-top: 0 !important; }
          .snapcast .group .clients .client .col {
            clear: both;
            display: block !important;
            float: none !important;
            width: auto !important;
            padding: 0; }
            .snapcast .group .clients .client .col::after {
              content: '';
              clear: both;
              display: block; }
            .snapcast .group .clients .client .col.volume, .snapcast .group .clients .client .col.latency {
              padding-top: 5px; } }

aside {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 96;
  width: 220px;
  overflow: hidden;
  background: #121212;
  border-right: 1px solid #1d1d1d;
  color: #FFFFFF;
  box-sizing: border-box; }
  aside .liner {
    overflow-y: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 120px;
    box-sizing: border-box;
    z-index: 2;
    overflow-y: auto; }
  aside .branding {
    height: 50px;
    margin-top: 30px;
    opacity: 0.2;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDE2IDE2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNiAxNjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZD0iTTYuNiwxMC43bC00LjQsNC4zVjEuMWw0LjQsNC4zVjEwLjd6IE02LjYsMS4xdjIuMWw1LDQuOGwtNSw0Ljl2MkwxMy44LDhMNi42LDEuMXoiLz4NCjwvc3ZnPg0K);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain; }
  aside nav {
    z-index: 2;
    position: relative;
    padding-top: 20px;
    line-height: 1em; }
    aside nav a {
      position: relative;
      border-radius: 3px;
      font-family: "Overpass";
      font-weight: 500;
      font-size: 14px;
      color: #FFFFFF;
      text-decoration: none;
      display: block;
      padding: 10px 10px 8px;
      margin: 0 16px;
      border-radius: 3px; }
      aside nav a:before {
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        border-radius: 3px;
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0;
        z-index: 9;
        pointer-events: none;
        background: -webkit-linear-gradient(to bottom right, rgba(255, 255, 255, 0.75), black);
        background: -moz-linear-gradient(to bottom right, rgba(255, 255, 255, 0.75), black);
        background: -o-linear-gradient(to bottom right, rgba(255, 255, 255, 0.75), black);
        background: linear-gradient(to bottom right, rgba(255, 255, 255, 0.75), black); }
      aside nav a .icon {
        padding-right: 8px;
        vertical-align: top;
        margin-top: -1px;
        font-size: 14px; }
      aside nav a .status {
        margin-left: 5px;
        float: right; }
        aside nav a .status .icon {
          padding-right: 0;
          padding-left: 8px; }
      aside nav a.active {
        background: #08d58f;
        color: #FFFFFF; }
        aside nav a.active:before {
          opacity: 0.15; }
      aside nav a[disabled] {
        opacity: 0.3;
        cursor: not-allowed; }
      aside nav a:hover:not([disabled]):before {
        opacity: 0.15; }
    aside nav section {
      padding-bottom: 25px; }
      aside nav section title {
        display: block;
        padding: 0 26px 5px 26px;
        font-size: 10px;
        text-transform: uppercase;
        opacity: 0.5;
        color: #a3a19f; }
  aside .close {
    display: none;
    position: absolute;
    bottom: 4px;
    right: 4px;
    padding: 10px 8px;
    display: inline-block;
    opacity: 0.5;
    z-index: 99; }
  @media (max-width: 800px) {
    aside {
      -webkit-transition: all 0.15s ease-in-out;
      -moz-transition: all 0.15s ease-in-out;
      -o-transition: all 0.15s ease-in-out;
      transition: all 0.15s ease-in-out;
      width: 220px;
      left: auto;
      right: -220px;
      padding-bottom: 0;
      position: fixed;
      z-index: 100; }
      .sidebar-open aside {
        -ms-transform: translate(-220px, 0);
        -webkit-transform: translate(-220px, 0);
        transform: translate(-220px, 0); }
      aside .liner {
        bottom: 0 !important;
        padding-bottom: 30px; }
      aside .thumbnail {
        display: none; }
      aside .close {
        display: block; }
      aside nav section {
        padding-bottom: 10px; }
        aside nav section title {
          padding-bottom: 2px; } }

.list .list-item {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  position: relative;
  margin: 0 -10px -1px -10px;
  padding: 14px 30px 13px 10px;
  border-radius: 3px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  border-top: 1px solid rgba(255, 255, 255, 0.05); }
  .list .list-item::after {
    content: '';
    clear: both;
    display: block; }
  .list .list-item.selected {
    background: rgba(255, 255, 255, 0.08) !important; }
    .list .list-item.selected .select-zone::after {
      background: #32b5f2;
      border-color: #32b5f2 !important; }
  .list .list-item.playing {
    color: #08d58f; }
  .list .list-item .select-zone,
  .list .list-item .drag-zone {
    display: none; }
    .list .list-item .select-zone *,
    .list .list-item .drag-zone * {
      pointer-events: none; }
  .list .list-item .context-menu-trigger {
    position: absolute;
    top: 2px;
    right: 0;
    font-size: 14px;
    z-index: 2; }
    .list .list-item .context-menu-trigger:before {
      display: none !important; }
  .list .list-item .source {
    color: #a3a19f;
    position: absolute;
    top: 16px;
    right: 32px; }
  :root .notouch:not(.dragging) .list .list-item:not(.header):not(.no-click).hover {
    background: rgba(255, 255, 255, 0.03);
    cursor: pointer; }
  .list .list-item.header {
    font-size: 10px;
    color: #383734;
    text-transform: uppercase;
    border-top: 0;
    padding-bottom: 2px; }
  .list .list-item.field {
    padding: 0 !important; }
    .list .list-item.field > label {
      display: block;
      position: relative;
      padding: 12px 10px 12px 20px;
      cursor: pointer; }
  .list .list-item .uri-placeholder {
    word-break: break-all; }

.list.track-list .list-item {
  cursor: pointer; }
  .list.track-list .list-item .col.name {
    width: 40%; }
  .list.track-list .list-item .col.artists, .list.track-list .list-item .col.album {
    width: 25%; }
  .list.track-list .list-item .col.duration {
    width: 5%; }
  :root .dragging .list.track-list .list-item.hover, .list.track-list .list-item.touch-drag-hover {
    border-top: 3px solid #32b5f2;
    margin-top: -3px;
    background: transparent; }
  .list.track-list .list-item.has-touch-drag-zone {
    padding-left: 45px; }
    .list.track-list .list-item.has-touch-drag-zone .drag-zone {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 34px;
      font-size: 14px;
      display: block;
      color: #a3a19f; }
      .list.track-list .list-item.has-touch-drag-zone .drag-zone .icon {
        position: absolute;
        top: 50%;
        left: 10px;
        margin-top: -8px;
        pointer-events: none; }

.list.playlist-list .list-item {
  cursor: pointer; }
  .list.playlist-list .list-item .col.name {
    width: 50%; }
  .list.playlist-list .list-item .col.owner {
    width: 20%; }
  .list.playlist-list .list-item .col.source, .list.playlist-list .list-item .col.can_edit, .list.playlist-list .list-item .col.tracks_total, .list.playlist-list .list-item .col.popularity {
    width: 10%; }

.list.album-list .list-item {
  cursor: pointer; }
  .list.album-list .list-item .col.name, .list.album-list .list-item .col.artists {
    width: 30%; }
  .list.album-list .list-item .col.added_at, .list.album-list .list-item .col.release_date {
    width: 15%; }
  .list.album-list .list-item .col.tracks_total {
    width: 10%; }

.list.library-local-album-list .list-item {
  cursor: pointer; }
  .list.library-local-album-list .list-item .col.name, .list.library-local-album-list .list-item .col.artists {
    width: 45%; }
  .list.library-local-album-list .list-item .col.tracks_total {
    width: 10%; }

.list.artist-list .list-item {
  cursor: pointer; }
  .list.artist-list .list-item .col.name {
    width: 70%; }
  .list.artist-list .list-item .col.followers_total, .list.artist-list .list-item .col.popularity {
    width: 15%; }

.list.queue-track-list {
  cursor: pointer; }
  .list.queue-track-list .list-item {
    padding-right: 60px; }
    .list.queue-track-list .list-item .col.name, .list.queue-track-list .list-item .col.artists, .list.queue-track-list .list-item .col.album {
      width: 25%; }
    .list.queue-track-list .list-item .col.added {
      width: 20%; }
      .list.queue-track-list .list-item .col.added .by {
        padding-right: 0.25em; }
      .list.queue-track-list .list-item .col.added .from:before {
        content: '(';
        display: inline-block; }
      .list.queue-track-list .list-item .col.added .from:after {
        content: ')';
        display: inline-block; }

.list.queue-history-track-list .list-item {
  cursor: pointer; }
  .list.queue-history-track-list .list-item .col.name {
    width: 60%; }
  .list.queue-history-track-list .list-item .col.played_at, .list.queue-history-track-list .list-item .col.source {
    width: 20%; }

.list.related-artist-list {
  padding-bottom: 20px;
  cursor: pointer; }
  .list.related-artist-list .artist {
    display: block;
    border: 0;
    margin: 10px 0; }
    .list.related-artist-list .artist::after {
      content: '';
      clear: both;
      display: block; }
    .list.related-artist-list .artist .thumbnail {
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      border-radius: 50%;
      width: 50px;
      margin-right: 15px;
      float: left;
      border: 3px solid transparent; }
    .list.related-artist-list .artist .name {
      display: block;
      padding-top: 20px; }
  .list.related-artist-list a.artist:hover .thumbnail {
    border-color: #08d58f;
    opacity: 1; }

.list.library-local-view .list-item, .list.library-local-directory-list .list-item {
  cursor: pointer; }

@media (max-width: 800px) {
  .list .list-item {
    padding: 12px !important; }
    .list .list-item .source {
      position: static;
      float: none; }
    .list .list-item .context-zone {
      top: 14px; }
    .list .list-item .col.name {
      width: auto !important;
      padding-right: 10%;
      display: block;
      float: none; }
    .list .list-item .col.duration {
      width: auto !important;
      position: absolute;
      right: 10px;
      text-align: right;
      z-index: 1; }
    .list .list-item .col:not(.name):not(.duration):not(.album):not(.added) {
      color: #a3a19f;
      display: inline;
      width: auto !important;
      float: none !important;
      word-wrap: break-word; }
    .list .list-item .col.followers_total:after {
      content: ' followers'; }
    .list .list-item .col.tracks_total:after {
      content: ' tracks'; }
    .list .list-item .col.popularity:after {
      content: '% popularity'; }
    .list .list-item .col.album, .list .list-item .col.can_edit, .list .list-item .col.release_date {
      display: none; }
    .list .list-item.header {
      display: none; }
  .list.queue-track-list .list-item .artists {
    padding-left: 0 !important; }
    .list.queue-track-list .list-item .artists:before {
      display: none !important; }
  .list.queue-track-list .list-item .source {
    display: none !important; }
  .list.queue-track-list .list-item .added {
    width: auto !important;
    float: none !important;
    padding-left: 0.25em; }
    .list.queue-track-list .list-item .added .by,
    .list.queue-track-list .list-item .added .empty {
      display: none; }
    .list.queue-track-list .list-item .added .from {
      padding-left: 14px;
      text-transform: capitalize; }
      .list.queue-track-list .list-item .added .from:before {
        content: '\2022' !important;
        display: inline-block;
        margin-left: -8px;
        padding-right: 6px; }
      .list.queue-track-list .list-item .added .from:after {
        display: none !important; }
      .list.queue-track-list .list-item .added .from .label {
        display: none; }
  .list.queue-history-track-list .list-item .source {
    display: none !important; }
  .list.track-list .list-item.can-sort {
    padding-left: 40px !important; } }

.grid .grid-item-wrapper {
  display: inline-block; }

.grid .grid-item {
  display: inline-block;
  vertical-align: top;
  border-bottom: 0;
  position: relative; }
  .grid .grid-item .thumbnail {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    max-width: 100%; }
  .grid .grid-item .name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 8px; }
  .grid .grid-item .secondary {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 2px;
    color: #888888; }
    .grid .grid-item .secondary .source {
      padding-right: 6px; }
  .grid .grid-item:hover {
    cursor: pointer; }
    .grid .grid-item:hover .thumbnail {
      opacity: 0.75; }
  .grid .grid-item:active, .grid .grid-item:focus {
    -moz-transform: scale(0.98);
    -webkit-transform: scale(0.98);
    transform: scale(0.98); }

.grid.category-grid .grid-item {
  position: relative; }
  .grid.category-grid .grid-item .name {
    position: absolute;
    bottom: 15%;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF; }

@media (min-width: 1000px) {
  .grid.category-grid .grid-item .name {
    font-size: 16px; } }

@media (min-width: 1900px) {
  .grid.mini .grid-item {
    width: 30.66667%;
    box-sizing: border-box;
    margin: 0 2% 3%; }
    .grid.mini .grid-item:nth-child(3n-3) {
      margin-right: 0; }
      .grid.mini .grid-item:nth-child(3n-3)::after {
        content: '';
        clear: both;
        display: block; }
    .grid.mini .grid-item:nth-child(3n-2) {
      margin-left: 0; }
  .grid.mini.single-row .grid-item:nth-child(1n+4) {
    display: none; }
  .grid:not(.mini) .grid-item {
    width: 16.8%;
    box-sizing: border-box;
    margin: 0 2% 3%; }
    .grid:not(.mini) .grid-item:nth-child(5n-5) {
      margin-right: 0; }
      .grid:not(.mini) .grid-item:nth-child(5n-5)::after {
        content: '';
        clear: both;
        display: block; }
    .grid:not(.mini) .grid-item:nth-child(5n-4) {
      margin-left: 0; }
  .grid:not(.mini).single-row .grid-item:nth-child(1n+6) {
    display: none; } }

@media (max-width: 1899px) and (min-width: 1200px) {
  .grid.mini .grid-item {
    width: 48%;
    box-sizing: border-box;
    margin: 0 2% 3%; }
    .grid.mini .grid-item:nth-child(2n-2) {
      margin-right: 0; }
      .grid.mini .grid-item:nth-child(2n-2)::after {
        content: '';
        clear: both;
        display: block; }
    .grid.mini .grid-item:nth-child(2n-1) {
      margin-left: 0; }
  .grid.mini.single-row .grid-item:nth-child(1n+3) {
    display: none; }
  .grid:not(.mini) .grid-item {
    width: 22%;
    box-sizing: border-box;
    margin: 0 2% 3%; }
    .grid:not(.mini) .grid-item:nth-child(4n-4) {
      margin-right: 0; }
      .grid:not(.mini) .grid-item:nth-child(4n-4)::after {
        content: '';
        clear: both;
        display: block; }
    .grid:not(.mini) .grid-item:nth-child(4n-3) {
      margin-left: 0; }
  .grid:not(.mini).single-row .grid-item:nth-child(1n+5) {
    display: none; } }

@media (max-width: 1199px) and (min-width: 800px) {
  .grid.mini .grid-item {
    width: 48%;
    box-sizing: border-box;
    margin: 0 2% 3%; }
    .grid.mini .grid-item:nth-child(2n-2) {
      margin-right: 0; }
      .grid.mini .grid-item:nth-child(2n-2)::after {
        content: '';
        clear: both;
        display: block; }
    .grid.mini .grid-item:nth-child(2n-1) {
      margin-left: 0; }
  .grid.mini.single-row .grid-item:nth-child(1n+3) {
    display: none; }
  .grid:not(.mini) .grid-item {
    width: 22%;
    box-sizing: border-box;
    margin: 0 2% 3%; }
    .grid:not(.mini) .grid-item:nth-child(4n-4) {
      margin-right: 0; }
      .grid:not(.mini) .grid-item:nth-child(4n-4)::after {
        content: '';
        clear: both;
        display: block; }
    .grid:not(.mini) .grid-item:nth-child(4n-3) {
      margin-left: 0; }
  .grid:not(.mini).single-row .grid-item:nth-child(1n+5) {
    display: none; } }

@media (max-width: 799px) and (min-width: 500px) {
  .grid.mini .grid-item {
    width: 13.33333%;
    box-sizing: border-box;
    margin: 0 2% 4%; }
    .grid.mini .grid-item:nth-child(6n-6) {
      margin-right: 0; }
      .grid.mini .grid-item:nth-child(6n-6)::after {
        content: '';
        clear: both;
        display: block; }
    .grid.mini .grid-item:nth-child(6n-5) {
      margin-left: 0; }
  .grid.mini.single-row .grid-item:nth-child(1n+7) {
    display: none; }
  .grid:not(.mini) .grid-item {
    width: 30.66667%;
    box-sizing: border-box;
    margin: 0 2% 4%; }
    .grid:not(.mini) .grid-item:nth-child(3n-3) {
      margin-right: 0; }
      .grid:not(.mini) .grid-item:nth-child(3n-3)::after {
        content: '';
        clear: both;
        display: block; }
    .grid:not(.mini) .grid-item:nth-child(3n-2) {
      margin-left: 0; }
  .grid:not(.mini).single-row .grid-item:nth-child(1n+4) {
    display: none; } }

@media (max-width: 499px) {
  .grid.mini .grid-item {
    width: 30.66667%;
    box-sizing: border-box;
    margin: 0 2% 4%; }
    .grid.mini .grid-item:nth-child(3n-3) {
      margin-right: 0; }
      .grid.mini .grid-item:nth-child(3n-3)::after {
        content: '';
        clear: both;
        display: block; }
    .grid.mini .grid-item:nth-child(3n-2) {
      margin-left: 0; }
  .grid.mini.single-row .grid-item:nth-child(1n+4) {
    display: none; }
  .grid:not(.mini) .grid-item {
    width: 48%;
    box-sizing: border-box;
    margin: 0 2% 4%; }
    .grid:not(.mini) .grid-item:nth-child(2n-2) {
      margin-right: 0; }
      .grid:not(.mini) .grid-item:nth-child(2n-2)::after {
        content: '';
        clear: both;
        display: block; }
    .grid:not(.mini) .grid-item:nth-child(2n-1) {
      margin-left: 0; }
  .grid:not(.mini).single-row .grid-item:nth-child(1n+5) {
    display: none; } }

.tiles {
  padding-bottom: 60px; }
  .tiles .tile {
    color: #FFFFFF;
    text-align: center;
    position: relative;
    z-index: 1;
    float: left;
    overflow: hidden; }
    .tiles .tile .content {
      display: block;
      position: absolute;
      top: 50%;
      left: 10%;
      right: 10%;
      vertical-align: top;
      margin-top: -12px;
      font-size: 16px;
      z-index: 2; }
    .tiles .tile:last-child::after {
      content: '';
      clear: both;
      display: block; }
    .tiles .tile:before {
      content: '';
      display: block;
      width: 100%;
      padding-bottom: 100%;
      background: #1d1d1d;
      z-index: -2; }
    .tiles .tile.thumbnail-wrapper:before {
      display: none; }
  .tiles.artist-stats .tile .content .fa {
    display: block;
    position: absolute;
    top: 50%;
    left: 10%;
    right: 10%;
    text-align: center;
    margin-top: -27px;
    font-size: 60px;
    z-index: -1;
    opacity: 0.1; }
  @media (min-width: 800px) {
    .tiles.artist-stats .tile {
      width: 48%;
      box-sizing: border-box;
      margin: 0 2% 3%; }
      .tiles.artist-stats .tile:nth-child(2n-2) {
        margin-right: 0; }
        .tiles.artist-stats .tile:nth-child(2n-2)::after {
          content: '';
          clear: both;
          display: block; }
      .tiles.artist-stats .tile:nth-child(2n-1) {
        margin-left: 0; } }
  @media (max-width: 800px) {
    .tiles.artist-stats {
      padding-bottom: 20px; }
      .tiles.artist-stats .tile {
        width: 30.66667%;
        box-sizing: border-box;
        margin: 0 2% 3%; }
        .tiles.artist-stats .tile:nth-child(3n-3) {
          margin-right: 0; }
          .tiles.artist-stats .tile:nth-child(3n-3)::after {
            content: '';
            clear: both;
            display: block; }
        .tiles.artist-stats .tile:nth-child(3n-2) {
          margin-left: 0; } }
  @media (max-width: 350px) {
    .tiles.artist-stats .tile .text {
      font-size: 14px; }
      .tiles.artist-stats .tile .text .fa {
        font-size: 28px;
        margin-top: -12px; } }

.grid-slider-wrapper {
  padding-bottom: 10px;
  position: relative; }
  .grid-slider-wrapper .controls {
    position: absolute;
    top: -5px;
    right: 0; }
    .grid-slider-wrapper .controls .fa {
      display: inline-block;
      padding: 8px;
      margin-left: 2px;
      cursor: pointer;
      opacity: 0.5;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      .grid-slider-wrapper .controls .fa[disabled] {
        opacity: 0.2;
        cursor: not-allowed; }
      .grid-slider-wrapper .controls .fa:hover {
        opacity: 1; }
  .grid-slider-wrapper .grid-slider {
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
    height: 17vw; }
    .has-touch-events .grid-slider-wrapper .grid-slider {
      overflow-x: scroll; }
    .grid-slider-wrapper .grid-slider .liner {
      position: absolute;
      top: 0;
      left: 0;
      width: 400%;
      box-sizing: border-box;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      .grid-slider-wrapper .grid-slider .liner .grid-item {
        width: 4%;
        margin: 0 0.5% !important; }
  @media (max-width: 800px) {
    .grid-slider-wrapper .grid-slider {
      height: 23vw; } }
  @media (max-width: 500px) {
    .grid-slider-wrapper .grid-slider {
      height: 40vw; }
      .grid-slider-wrapper .grid-slider .liner {
        width: 666.6667%; } }

main header {
  box-sizing: border-box;
  padding: 40px;
  margin-bottom: -40px; }
  main header h1 {
    display: inline-block; }
    main header h1 > .icon {
      display: inline-block;
      padding-right: 14px;
      vertical-align: bottom;
      margin-bottom: 8px;
      font-size: 0.9em; }
  main header .options {
    position: absolute;
    top: 2.6rem;
    right: 40px; }
    main header .options .context-menu-trigger {
      display: none;
      font-size: 18px;
      padding: 16px 14px; }
    main header .options .button,
    main header .options button {
      font-size: 13px;
      font-weight: 800;
      font-family: "Overpass";
      background: transparent;
      text-transform: none;
      padding: 13px 10px;
      margin: 0;
      min-width: 0;
      color: #cecac4; }
      main header .options .button:hover,
      main header .options button:hover {
        color: #32b5f2;
        box-shadow: none; }
        main header .options .button:hover:before,
        main header .options button:hover:before {
          display: none; }
  main header.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 98; }
  @media (max-width: 800px) {
    main header {
      padding: 10px 10px 10px 0;
      margin-bottom: -10px; }
      main header h1 {
        vertical-align: top;
        padding-top: 6px; }
        main header h1 > .icon {
          margin-bottom: 2px;
          padding-right: 6px;
          margin-left: 10px; }
      main header .options {
        top: 8px;
        right: 0; }
        main header .options .context-menu-trigger {
          display: block; }
        main header .options .items {
          display: none; } }

.notifications {
  position: fixed;
  bottom: 65px;
  right: 15px;
  z-index: 97;
  pointer-events: none;
  width: 300px; }
  .notifications .notification {
    animation-name: fadein;
    animation-duration: 0.2s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    display: block;
    position: relative;
    background: #32b5f2;
    padding: 16px 40px 16px 22px;
    margin: 10px 0 0 0;
    color: #FFFFFF;
    pointer-events: all;
    border-radius: 3px; }

@keyframes fadein {
  0% {
    opacity: 0;
    transform: translateY(5px); }
  100% {
    opacity: 1;
    transform: translateY(0px); } }
    .notifications .notification h4 {
      padding-top: 0; }
    .notifications .notification p a {
      color: inherit;
      text-decoration: none;
      border-bottom: 1px dotted #000000; }
    .notifications .notification p.description {
      font-size: 14px;
      opacity: 0.5;
      padding-top: 5px;
      line-height: 1.1em; }
    .notifications .notification .close-button {
      position: absolute;
      top: 4px;
      right: 0;
      font-size: 12px;
      padding: 14px;
      cursor: pointer;
      opacity: 0.5; }
      .notifications .notification .close-button:hover {
        opacity: 1; }
    .notifications .notification.good {
      background: #47af2a; }
    .notifications .notification.broadcast {
      background: #FFF39C;
      color: #000000; }
    .notifications .notification.info {
      background: #383734; }
    .notifications .notification.warning {
      background: #f16f19; }
    .notifications .notification.bad {
      background: #cf2d2d; }
    .notifications .notification.closing, .notifications .notification.finishing {
      animation-name: fadeout;
      animation-duration: 0.2s;
      animation-timing-function: linear;
      animation-iteration-count: 1; }

@keyframes fadeout {
  0% {
    opacity: 1;
    transform: translateY(0px); }
  100% {
    opacity: 0;
    transform: translateY(5px); } }
    .notifications .notification.process {
      position: relative;
      padding-right: 18px;
      padding-left: 50px; }
      .notifications .notification.process.cancelling {
        color: rgba(255, 255, 255, 0.5); }
      .notifications .notification.process .loader {
        width: 20px;
        height: 20px;
        position: absolute;
        top: 16px;
        left: 18px;
        opacity: 1;
        z-index: 2; }
        .notifications .notification.process .loader:before {
          border-color: transparent; }
        .notifications .notification.process .loader:after {
          border-right-color: #FFFFFF; }
        .notifications .notification.process .loader .progress {
          position: absolute;
          top: 4px;
          left: 4px;
          bottom: 4px;
          right: 4px;
          border-radius: 50%;
          overflow: hidden; }
          .notifications .notification.process .loader .progress .fill {
            background: #FFFFFF;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            opacity: 0.35; }
  .notifications .shortcut-notification {
    position: fixed;
    top: 50vh;
    left: 50vw;
    height: 400px;
    width: 400px;
    margin: -200px 0 0 -200px;
    background: rgba(0, 0, 0, 0.88);
    color: #FFFFFF;
    border-radius: 10px;
    text-align: center; }
    .notifications .shortcut-notification .icon {
      font-size: 140px;
      line-height: 400px; }
  .notifications .loading {
    animation-name: pulse;
    animation-duration: 0.1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    position: fixed;
    bottom: 8px;
    right: 8px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #a3a19f; }
    .notifications .loading.high {
      background: #cf2d2d; }
    .notifications .loading.medium {
      background: #f16f19; }
    .notifications .loading.low {
      background: #47af2a; }
  @media (max-width: 800px) {
    .notifications {
      bottom: 60px;
      left: 10px;
      right: 10px;
      width: auto; }
      .notifications .loading {
        bottom: 20px;
        right: 40px; } }

.dropdown-field {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 13px;
  font-weight: 800;
  font-family: "Overpass";
  position: relative;
  display: inline-block; }
  .dropdown-field .label .icon {
    padding-right: 8px; }
  .dropdown-field .label:not(.button) {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    padding: 14px 10px;
    cursor: pointer; }
    .notouch .dropdown-field .label:not(.button):hover {
      color: #32b5f2; }
  .dropdown-field.expanded .label:not(.button) {
    color: #32b5f2; }
  .dropdown-field.expanded .options {
    display: block; }
  .dropdown-field.no-status-icon .options .option {
    padding-left: 12px; }
  .dropdown-field.no-label .label > .text {
    display: none; }
  .dropdown-field .options {
    position: absolute;
    top: 46px;
    right: 10px;
    z-index: 97;
    display: none;
    box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.2); }
    .dropdown-field .options:before {
      content: '';
      display: block;
      position: absolute;
      top: -6px;
      right: 10px;
      background: #FFFFFF;
      width: 0;
      height: 0;
      border-left: 5px solid #121212;
      border-right: 5px solid #121212;
      border-bottom: 6px solid #FFFFFF; }
    .dropdown-field .options > .liner {
      color: #000000;
      background: #FFFFFF;
      min-width: 120px;
      max-height: 70vh;
      overflow-y: auto;
      border-radius: 3px; }
      .dropdown-field .options > .liner:before {
        content: '';
        display: block;
        position: absolute;
        top: -6px;
        right: 10px;
        background: #FFFFFF;
        width: 0;
        height: 0;
        border-left: 5px solid #121212;
        border-right: 5px solid #121212;
        border-bottom: 6px solid #FFFFFF; }
      .dropdown-field .options > .liner .option {
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        position: relative;
        padding: 9px 12px 8px 24px;
        cursor: pointer; }
        .dropdown-field .options > .liner .option:before {
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
          content: '';
          display: block;
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          opacity: 0;
          z-index: 9;
          background: -webkit-linear-gradient(to bottom right, white, rgba(0, 0, 0, 0.5));
          background: -moz-linear-gradient(to bottom right, white, rgba(0, 0, 0, 0.5));
          background: -o-linear-gradient(to bottom right, white, rgba(0, 0, 0, 0.5));
          background: linear-gradient(to bottom right, white, rgba(0, 0, 0, 0.5)); }
        .dropdown-field .options > .liner .option .icon {
          position: absolute;
          top: 8px;
          left: 6px;
          font-size: 16px; }
        .notouch .dropdown-field .options > .liner .option:hover {
          color: #000000; }
          .notouch .dropdown-field .options > .liner .option:hover:before {
            opacity: 0.15; }

.autocomplete-field {
  position: relative; }
  .autocomplete-field .input {
    width: 100%; }
  .autocomplete-field.loading .input {
    position: relative; }
    .autocomplete-field.loading .input:after {
      position: absolute;
      display: block;
      content: '';
      background: rgba(255, 255, 255, 0.2);
      opacity: 1;
      animation: slideloader 1s infinite;
      bottom: 0;
      left: 0;
      right: 0;
      height: 4px;
      z-index: 1; }
  .autocomplete-field .results {
    position: absolute;
    top: 37px;
    left: 0;
    right: 0;
    z-index: 97;
    background: #181818;
    color: #FFFFFF; }
    .autocomplete-field .results .type:not(:first-child) {
      padding-top: 5px; }
    .autocomplete-field .results .type h4 {
      padding: 10px 14px 4px;
      margin: 0;
      font-size: 12px;
      text-transform: uppercase; }
    .autocomplete-field .results .type .result {
      display: block;
      padding: 10px 14px;
      border-top: 1px solid #323232;
      cursor: pointer; }
      .autocomplete-field .results .type .result:hover {
        background: #323232; }
    .autocomplete-field .results .all-results {
      display: block;
      padding: 10px 14px;
      border-top: 1px solid #323232;
      cursor: pointer;
      font-weight: bold; }
      .autocomplete-field .results .all-results:hover {
        background: #323232; }

.filter-field form {
  display: inline-block;
  position: relative; }

.filter-field .icon {
  position: absolute;
  top: 10px;
  left: 15px;
  pointer-events: none; }

.filter-field input {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  width: 0;
  padding-left: 25px;
  background: transparent; }

.filter-field:not(.active) input {
  cursor: pointer; }

.filter-field:not(.active):hover .icon {
  color: #32b5f2; }

.filter-field.active input {
  width: 180px;
  padding-left: 35px;
  background: #383734; }

#context-menu .filter-field {
  display: block;
  border-bottom: 1px solid #454440; }
  #context-menu .filter-field .icon {
    top: 15px;
    left: 24px;
    color: #FFFFFF !important; }
  #context-menu .filter-field form {
    width: 100%; }
    #context-menu .filter-field form input {
      padding: 14px 18px 14px 42px;
      width: 100%;
      box-sizing: border-box; }

.sub-views .option {
  font-family: "Overpass";
  letter-spacing: -0.04em;
  font-weight: 600;
  color: #FFFFFF;
  display: inline-block;
  margin-right: 25px;
  font-size: 15px;
  font-weight: 500;
  border-bottom: 3px solid transparent;
  cursor: pointer; }
  .sub-views .option h4 {
    margin: 8px 0 4px; }
  .sub-views .option.active {
    border-color: #FFFFFF; }
  .sub-views .option:not(.active):hover {
    border-color: rgba(255, 255, 255, 0.2); }

@media (max-width: 800px) {
  .sub-views .option {
    margin-right: 15px; } }

.debug-info {
  font-size: 10px;
  position: fixed;
  top: 10px;
  right: 1vw;
  border-radius: 3px;
  z-index: 96;
  padding: 10px;
  background: rgba(100, 100, 100, 0.8);
  color: #FFFFFF;
  pointer-events: none;
  width: 220px;
  max-width: 98vw; }

.has-tooltip {
  position: relative; }
  .has-tooltip .tooltip {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    position: absolute;
    bottom: 37px;
    left: 1px;
    right: auto;
    opacity: 0;
    padding: 8px 10px 6px;
    border-radius: 3px;
    pointer-events: none;
    background: #FFFFFF;
    color: #000000;
    font-size: 11px;
    z-index: 97;
    white-space: nowrap;
    text-align: left; }
    .has-tooltip .tooltip:first-letter {
      text-transform: uppercase; }
    .has-tooltip .tooltip:after {
      content: '';
      display: block;
      width: 6px;
      height: 6px;
      background: #FFFFFF;
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      position: absolute;
      bottom: -3px;
      left: 9px; }
  .has-tooltip:hover .tooltip {
    opacity: 1;
    bottom: 35px; }
  .has-tooltip.right-tooltip .tooltip {
    left: auto;
    right: -5px; }
    .has-tooltip.right-tooltip .tooltip:after {
      right: 9px;
      left: auto; }
  .has-tooltip.large-tooltip .tooltip {
    padding: 8px 12px;
    font-size: 12px;
    line-height: 14px;
    bottom: 50px;
    white-space: wrap;
    max-width: 200px; }

.services .menu {
  margin: 0 -5px;
  display: flex;
  flex-wrap: wrap; }
  .services .menu::after {
    content: '';
    clear: both;
    display: block; }
  .services .menu .menu-item-wrapper {
    width: 25%;
    min-width: 140px;
    max-width: 200px;
    padding: 5px 5px 10px 5px;
    display: block;
    box-sizing: border-box; }
    .services .menu .menu-item-wrapper .menu-item {
      -webkit-transition: all 0.1 ease-in-out;
      -moz-transition: all 0.1 ease-in-out;
      -o-transition: all 0.1 ease-in-out;
      transition: all 0.1 ease-in-out;
      position: relative;
      padding: 30px 10px;
      border-radius: 3px;
      background: #121212;
      display: block;
      text-align: center;
      box-sizing: border-box;
      border: 0; }
      .services .menu .menu-item-wrapper .menu-item:hover {
        background: #222222; }
      .services .menu .menu-item-wrapper .menu-item:active {
        -moz-transform: scale(0.98);
        -webkit-transform: scale(0.98);
        transform: scale(0.98); }
      .services .menu .menu-item-wrapper .menu-item.active {
        background: #222222;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0; }
        .services .menu .menu-item-wrapper .menu-item.active:after {
          height: 14px;
          bottom: -14px; }
      .services .menu .menu-item-wrapper .menu-item:after {
        content: '';
        display: block;
        width: 100%;
        height: 0;
        position: absolute;
        bottom: 0;
        left: 0;
        background: #222222; }
      .services .menu .menu-item-wrapper .menu-item .thumbnail {
        margin-bottom: 15px;
        display: inline-block; }
      .services .menu .menu-item-wrapper .menu-item .fa {
        font-size: 40px;
        height: 40px;
        margin-top: 10px;
        margin-bottom: 15px; }
      .services .menu .menu-item-wrapper .menu-item .title {
        margin: 0;
        padding: 0;
        font-weight: bold;
        font-size: 16px; }

.services .service {
  padding: 20px;
  border-radius: 0 0 3px 3px;
  background: #222222; }
  .services .service .field:last-child {
    padding-bottom: 0; }

@media (max-width: 800px) {
  .services .menu .menu-item-wrapper {
    width: 50%;
    max-width: none;
    min-width: none;
    padding-bottom: 5px; }
    .services .menu .menu-item-wrapper .menu-item {
      padding-top: 10px;
      padding-bottom: 10px; }
      .services .menu .menu-item-wrapper .menu-item:after {
        display: none; }
  .services .service {
    margin-top: 5px; } }

.artist-view .body-loader:not(.lazy-loader) {
  padding: 15vh 0; }

.artist-view .intro {
  position: relative; }
  .artist-view .intro::after {
    content: '';
    clear: both;
    display: block; }
  .artist-view .intro .parallax {
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: auto; }
  .artist-view .intro .liner {
    position: relative;
    z-index: 1;
    padding: 35vh 40px 0; }
    .artist-view .intro .liner h1 {
      padding-bottom: 25px;
      font-size: 5rem;
      line-height: 5rem; }
    .artist-view .intro .liner .actions {
      padding-bottom: 25px; }
      .artist-view .intro .liner .actions .context-menu-trigger {
        color: #FFFFFF; }

.artist-view .body.overview .albums {
  padding-top: 30px; }

.artist-view .body.about::after {
  content: '';
  clear: both;
  display: block; }

.artist-view .body.about .biography {
  padding-left: 40px;
  box-sizing: border-box; }
  .artist-view .body.about .biography .biography-text {
    overflow-wrap: break-word; }

@media (max-width: 1000px) {
  .artist-view .intro .liner h1 {
    font-size: 4rem;
    line-height: 4rem; } }

@media (max-width: 800px) {
  .artist-view .intro {
    margin-bottom: 0; }
    .artist-view .intro .parallax {
      height: 60vh; }
    .artist-view .intro .liner {
      padding-left: 0;
      padding-right: 0;
      padding-top: 30vh; }
      .artist-view .intro .liner .thumbnail {
        position: static;
        float: left;
        margin: 0 20px 0 20px;
        width: 30%; }
      .artist-view .intro .liner h1 {
        padding: 15vw 10px 0;
        font-size: 3rem;
        line-height: 3rem; }
        .artist-view .intro .liner h1::after {
          content: '';
          clear: both;
          display: block; }
      .artist-view .intro .liner .actions {
        padding: 30px 10px 10px; }
      .artist-view .intro .liner .sub-views {
        margin-left: 5px; }
        .artist-view .intro .liner .sub-views .option {
          margin: 0 8px; }
  .artist-view .body.overview .top-tracks h4 {
    display: none; }
  .artist-view .body.overview .albums h4 {
    padding: 0;
    margin: 0 0 -30px; }
  .artist-view .body.overview .col.w70 {
    width: 100%; }
  .artist-view .body.overview .col.w5,
  .artist-view .body.overview .related-artists {
    display: none; }
  .artist-view .body.overview .grid-wrapper {
    padding-top: 40px !important; }
  .artist-view .body.about .col.w40,
  .artist-view .body.about .col.w60 {
    width: 100%;
    float: none; }
    .artist-view .body.about .col.w40::after,
    .artist-view .body.about .col.w60::after {
      content: '';
      clear: both;
      display: block; }
  .artist-view .body.about .biography {
    padding-left: 0; } }

.user-view .intro {
  position: relative; }
  .user-view .intro::after {
    content: '';
    clear: both;
    display: block; }
  .user-view .intro .parallax {
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: auto; }
  .user-view .intro .liner {
    position: relative;
    z-index: 1;
    padding: 35vh 40px 0; }
    .user-view .intro .liner h1 {
      padding-bottom: 15px;
      font-size: 4rem; }
    .user-view .intro .liner h2 {
      padding-bottom: 25px; }

@media (max-width: 800px) {
  .user-view .intro .thumbnail {
    float: none;
    margin: 0 auto 20px; }
  .user-view .intro .liner {
    padding: 15vh 10px 0; }
  .user-view .intro h1 {
    padding-top: 0;
    font-size: 3rem;
    line-height: 3rem; } }

main .album-view {
  padding-left: 30%;
  position: relative; }
  main .album-view .title h2 a:hover {
    color: #706e6c; }
  main .album-view .title .details {
    padding: 25px 0 30px; }
  main .album-view .actions {
    padding-bottom: 30px; }
  main .album-view .thumbnail-wrapper {
    position: absolute;
    padding: 40px;
    width: 30%;
    top: 0;
    left: 0;
    box-sizing: border-box; }
    main .album-view .thumbnail-wrapper .thumbnail {
      max-width: 100%; }
  @media (max-width: 800px) {
    main .album-view {
      padding-top: 0;
      padding-left: 10px; }
      main .album-view .thumbnail-wrapper {
        width: 40%;
        padding: 10px 20px 10px 0;
        float: left;
        position: static; }
        main .album-view .thumbnail-wrapper .thumbnail {
          float: none;
          max-width: none;
          margin: 0 0 0 0; }
      main .album-view .title {
        padding: 30px 0 20px 40%; }
        main .album-view .title .details {
          padding: 5px 0; }
      main .album-view .actions {
        padding: 10px 0 20px 40%; }
        main .album-view .actions::after {
          content: '';
          clear: both;
          display: block; } }
  @media (max-width: 500px) {
    main .album-view .title {
      padding: 20px 20px 10px 40%;
      min-height: 20vw; }
      main .album-view .title::after {
        content: '';
        clear: both;
        display: block; }
    main .album-view .actions {
      padding: 0; } }

main .playlist-view {
  padding-left: 30%;
  position: relative; }
  main .playlist-view .title h2 a:hover {
    color: #706e6c; }
  main .playlist-view .title .details {
    padding: 25px 0 30px; }
  main .playlist-view .actions {
    padding-bottom: 30px; }
  main .playlist-view .thumbnail-wrapper {
    position: absolute;
    padding: 40px;
    width: 30%;
    top: 0;
    left: 0;
    box-sizing: border-box; }
    main .playlist-view .thumbnail-wrapper .thumbnail {
      max-width: 100%; }
  @media (max-width: 800px) {
    main .playlist-view {
      padding-top: 0;
      padding-left: 10px; }
      main .playlist-view .thumbnail-wrapper {
        width: 40%;
        padding: 10px 20px 10px 0;
        float: left;
        position: static; }
        main .playlist-view .thumbnail-wrapper .thumbnail {
          float: none;
          max-width: none;
          margin: 0 0 0 0; }
      main .playlist-view .title {
        padding: 30px 0 20px 40%; }
        main .playlist-view .title .details {
          padding: 5px 0; }
      main .playlist-view .actions {
        padding: 10px 0 20px 40%; }
        main .playlist-view .actions::after {
          content: '';
          clear: both;
          display: block; } }
  @media (max-width: 500px) {
    main .playlist-view .title {
      padding: 20px 20px 10px 40%;
      min-height: 20vw; }
      main .playlist-view .title::after {
        content: '';
        clear: both;
        display: block; }
    main .playlist-view .actions {
      padding: 0; } }

main .track-view {
  padding-left: 30%;
  position: relative; }
  main .track-view .title h2 a:hover {
    color: #706e6c; }
  main .track-view .title .details {
    padding: 25px 0 30px; }
    main .track-view .title .details .flag {
      margin-left: 0;
      margin-right: 0; }
  main .track-view .actions {
    padding-bottom: 30px; }
  main .track-view .thumbnail-wrapper {
    position: absolute;
    padding: 40px;
    width: 30%;
    top: 0;
    left: 0;
    box-sizing: border-box; }
    main .track-view .thumbnail-wrapper .thumbnail {
      max-width: 100%; }
  main .track-view .lyrics .body-loader {
    padding: 10vh 0; }
  main .track-view .lyrics .content {
    padding-bottom: 20px; }
    main .track-view .lyrics .content *,
    main .track-view .lyrics .content * {
      font-size: 18px;
      line-height: normal;
      white-space: normal; }
  main .track-view .lyrics-selector {
    padding-bottom: 20px; }
  @media (max-width: 800px) {
    main .track-view {
      padding-top: 0;
      padding-left: 10px; }
      main .track-view .thumbnail-wrapper {
        width: 40%;
        padding: 10px 20px 10px 0;
        float: left;
        position: static; }
        main .track-view .thumbnail-wrapper .thumbnail {
          float: none;
          max-width: none;
          margin: 0 0 0 0; }
      main .track-view .title {
        padding: 30px 0 20px 40%; }
        main .track-view .title .details {
          padding: 5px 0; }
      main .track-view .actions {
        padding: 10px 0 20px 40%; }
        main .track-view .actions::after {
          content: '';
          clear: both;
          display: block; } }
  @media (max-width: 500px) {
    main .track-view .title {
      padding: 20px 20px 10px 40%;
      min-height: 20vw; }
      main .track-view .title::after {
        content: '';
        clear: both;
        display: block; }
    main .track-view .actions {
      padding: 0; } }

.queue-view .parallax {
  opacity: 0.5;
  margin-bottom: -45vh; }

.queue-view .current-track {
  text-align: center;
  padding: 60px 0; }
  .queue-view .current-track .artwork {
    position: relative;
    margin: 0 auto;
    width: 60%;
    max-width: 60vh;
    display: block;
    border: 0 !important; }
    .queue-view .current-track .artwork .thumbnail {
      margin: 0 auto;
      max-width: 100%; }
    .queue-view .current-track .artwork.radio-enabled .thumbnail {
      box-sizing: border-box; }
    .queue-view .current-track .artwork.radio-enabled .radio-overlay {
      position: absolute;
      top: -15%;
      left: -15%;
      width: 130%;
      height: 130%;
      z-index: 2; }
  .queue-view .current-track .title {
    font-size: 18px;
    padding-top: 20px; }
  .queue-view .current-track .artist-sentence {
    display: block;
    font-size: 18px;
    opacity: 0.5; }

.search-view .search-form {
  position: absolute;
  top: 30px;
  left: 90px;
  right: 250px; }
  .search-view .search-form input {
    font-family: "Overpass";
    letter-spacing: -0.04em;
    font-weight: 600;
    padding: 6px 0 4px 0;
    width: 100%;
    font-size: 3rem;
    font-weight: 700;
    height: 4rem;
    background: transparent;
    border-bottom: 2px solid #383734;
    border-radius: 0;
    /* handle Safari's ridiculous non-vertical centering */ }
    .search-view .search-form input:not(:root:root) {
      height: 4rem;
      margin-top: -1rem; }
    .search-view .search-form input:focus, .search-view .search-form input:active {
      border-color: #08d58f; }

.search-view .search-result-sections {
  padding-bottom: 30px; }
  .search-view .search-result-sections section {
    width: 31%;
    float: left;
    margin-right: 3.5%; }
    .search-view .search-result-sections section:last-child {
      margin-right: 0; }
    .search-view .search-result-sections section .grid-item {
      width: 48%;
      box-sizing: border-box;
      margin: 0 2% 3%; }
      .search-view .search-result-sections section .grid-item:nth-child(2n-2) {
        margin-right: 0; }
        .search-view .search-result-sections section .grid-item:nth-child(2n-2)::after {
          content: '';
          clear: both;
          display: block; }
      .search-view .search-result-sections section .grid-item:nth-child(2n-1) {
        margin-left: 0; }
      .search-view .search-result-sections section .grid-item:nth-child(1n+5) {
        display: none; }

@media (max-width: 800px) {
  .search-view header .icon {
    margin-top: 8px; }
  .search-view .search-form {
    top: 10px;
    left: 40px;
    right: 60px; }
    .search-view .search-form input {
      font-size: 1.8rem;
      height: 2.5rem; }
  .search-view .search-result-sections {
    padding: 10px 10px 0; }
    .search-view .search-result-sections section {
      width: auto;
      float: none; } }

.library-albums-view .albums-detail-subview > .album {
  position: relative;
  padding-bottom: 60px;
  min-height: 220px; }
  .library-albums-view .albums-detail-subview > .album .thumbnail {
    max-width: 220px;
    position: absolute; }
  .library-albums-view .albums-detail-subview > .album .detail {
    padding-bottom: 20px; }
  .library-albums-view .albums-detail-subview > .album .detail,
  .library-albums-view .albums-detail-subview > .album .track-list {
    padding-left: 260px; }

@media (max-width: 1000px) {
  .library-albums-view .albums-detail-subview > .album .thumbnail {
    max-width: 160px; }
  .library-albums-view .albums-detail-subview > .album .detail,
  .library-albums-view .albums-detail-subview > .album .track-list {
    padding-left: 160px; } }

@media (max-width: 600px) {
  .library-albums-view .albums-detail-subview {
    padding: 20px 0; }
  .library-albums-view .albums-detail-subview > .album .thumbnail {
    max-width: 60px;
    margin-left: 20px; }
  .library-albums-view .albums-detail-subview > .album .detail {
    padding-left: 80px;
    min-height: 70px; }
    .library-albums-view .albums-detail-subview > .album .detail h3 {
      padding-left: 10px;
      padding-top: 8px; }
    .library-albums-view .albums-detail-subview > .album .detail h4 {
      padding-left: 10px; }
  .library-albums-view .albums-detail-subview > .album .track-list {
    padding-left: 0px; } }

.discover-view .intro {
  position: relative;
  padding: 90px 40px 70px;
  z-index: 1; }
  .discover-view .intro .parallax {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; }
  .discover-view .intro h1 {
    font-size: 3rem;
    line-height: 3rem; }
  .discover-view .intro .liner {
    z-index: 2;
    position: relative;
    color: #FFFFFF; }
    .discover-view .intro .liner h2 {
      padding-bottom: 8px; }

.discover-view .parameters {
  padding-top: 50px; }
  .discover-view .parameters::after {
    content: '';
    clear: both;
    display: block; }
  .discover-view .parameters .seeds,
  .discover-view .parameters .tunabilities {
    float: left; }

.discover-view .seeds .seed {
  color: #FFFFFF;
  padding: 0 30px 30px 0;
  float: left; }
  .discover-view .seeds .seed .thumbnail-wrapper {
    float: left;
    width: 44px;
    border: 0 !important; }
  .discover-view .seeds .seed .label .remove {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    font-size: 10px;
    padding: 4px;
    margin-left: 4px; }
    .discover-view .seeds .seed .label .remove:hover {
      color: #cf2d2d; }
  .discover-view .seeds .seed .name {
    font-size: 16px;
    padding-top: 3px; }
  .discover-view .seeds .seed.has-thumbnail .label,
  .discover-view .seeds .seed.has-thumbnail .name {
    padding-left: 52px; }

.discover-view .tunabilities::after {
  content: '';
  clear: both;
  display: block; }

.discover-view .tunabilities .tunability {
  width: 200px;
  float: left;
  box-sizing: border-box;
  padding: 0 30px 30px 0;
  position: relative; }
  .discover-view .tunabilities .tunability .input {
    float: none;
    width: 100%;
    padding-top: 4px; }
  .discover-view .tunabilities .tunability .input-range .input-range__label-container {
    display: none; }
  .discover-view .tunabilities .tunability .remove {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    font-size: 10px;
    padding: 4px;
    margin-left: 4px; }
    .discover-view .tunabilities .tunability .remove:hover {
      color: #cf2d2d; }

.discover-view .actions {
  padding-top: 40px; }
  .discover-view .actions .autocomplete-field {
    width: 250px;
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin-right: 1px; }
    .discover-view .actions .autocomplete-field .input {
      float: none;
      margin: 0 10px 10px 0; }
      .discover-view .actions .autocomplete-field .input input {
        background: rgba(100, 100, 100, 0.5);
        color: #FFFFFF;
        padding: 15px 13px 10px;
        font-size: 16px;
        border: 1px solid transparent;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0; }
        .discover-view .actions .autocomplete-field .input input:focus, .discover-view .actions .autocomplete-field .input input:active {
          border-color: #32b5f2; }
        .discover-view .actions .autocomplete-field .input input:not(*:root) {
          padding-top: 16px;
          padding-bottom: 11px; }
      .discover-view .actions .autocomplete-field .input:after {
        background: #32b5f2; }
    .discover-view .actions .autocomplete-field .results {
      top: 49px; }
  .discover-view .actions .dropdown-field .button {
    background: rgba(100, 100, 100, 0.5);
    color: #FFFFFF;
    padding: 16px 20px 14px 20px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .discover-view .actions .dropdown-field .options {
    top: 50px;
    right: 20px; }

.discover-view section .grid {
  padding-bottom: 20px; }

@media (max-width: 800px) {
  .discover-view .intro {
    padding: 40px 20px; }
  .discover-view .parameters .seeds {
    padding-top: 20px;
    float: none; }
    .discover-view .parameters .seeds .seed {
      float: none; }
  .discover-view .parameters .tunabilities {
    float: none; }
    .discover-view .parameters .tunabilities .tunability {
      width: 100%;
      float: none; }
  .discover-view .parameters .add .add-properties {
    margin-right: 0; }
  .discover-view .actions .add-seed-field {
    width: 69%; }
  .discover-view .actions .add-properties {
    width: 30%;
    margin-right: 0; }
  .discover-view .col.tracks {
    width: 100%; }
  .discover-view .col.others, .discover-view .col.w5 {
    display: none; } }

.discover-featured-view .intro,
.discover-new-releases-view .intro {
  position: relative;
  padding-top: 80px; }
  .discover-featured-view .intro header,
  .discover-new-releases-view .intro header {
    margin-bottom: 0; }
  .discover-featured-view .intro .parallax,
  .discover-new-releases-view .intro .parallax {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; }
  .discover-featured-view .intro .content,
  .discover-new-releases-view .intro .content {
    padding: 40px;
    color: #FFFFFF;
    position: relative;
    z-index: 2; }
    .discover-featured-view .intro .content .thumbnail,
    .discover-new-releases-view .intro .content .thumbnail {
      float: left;
      max-width: 200px; }
    .discover-featured-view .intro .content h1,
    .discover-featured-view .intro .content h2,
    .discover-featured-view .intro .content h3,
    .discover-featured-view .intro .content .actions,
    .discover-new-releases-view .intro .content h1,
    .discover-new-releases-view .intro .content h2,
    .discover-new-releases-view .intro .content h3,
    .discover-new-releases-view .intro .content .actions {
      padding-left: 240px; }
    .discover-featured-view .intro .content h2,
    .discover-new-releases-view .intro .content h2 {
      padding-top: 20px; }
    .discover-featured-view .intro .content h3,
    .discover-new-releases-view .intro .content h3 {
      opacity: 0.5; }
    .discover-featured-view .intro .content .actions,
    .discover-new-releases-view .intro .content .actions {
      padding-top: 40px; }

@media (max-width: 800px) {
  .discover-featured-view .intro,
  .discover-new-releases-view .intro {
    padding-top: 50px; }
    .discover-featured-view .intro .content,
    .discover-new-releases-view .intro .content {
      padding: 20px; }
      .discover-featured-view .intro .content h1,
      .discover-new-releases-view .intro .content h1 {
        padding-top: 0; }
      .discover-featured-view .intro .content h2,
      .discover-new-releases-view .intro .content h2 {
        padding-top: 0; }
      .discover-featured-view .intro .content h3,
      .discover-new-releases-view .intro .content h3 {
        line-height: 1.3em; }
      .discover-featured-view .intro .content h2,
      .discover-featured-view .intro .content h3,
      .discover-featured-view .intro .content .actions,
      .discover-new-releases-view .intro .content h2,
      .discover-new-releases-view .intro .content h3,
      .discover-new-releases-view .intro .content .actions {
        padding-left: 45%; }
      .discover-featured-view .intro .content .actions,
      .discover-new-releases-view .intro .content .actions {
        padding-top: 15px; }
      .discover-featured-view .intro .content .thumbnail,
      .discover-new-releases-view .intro .content .thumbnail {
        max-width: 40%; } }

.settings-view .intro {
  position: relative; }
  .settings-view .intro::after {
    content: '';
    clear: both;
    display: block; }
  .settings-view .intro .parallax {
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: auto;
    opacity: 0.5; }
  .settings-view .intro .liner {
    position: relative;
    z-index: 1;
    padding: 20vh 40px 0; }
    .settings-view .intro .liner .sub-views {
      position: relative; }

.settings-view .content-wrapper {
  padding-top: 0; }

.settings-view .field.current-user .text .user {
  border: 0;
  position: relative; }
  .settings-view .field.current-user .text .user .thumbnail {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position: absolute;
    display: block;
    top: -14px;
    left: 0;
    max-width: 40px;
    border: 2px solid transparent;
    border-radius: 50%; }
  .settings-view .field.current-user .text .user .user-name {
    padding: 2px 14px 2px 55px; }
  .settings-view .field.current-user .text .user[href]:hover .thumbnail {
    cursor: pointer;
    border-color: #08d58f; }

.settings-view .field.pusher-connections .connection.me {
  color: #08d58f; }

@media (max-width: 800px) {
  .settings-view .intro .liner {
    padding: 15vh 20px 0; }
  .settings-view .content-wrapper {
    padding-bottom: 60px; }
  .settings-view .field.pusher-connections .connection .col {
    width: auto;
    display: inline-block;
    padding-right: 10px; }
  .settings-view .field.current-user .text {
    padding-top: 10px;
    padding-bottom: 10px; }
  .settings-view section {
    padding: 20px; } }

.debugger-view section {
  padding: 40px; }

@media (max-width: 800px) {
  .debugger-view section {
    padding: 20px; } }

/*# sourceMappingURL=app.css.map*/