@charset "UTF-8";
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
/* line 2, /Users/Devin/GitHub/spotio/skin/vendor/_normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/* line 16, /Users/Devin/GitHub/spotio/skin/vendor/_normalize.scss */
audio,
canvas,
video {
  display: inline-block; }

/* line 21, /Users/Devin/GitHub/spotio/skin/vendor/_normalize.scss */
audio:not([controls]) {
  display: none;
  height: 0; }

/* line 25, /Users/Devin/GitHub/spotio/skin/vendor/_normalize.scss */
[hidden] {
  display: none; }

/* line 28, /Users/Devin/GitHub/spotio/skin/vendor/_normalize.scss */
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

/* line 33, /Users/Devin/GitHub/spotio/skin/vendor/_normalize.scss */
body {
  margin: 0; }

/* line 36, /Users/Devin/GitHub/spotio/skin/vendor/_normalize.scss */
a:focus {
  outline: none; }

/* line 39, /Users/Devin/GitHub/spotio/skin/vendor/_normalize.scss */
a:active,
a:hover {
  outline: 0; }

/* line 43, /Users/Devin/GitHub/spotio/skin/vendor/_normalize.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* line 47, /Users/Devin/GitHub/spotio/skin/vendor/_normalize.scss */
abbr[title] {
  border-bottom: 1px dotted; }

/* line 50, /Users/Devin/GitHub/spotio/skin/vendor/_normalize.scss */
b,
strong {
  font-weight: 400; }

/* line 54, /Users/Devin/GitHub/spotio/skin/vendor/_normalize.scss */
dfn {
  font-style: italic; }

/* line 57, /Users/Devin/GitHub/spotio/skin/vendor/_normalize.scss */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/* line 62, /Users/Devin/GitHub/spotio/skin/vendor/_normalize.scss */
mark {
  background: #ff0;
  color: #000; }

/* line 66, /Users/Devin/GitHub/spotio/skin/vendor/_normalize.scss */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
  margin: 0; }

/* line 74, /Users/Devin/GitHub/spotio/skin/vendor/_normalize.scss */
pre {
  white-space: pre-wrap; }

/* line 77, /Users/Devin/GitHub/spotio/skin/vendor/_normalize.scss */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/* line 80, /Users/Devin/GitHub/spotio/skin/vendor/_normalize.scss */
small {
  font-size: 80%; }

/* line 83, /Users/Devin/GitHub/spotio/skin/vendor/_normalize.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

/* line 90, /Users/Devin/GitHub/spotio/skin/vendor/_normalize.scss */
sup {
  top: -0.5em; }

/* line 93, /Users/Devin/GitHub/spotio/skin/vendor/_normalize.scss */
sub {
  bottom: -0.25em; }

/* line 96, /Users/Devin/GitHub/spotio/skin/vendor/_normalize.scss */
img {
  border: 0; }

/* line 99, /Users/Devin/GitHub/spotio/skin/vendor/_normalize.scss */
svg:not(:root) {
  overflow: hidden; }

/* line 102, /Users/Devin/GitHub/spotio/skin/vendor/_normalize.scss */
figure {
  margin: 0; }

/* line 105, /Users/Devin/GitHub/spotio/skin/vendor/_normalize.scss */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/* line 110, /Users/Devin/GitHub/spotio/skin/vendor/_normalize.scss */
legend {
  border: 0;
  padding: 0; }

/* line 114, /Users/Devin/GitHub/spotio/skin/vendor/_normalize.scss */
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0; }

/* line 122, /Users/Devin/GitHub/spotio/skin/vendor/_normalize.scss */
button,
input {
  line-height: normal; }

/* line 126, /Users/Devin/GitHub/spotio/skin/vendor/_normalize.scss */
button,
select {
  text-transform: none; }

/* line 130, /Users/Devin/GitHub/spotio/skin/vendor/_normalize.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

/* line 137, /Users/Devin/GitHub/spotio/skin/vendor/_normalize.scss */
button[disabled],
html input[disabled] {
  cursor: default; }

/* line 141, /Users/Devin/GitHub/spotio/skin/vendor/_normalize.scss */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

/* line 146, /Users/Devin/GitHub/spotio/skin/vendor/_normalize.scss */
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

/* line 152, /Users/Devin/GitHub/spotio/skin/vendor/_normalize.scss */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/* line 156, /Users/Devin/GitHub/spotio/skin/vendor/_normalize.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/* line 161, /Users/Devin/GitHub/spotio/skin/vendor/_normalize.scss */
textarea {
  overflow: auto;
  vertical-align: top; }

/* line 165, /Users/Devin/GitHub/spotio/skin/vendor/_normalize.scss */
table {
  border-spacing: 0; }

/* line 1, /Users/Devin/GitHub/spotio/skin/objects/_contextmenu.scss */
body {
  margin: 0;
  padding: 0; }

/* line 6, /Users/Devin/GitHub/spotio/skin/objects/_contextmenu.scss */
.context-menu-container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }
  /* line 12, /Users/Devin/GitHub/spotio/skin/objects/_contextmenu.scss */
  .context-menu-container ::-webkit-scrollbar-track {
    background-color: #f2f3f6 !important; }
  /* line 15, /Users/Devin/GitHub/spotio/skin/objects/_contextmenu.scss */
  .context-menu-container ::-webkit-scrollbar {
    width: 10px;
    background-color: #9CA6AC !important; }
  /* line 19, /Users/Devin/GitHub/spotio/skin/objects/_contextmenu.scss */
  .context-menu-container ::-webkit-scrollbar:horizontal {
    height: 10px; }
  /* line 22, /Users/Devin/GitHub/spotio/skin/objects/_contextmenu.scss */
  .context-menu-container ::-webkit-scrollbar-thumb {
    border: 1px solid #ffffff !important;
    border-radius: 10px;
    background-color: #9CA6AC !important; }
  /* line 27, /Users/Devin/GitHub/spotio/skin/objects/_contextmenu.scss */
  .context-menu-container ::-webkit-scrollbar-corner {
    background-color: #f2f3f6 !important; }

/* line 32, /Users/Devin/GitHub/spotio/skin/objects/_contextmenu.scss */
.context-menu {
  padding: 5px 0;
  position: absolute;
  display: none;
  width: auto;
  min-width: 160px;
  max-width: 350px;
  color: #56666F !important;
  background-color: #f2f3f6 !important;
  box-shadow: 0 0 10px rgba(86, 102, 111, 0.8) !important; }

/* line 44, /Users/Devin/GitHub/spotio/skin/objects/_contextmenu.scss */
.context-menu .item {
  padding: 4px 25px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: default;
  line-height: 18px; }

/* line 54, /Users/Devin/GitHub/spotio/skin/objects/_contextmenu.scss */
.context-menu .sep {
  display: block;
  margin: 4px 0;
  height: 1px;
  background-color: #E5E8EA !important; }

/* line 61, /Users/Devin/GitHub/spotio/skin/objects/_contextmenu.scss */
.context-menu .item.disabled {
  color: #9CA6AC !important; }

/* line 65, /Users/Devin/GitHub/spotio/skin/objects/_contextmenu.scss */
.context-menu .filter-search {
  position: fixed;
  left: 0;
  right: 0;
  height: 0;
  width: 0;
  opacity: 0; }

/* line 74, /Users/Devin/GitHub/spotio/skin/objects/_contextmenu.scss */
.context-menu .filter-search input:focus {
  outline: 0; }

/* line 78, /Users/Devin/GitHub/spotio/skin/objects/_contextmenu.scss */
.context-menu .item.disabled.hover {
  background-color: transparent; }

/* line 82, /Users/Devin/GitHub/spotio/skin/objects/_contextmenu.scss */
.context-menu .item.check {
  padding-left: 10px; }

/* line 86, /Users/Devin/GitHub/spotio/skin/objects/_contextmenu.scss */
.context-menu .item.check:before {
  content: '✓';
  font-weight: bold;
  display: inline-block;
  width: 15px; }

/* line 93, /Users/Devin/GitHub/spotio/skin/objects/_contextmenu.scss */
.context-menu .item span {
  pointer-events: none; }

/* line 97, /Users/Devin/GitHub/spotio/skin/objects/_contextmenu.scss */
.context-menu .item.secondary {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-right: 10px; }

/* line 104, /Users/Devin/GitHub/spotio/skin/objects/_contextmenu.scss */
.context-menu .item.secondary .text {
  overflow: hidden;
  text-overflow: ellipsis; }

/* line 109, /Users/Devin/GitHub/spotio/skin/objects/_contextmenu.scss */
.context-menu .item.secondary .secondary {
  margin-left: 20px;
  letter-spacing: 1px;
  flex-shrink: 0; }

/* line 115, /Users/Devin/GitHub/spotio/skin/objects/_contextmenu.scss */
.context-menu .filtered {
  display: none; }

/* line 119, /Users/Devin/GitHub/spotio/skin/objects/_contextmenu.scss */
.context-menu .item .highlight {
  background-color: #cfcf00;
  color: #333;
  padding: 0 3px;
  border-radius: 2px; }

/* line 126, /Users/Devin/GitHub/spotio/skin/objects/_contextmenu.scss */
.context-menu .item.parent:after {
  content: ' ';
  display: block;
  position: absolute;
  right: 10px;
  top: 8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #666; }

/* line 139, /Users/Devin/GitHub/spotio/skin/objects/_contextmenu.scss */
.context-menu .item.hover {
  background-color: #dde1e3 !important;
  cursor: default; }

/* line 144, /Users/Devin/GitHub/spotio/skin/objects/_contextmenu.scss */
.context-menu .item.active, .context-menu .item:active {
  background-color: #bbc3c8 !important; }

/* line 148, /Users/Devin/GitHub/spotio/skin/objects/_contextmenu.scss */
.context-menu .item:last-child {
  border: 0; }

@keyframes glue-keyframes-rotate {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@font-face {
  font-family: 'spotify-circular';
  src: url("https://d2j0f09xqmv212.cloudfront.net/fonts/CircularSpUIT-Light.ttf") format("truetype");
  font-weight: 200;
  font-style: normal; }

@font-face {
  font-family: 'spotify-circular';
  src: url("https://d2j0f09xqmv212.cloudfront.net/fonts/CircularSpUIT-Book.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'spotify-circular';
  src: url("https://d2j0f09xqmv212.cloudfront.net/fonts/CircularSpUIT-Bold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'Whitney';
  src: url("/fonts/Whitney-Light.eot");
  /* IE9 Compat Modes */
  src: url("/fonts/Whitney-Light.eot?#iefix") format("embedded-opentype"), url("/fonts/Whitney-Light.woff") format("woff"), url("/fonts/Whitney-Light.ttf") format("truetype"), url("/fonts/Whitney-Light.svg#8ded3776ecf328b599f345385da981be") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: 200; }

@font-face {
  font-family: 'Whitney';
  src: url("/fonts/Whitney-Book.eot");
  /* IE9 Compat Modes */
  src: url("/fonts/Whitney-Book.eot?#iefix") format("embedded-opentype"), url("/fonts/Whitney-Book.woff") format("woff"), url("/fonts/Whitney-Book.ttf") format("truetype"), url("/fonts/Whitney-Book.svg#f28578544bcd221f22d5dc42685e92f2") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: 'Whitney';
  src: url("/fonts/Whitney-Bold.eot");
  /* IE9 Compat Modes */
  src: url("/fonts/Whitney-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/Whitney-Bold.woff") format("woff"), url("/fonts/Whitney-Bold.ttf") format("truetype"), url("/fonts/Whitney-Bold.svg#ea4cb46c3a1f8ac3e9553c5155895e33") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: 600; }

/**
 * Typography
 *
 * Please consider typographic consistency when you create new elements.
 * 99.99% of all type elements should be covered by some combination of the classes below:
 *
 * - Headers (`h1`-`h5`)
 * - Standard body/paragraph text
 * - Standard tags: `code`<br>
 *   <span class="text-warning">`strong`, `em` and `small` are NOT SUGGESTED OR SUPPORTED.</span>
 * - Standard classes: `lead`, `text-muted`, `text-warning`, `text-danger`, and `text-success`
 * - Article classes (used on biograph or reviews where readability is more important): `article-text`.
 *
 * The css attributes that you should most certainly not override are:
 *
 * - `font-family`
 * - `font-size`
 * - `color`
 * - `line-height`
 * - `font-weight`
 * - `letter-spacing`
 *
 * If you feel like you need to do something that cannot be done with some combination of these options, please reach out to the design team to see if we should include it in GLUE.
 *
 * Styleguide 20.1
 */
/**
 * Links
 *
 * Text links should be underlined on hover. However. Regular text underlining
 * is ugly so the underline is accomplished with a `border-bottom`. This means
 * that text links cannot have `display: block;` If you need them to behave like
 * a block, you must wrap them.
 *
 * <span class="text-warning">If you want a link that isn't text related, just
 * override the bottom border.</span>
 *
 * Markup: <!-- Correct -->
 * <div style="max-width: 200px"><a href="#">A link like a block of text. Hooray!</a></div>
 * <!-- Incorrect -->
 * <a style="display: block; max-width: 200px" href="#">A link styled like a block. This is just totally wrong. Boo!</a>
 *
 * Styleguide 20.1.1
 */
/**
 * Body Text
 *
 * This is standard text.
 *
 * Markup: <p class="{$modifiers}">To be, or not to be, that is the <a href="#">question</a>: Whether 'tis Nobler in the mind to suffer The Slings and Arrows of outrageous Fortune, Or to take Arms against a Sea of troubles, And by opposing end them: to die, to sleep No more; and by a sleep, to say we end The Heart-ache, and the thousand Natural shocks That Flesh is heir to? 'Tis a consummation Devoutly to be wished. To die, to sleep, To sleep, perchance to Dream; Aye, there's the rub.</p>
 *
 * .lead             - Used for a leading paragraph.
 *
 * Styleguide 20.1.2
 */
/* line 111, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
p {
  margin: 0 0 10px;
  cursor: default; }

/* line 115, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
.lead {
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 24px; }

/* line 120, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
small,
.small {
  font-size: 100%; }

/* line 124, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
strong,
.strong {
  font-weight: 400; }

/* line 128, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
em,
.em {
  font-style: normal; }

/* line 132, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
cite {
  font-style: normal; }

/**
 * Article Text
 *
 * This is standard text for article pages like reviews or bios.
 *
 * Markup: <div class="article-text">
 *   <p class="{$modifiers}">To be, or not to be, that is the <a href="#">question</a>: Whether 'tis Nobler in the mind to suffer The Slings and Arrows of outrageous Fortune, Or to take Arms against a Sea of troubles, And by opposing end them: to die, to sleep No more; and by a sleep, to say we end The Heart-ache, and the thousand Natural shocks That Flesh is heir to? 'Tis a consummation Devoutly to be wished. To die, to sleep, To sleep, perchance to Dream; Aye, there's the rub.</p>
 * </div>
 *
 * .lead             - Used for a leading paragraph.
 *
 * Styleguide 20.1.3
 */
/* line 148, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
.article-text p {
  font-size: 18px;
  line-height: 24px;
  margin: 0 0 12px; }

/* line 153, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
.article-text .lead {
  margin-bottom: 24px;
  font-size: 28px;
  line-height: 36px; }

/**
 * Text modifiers
 *
 * Markup:
 *   <p class="{$modifiers}">Some short text with <a href="#">a link</a> inside</p>
 *   <a class="{$modifiers}" href="#">Some link</a>
 *
 * .text-secondary    - Secondary text - this modifies ONLY LINKS!
 * .text-meta         - Meta text
 * .text-nav          - Nav text
 * .text-muted        - Muted text
 * .text-warning      - Warning text
 * .text-danger       - Danger text
 * .text-success      - Success text
 * .inverted-text     - Inverted text
 *
 * Styleguide 20.1.4
 */
/* line 176, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
.text-secondary a,
a.text-secondary {
  color: #9CA6AC; }

/* line 180, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
a.text-secondary:hover,
.text-secondary a:hover,
a.text-secondary:focus,
.text-secondary a:focus {
  color: #8b949a; }

/* line 186, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
.text-meta {
  font-family: "Whitney", "Helvetica Neue", Helvetica, Arial, "Yu Gothic UI", sans-serif;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0.015em;
  font-weight: 200;
  color: #9CA6AC;
  text-transform: uppercase;
  letter-spacing: 0.16em; }

/* line 196, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
.text-nav {
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-size: 14px; }

/* line 201, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
.text-muted {
  color: #9CA6AC; }

/* line 204, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
.text-muted a,
a.text-muted {
  color: #9CA6AC; }

/* line 208, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
a.text-muted:hover,
.text-muted a:hover,
a.text-muted:focus,
.text-muted a:focus {
  color: #8b949a; }

/* line 214, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
.text-warning {
  color: #56666F; }

/* line 217, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
.text-warning a,
a.text-warning {
  color: #56666F; }

/* line 221, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
a.text-warning:hover,
.text-warning a:hover,
a.text-warning:focus,
.text-warning a:focus {
  color: #0566a4; }

/* line 227, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
.text-danger {
  color: #CD1A2B; }

/* line 230, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
.text-danger a,
a.text-danger {
  color: #eb626f; }

/* line 234, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
a.text-danger:hover,
.text-danger a:hover,
a.text-danger:focus,
.text-danger a:focus {
  color: #f18f98; }

/* line 240, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
.text-success {
  color: #008CD6; }

/* line 243, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
.text-success a,
a.text-success {
  color: #6feb9c; }

/* line 247, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
a.text-success:hover,
.text-success a:hover,
a.text-success:focus,
.text-success a:focus {
  color: #9cf1ba; }

/* line 253, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
.inverted-text {
  color: #9CA6AC;
  -webkit-font-smoothing: antialiased; }

/* line 257, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
.inverted-text a {
  color: #ffffff; }

/* line 260, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
.inverted-text a:hover {
  color: #000000; }

/**
 * Alignment classes
 *
 * Markup:
 *   <p class="{$modifiers}">Some short text that is aligned</p>
 *
 * .text-left   - Left aligned text
 * .text-right  - Right aligned text
 * .text-center - Centered text
 *
 * Styleguide 20.1.5
 */
/* line 275, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
.text-left {
  text-align: left; }

/* line 278, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
.text-right {
  text-align: right; }

/* line 281, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
.text-center {
  text-align: center; }

/**
 * Truncating too long text
 *
 * Markup:
 *   <p class="one-line">Stand in front of the computer screen give attitude so intently stare at the same spot under the bed, make muffins hopped up on goofballs under the bed. Play time claw drapes throwup on your pillow yet burrow under covers yet nap all day climb leg, destroy couch. Stick butt in face chew iPad power cord rub face on everything yet leave dead animals as gifts chew iPad power cord or chase imaginary bugs or lick butt. Intently stare at the same spot. </p>
 *
 * Styleguide 20.1.6
 */
/* line 292, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
.one-line {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

/**
 * Headings
 *
 * Styleguide 20.2
 */
/**
 * Default headings
 *
 * All HTML headings, `&lt;h1&gt;` through `&lt;h5&gt;` are available.
 *
 * Markup:
 *   <h1>I am Cat heading h1</h1>
 *   <h2>I am Cat heading h2</h2>
 *   <h3>I am Cat heading h3</h3>
 *   <h4>I am Cat heading h4</h4>
 *   <h5>I am Cat heading h5</h5>
 *
 * Styleguide 20.2.1
 */
/**
 * Headings class names
 *
 * Changed header class names to be less tied to a specific element and more tied to a style/size.
 *
 * Markup:
 *   <div class="hdr-xxl">I am a cat heading!</div>
 *   <div class="hdr-xl">I am a cat heading!</div>
 *   <div class="hdr-l">I am a cat heading!</div>
 *   <div class="hdr-m">I am a cat heading!</div>
 *   <div class="hdr-sm">I am a cat heading!</div>
 *   <div class="hdr-xsm">I am a cat heading!</div>
 *
 * Styleguide 20.2.2
 */
/**
 * Multi-line headings
 *
 * Markup:
 *   <h1>This is a super long heading that will wrap in any situation you can be sure of that. It just goes on and on and on. Its sooooo absurd.</h1>
 *   <h2>This is a super long heading that will wrap in any situation you can be sure of that. It just goes on and on and on. Its sooooo absurd.</h2>
 *   <h3>This is a super long heading that will wrap in any situation you can be sure of that. It just goes on and on and on. Its sooooo absurd.</h3>
 *   <h4>This is a super long heading that will wrap in any situation you can be sure of that. It just goes on and on and on. Its sooooo absurd.</h4>
 *   <h5>This is a super long heading that will wrap in any situation you can be sure of that. It just goes on and on and on. Its sooooo absurd.</h5>
 *
 * Styleguide 20.2.3
 */
/* line 344, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
.hdr-xxl,
.hdr-xl,
.hdr-l,
.hdr-m,
.hdr-sm,
.hdr-xsm,
h1,
h2,
h3,
h4,
h5 {
  color: #56666F;
  font-weight: 600;
  cursor: default; }

/* line 359, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
.hdr-xxl a,
.hdr-xl a,
.hdr-l a,
.hdr-m a,
.hdr-sm a,
.hdr-xsm a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
  color: #56666F; }

/* line 372, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
.hdr-xxl,
.hdr-xl,
.hdr-l,
h1,
h2,
h3 {
  margin-top: 20px;
  margin-bottom: 10px; }

/* line 381, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
.hdr-m,
.hdr-sm,
h4,
h5 {
  margin-top: 10px;
  margin-bottom: 10px; }

/* line 388, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
h1,
.hdr-xxl {
  font-family: "Whitney", "Helvetica Neue", Helvetica, Arial, "Yu Gothic UI", sans-serif;
  font-size: 48px;
  line-height: 56px;
  letter-spacing: -0.005em;
  font-weight: 400;
  color: #56666F;
  text-transform: normal; }

/* line 398, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
h2,
.hdr-xl {
  font-family: "Whitney", "Helvetica Neue", Helvetica, Arial, "Yu Gothic UI", sans-serif;
  font-size: 36px;
  line-height: 44px;
  letter-spacing: -0.005em;
  font-weight: 400;
  color: #56666F;
  text-transform: normal; }

/* line 408, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
h3,
.hdr-l {
  font-family: "Whitney", "Helvetica Neue", Helvetica, Arial, "Yu Gothic UI", sans-serif;
  font-size: 28px;
  line-height: 36px;
  letter-spacing: -0.005em;
  font-weight: 400;
  color: #56666F;
  text-transform: normal; }

/* line 418, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
h4,
.hdr-m {
  font-family: "Whitney", "Helvetica Neue", Helvetica, Arial, "Yu Gothic UI", sans-serif;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: normal;
  font-weight: 400;
  color: #56666F;
  text-transform: normal; }

/* line 428, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
h5,
.hdr-sm {
  font-family: "Whitney", "Helvetica Neue", Helvetica, Arial, "Yu Gothic UI", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.015em;
  font-weight: 200;
  color: #56666F;
  text-transform: normal; }

/* line 438, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
.hdr-m small,
.hdr-m .small,
.hdr-sm small,
.hdr-sm .small,
h4 small,
h4 .small,
h5 small,
h5 .small {
  font-size: 12px; }

/**
 * Lists
 *
 * Styleguide 20.4
 */
/**
 * Unordered lists
 *
 * Markup:
 *   <ul class="{$modifiers}">
 *     <li>Item 1</li>
 *     <li>Item 2</li>
 *     <li>Item 3</li>
 *   </ul>
 *
 * .list-unstyled   - Unstyled keeps list items block level, just removes default browser padding and list-style
 * .list-inline     - Inline turns list items into inline-block
 *
 * Styleguide 20.4.1
 */
/**
 * Ordered lists
 *
 * Markup:
 *   <ol>
 *     <li>Item 1</li>
 *     <li>Item 2</li>
 *     <li>Item 3</li>
 *   </ol>
 *
 * Styleguide 20.4.2
 */
/**
 * Nested lists
 *
 * Markup:
 *   <ol>
 *     <li>
 *       Item 1
 *       <ul>
 *         <li>Nested item 1</li>
 *         <li>Nested item 2</li>
 *         <li>Nested item 3</li>
 *       </ul>
 *     </li>
 *     <li>Item 2</li>
 *     <li>Item 3</li>
 *   </ol>
 *
 * Styleguide 20.4.2
 */
/* line 499, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px; }

/* line 504, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0; }

/* line 510, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
.list-unstyled {
  padding-left: 0;
  list-style: none; }

/* line 514, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
.list-inline {
  padding-left: 0;
  list-style: none; }

/* line 518, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px; }

/**
 * Description Lists
 *
 * Markup:
 *   <dl class="{$modifiers}">
 *     <dt>Description lists</dt>
 *     <dd>A description list is perfect for defining terms.</dd>
 *     <dt>Euismod</dt>
 *     <dd>Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.</dd>
 *     <dd>Donec id elit non mi porta gravida at eget metus.</dd>
 *   </dl>
 *
 * .dl-horizontal   - Horizontal layout
 *
 * Styleguide 20.4.3
 */
/* line 539, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
dl {
  margin-bottom: 20px; }

/* line 542, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
dt,
dd {
  line-height: 20px; }

/* line 546, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
dd {
  margin-left: 10px; }

/* line 549, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
.dl-horizontal dt {
  float: left;
  width: 160px;
  clear: left;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

/* line 558, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
.dl-horizontal dd {
  margin-left: 180px; }

/* line 561, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
.dl-horizontal dd:before,
.dl-horizontal dd:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

/* line 568, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
.dl-horizontal dd:after {
  clear: both; }

/* line 571, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
.dl-horizontal.dl-wide dt {
  width: 250px; }

/* line 574, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
.dl-horizontal.dl-wide dd {
  margin-left: 270px; }

/**
 * Miscellaneous
 *
 * Styleguide 20.9
 */
/**
 * Abbreviations and acronyms
 *
 * Markup: <p>An abbreviation of the word attribute is <abbr title="attribute" class="{$modifiers}">attr</abbr>.</p>
 *
 * .initialism  - Uppercase and slightly smaller font-size
 *
 * Styleguide 20.9.1
 */
/* line 591, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #E5E8EA; }

/* line 596, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
abbr.initialism {
  font-size: 90%;
  text-transform: uppercase; }

/**
 * Blockquotes
 *
 * Markup:
 *   <blockquote class="{$modifiers}">
 *     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
 *     <small>Someone famous in <cite title="Source Title">Source Title</cite></small>
 *   </blockquote>
 *
 * .pull-right   - right-aligned blockquote
 *
 * Styleguide 20.9.2
 */
/* line 613, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
blockquote,
.blockquote {
  padding: 10px 20px;
  margin: 0 0 13.6px;
  border-left: 3px solid #E5E8EA;
  line-height: 1.25; }

/* line 620, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
blockquote small,
.blockquote small,
blockquote .small,
.blockquote .small {
  display: block;
  line-height: 20px;
  color: #9CA6AC; }

/* line 628, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
blockquote small:before,
.blockquote small:before,
blockquote .small:before,
.blockquote .small:before {
  content: '\2014 \00A0'; }

/* line 634, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
blockquote.pull-right,
.blockquote.pull-right {
  float: right;
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #E5E8EA;
  border-left: 0; }

/* line 642, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
blockquote.pull-right p,
.blockquote.pull-right p,
blockquote.pull-right small,
.blockquote.pull-right small,
blockquote.pull-right .small,
.blockquote.pull-right .small {
  text-align: right; }

/* line 650, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
blockquote.pull-right small:before,
.blockquote.pull-right small:before,
blockquote.pull-right .small:before,
.blockquote.pull-right .small:before {
  content: ''; }

/* line 656, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
blockquote.pull-right small:after,
.blockquote.pull-right small:after,
blockquote.pull-right .small:after,
.blockquote.pull-right .small:after {
  content: '\00A0 \2014'; }

/* line 662, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: ""; }

/**
 * Addresses
 *
 * Markup:
 *   <address>
 *     <strong>Spotify AB</strong><br>
 *     Birger Jarlsgatan 61<br>
 *     113 56 Stockholm<br>
 *     <abbr title="Phone">P:</abbr> (123) 456-7890
 *   </address>
 *   <address>
 *     <strong>Full Name</strong><br>
 *     <a href="mailto:#">first.last@example.com</a>
 *   </address>
 *
 * Styleguide 20.9.4
 */
/* line 685, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
address {
  display: block;
  margin-bottom: 20px;
  font-style: normal;
  line-height: 20px; }

/**
 * Code
 *
 * Styleguide 20.7
 */
/**
 * Inline
 *
 * Wrap inline snippets of code
 *
 * Markup:
 *   For example, <code>&lt;section&gt;</code> should be wrapped as inline.
 *
 * Styleguide 20.7.1
 */
/**
 * Block
 *
 * Markup:
 *   <pre>&lt;p&gt;Sample text here...&lt;/p&gt;</pre>
 *
 * Styleguide 20.7.2
 */
/* line 715, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
code,
pre {
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  font-size: 12px;
  color: #9CA6AC; }

/* line 721, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
code {
  padding: 2px 4px;
  font-size: 85%;
  background-color: #f2f3f6;
  white-space: nowrap;
  border-radius: 4px; }

/* line 728, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
pre {
  padding: 10px;
  background-color: #f2f3f6;
  color: #9CA6AC;
  display: block;
  font-size: 13px;
  line-height: 20px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap; }

/* line 740, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
pre code {
  font-size: 13px;
  color: #9CA6AC; }

/* line 744, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
pre.prettyprint {
  margin-bottom: 20px; }

/* line 747, /Users/Devin/GitHub/spotio/skin/base/_type.scss */
pre code {
  padding: 0;
  color: inherit;
  white-space: pre;
  white-space: pre-wrap;
  background-color: transparent;
  border: 0; }

/* line 1, /Users/Devin/GitHub/spotio/skin/base/_reset.scss */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* line 6, /Users/Devin/GitHub/spotio/skin/base/_reset.scss */
html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: rgba(86, 102, 111, 0);
  color: #56666F;
  overflow-y: scroll;
  background-color: #ffffff; }

/* line 13, /Users/Devin/GitHub/spotio/skin/base/_reset.scss */
body {
  background-color: #ffffff;
  cursor: default;
  font-family: "Whitney", "Helvetica Neue", Helvetica, Arial, "Yu Gothic UI", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.015em;
  font-weight: 200;
  text-transform: normal;
  color: #56666F;
  position: relative;
  min-height: 100vh;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* line 32, /Users/Devin/GitHub/spotio/skin/base/_reset.scss */
body.disable-pointer-events {
  pointer-events: none; }

/* line 35, /Users/Devin/GitHub/spotio/skin/base/_reset.scss */
.selectable {
  cursor: text;
  -webkit-touch-callout: default;
  -webkit-user-select: all;
  -khtml-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  user-select: all; }

/**
 * Forms
 */
/* line 47, /Users/Devin/GitHub/spotio/skin/base/_reset.scss */
input,
textarea {
  font-weight: 200; }

/* line 51, /Users/Devin/GitHub/spotio/skin/base/_reset.scss */
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

/* line 59, /Users/Devin/GitHub/spotio/skin/base/_reset.scss */
a {
  color: #56666F;
  text-decoration: none;
  cursor: pointer;
  border-bottom: 1px solid transparent; }

/* line 65, /Users/Devin/GitHub/spotio/skin/base/_reset.scss */
a:hover:not(.button),
a:focus:not(.button) {
  color: #56666F;
  text-decoration: none;
  border-bottom-color: currentcolor; }

/* line 71, /Users/Devin/GitHub/spotio/skin/base/_reset.scss */
a:hover:not(.button):active,
a:focus:not(.button):active {
  color: #9CA6AC; }

/* line 75, /Users/Devin/GitHub/spotio/skin/base/_reset.scss */
a:active {
  background-color: transparent; }

/* line 78, /Users/Devin/GitHub/spotio/skin/base/_reset.scss */
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle; }

/* line 83, /Users/Devin/GitHub/spotio/skin/base/_reset.scss */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

/**
 * Grid system
 *
 * Checkout our awesome demo page:
 *
 * <a href="grid.html" class="button">Grid Demo Page</a>
 *
 * Styleguide 10.1
 */
/* line 10, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.container {
  margin-right: auto;
  margin-left: auto;
  max-width: 1480px;
  padding-left: 32px;
  padding-right: 32px; }

/* line 17, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.container:before,
.container:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

/* line 24, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.container:after {
  clear: both; }

/* line 27, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.row {
  margin-left: -8px;
  margin-right: -8px; }

/* line 31, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.row:before,
.row:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

/* line 38, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.row:after {
  clear: both; }

/* line 41, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.row .row {
  margin-left: -8px;
  margin-right: -8px; }

@media (min-width: 586px) {
  /* line 46, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  .row {
    margin-left: -8px;
    margin-right: -8px; }
  /* line 50, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  .row .row {
    margin-left: -8px;
    margin-right: -8px; } }

@media (min-width: 854px) {
  /* line 56, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  .row {
    margin-left: -10px;
    margin-right: -10px; }
  /* line 60, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  .row .row {
    margin-left: -10px;
    margin-right: -10px; } }

@media (min-width: 1274px) {
  /* line 66, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  .row {
    margin-left: -12px;
    margin-right: -12px; }
  /* line 70, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  .row .row {
    margin-left: -12px;
    margin-right: -12px; } }

/* line 75, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 8px;
  padding-right: 8px; }

/**
 * Clamping
 *
 * There are times when you will want to show a clean line of items. Say just one row.
 * But with a responsive layout that row can have 3, 4 or 6 items in it. To ease this,
 * there are clamp classes for each grid size (except `xs`). If you only want 6 items
 * in the small grid size use `clamp-sm-6`, if you want 12 items in the large grid
 * size use `clamp-sm-12`. You set the clamp class on the containing element (usually
 * a `.row`).
 *
 * <span class="text-warning">NOTE: Max item clamp is 18</span>
 *
 * Markup: <div class="row clamp-sm-2 clamp-md-3 clamp-lg-4 grid-demo">
 *   <div class="col-sm-6 col-md-4 col-lg-3">
 *     <div class="panel text-center">Item 1</div>
 *   </div>
 *   <div class="col-sm-6 col-md-4 col-lg-3">
 *     <div class="panel text-center">Item 2</div>
 *   </div>
 *   <div class="col-sm-6 col-md-4 col-lg-3">
 *     <div class="panel text-center">Item 3</div>
 *   </div>
 *   <div class="col-sm-6 col-md-4 col-lg-3">
 *     <div class="panel text-center">Item 4</div>
 *   </div>
 *   <div class="col-sm-6 col-md-4 col-lg-3">
 *     <div class="panel text-center">Item 5</div>
 *   </div>
 * </div>
 *
 *
 * Styleguide 10.1.2
 */
/**
 * Grid Gutters
 *
 * The `.col-*` classes give a gutter horizontally, but not vertically.
 * If you want an equal vertical gutter, usually because the elements are in
 * a grid, add `.standard-grid` to the containing element (usually a `.row`).
 *
 * Markup: <div class="row standard-grid clamp-sm-4 clamp-md-6 clamp-lg-8 grid-demo">
 *   <div class="col-sm-6 col-md-4 col-lg-3">
 *     <div class="panel text-center">Item 1</div>
 *   </div>
 *   <div class="col-sm-6 col-md-4 col-lg-3">
 *     <div class="panel text-center">Item 2</div>
 *   </div>
 *   <div class="col-sm-6 col-md-4 col-lg-3">
 *     <div class="panel text-center">Item 3</div>
 *   </div>
 *   <div class="col-sm-6 col-md-4 col-lg-3">
 *     <div class="panel text-center">Item 4</div>
 *   </div>
 *   <div class="col-sm-6 col-md-4 col-lg-3">
 *     <div class="panel text-center">Item 5</div>
 *   </div>
 *   <div class="col-sm-6 col-md-4 col-lg-3">
 *     <div class="panel text-center">Item 6</div>
 *   </div>
 *   <div class="col-sm-6 col-md-4 col-lg-3">
 *     <div class="panel text-center">Item 7</div>
 *   </div>
 *   <div class="col-sm-6 col-md-4 col-lg-3">
 *     <div class="panel text-center">Item 8</div>
 *   </div>
 * </div>
 *
 *
 * Styleguide 10.1.3
 */
/* line 198, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.standard-grid > * {
  margin-bottom: 16px; }

/**
 * Extra Small Grid
 */
/* line 204, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left; }

/* line 218, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.col-xs-1 {
  width: 8.33333333%; }

/* line 221, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.col-xs-2 {
  width: 16.66666667%; }

/* line 224, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.col-xs-3 {
  width: 25%; }

/* line 227, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.col-xs-4 {
  width: 33.33333333%; }

/* line 230, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.col-xs-5 {
  width: 41.66666667%; }

/* line 233, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.col-xs-6 {
  width: 50%; }

/* line 236, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.col-xs-7 {
  width: 58.33333333%; }

/* line 239, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.col-xs-8 {
  width: 66.66666667%; }

/* line 242, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.col-xs-9 {
  width: 75%; }

/* line 245, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.col-xs-10 {
  width: 83.33333333%; }

/* line 248, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.col-xs-11 {
  width: 91.66666667%; }

/* line 251, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.col-xs-12 {
  width: 100%; }

/* line 254, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.col-xs-push-1 {
  left: 8.33333333%; }

/* line 257, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.col-xs-push-2 {
  left: 16.66666667%; }

/* line 260, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.col-xs-push-3 {
  left: 25%; }

/* line 263, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.col-xs-push-4 {
  left: 33.33333333%; }

/* line 266, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.col-xs-push-5 {
  left: 41.66666667%; }

/* line 269, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.col-xs-push-6 {
  left: 50%; }

/* line 272, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.col-xs-push-7 {
  left: 58.33333333%; }

/* line 275, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.col-xs-push-8 {
  left: 66.66666667%; }

/* line 278, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.col-xs-push-9 {
  left: 75%; }

/* line 281, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.col-xs-push-10 {
  left: 83.33333333%; }

/* line 284, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.col-xs-push-11 {
  left: 91.66666667%; }

/* line 287, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.col-xs-pull-1 {
  right: 8.33333333%; }

/* line 290, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.col-xs-pull-2 {
  right: 16.66666667%; }

/* line 293, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.col-xs-pull-3 {
  right: 25%; }

/* line 296, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.col-xs-pull-4 {
  right: 33.33333333%; }

/* line 299, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.col-xs-pull-5 {
  right: 41.66666667%; }

/* line 302, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.col-xs-pull-6 {
  right: 50%; }

/* line 305, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.col-xs-pull-7 {
  right: 58.33333333%; }

/* line 308, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.col-xs-pull-8 {
  right: 66.66666667%; }

/* line 311, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.col-xs-pull-9 {
  right: 75%; }

/* line 314, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.col-xs-pull-10 {
  right: 83.33333333%; }

/* line 317, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.col-xs-pull-11 {
  right: 91.66666667%; }

/* line 320, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.col-xs-offset-1 {
  margin-left: 8.33333333%; }

/* line 323, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.col-xs-offset-2 {
  margin-left: 16.66666667%; }

/* line 326, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.col-xs-offset-3 {
  margin-left: 25%; }

/* line 329, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.col-xs-offset-4 {
  margin-left: 33.33333333%; }

/* line 332, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.col-xs-offset-5 {
  margin-left: 41.66666667%; }

/* line 335, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.col-xs-offset-6 {
  margin-left: 50%; }

/* line 338, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.col-xs-offset-7 {
  margin-left: 58.33333333%; }

/* line 341, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.col-xs-offset-8 {
  margin-left: 66.66666667%; }

/* line 344, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.col-xs-offset-9 {
  margin-left: 75%; }

/* line 347, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.col-xs-offset-10 {
  margin-left: 83.33333333%; }

/* line 350, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.col-xs-offset-11 {
  margin-left: 91.66666667%; }

/* line 353, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.clamp-xs-18 > :nth-child(n + 19) {
  display: none; }

/* line 356, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.clamp-xs-17 > :nth-child(n + 18) {
  display: none; }

/* line 359, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.clamp-xs-16 > :nth-child(n + 17) {
  display: none; }

/* line 362, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.clamp-xs-15 > :nth-child(n + 16) {
  display: none; }

/* line 365, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.clamp-xs-14 > :nth-child(n + 15) {
  display: none; }

/* line 368, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.clamp-xs-13 > :nth-child(n + 14) {
  display: none; }

/* line 371, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.clamp-xs-12 > :nth-child(n + 13) {
  display: none; }

/* line 374, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.clamp-xs-11 > :nth-child(n + 12) {
  display: none; }

/* line 377, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.clamp-xs-10 > :nth-child(n + 11) {
  display: none; }

/* line 380, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.clamp-xs-9 > :nth-child(n + 10) {
  display: none; }

/* line 383, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.clamp-xs-8 > :nth-child(n + 9) {
  display: none; }

/* line 386, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.clamp-xs-7 > :nth-child(n + 8) {
  display: none; }

/* line 389, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.clamp-xs-6 > :nth-child(n + 7) {
  display: none; }

/* line 392, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.clamp-xs-5 > :nth-child(n + 6) {
  display: none; }

/* line 395, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.clamp-xs-4 > :nth-child(n + 5) {
  display: none; }

/* line 398, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.clamp-xs-3 > :nth-child(n + 4) {
  display: none; }

/* line 401, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.clamp-xs-2 > :nth-child(n + 3) {
  display: none; }

/* line 404, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.clamp-xs-1 > :nth-child(n + 2) {
  display: none; }

/* line 407, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
body,
.container {
  min-width: 360px; }

/**
 * Small Grid
 */
@media (min-width: 586px) {
  /* line 415, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) body {
    padding: 0; }
  /* line 418, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .standard-grid > * {
    margin-bottom: 16px; }
  /* line 421, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-xs-1,
  html:not(.using-overlay-scroll-bars) .col-xs-2,
  html:not(.using-overlay-scroll-bars) .col-xs-3,
  html:not(.using-overlay-scroll-bars) .col-xs-4,
  html:not(.using-overlay-scroll-bars) .col-xs-5,
  html:not(.using-overlay-scroll-bars) .col-xs-6,
  html:not(.using-overlay-scroll-bars) .col-xs-7,
  html:not(.using-overlay-scroll-bars) .col-xs-8,
  html:not(.using-overlay-scroll-bars) .col-xs-9,
  html:not(.using-overlay-scroll-bars) .col-xs-10,
  html:not(.using-overlay-scroll-bars) .col-xs-11,
  html:not(.using-overlay-scroll-bars) .col-xs-12,
  html:not(.using-overlay-scroll-bars) .col-sm-1,
  html:not(.using-overlay-scroll-bars) .col-sm-2,
  html:not(.using-overlay-scroll-bars) .col-sm-3,
  html:not(.using-overlay-scroll-bars) .col-sm-4,
  html:not(.using-overlay-scroll-bars) .col-sm-5,
  html:not(.using-overlay-scroll-bars) .col-sm-6,
  html:not(.using-overlay-scroll-bars) .col-sm-7,
  html:not(.using-overlay-scroll-bars) .col-sm-8,
  html:not(.using-overlay-scroll-bars) .col-sm-9,
  html:not(.using-overlay-scroll-bars) .col-sm-10,
  html:not(.using-overlay-scroll-bars) .col-sm-11,
  html:not(.using-overlay-scroll-bars) .col-sm-12,
  html:not(.using-overlay-scroll-bars) .col-md-1,
  html:not(.using-overlay-scroll-bars) .col-md-2,
  html:not(.using-overlay-scroll-bars) .col-md-3,
  html:not(.using-overlay-scroll-bars) .col-md-4,
  html:not(.using-overlay-scroll-bars) .col-md-5,
  html:not(.using-overlay-scroll-bars) .col-md-6,
  html:not(.using-overlay-scroll-bars) .col-md-7,
  html:not(.using-overlay-scroll-bars) .col-md-8,
  html:not(.using-overlay-scroll-bars) .col-md-9,
  html:not(.using-overlay-scroll-bars) .col-md-10,
  html:not(.using-overlay-scroll-bars) .col-md-11,
  html:not(.using-overlay-scroll-bars) .col-md-12,
  html:not(.using-overlay-scroll-bars) .col-lg-1,
  html:not(.using-overlay-scroll-bars) .col-lg-2,
  html:not(.using-overlay-scroll-bars) .col-lg-3,
  html:not(.using-overlay-scroll-bars) .col-lg-4,
  html:not(.using-overlay-scroll-bars) .col-lg-5,
  html:not(.using-overlay-scroll-bars) .col-lg-6,
  html:not(.using-overlay-scroll-bars) .col-lg-7,
  html:not(.using-overlay-scroll-bars) .col-lg-8,
  html:not(.using-overlay-scroll-bars) .col-lg-9,
  html:not(.using-overlay-scroll-bars) .col-lg-10,
  html:not(.using-overlay-scroll-bars) .col-lg-11,
  html:not(.using-overlay-scroll-bars) .col-lg-12 {
    padding-left: 8px;
    padding-right: 8px; }
  /* line 472, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-sm-1,
  html:not(.using-overlay-scroll-bars) .col-sm-2,
  html:not(.using-overlay-scroll-bars) .col-sm-3,
  html:not(.using-overlay-scroll-bars) .col-sm-4,
  html:not(.using-overlay-scroll-bars) .col-sm-5,
  html:not(.using-overlay-scroll-bars) .col-sm-6,
  html:not(.using-overlay-scroll-bars) .col-sm-7,
  html:not(.using-overlay-scroll-bars) .col-sm-8,
  html:not(.using-overlay-scroll-bars) .col-sm-9,
  html:not(.using-overlay-scroll-bars) .col-sm-10,
  html:not(.using-overlay-scroll-bars) .col-sm-11,
  html:not(.using-overlay-scroll-bars) .col-sm-12 {
    float: left; }
  /* line 486, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-sm-1 {
    width: 8.33333333%; }
  /* line 489, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-sm-2 {
    width: 16.66666667%; }
  /* line 492, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-sm-3 {
    width: 25%; }
  /* line 495, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-sm-4 {
    width: 33.33333333%; }
  /* line 498, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-sm-5 {
    width: 41.66666667%; }
  /* line 501, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-sm-6 {
    width: 50%; }
  /* line 504, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-sm-7 {
    width: 58.33333333%; }
  /* line 507, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-sm-8 {
    width: 66.66666667%; }
  /* line 510, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-sm-9 {
    width: 75%; }
  /* line 513, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-sm-10 {
    width: 83.33333333%; }
  /* line 516, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-sm-11 {
    width: 91.66666667%; }
  /* line 519, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-sm-12 {
    width: 100%; }
  /* line 522, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-sm-push-1 {
    left: 8.33333333%; }
  /* line 525, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-sm-push-2 {
    left: 16.66666667%; }
  /* line 528, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-sm-push-3 {
    left: 25%; }
  /* line 531, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-sm-push-4 {
    left: 33.33333333%; }
  /* line 534, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-sm-push-5 {
    left: 41.66666667%; }
  /* line 537, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-sm-push-6 {
    left: 50%; }
  /* line 540, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-sm-push-7 {
    left: 58.33333333%; }
  /* line 543, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-sm-push-8 {
    left: 66.66666667%; }
  /* line 546, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-sm-push-9 {
    left: 75%; }
  /* line 549, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-sm-push-10 {
    left: 83.33333333%; }
  /* line 552, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-sm-push-11 {
    left: 91.66666667%; }
  /* line 555, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-sm-pull-1 {
    right: 8.33333333%; }
  /* line 558, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-sm-pull-2 {
    right: 16.66666667%; }
  /* line 561, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-sm-pull-3 {
    right: 25%; }
  /* line 564, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-sm-pull-4 {
    right: 33.33333333%; }
  /* line 567, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-sm-pull-5 {
    right: 41.66666667%; }
  /* line 570, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-sm-pull-6 {
    right: 50%; }
  /* line 573, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-sm-pull-7 {
    right: 58.33333333%; }
  /* line 576, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-sm-pull-8 {
    right: 66.66666667%; }
  /* line 579, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-sm-pull-9 {
    right: 75%; }
  /* line 582, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-sm-pull-10 {
    right: 83.33333333%; }
  /* line 585, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-sm-pull-11 {
    right: 91.66666667%; }
  /* line 588, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-sm-offset-1 {
    margin-left: 8.33333333%; }
  /* line 591, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-sm-offset-2 {
    margin-left: 16.66666667%; }
  /* line 594, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-sm-offset-3 {
    margin-left: 25%; }
  /* line 597, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-sm-offset-4 {
    margin-left: 33.33333333%; }
  /* line 600, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-sm-offset-5 {
    margin-left: 41.66666667%; }
  /* line 603, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-sm-offset-6 {
    margin-left: 50%; }
  /* line 606, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-sm-offset-7 {
    margin-left: 58.33333333%; }
  /* line 609, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-sm-offset-8 {
    margin-left: 66.66666667%; }
  /* line 612, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-sm-offset-9 {
    margin-left: 75%; }
  /* line 615, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-sm-offset-10 {
    margin-left: 83.33333333%; }
  /* line 618, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-sm-offset-11 {
    margin-left: 91.66666667%; }
  /* line 621, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-xs-18 > :nth-child(n + 19) {
    display: block; }
  /* line 624, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-xs-17 > :nth-child(n + 18) {
    display: block; }
  /* line 627, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-xs-16 > :nth-child(n + 17) {
    display: block; }
  /* line 630, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-xs-15 > :nth-child(n + 16) {
    display: block; }
  /* line 633, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-xs-14 > :nth-child(n + 15) {
    display: block; }
  /* line 636, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-xs-13 > :nth-child(n + 14) {
    display: block; }
  /* line 639, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-xs-12 > :nth-child(n + 13) {
    display: block; }
  /* line 642, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-xs-11 > :nth-child(n + 12) {
    display: block; }
  /* line 645, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-xs-10 > :nth-child(n + 11) {
    display: block; }
  /* line 648, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-xs-9 > :nth-child(n + 10) {
    display: block; }
  /* line 651, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-xs-8 > :nth-child(n + 9) {
    display: block; }
  /* line 654, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-xs-7 > :nth-child(n + 8) {
    display: block; }
  /* line 657, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-xs-6 > :nth-child(n + 7) {
    display: block; }
  /* line 660, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-xs-5 > :nth-child(n + 6) {
    display: block; }
  /* line 663, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-xs-4 > :nth-child(n + 5) {
    display: block; }
  /* line 666, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-xs-3 > :nth-child(n + 4) {
    display: block; }
  /* line 669, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-xs-2 > :nth-child(n + 3) {
    display: block; }
  /* line 672, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-xs-1 > :nth-child(n + 2) {
    display: block; }
  /* line 675, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-sm-18 > :nth-child(n + 19) {
    display: none; }
  /* line 678, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-sm-17 > :nth-child(n + 18) {
    display: none; }
  /* line 681, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-sm-16 > :nth-child(n + 17) {
    display: none; }
  /* line 684, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-sm-15 > :nth-child(n + 16) {
    display: none; }
  /* line 687, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-sm-14 > :nth-child(n + 15) {
    display: none; }
  /* line 690, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-sm-13 > :nth-child(n + 14) {
    display: none; }
  /* line 693, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-sm-12 > :nth-child(n + 13) {
    display: none; }
  /* line 696, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-sm-11 > :nth-child(n + 12) {
    display: none; }
  /* line 699, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-sm-10 > :nth-child(n + 11) {
    display: none; }
  /* line 702, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-sm-9 > :nth-child(n + 10) {
    display: none; }
  /* line 705, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-sm-8 > :nth-child(n + 9) {
    display: none; }
  /* line 708, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-sm-7 > :nth-child(n + 8) {
    display: none; }
  /* line 711, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-sm-6 > :nth-child(n + 7) {
    display: none; }
  /* line 714, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-sm-5 > :nth-child(n + 6) {
    display: none; }
  /* line 717, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-sm-4 > :nth-child(n + 5) {
    display: none; }
  /* line 720, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-sm-3 > :nth-child(n + 4) {
    display: none; }
  /* line 723, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-sm-2 > :nth-child(n + 3) {
    display: none; }
  /* line 726, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-sm-1 > :nth-child(n + 2) {
    display: none; } }

@media (min-width: 576px) {
  /* line 731, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars body {
    padding: 0; }
  /* line 734, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .standard-grid > * {
    margin-bottom: 16px; }
  /* line 737, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-xs-1,
  html.using-overlay-scroll-bars .col-xs-2,
  html.using-overlay-scroll-bars .col-xs-3,
  html.using-overlay-scroll-bars .col-xs-4,
  html.using-overlay-scroll-bars .col-xs-5,
  html.using-overlay-scroll-bars .col-xs-6,
  html.using-overlay-scroll-bars .col-xs-7,
  html.using-overlay-scroll-bars .col-xs-8,
  html.using-overlay-scroll-bars .col-xs-9,
  html.using-overlay-scroll-bars .col-xs-10,
  html.using-overlay-scroll-bars .col-xs-11,
  html.using-overlay-scroll-bars .col-xs-12,
  html.using-overlay-scroll-bars .col-sm-1,
  html.using-overlay-scroll-bars .col-sm-2,
  html.using-overlay-scroll-bars .col-sm-3,
  html.using-overlay-scroll-bars .col-sm-4,
  html.using-overlay-scroll-bars .col-sm-5,
  html.using-overlay-scroll-bars .col-sm-6,
  html.using-overlay-scroll-bars .col-sm-7,
  html.using-overlay-scroll-bars .col-sm-8,
  html.using-overlay-scroll-bars .col-sm-9,
  html.using-overlay-scroll-bars .col-sm-10,
  html.using-overlay-scroll-bars .col-sm-11,
  html.using-overlay-scroll-bars .col-sm-12,
  html.using-overlay-scroll-bars .col-md-1,
  html.using-overlay-scroll-bars .col-md-2,
  html.using-overlay-scroll-bars .col-md-3,
  html.using-overlay-scroll-bars .col-md-4,
  html.using-overlay-scroll-bars .col-md-5,
  html.using-overlay-scroll-bars .col-md-6,
  html.using-overlay-scroll-bars .col-md-7,
  html.using-overlay-scroll-bars .col-md-8,
  html.using-overlay-scroll-bars .col-md-9,
  html.using-overlay-scroll-bars .col-md-10,
  html.using-overlay-scroll-bars .col-md-11,
  html.using-overlay-scroll-bars .col-md-12,
  html.using-overlay-scroll-bars .col-lg-1,
  html.using-overlay-scroll-bars .col-lg-2,
  html.using-overlay-scroll-bars .col-lg-3,
  html.using-overlay-scroll-bars .col-lg-4,
  html.using-overlay-scroll-bars .col-lg-5,
  html.using-overlay-scroll-bars .col-lg-6,
  html.using-overlay-scroll-bars .col-lg-7,
  html.using-overlay-scroll-bars .col-lg-8,
  html.using-overlay-scroll-bars .col-lg-9,
  html.using-overlay-scroll-bars .col-lg-10,
  html.using-overlay-scroll-bars .col-lg-11,
  html.using-overlay-scroll-bars .col-lg-12 {
    padding-left: 8px;
    padding-right: 8px; }
  /* line 788, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-sm-1,
  html.using-overlay-scroll-bars .col-sm-2,
  html.using-overlay-scroll-bars .col-sm-3,
  html.using-overlay-scroll-bars .col-sm-4,
  html.using-overlay-scroll-bars .col-sm-5,
  html.using-overlay-scroll-bars .col-sm-6,
  html.using-overlay-scroll-bars .col-sm-7,
  html.using-overlay-scroll-bars .col-sm-8,
  html.using-overlay-scroll-bars .col-sm-9,
  html.using-overlay-scroll-bars .col-sm-10,
  html.using-overlay-scroll-bars .col-sm-11,
  html.using-overlay-scroll-bars .col-sm-12 {
    float: left; }
  /* line 802, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-sm-1 {
    width: 8.33333333%; }
  /* line 805, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-sm-2 {
    width: 16.66666667%; }
  /* line 808, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-sm-3 {
    width: 25%; }
  /* line 811, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-sm-4 {
    width: 33.33333333%; }
  /* line 814, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-sm-5 {
    width: 41.66666667%; }
  /* line 817, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-sm-6 {
    width: 50%; }
  /* line 820, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-sm-7 {
    width: 58.33333333%; }
  /* line 823, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-sm-8 {
    width: 66.66666667%; }
  /* line 826, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-sm-9 {
    width: 75%; }
  /* line 829, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-sm-10 {
    width: 83.33333333%; }
  /* line 832, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-sm-11 {
    width: 91.66666667%; }
  /* line 835, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-sm-12 {
    width: 100%; }
  /* line 838, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-sm-push-1 {
    left: 8.33333333%; }
  /* line 841, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-sm-push-2 {
    left: 16.66666667%; }
  /* line 844, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-sm-push-3 {
    left: 25%; }
  /* line 847, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-sm-push-4 {
    left: 33.33333333%; }
  /* line 850, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-sm-push-5 {
    left: 41.66666667%; }
  /* line 853, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-sm-push-6 {
    left: 50%; }
  /* line 856, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-sm-push-7 {
    left: 58.33333333%; }
  /* line 859, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-sm-push-8 {
    left: 66.66666667%; }
  /* line 862, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-sm-push-9 {
    left: 75%; }
  /* line 865, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-sm-push-10 {
    left: 83.33333333%; }
  /* line 868, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-sm-push-11 {
    left: 91.66666667%; }
  /* line 871, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-sm-pull-1 {
    right: 8.33333333%; }
  /* line 874, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-sm-pull-2 {
    right: 16.66666667%; }
  /* line 877, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-sm-pull-3 {
    right: 25%; }
  /* line 880, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-sm-pull-4 {
    right: 33.33333333%; }
  /* line 883, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-sm-pull-5 {
    right: 41.66666667%; }
  /* line 886, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-sm-pull-6 {
    right: 50%; }
  /* line 889, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-sm-pull-7 {
    right: 58.33333333%; }
  /* line 892, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-sm-pull-8 {
    right: 66.66666667%; }
  /* line 895, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-sm-pull-9 {
    right: 75%; }
  /* line 898, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-sm-pull-10 {
    right: 83.33333333%; }
  /* line 901, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-sm-pull-11 {
    right: 91.66666667%; }
  /* line 904, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-sm-offset-1 {
    margin-left: 8.33333333%; }
  /* line 907, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-sm-offset-2 {
    margin-left: 16.66666667%; }
  /* line 910, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-sm-offset-3 {
    margin-left: 25%; }
  /* line 913, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-sm-offset-4 {
    margin-left: 33.33333333%; }
  /* line 916, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-sm-offset-5 {
    margin-left: 41.66666667%; }
  /* line 919, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-sm-offset-6 {
    margin-left: 50%; }
  /* line 922, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-sm-offset-7 {
    margin-left: 58.33333333%; }
  /* line 925, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-sm-offset-8 {
    margin-left: 66.66666667%; }
  /* line 928, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-sm-offset-9 {
    margin-left: 75%; }
  /* line 931, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-sm-offset-10 {
    margin-left: 83.33333333%; }
  /* line 934, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-sm-offset-11 {
    margin-left: 91.66666667%; }
  /* line 937, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-xs-18 > :nth-child(n + 19) {
    display: block; }
  /* line 940, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-xs-17 > :nth-child(n + 18) {
    display: block; }
  /* line 943, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-xs-16 > :nth-child(n + 17) {
    display: block; }
  /* line 946, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-xs-15 > :nth-child(n + 16) {
    display: block; }
  /* line 949, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-xs-14 > :nth-child(n + 15) {
    display: block; }
  /* line 952, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-xs-13 > :nth-child(n + 14) {
    display: block; }
  /* line 955, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-xs-12 > :nth-child(n + 13) {
    display: block; }
  /* line 958, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-xs-11 > :nth-child(n + 12) {
    display: block; }
  /* line 961, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-xs-10 > :nth-child(n + 11) {
    display: block; }
  /* line 964, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-xs-9 > :nth-child(n + 10) {
    display: block; }
  /* line 967, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-xs-8 > :nth-child(n + 9) {
    display: block; }
  /* line 970, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-xs-7 > :nth-child(n + 8) {
    display: block; }
  /* line 973, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-xs-6 > :nth-child(n + 7) {
    display: block; }
  /* line 976, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-xs-5 > :nth-child(n + 6) {
    display: block; }
  /* line 979, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-xs-4 > :nth-child(n + 5) {
    display: block; }
  /* line 982, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-xs-3 > :nth-child(n + 4) {
    display: block; }
  /* line 985, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-xs-2 > :nth-child(n + 3) {
    display: block; }
  /* line 988, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-xs-1 > :nth-child(n + 2) {
    display: block; }
  /* line 991, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-sm-18 > :nth-child(n + 19) {
    display: none; }
  /* line 994, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-sm-17 > :nth-child(n + 18) {
    display: none; }
  /* line 997, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-sm-16 > :nth-child(n + 17) {
    display: none; }
  /* line 1000, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-sm-15 > :nth-child(n + 16) {
    display: none; }
  /* line 1003, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-sm-14 > :nth-child(n + 15) {
    display: none; }
  /* line 1006, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-sm-13 > :nth-child(n + 14) {
    display: none; }
  /* line 1009, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-sm-12 > :nth-child(n + 13) {
    display: none; }
  /* line 1012, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-sm-11 > :nth-child(n + 12) {
    display: none; }
  /* line 1015, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-sm-10 > :nth-child(n + 11) {
    display: none; }
  /* line 1018, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-sm-9 > :nth-child(n + 10) {
    display: none; }
  /* line 1021, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-sm-8 > :nth-child(n + 9) {
    display: none; }
  /* line 1024, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-sm-7 > :nth-child(n + 8) {
    display: none; }
  /* line 1027, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-sm-6 > :nth-child(n + 7) {
    display: none; }
  /* line 1030, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-sm-5 > :nth-child(n + 6) {
    display: none; }
  /* line 1033, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-sm-4 > :nth-child(n + 5) {
    display: none; }
  /* line 1036, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-sm-3 > :nth-child(n + 4) {
    display: none; }
  /* line 1039, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-sm-2 > :nth-child(n + 3) {
    display: none; }
  /* line 1042, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-sm-1 > :nth-child(n + 2) {
    display: none; } }

/**
 * Medium Grid
 */
@media (min-width: 854px) {
  /* line 1050, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) body {
    padding: 0; }
  /* line 1053, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .standard-grid > * {
    margin-bottom: 20px; }
  /* line 1056, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-xs-1,
  html:not(.using-overlay-scroll-bars) .col-xs-2,
  html:not(.using-overlay-scroll-bars) .col-xs-3,
  html:not(.using-overlay-scroll-bars) .col-xs-4,
  html:not(.using-overlay-scroll-bars) .col-xs-5,
  html:not(.using-overlay-scroll-bars) .col-xs-6,
  html:not(.using-overlay-scroll-bars) .col-xs-7,
  html:not(.using-overlay-scroll-bars) .col-xs-8,
  html:not(.using-overlay-scroll-bars) .col-xs-9,
  html:not(.using-overlay-scroll-bars) .col-xs-10,
  html:not(.using-overlay-scroll-bars) .col-xs-11,
  html:not(.using-overlay-scroll-bars) .col-xs-12,
  html:not(.using-overlay-scroll-bars) .col-sm-1,
  html:not(.using-overlay-scroll-bars) .col-sm-2,
  html:not(.using-overlay-scroll-bars) .col-sm-3,
  html:not(.using-overlay-scroll-bars) .col-sm-4,
  html:not(.using-overlay-scroll-bars) .col-sm-5,
  html:not(.using-overlay-scroll-bars) .col-sm-6,
  html:not(.using-overlay-scroll-bars) .col-sm-7,
  html:not(.using-overlay-scroll-bars) .col-sm-8,
  html:not(.using-overlay-scroll-bars) .col-sm-9,
  html:not(.using-overlay-scroll-bars) .col-sm-10,
  html:not(.using-overlay-scroll-bars) .col-sm-11,
  html:not(.using-overlay-scroll-bars) .col-sm-12,
  html:not(.using-overlay-scroll-bars) .col-md-1,
  html:not(.using-overlay-scroll-bars) .col-md-2,
  html:not(.using-overlay-scroll-bars) .col-md-3,
  html:not(.using-overlay-scroll-bars) .col-md-4,
  html:not(.using-overlay-scroll-bars) .col-md-5,
  html:not(.using-overlay-scroll-bars) .col-md-6,
  html:not(.using-overlay-scroll-bars) .col-md-7,
  html:not(.using-overlay-scroll-bars) .col-md-8,
  html:not(.using-overlay-scroll-bars) .col-md-9,
  html:not(.using-overlay-scroll-bars) .col-md-10,
  html:not(.using-overlay-scroll-bars) .col-md-11,
  html:not(.using-overlay-scroll-bars) .col-md-12,
  html:not(.using-overlay-scroll-bars) .col-lg-1,
  html:not(.using-overlay-scroll-bars) .col-lg-2,
  html:not(.using-overlay-scroll-bars) .col-lg-3,
  html:not(.using-overlay-scroll-bars) .col-lg-4,
  html:not(.using-overlay-scroll-bars) .col-lg-5,
  html:not(.using-overlay-scroll-bars) .col-lg-6,
  html:not(.using-overlay-scroll-bars) .col-lg-7,
  html:not(.using-overlay-scroll-bars) .col-lg-8,
  html:not(.using-overlay-scroll-bars) .col-lg-9,
  html:not(.using-overlay-scroll-bars) .col-lg-10,
  html:not(.using-overlay-scroll-bars) .col-lg-11,
  html:not(.using-overlay-scroll-bars) .col-lg-12 {
    padding-left: 10px;
    padding-right: 10px; }
  /* line 1107, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-md-1,
  html:not(.using-overlay-scroll-bars) .col-md-2,
  html:not(.using-overlay-scroll-bars) .col-md-3,
  html:not(.using-overlay-scroll-bars) .col-md-4,
  html:not(.using-overlay-scroll-bars) .col-md-5,
  html:not(.using-overlay-scroll-bars) .col-md-6,
  html:not(.using-overlay-scroll-bars) .col-md-7,
  html:not(.using-overlay-scroll-bars) .col-md-8,
  html:not(.using-overlay-scroll-bars) .col-md-9,
  html:not(.using-overlay-scroll-bars) .col-md-10,
  html:not(.using-overlay-scroll-bars) .col-md-11,
  html:not(.using-overlay-scroll-bars) .col-md-12 {
    float: left; }
  /* line 1121, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-md-1 {
    width: 8.33333333%; }
  /* line 1124, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-md-2 {
    width: 16.66666667%; }
  /* line 1127, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-md-3 {
    width: 25%; }
  /* line 1130, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-md-4 {
    width: 33.33333333%; }
  /* line 1133, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-md-5 {
    width: 41.66666667%; }
  /* line 1136, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-md-6 {
    width: 50%; }
  /* line 1139, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-md-7 {
    width: 58.33333333%; }
  /* line 1142, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-md-8 {
    width: 66.66666667%; }
  /* line 1145, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-md-9 {
    width: 75%; }
  /* line 1148, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-md-10 {
    width: 83.33333333%; }
  /* line 1151, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-md-11 {
    width: 91.66666667%; }
  /* line 1154, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-md-12 {
    width: 100%; }
  /* line 1157, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-md-push-1 {
    left: 8.33333333%; }
  /* line 1160, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-md-push-2 {
    left: 16.66666667%; }
  /* line 1163, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-md-push-3 {
    left: 25%; }
  /* line 1166, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-md-push-4 {
    left: 33.33333333%; }
  /* line 1169, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-md-push-5 {
    left: 41.66666667%; }
  /* line 1172, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-md-push-6 {
    left: 50%; }
  /* line 1175, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-md-push-7 {
    left: 58.33333333%; }
  /* line 1178, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-md-push-8 {
    left: 66.66666667%; }
  /* line 1181, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-md-push-9 {
    left: 75%; }
  /* line 1184, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-md-push-10 {
    left: 83.33333333%; }
  /* line 1187, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-md-push-11 {
    left: 91.66666667%; }
  /* line 1190, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-md-pull-1 {
    right: 8.33333333%; }
  /* line 1193, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-md-pull-2 {
    right: 16.66666667%; }
  /* line 1196, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-md-pull-3 {
    right: 25%; }
  /* line 1199, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-md-pull-4 {
    right: 33.33333333%; }
  /* line 1202, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-md-pull-5 {
    right: 41.66666667%; }
  /* line 1205, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-md-pull-6 {
    right: 50%; }
  /* line 1208, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-md-pull-7 {
    right: 58.33333333%; }
  /* line 1211, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-md-pull-8 {
    right: 66.66666667%; }
  /* line 1214, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-md-pull-9 {
    right: 75%; }
  /* line 1217, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-md-pull-10 {
    right: 83.33333333%; }
  /* line 1220, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-md-pull-11 {
    right: 91.66666667%; }
  /* line 1223, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-md-offset-1 {
    margin-left: 8.33333333%; }
  /* line 1226, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-md-offset-2 {
    margin-left: 16.66666667%; }
  /* line 1229, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-md-offset-3 {
    margin-left: 25%; }
  /* line 1232, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-md-offset-4 {
    margin-left: 33.33333333%; }
  /* line 1235, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-md-offset-5 {
    margin-left: 41.66666667%; }
  /* line 1238, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-md-offset-6 {
    margin-left: 50%; }
  /* line 1241, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-md-offset-7 {
    margin-left: 58.33333333%; }
  /* line 1244, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-md-offset-8 {
    margin-left: 66.66666667%; }
  /* line 1247, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-md-offset-9 {
    margin-left: 75%; }
  /* line 1250, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-md-offset-10 {
    margin-left: 83.33333333%; }
  /* line 1253, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-md-offset-11 {
    margin-left: 91.66666667%; }
  /* line 1256, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-sm-18 > :nth-child(n + 19) {
    display: block; }
  /* line 1259, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-sm-17 > :nth-child(n + 18) {
    display: block; }
  /* line 1262, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-sm-16 > :nth-child(n + 17) {
    display: block; }
  /* line 1265, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-sm-15 > :nth-child(n + 16) {
    display: block; }
  /* line 1268, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-sm-14 > :nth-child(n + 15) {
    display: block; }
  /* line 1271, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-sm-13 > :nth-child(n + 14) {
    display: block; }
  /* line 1274, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-sm-12 > :nth-child(n + 13) {
    display: block; }
  /* line 1277, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-sm-11 > :nth-child(n + 12) {
    display: block; }
  /* line 1280, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-sm-10 > :nth-child(n + 11) {
    display: block; }
  /* line 1283, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-sm-9 > :nth-child(n + 10) {
    display: block; }
  /* line 1286, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-sm-8 > :nth-child(n + 9) {
    display: block; }
  /* line 1289, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-sm-7 > :nth-child(n + 8) {
    display: block; }
  /* line 1292, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-sm-6 > :nth-child(n + 7) {
    display: block; }
  /* line 1295, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-sm-5 > :nth-child(n + 6) {
    display: block; }
  /* line 1298, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-sm-4 > :nth-child(n + 5) {
    display: block; }
  /* line 1301, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-sm-3 > :nth-child(n + 4) {
    display: block; }
  /* line 1304, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-sm-2 > :nth-child(n + 3) {
    display: block; }
  /* line 1307, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-sm-1 > :nth-child(n + 2) {
    display: block; }
  /* line 1310, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-md-18 > :nth-child(n + 19) {
    display: none; }
  /* line 1313, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-md-17 > :nth-child(n + 18) {
    display: none; }
  /* line 1316, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-md-16 > :nth-child(n + 17) {
    display: none; }
  /* line 1319, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-md-15 > :nth-child(n + 16) {
    display: none; }
  /* line 1322, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-md-14 > :nth-child(n + 15) {
    display: none; }
  /* line 1325, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-md-13 > :nth-child(n + 14) {
    display: none; }
  /* line 1328, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-md-12 > :nth-child(n + 13) {
    display: none; }
  /* line 1331, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-md-11 > :nth-child(n + 12) {
    display: none; }
  /* line 1334, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-md-10 > :nth-child(n + 11) {
    display: none; }
  /* line 1337, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-md-9 > :nth-child(n + 10) {
    display: none; }
  /* line 1340, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-md-8 > :nth-child(n + 9) {
    display: none; }
  /* line 1343, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-md-7 > :nth-child(n + 8) {
    display: none; }
  /* line 1346, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-md-6 > :nth-child(n + 7) {
    display: none; }
  /* line 1349, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-md-5 > :nth-child(n + 6) {
    display: none; }
  /* line 1352, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-md-4 > :nth-child(n + 5) {
    display: none; }
  /* line 1355, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-md-3 > :nth-child(n + 4) {
    display: none; }
  /* line 1358, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-md-2 > :nth-child(n + 3) {
    display: none; }
  /* line 1361, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-md-1 > :nth-child(n + 2) {
    display: none; } }

@media (min-width: 844px) {
  /* line 1366, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars body {
    padding: 0; }
  /* line 1369, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .standard-grid > * {
    margin-bottom: 20px; }
  /* line 1372, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-xs-1,
  html.using-overlay-scroll-bars .col-xs-2,
  html.using-overlay-scroll-bars .col-xs-3,
  html.using-overlay-scroll-bars .col-xs-4,
  html.using-overlay-scroll-bars .col-xs-5,
  html.using-overlay-scroll-bars .col-xs-6,
  html.using-overlay-scroll-bars .col-xs-7,
  html.using-overlay-scroll-bars .col-xs-8,
  html.using-overlay-scroll-bars .col-xs-9,
  html.using-overlay-scroll-bars .col-xs-10,
  html.using-overlay-scroll-bars .col-xs-11,
  html.using-overlay-scroll-bars .col-xs-12,
  html.using-overlay-scroll-bars .col-sm-1,
  html.using-overlay-scroll-bars .col-sm-2,
  html.using-overlay-scroll-bars .col-sm-3,
  html.using-overlay-scroll-bars .col-sm-4,
  html.using-overlay-scroll-bars .col-sm-5,
  html.using-overlay-scroll-bars .col-sm-6,
  html.using-overlay-scroll-bars .col-sm-7,
  html.using-overlay-scroll-bars .col-sm-8,
  html.using-overlay-scroll-bars .col-sm-9,
  html.using-overlay-scroll-bars .col-sm-10,
  html.using-overlay-scroll-bars .col-sm-11,
  html.using-overlay-scroll-bars .col-sm-12,
  html.using-overlay-scroll-bars .col-md-1,
  html.using-overlay-scroll-bars .col-md-2,
  html.using-overlay-scroll-bars .col-md-3,
  html.using-overlay-scroll-bars .col-md-4,
  html.using-overlay-scroll-bars .col-md-5,
  html.using-overlay-scroll-bars .col-md-6,
  html.using-overlay-scroll-bars .col-md-7,
  html.using-overlay-scroll-bars .col-md-8,
  html.using-overlay-scroll-bars .col-md-9,
  html.using-overlay-scroll-bars .col-md-10,
  html.using-overlay-scroll-bars .col-md-11,
  html.using-overlay-scroll-bars .col-md-12,
  html.using-overlay-scroll-bars .col-lg-1,
  html.using-overlay-scroll-bars .col-lg-2,
  html.using-overlay-scroll-bars .col-lg-3,
  html.using-overlay-scroll-bars .col-lg-4,
  html.using-overlay-scroll-bars .col-lg-5,
  html.using-overlay-scroll-bars .col-lg-6,
  html.using-overlay-scroll-bars .col-lg-7,
  html.using-overlay-scroll-bars .col-lg-8,
  html.using-overlay-scroll-bars .col-lg-9,
  html.using-overlay-scroll-bars .col-lg-10,
  html.using-overlay-scroll-bars .col-lg-11,
  html.using-overlay-scroll-bars .col-lg-12 {
    padding-left: 10px;
    padding-right: 10px; }
  /* line 1423, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-md-1,
  html.using-overlay-scroll-bars .col-md-2,
  html.using-overlay-scroll-bars .col-md-3,
  html.using-overlay-scroll-bars .col-md-4,
  html.using-overlay-scroll-bars .col-md-5,
  html.using-overlay-scroll-bars .col-md-6,
  html.using-overlay-scroll-bars .col-md-7,
  html.using-overlay-scroll-bars .col-md-8,
  html.using-overlay-scroll-bars .col-md-9,
  html.using-overlay-scroll-bars .col-md-10,
  html.using-overlay-scroll-bars .col-md-11,
  html.using-overlay-scroll-bars .col-md-12 {
    float: left; }
  /* line 1437, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-md-1 {
    width: 8.33333333%; }
  /* line 1440, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-md-2 {
    width: 16.66666667%; }
  /* line 1443, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-md-3 {
    width: 25%; }
  /* line 1446, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-md-4 {
    width: 33.33333333%; }
  /* line 1449, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-md-5 {
    width: 41.66666667%; }
  /* line 1452, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-md-6 {
    width: 50%; }
  /* line 1455, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-md-7 {
    width: 58.33333333%; }
  /* line 1458, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-md-8 {
    width: 66.66666667%; }
  /* line 1461, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-md-9 {
    width: 75%; }
  /* line 1464, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-md-10 {
    width: 83.33333333%; }
  /* line 1467, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-md-11 {
    width: 91.66666667%; }
  /* line 1470, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-md-12 {
    width: 100%; }
  /* line 1473, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-md-push-1 {
    left: 8.33333333%; }
  /* line 1476, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-md-push-2 {
    left: 16.66666667%; }
  /* line 1479, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-md-push-3 {
    left: 25%; }
  /* line 1482, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-md-push-4 {
    left: 33.33333333%; }
  /* line 1485, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-md-push-5 {
    left: 41.66666667%; }
  /* line 1488, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-md-push-6 {
    left: 50%; }
  /* line 1491, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-md-push-7 {
    left: 58.33333333%; }
  /* line 1494, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-md-push-8 {
    left: 66.66666667%; }
  /* line 1497, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-md-push-9 {
    left: 75%; }
  /* line 1500, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-md-push-10 {
    left: 83.33333333%; }
  /* line 1503, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-md-push-11 {
    left: 91.66666667%; }
  /* line 1506, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-md-pull-1 {
    right: 8.33333333%; }
  /* line 1509, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-md-pull-2 {
    right: 16.66666667%; }
  /* line 1512, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-md-pull-3 {
    right: 25%; }
  /* line 1515, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-md-pull-4 {
    right: 33.33333333%; }
  /* line 1518, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-md-pull-5 {
    right: 41.66666667%; }
  /* line 1521, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-md-pull-6 {
    right: 50%; }
  /* line 1524, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-md-pull-7 {
    right: 58.33333333%; }
  /* line 1527, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-md-pull-8 {
    right: 66.66666667%; }
  /* line 1530, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-md-pull-9 {
    right: 75%; }
  /* line 1533, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-md-pull-10 {
    right: 83.33333333%; }
  /* line 1536, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-md-pull-11 {
    right: 91.66666667%; }
  /* line 1539, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-md-offset-1 {
    margin-left: 8.33333333%; }
  /* line 1542, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-md-offset-2 {
    margin-left: 16.66666667%; }
  /* line 1545, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-md-offset-3 {
    margin-left: 25%; }
  /* line 1548, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-md-offset-4 {
    margin-left: 33.33333333%; }
  /* line 1551, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-md-offset-5 {
    margin-left: 41.66666667%; }
  /* line 1554, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-md-offset-6 {
    margin-left: 50%; }
  /* line 1557, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-md-offset-7 {
    margin-left: 58.33333333%; }
  /* line 1560, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-md-offset-8 {
    margin-left: 66.66666667%; }
  /* line 1563, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-md-offset-9 {
    margin-left: 75%; }
  /* line 1566, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-md-offset-10 {
    margin-left: 83.33333333%; }
  /* line 1569, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-md-offset-11 {
    margin-left: 91.66666667%; }
  /* line 1572, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-sm-18 > :nth-child(n + 19) {
    display: block; }
  /* line 1575, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-sm-17 > :nth-child(n + 18) {
    display: block; }
  /* line 1578, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-sm-16 > :nth-child(n + 17) {
    display: block; }
  /* line 1581, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-sm-15 > :nth-child(n + 16) {
    display: block; }
  /* line 1584, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-sm-14 > :nth-child(n + 15) {
    display: block; }
  /* line 1587, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-sm-13 > :nth-child(n + 14) {
    display: block; }
  /* line 1590, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-sm-12 > :nth-child(n + 13) {
    display: block; }
  /* line 1593, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-sm-11 > :nth-child(n + 12) {
    display: block; }
  /* line 1596, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-sm-10 > :nth-child(n + 11) {
    display: block; }
  /* line 1599, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-sm-9 > :nth-child(n + 10) {
    display: block; }
  /* line 1602, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-sm-8 > :nth-child(n + 9) {
    display: block; }
  /* line 1605, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-sm-7 > :nth-child(n + 8) {
    display: block; }
  /* line 1608, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-sm-6 > :nth-child(n + 7) {
    display: block; }
  /* line 1611, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-sm-5 > :nth-child(n + 6) {
    display: block; }
  /* line 1614, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-sm-4 > :nth-child(n + 5) {
    display: block; }
  /* line 1617, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-sm-3 > :nth-child(n + 4) {
    display: block; }
  /* line 1620, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-sm-2 > :nth-child(n + 3) {
    display: block; }
  /* line 1623, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-sm-1 > :nth-child(n + 2) {
    display: block; }
  /* line 1626, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-md-18 > :nth-child(n + 19) {
    display: none; }
  /* line 1629, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-md-17 > :nth-child(n + 18) {
    display: none; }
  /* line 1632, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-md-16 > :nth-child(n + 17) {
    display: none; }
  /* line 1635, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-md-15 > :nth-child(n + 16) {
    display: none; }
  /* line 1638, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-md-14 > :nth-child(n + 15) {
    display: none; }
  /* line 1641, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-md-13 > :nth-child(n + 14) {
    display: none; }
  /* line 1644, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-md-12 > :nth-child(n + 13) {
    display: none; }
  /* line 1647, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-md-11 > :nth-child(n + 12) {
    display: none; }
  /* line 1650, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-md-10 > :nth-child(n + 11) {
    display: none; }
  /* line 1653, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-md-9 > :nth-child(n + 10) {
    display: none; }
  /* line 1656, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-md-8 > :nth-child(n + 9) {
    display: none; }
  /* line 1659, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-md-7 > :nth-child(n + 8) {
    display: none; }
  /* line 1662, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-md-6 > :nth-child(n + 7) {
    display: none; }
  /* line 1665, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-md-5 > :nth-child(n + 6) {
    display: none; }
  /* line 1668, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-md-4 > :nth-child(n + 5) {
    display: none; }
  /* line 1671, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-md-3 > :nth-child(n + 4) {
    display: none; }
  /* line 1674, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-md-2 > :nth-child(n + 3) {
    display: none; }
  /* line 1677, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-md-1 > :nth-child(n + 2) {
    display: none; } }

/**
 * Large Grid
 */
@media (min-width: 1274px) {
  /* line 1685, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) body {
    padding: 0; }
  /* line 1688, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .standard-grid > * {
    margin-bottom: 24px; }
  /* line 1691, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-xs-1,
  html:not(.using-overlay-scroll-bars) .col-xs-2,
  html:not(.using-overlay-scroll-bars) .col-xs-3,
  html:not(.using-overlay-scroll-bars) .col-xs-4,
  html:not(.using-overlay-scroll-bars) .col-xs-5,
  html:not(.using-overlay-scroll-bars) .col-xs-6,
  html:not(.using-overlay-scroll-bars) .col-xs-7,
  html:not(.using-overlay-scroll-bars) .col-xs-8,
  html:not(.using-overlay-scroll-bars) .col-xs-9,
  html:not(.using-overlay-scroll-bars) .col-xs-10,
  html:not(.using-overlay-scroll-bars) .col-xs-11,
  html:not(.using-overlay-scroll-bars) .col-xs-12,
  html:not(.using-overlay-scroll-bars) .col-sm-1,
  html:not(.using-overlay-scroll-bars) .col-sm-2,
  html:not(.using-overlay-scroll-bars) .col-sm-3,
  html:not(.using-overlay-scroll-bars) .col-sm-4,
  html:not(.using-overlay-scroll-bars) .col-sm-5,
  html:not(.using-overlay-scroll-bars) .col-sm-6,
  html:not(.using-overlay-scroll-bars) .col-sm-7,
  html:not(.using-overlay-scroll-bars) .col-sm-8,
  html:not(.using-overlay-scroll-bars) .col-sm-9,
  html:not(.using-overlay-scroll-bars) .col-sm-10,
  html:not(.using-overlay-scroll-bars) .col-sm-11,
  html:not(.using-overlay-scroll-bars) .col-sm-12,
  html:not(.using-overlay-scroll-bars) .col-md-1,
  html:not(.using-overlay-scroll-bars) .col-md-2,
  html:not(.using-overlay-scroll-bars) .col-md-3,
  html:not(.using-overlay-scroll-bars) .col-md-4,
  html:not(.using-overlay-scroll-bars) .col-md-5,
  html:not(.using-overlay-scroll-bars) .col-md-6,
  html:not(.using-overlay-scroll-bars) .col-md-7,
  html:not(.using-overlay-scroll-bars) .col-md-8,
  html:not(.using-overlay-scroll-bars) .col-md-9,
  html:not(.using-overlay-scroll-bars) .col-md-10,
  html:not(.using-overlay-scroll-bars) .col-md-11,
  html:not(.using-overlay-scroll-bars) .col-md-12,
  html:not(.using-overlay-scroll-bars) .col-lg-1,
  html:not(.using-overlay-scroll-bars) .col-lg-2,
  html:not(.using-overlay-scroll-bars) .col-lg-3,
  html:not(.using-overlay-scroll-bars) .col-lg-4,
  html:not(.using-overlay-scroll-bars) .col-lg-5,
  html:not(.using-overlay-scroll-bars) .col-lg-6,
  html:not(.using-overlay-scroll-bars) .col-lg-7,
  html:not(.using-overlay-scroll-bars) .col-lg-8,
  html:not(.using-overlay-scroll-bars) .col-lg-9,
  html:not(.using-overlay-scroll-bars) .col-lg-10,
  html:not(.using-overlay-scroll-bars) .col-lg-11,
  html:not(.using-overlay-scroll-bars) .col-lg-12 {
    padding-left: 12px;
    padding-right: 12px; }
  /* line 1742, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-lg-1,
  html:not(.using-overlay-scroll-bars) .col-lg-2,
  html:not(.using-overlay-scroll-bars) .col-lg-3,
  html:not(.using-overlay-scroll-bars) .col-lg-4,
  html:not(.using-overlay-scroll-bars) .col-lg-5,
  html:not(.using-overlay-scroll-bars) .col-lg-6,
  html:not(.using-overlay-scroll-bars) .col-lg-7,
  html:not(.using-overlay-scroll-bars) .col-lg-8,
  html:not(.using-overlay-scroll-bars) .col-lg-9,
  html:not(.using-overlay-scroll-bars) .col-lg-10,
  html:not(.using-overlay-scroll-bars) .col-lg-11,
  html:not(.using-overlay-scroll-bars) .col-lg-12 {
    float: left; }
  /* line 1756, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-lg-1 {
    width: 8.33333333%; }
  /* line 1759, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-lg-2 {
    width: 16.66666667%; }
  /* line 1762, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-lg-3 {
    width: 25%; }
  /* line 1765, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-lg-4 {
    width: 33.33333333%; }
  /* line 1768, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-lg-5 {
    width: 41.66666667%; }
  /* line 1771, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-lg-6 {
    width: 50%; }
  /* line 1774, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-lg-7 {
    width: 58.33333333%; }
  /* line 1777, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-lg-8 {
    width: 66.66666667%; }
  /* line 1780, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-lg-9 {
    width: 75%; }
  /* line 1783, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-lg-10 {
    width: 83.33333333%; }
  /* line 1786, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-lg-11 {
    width: 91.66666667%; }
  /* line 1789, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-lg-12 {
    width: 100%; }
  /* line 1792, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-lg-push-1 {
    left: 8.33333333%; }
  /* line 1795, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-lg-push-2 {
    left: 16.66666667%; }
  /* line 1798, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-lg-push-3 {
    left: 25%; }
  /* line 1801, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-lg-push-4 {
    left: 33.33333333%; }
  /* line 1804, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-lg-push-5 {
    left: 41.66666667%; }
  /* line 1807, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-lg-push-6 {
    left: 50%; }
  /* line 1810, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-lg-push-7 {
    left: 58.33333333%; }
  /* line 1813, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-lg-push-8 {
    left: 66.66666667%; }
  /* line 1816, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-lg-push-9 {
    left: 75%; }
  /* line 1819, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-lg-push-10 {
    left: 83.33333333%; }
  /* line 1822, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-lg-push-11 {
    left: 91.66666667%; }
  /* line 1825, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-lg-pull-1 {
    right: 8.33333333%; }
  /* line 1828, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-lg-pull-2 {
    right: 16.66666667%; }
  /* line 1831, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-lg-pull-3 {
    right: 25%; }
  /* line 1834, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-lg-pull-4 {
    right: 33.33333333%; }
  /* line 1837, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-lg-pull-5 {
    right: 41.66666667%; }
  /* line 1840, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-lg-pull-6 {
    right: 50%; }
  /* line 1843, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-lg-pull-7 {
    right: 58.33333333%; }
  /* line 1846, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-lg-pull-8 {
    right: 66.66666667%; }
  /* line 1849, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-lg-pull-9 {
    right: 75%; }
  /* line 1852, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-lg-pull-10 {
    right: 83.33333333%; }
  /* line 1855, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-lg-pull-11 {
    right: 91.66666667%; }
  /* line 1858, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-lg-offset-1 {
    margin-left: 8.33333333%; }
  /* line 1861, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-lg-offset-2 {
    margin-left: 16.66666667%; }
  /* line 1864, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-lg-offset-3 {
    margin-left: 25%; }
  /* line 1867, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-lg-offset-4 {
    margin-left: 33.33333333%; }
  /* line 1870, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-lg-offset-5 {
    margin-left: 41.66666667%; }
  /* line 1873, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-lg-offset-6 {
    margin-left: 50%; }
  /* line 1876, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-lg-offset-7 {
    margin-left: 58.33333333%; }
  /* line 1879, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-lg-offset-8 {
    margin-left: 66.66666667%; }
  /* line 1882, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-lg-offset-9 {
    margin-left: 75%; }
  /* line 1885, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-lg-offset-10 {
    margin-left: 83.33333333%; }
  /* line 1888, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .col-lg-offset-11 {
    margin-left: 91.66666667%; }
  /* line 1891, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-md-18 > :nth-child(n + 19) {
    display: block; }
  /* line 1894, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-md-17 > :nth-child(n + 18) {
    display: block; }
  /* line 1897, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-md-16 > :nth-child(n + 17) {
    display: block; }
  /* line 1900, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-md-15 > :nth-child(n + 16) {
    display: block; }
  /* line 1903, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-md-14 > :nth-child(n + 15) {
    display: block; }
  /* line 1906, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-md-13 > :nth-child(n + 14) {
    display: block; }
  /* line 1909, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-md-12 > :nth-child(n + 13) {
    display: block; }
  /* line 1912, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-md-11 > :nth-child(n + 12) {
    display: block; }
  /* line 1915, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-md-10 > :nth-child(n + 11) {
    display: block; }
  /* line 1918, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-md-9 > :nth-child(n + 10) {
    display: block; }
  /* line 1921, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-md-8 > :nth-child(n + 9) {
    display: block; }
  /* line 1924, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-md-7 > :nth-child(n + 8) {
    display: block; }
  /* line 1927, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-md-6 > :nth-child(n + 7) {
    display: block; }
  /* line 1930, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-md-5 > :nth-child(n + 6) {
    display: block; }
  /* line 1933, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-md-4 > :nth-child(n + 5) {
    display: block; }
  /* line 1936, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-md-3 > :nth-child(n + 4) {
    display: block; }
  /* line 1939, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-md-2 > :nth-child(n + 3) {
    display: block; }
  /* line 1942, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-md-1 > :nth-child(n + 2) {
    display: block; }
  /* line 1945, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-lg-18 > :nth-child(n + 19) {
    display: none; }
  /* line 1948, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-lg-17 > :nth-child(n + 18) {
    display: none; }
  /* line 1951, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-lg-16 > :nth-child(n + 17) {
    display: none; }
  /* line 1954, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-lg-15 > :nth-child(n + 16) {
    display: none; }
  /* line 1957, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-lg-14 > :nth-child(n + 15) {
    display: none; }
  /* line 1960, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-lg-13 > :nth-child(n + 14) {
    display: none; }
  /* line 1963, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-lg-12 > :nth-child(n + 13) {
    display: none; }
  /* line 1966, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-lg-11 > :nth-child(n + 12) {
    display: none; }
  /* line 1969, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-lg-10 > :nth-child(n + 11) {
    display: none; }
  /* line 1972, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-lg-9 > :nth-child(n + 10) {
    display: none; }
  /* line 1975, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-lg-8 > :nth-child(n + 9) {
    display: none; }
  /* line 1978, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-lg-7 > :nth-child(n + 8) {
    display: none; }
  /* line 1981, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-lg-6 > :nth-child(n + 7) {
    display: none; }
  /* line 1984, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-lg-5 > :nth-child(n + 6) {
    display: none; }
  /* line 1987, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-lg-4 > :nth-child(n + 5) {
    display: none; }
  /* line 1990, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-lg-3 > :nth-child(n + 4) {
    display: none; }
  /* line 1993, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-lg-2 > :nth-child(n + 3) {
    display: none; }
  /* line 1996, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html:not(.using-overlay-scroll-bars) .clamp-lg-1 > :nth-child(n + 2) {
    display: none; } }

@media (min-width: 1264px) {
  /* line 2001, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars body {
    padding: 0; }
  /* line 2004, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .standard-grid > * {
    margin-bottom: 24px; }
  /* line 2007, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-xs-1,
  html.using-overlay-scroll-bars .col-xs-2,
  html.using-overlay-scroll-bars .col-xs-3,
  html.using-overlay-scroll-bars .col-xs-4,
  html.using-overlay-scroll-bars .col-xs-5,
  html.using-overlay-scroll-bars .col-xs-6,
  html.using-overlay-scroll-bars .col-xs-7,
  html.using-overlay-scroll-bars .col-xs-8,
  html.using-overlay-scroll-bars .col-xs-9,
  html.using-overlay-scroll-bars .col-xs-10,
  html.using-overlay-scroll-bars .col-xs-11,
  html.using-overlay-scroll-bars .col-xs-12,
  html.using-overlay-scroll-bars .col-sm-1,
  html.using-overlay-scroll-bars .col-sm-2,
  html.using-overlay-scroll-bars .col-sm-3,
  html.using-overlay-scroll-bars .col-sm-4,
  html.using-overlay-scroll-bars .col-sm-5,
  html.using-overlay-scroll-bars .col-sm-6,
  html.using-overlay-scroll-bars .col-sm-7,
  html.using-overlay-scroll-bars .col-sm-8,
  html.using-overlay-scroll-bars .col-sm-9,
  html.using-overlay-scroll-bars .col-sm-10,
  html.using-overlay-scroll-bars .col-sm-11,
  html.using-overlay-scroll-bars .col-sm-12,
  html.using-overlay-scroll-bars .col-md-1,
  html.using-overlay-scroll-bars .col-md-2,
  html.using-overlay-scroll-bars .col-md-3,
  html.using-overlay-scroll-bars .col-md-4,
  html.using-overlay-scroll-bars .col-md-5,
  html.using-overlay-scroll-bars .col-md-6,
  html.using-overlay-scroll-bars .col-md-7,
  html.using-overlay-scroll-bars .col-md-8,
  html.using-overlay-scroll-bars .col-md-9,
  html.using-overlay-scroll-bars .col-md-10,
  html.using-overlay-scroll-bars .col-md-11,
  html.using-overlay-scroll-bars .col-md-12,
  html.using-overlay-scroll-bars .col-lg-1,
  html.using-overlay-scroll-bars .col-lg-2,
  html.using-overlay-scroll-bars .col-lg-3,
  html.using-overlay-scroll-bars .col-lg-4,
  html.using-overlay-scroll-bars .col-lg-5,
  html.using-overlay-scroll-bars .col-lg-6,
  html.using-overlay-scroll-bars .col-lg-7,
  html.using-overlay-scroll-bars .col-lg-8,
  html.using-overlay-scroll-bars .col-lg-9,
  html.using-overlay-scroll-bars .col-lg-10,
  html.using-overlay-scroll-bars .col-lg-11,
  html.using-overlay-scroll-bars .col-lg-12 {
    padding-left: 12px;
    padding-right: 12px; }
  /* line 2058, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-lg-1,
  html.using-overlay-scroll-bars .col-lg-2,
  html.using-overlay-scroll-bars .col-lg-3,
  html.using-overlay-scroll-bars .col-lg-4,
  html.using-overlay-scroll-bars .col-lg-5,
  html.using-overlay-scroll-bars .col-lg-6,
  html.using-overlay-scroll-bars .col-lg-7,
  html.using-overlay-scroll-bars .col-lg-8,
  html.using-overlay-scroll-bars .col-lg-9,
  html.using-overlay-scroll-bars .col-lg-10,
  html.using-overlay-scroll-bars .col-lg-11,
  html.using-overlay-scroll-bars .col-lg-12 {
    float: left; }
  /* line 2072, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-lg-1 {
    width: 8.33333333%; }
  /* line 2075, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-lg-2 {
    width: 16.66666667%; }
  /* line 2078, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-lg-3 {
    width: 25%; }
  /* line 2081, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-lg-4 {
    width: 33.33333333%; }
  /* line 2084, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-lg-5 {
    width: 41.66666667%; }
  /* line 2087, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-lg-6 {
    width: 50%; }
  /* line 2090, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-lg-7 {
    width: 58.33333333%; }
  /* line 2093, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-lg-8 {
    width: 66.66666667%; }
  /* line 2096, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-lg-9 {
    width: 75%; }
  /* line 2099, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-lg-10 {
    width: 83.33333333%; }
  /* line 2102, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-lg-11 {
    width: 91.66666667%; }
  /* line 2105, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-lg-12 {
    width: 100%; }
  /* line 2108, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-lg-push-1 {
    left: 8.33333333%; }
  /* line 2111, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-lg-push-2 {
    left: 16.66666667%; }
  /* line 2114, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-lg-push-3 {
    left: 25%; }
  /* line 2117, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-lg-push-4 {
    left: 33.33333333%; }
  /* line 2120, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-lg-push-5 {
    left: 41.66666667%; }
  /* line 2123, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-lg-push-6 {
    left: 50%; }
  /* line 2126, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-lg-push-7 {
    left: 58.33333333%; }
  /* line 2129, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-lg-push-8 {
    left: 66.66666667%; }
  /* line 2132, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-lg-push-9 {
    left: 75%; }
  /* line 2135, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-lg-push-10 {
    left: 83.33333333%; }
  /* line 2138, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-lg-push-11 {
    left: 91.66666667%; }
  /* line 2141, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-lg-pull-1 {
    right: 8.33333333%; }
  /* line 2144, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-lg-pull-2 {
    right: 16.66666667%; }
  /* line 2147, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-lg-pull-3 {
    right: 25%; }
  /* line 2150, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-lg-pull-4 {
    right: 33.33333333%; }
  /* line 2153, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-lg-pull-5 {
    right: 41.66666667%; }
  /* line 2156, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-lg-pull-6 {
    right: 50%; }
  /* line 2159, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-lg-pull-7 {
    right: 58.33333333%; }
  /* line 2162, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-lg-pull-8 {
    right: 66.66666667%; }
  /* line 2165, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-lg-pull-9 {
    right: 75%; }
  /* line 2168, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-lg-pull-10 {
    right: 83.33333333%; }
  /* line 2171, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-lg-pull-11 {
    right: 91.66666667%; }
  /* line 2174, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-lg-offset-1 {
    margin-left: 8.33333333%; }
  /* line 2177, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-lg-offset-2 {
    margin-left: 16.66666667%; }
  /* line 2180, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-lg-offset-3 {
    margin-left: 25%; }
  /* line 2183, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-lg-offset-4 {
    margin-left: 33.33333333%; }
  /* line 2186, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-lg-offset-5 {
    margin-left: 41.66666667%; }
  /* line 2189, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-lg-offset-6 {
    margin-left: 50%; }
  /* line 2192, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-lg-offset-7 {
    margin-left: 58.33333333%; }
  /* line 2195, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-lg-offset-8 {
    margin-left: 66.66666667%; }
  /* line 2198, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-lg-offset-9 {
    margin-left: 75%; }
  /* line 2201, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-lg-offset-10 {
    margin-left: 83.33333333%; }
  /* line 2204, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .col-lg-offset-11 {
    margin-left: 91.66666667%; }
  /* line 2207, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-md-18 > :nth-child(n + 19) {
    display: block; }
  /* line 2210, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-md-17 > :nth-child(n + 18) {
    display: block; }
  /* line 2213, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-md-16 > :nth-child(n + 17) {
    display: block; }
  /* line 2216, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-md-15 > :nth-child(n + 16) {
    display: block; }
  /* line 2219, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-md-14 > :nth-child(n + 15) {
    display: block; }
  /* line 2222, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-md-13 > :nth-child(n + 14) {
    display: block; }
  /* line 2225, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-md-12 > :nth-child(n + 13) {
    display: block; }
  /* line 2228, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-md-11 > :nth-child(n + 12) {
    display: block; }
  /* line 2231, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-md-10 > :nth-child(n + 11) {
    display: block; }
  /* line 2234, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-md-9 > :nth-child(n + 10) {
    display: block; }
  /* line 2237, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-md-8 > :nth-child(n + 9) {
    display: block; }
  /* line 2240, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-md-7 > :nth-child(n + 8) {
    display: block; }
  /* line 2243, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-md-6 > :nth-child(n + 7) {
    display: block; }
  /* line 2246, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-md-5 > :nth-child(n + 6) {
    display: block; }
  /* line 2249, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-md-4 > :nth-child(n + 5) {
    display: block; }
  /* line 2252, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-md-3 > :nth-child(n + 4) {
    display: block; }
  /* line 2255, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-md-2 > :nth-child(n + 3) {
    display: block; }
  /* line 2258, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-md-1 > :nth-child(n + 2) {
    display: block; }
  /* line 2261, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-lg-18 > :nth-child(n + 19) {
    display: none; }
  /* line 2264, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-lg-17 > :nth-child(n + 18) {
    display: none; }
  /* line 2267, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-lg-16 > :nth-child(n + 17) {
    display: none; }
  /* line 2270, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-lg-15 > :nth-child(n + 16) {
    display: none; }
  /* line 2273, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-lg-14 > :nth-child(n + 15) {
    display: none; }
  /* line 2276, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-lg-13 > :nth-child(n + 14) {
    display: none; }
  /* line 2279, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-lg-12 > :nth-child(n + 13) {
    display: none; }
  /* line 2282, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-lg-11 > :nth-child(n + 12) {
    display: none; }
  /* line 2285, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-lg-10 > :nth-child(n + 11) {
    display: none; }
  /* line 2288, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-lg-9 > :nth-child(n + 10) {
    display: none; }
  /* line 2291, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-lg-8 > :nth-child(n + 9) {
    display: none; }
  /* line 2294, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-lg-7 > :nth-child(n + 8) {
    display: none; }
  /* line 2297, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-lg-6 > :nth-child(n + 7) {
    display: none; }
  /* line 2300, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-lg-5 > :nth-child(n + 6) {
    display: none; }
  /* line 2303, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-lg-4 > :nth-child(n + 5) {
    display: none; }
  /* line 2306, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-lg-3 > :nth-child(n + 4) {
    display: none; }
  /* line 2309, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-lg-2 > :nth-child(n + 3) {
    display: none; }
  /* line 2312, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  html.using-overlay-scroll-bars .clamp-lg-1 > :nth-child(n + 2) {
    display: none; } }

/**
 * Grid Overlay
 */
/* line 2319, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.grid-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  pointer-events: none; }

/* line 2328, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.grid-overlay.grid-overlay-baseline {
  background-size: 100% 8px; }

/* line 2331, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.grid-overlay-baseline-highlight {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  pointer-events: none; }

/* line 2339, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.grid-overlay-row {
  height: 100%; }

/* line 2342, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.grid-overlay-col-1,
.grid-overlay-col-2,
.grid-overlay-col-3,
.grid-overlay-col-4,
.grid-overlay-col-5,
.grid-overlay-col-6,
.grid-overlay-col-7,
.grid-overlay-col-8,
.grid-overlay-col-9,
.grid-overlay-col-10,
.grid-overlay-col-11,
.grid-overlay-col-12 {
  height: 100%;
  background-clip: content-box; }

/* line 2357, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
.grid-overlay-label {
  position: fixed;
  top: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.2);
  line-height: 1;
  padding: 5px 10px; }

/**
 * Extra Small Grid
 */
/* line 2368, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
*[dir='rtl'] .col-xs-1,
*[dir='rtl'] .col-xs-2,
*[dir='rtl'] .col-xs-3,
*[dir='rtl'] .col-xs-4,
*[dir='rtl'] .col-xs-5,
*[dir='rtl'] .col-xs-6,
*[dir='rtl'] .col-xs-7,
*[dir='rtl'] .col-xs-8,
*[dir='rtl'] .col-xs-9,
*[dir='rtl'] .col-xs-10,
*[dir='rtl'] .col-xs-11,
*[dir='rtl'] .col-xs-12 {
  float: right; }

/**
 * Small Grid
 */
@media (min-width: 586px) {
  /* line 2386, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-sm-1,
  *[dir='rtl'] .col-sm-2,
  *[dir='rtl'] .col-sm-3,
  *[dir='rtl'] .col-sm-4,
  *[dir='rtl'] .col-sm-5,
  *[dir='rtl'] .col-sm-6,
  *[dir='rtl'] .col-sm-7,
  *[dir='rtl'] .col-sm-8,
  *[dir='rtl'] .col-sm-9,
  *[dir='rtl'] .col-sm-10,
  *[dir='rtl'] .col-sm-11,
  *[dir='rtl'] .col-sm-12 {
    float: right; }
  /* line 2400, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-sm-push-1 {
    right: 8.33333333%; }
  /* line 2403, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-sm-push-2 {
    right: 16.66666667%; }
  /* line 2406, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-sm-push-3 {
    right: 25%; }
  /* line 2409, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-sm-push-4 {
    right: 33.33333333%; }
  /* line 2412, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-sm-push-5 {
    right: 41.66666667%; }
  /* line 2415, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-sm-push-6 {
    right: 50%; }
  /* line 2418, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-sm-push-7 {
    right: 58.33333333%; }
  /* line 2421, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-sm-push-8 {
    right: 66.66666667%; }
  /* line 2424, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-sm-push-9 {
    right: 75%; }
  /* line 2427, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-sm-push-10 {
    right: 83.33333333%; }
  /* line 2430, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-sm-push-11 {
    right: 91.66666667%; }
  /* line 2433, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-sm-pull-1 {
    left: 8.33333333%; }
  /* line 2436, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-sm-pull-2 {
    left: 16.66666667%; }
  /* line 2439, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-sm-pull-3 {
    left: 25%; }
  /* line 2442, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-sm-pull-4 {
    left: 33.33333333%; }
  /* line 2445, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-sm-pull-5 {
    left: 41.66666667%; }
  /* line 2448, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-sm-pull-6 {
    left: 50%; }
  /* line 2451, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-sm-pull-7 {
    left: 58.33333333%; }
  /* line 2454, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-sm-pull-8 {
    left: 66.66666667%; }
  /* line 2457, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-sm-pull-9 {
    left: 75%; }
  /* line 2460, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-sm-pull-10 {
    left: 83.33333333%; }
  /* line 2463, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-sm-pull-11 {
    left: 91.66666667%; }
  /* line 2466, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-sm-offset-1 {
    margin-right: 8.33333333%; }
  /* line 2469, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-sm-offset-2 {
    margin-right: 16.66666667%; }
  /* line 2472, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-sm-offset-3 {
    margin-right: 25%; }
  /* line 2475, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-sm-offset-4 {
    margin-right: 33.33333333%; }
  /* line 2478, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-sm-offset-5 {
    margin-right: 41.66666667%; }
  /* line 2481, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-sm-offset-6 {
    margin-right: 50%; }
  /* line 2484, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-sm-offset-7 {
    margin-right: 58.33333333%; }
  /* line 2487, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-sm-offset-8 {
    margin-right: 66.66666667%; }
  /* line 2490, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-sm-offset-9 {
    margin-right: 75%; }
  /* line 2493, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-sm-offset-10 {
    margin-right: 83.33333333%; }
  /* line 2496, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-sm-offset-11 {
    margin-right: 91.66666667%; } }

/**
 * Medium Grid
 */
@media (min-width: 854px) {
  /* line 2504, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-md-1,
  *[dir='rtl'] .col-md-2,
  *[dir='rtl'] .col-md-3,
  *[dir='rtl'] .col-md-4,
  *[dir='rtl'] .col-md-5,
  *[dir='rtl'] .col-md-6,
  *[dir='rtl'] .col-md-7,
  *[dir='rtl'] .col-md-8,
  *[dir='rtl'] .col-md-9,
  *[dir='rtl'] .col-md-10,
  *[dir='rtl'] .col-md-11,
  *[dir='rtl'] .col-md-12 {
    float: right; }
  /* line 2518, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-md-push-1 {
    right: 8.33333333%; }
  /* line 2521, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-md-push-2 {
    right: 16.66666667%; }
  /* line 2524, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-md-push-3 {
    right: 25%; }
  /* line 2527, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-md-push-4 {
    right: 33.33333333%; }
  /* line 2530, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-md-push-5 {
    right: 41.66666667%; }
  /* line 2533, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-md-push-6 {
    right: 50%; }
  /* line 2536, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-md-push-7 {
    right: 58.33333333%; }
  /* line 2539, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-md-push-8 {
    right: 66.66666667%; }
  /* line 2542, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-md-push-9 {
    right: 75%; }
  /* line 2545, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-md-push-10 {
    right: 83.33333333%; }
  /* line 2548, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-md-push-11 {
    right: 91.66666667%; }
  /* line 2551, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-md-pull-1 {
    left: 8.33333333%; }
  /* line 2554, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-md-pull-2 {
    left: 16.66666667%; }
  /* line 2557, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-md-pull-3 {
    left: 25%; }
  /* line 2560, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-md-pull-4 {
    left: 33.33333333%; }
  /* line 2563, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-md-pull-5 {
    left: 41.66666667%; }
  /* line 2566, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-md-pull-6 {
    left: 50%; }
  /* line 2569, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-md-pull-7 {
    left: 58.33333333%; }
  /* line 2572, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-md-pull-8 {
    left: 66.66666667%; }
  /* line 2575, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-md-pull-9 {
    left: 75%; }
  /* line 2578, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-md-pull-10 {
    left: 83.33333333%; }
  /* line 2581, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-md-pull-11 {
    left: 91.66666667%; }
  /* line 2584, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-md-offset-1 {
    margin-right: 8.33333333%; }
  /* line 2587, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-md-offset-2 {
    margin-right: 16.66666667%; }
  /* line 2590, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-md-offset-3 {
    margin-right: 25%; }
  /* line 2593, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-md-offset-4 {
    margin-right: 33.33333333%; }
  /* line 2596, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-md-offset-5 {
    margin-right: 41.66666667%; }
  /* line 2599, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-md-offset-6 {
    margin-right: 50%; }
  /* line 2602, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-md-offset-7 {
    margin-right: 58.33333333%; }
  /* line 2605, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-md-offset-8 {
    margin-right: 66.66666667%; }
  /* line 2608, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-md-offset-9 {
    margin-right: 75%; }
  /* line 2611, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-md-offset-10 {
    margin-right: 83.33333333%; }
  /* line 2614, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-md-offset-11 {
    margin-right: 91.66666667%; } }

/**
 * Large Grid
 */
@media (min-width: 1274px) {
  /* line 2622, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-lg-1,
  *[dir='rtl'] .col-lg-2,
  *[dir='rtl'] .col-lg-3,
  *[dir='rtl'] .col-lg-4,
  *[dir='rtl'] .col-lg-5,
  *[dir='rtl'] .col-lg-6,
  *[dir='rtl'] .col-lg-7,
  *[dir='rtl'] .col-lg-8,
  *[dir='rtl'] .col-lg-9,
  *[dir='rtl'] .col-lg-10,
  *[dir='rtl'] .col-lg-11,
  *[dir='rtl'] .col-lg-12 {
    float: right; }
  /* line 2636, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-lg-push-1 {
    right: 8.33333333%; }
  /* line 2639, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-lg-push-2 {
    right: 16.66666667%; }
  /* line 2642, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-lg-push-3 {
    right: 25%; }
  /* line 2645, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-lg-push-4 {
    right: 33.33333333%; }
  /* line 2648, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-lg-push-5 {
    right: 41.66666667%; }
  /* line 2651, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-lg-push-6 {
    right: 50%; }
  /* line 2654, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-lg-push-7 {
    right: 58.33333333%; }
  /* line 2657, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-lg-push-8 {
    right: 66.66666667%; }
  /* line 2660, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-lg-push-9 {
    right: 75%; }
  /* line 2663, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-lg-push-10 {
    right: 83.33333333%; }
  /* line 2666, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-lg-push-11 {
    right: 91.66666667%; }
  /* line 2669, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-lg-pull-1 {
    left: 8.33333333%; }
  /* line 2672, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-lg-pull-2 {
    left: 16.66666667%; }
  /* line 2675, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-lg-pull-3 {
    left: 25%; }
  /* line 2678, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-lg-pull-4 {
    left: 33.33333333%; }
  /* line 2681, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-lg-pull-5 {
    left: 41.66666667%; }
  /* line 2684, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-lg-pull-6 {
    left: 50%; }
  /* line 2687, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-lg-pull-7 {
    left: 58.33333333%; }
  /* line 2690, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-lg-pull-8 {
    left: 66.66666667%; }
  /* line 2693, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-lg-pull-9 {
    left: 75%; }
  /* line 2696, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-lg-pull-10 {
    left: 83.33333333%; }
  /* line 2699, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-lg-pull-11 {
    left: 91.66666667%; }
  /* line 2702, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-lg-offset-1 {
    margin-right: 8.33333333%; }
  /* line 2705, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-lg-offset-2 {
    margin-right: 16.66666667%; }
  /* line 2708, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-lg-offset-3 {
    margin-right: 25%; }
  /* line 2711, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-lg-offset-4 {
    margin-right: 33.33333333%; }
  /* line 2714, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-lg-offset-5 {
    margin-right: 41.66666667%; }
  /* line 2717, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-lg-offset-6 {
    margin-right: 50%; }
  /* line 2720, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-lg-offset-7 {
    margin-right: 58.33333333%; }
  /* line 2723, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-lg-offset-8 {
    margin-right: 66.66666667%; }
  /* line 2726, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-lg-offset-9 {
    margin-right: 75%; }
  /* line 2729, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-lg-offset-10 {
    margin-right: 83.33333333%; }
  /* line 2732, /Users/Devin/GitHub/spotio/skin/objects/_grid.scss */
  *[dir='rtl'] .col-lg-offset-11 {
    margin-right: 91.66666667%; } }

/**
 * Spoticons
 *
 * Variable Set: Spoticons
 *
 * Styleguide 1.2.1
 */
/**
  * Spoticons Mixins
  *
  * There are two mixins that might be useful when dealing with Spoticons.
  *
  * ##### `.spoticon-font()`
  * Gives you the font, font-family, font-style, etc styles for creating a spoticon.
  *
  * ##### `.spoticon(@icon; @size;)`
  * Creates a standard spoticon. Basically creates a `:before` pseudo element,
  * gives that element `.spoticon-font()` and sets the the content to the correct
  * icon and font-size.
  *
  * <span class="text-warning">NOTE: If you want the volume icon, pass just `volume` as the name not
  * `@spoticon-volume-16`,`@spoticon-volume-32`, or even `"\f15e"`. The mixin
  * will choose the correct icon and size for you.</span>
  *
  * Styleguide 1.2.2
  */
/**
  * Spoticons In Text
  *
  * Some Spoticons need to be aligned with text.
  *
  * Markup: <div style="line-height: 50px">
  *   <span class="spoticon-thumbs-up-24"></span>Thumbs Up <span class="spoticon-thumbs-down-24"></span>Thumbs Down
  * </div>
  * <div>
  *   <span class="spoticon-gears-16"></span> Settings Icon <span class="spoticon-playlist-16"></span> Playlist
  * </div>
  *
  * Styleguide 1.2.4
  */
@font-face {
  font-family: "glue1-spoticon";
  src: url("https://d2j0f09xqmv212.cloudfront.net/fonts/spoticon_c352fadfc25a3646b28ed254e8a6dff7.svg") format("svg"), url("https://d2j0f09xqmv212.cloudfront.net/fonts/spoticon_c352fadfc25a3646b28ed254e8a6dff7.woff") format("woff"), url("https://d2j0f09xqmv212.cloudfront.net/fonts/spoticon_c352fadfc25a3646b28ed254e8a6dff7.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

/* line 48, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
[class^="spoticon-"]:before,
[class*=" spoticon-"]:before {
  font-family: "glue1-spoticon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: inherit;
  vertical-align: bottom;
  display: inline-block;
  text-decoration: inherit; }

/* line 60, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-add-to-playlist-16:before {
  content: "\f164";
  font-size: 16px; }

/* line 64, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-add-to-playlist-32:before {
  content: "\f165";
  font-size: 32px; }

/* line 68, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-add-to-queue-16:before {
  content: "\f1BD";
  font-size: 16px; }

/* line 72, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-add-to-queue-32:before {
  content: "\f1BE";
  font-size: 32px; }

/* line 76, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-addfollow-16:before {
  content: "\f1E5";
  font-size: 16px; }

/* line 80, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-addfollow-32:before {
  content: "\f1E6";
  font-size: 32px; }

/* line 84, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-addfollowers-16:before {
  content: "\f22F";
  font-size: 16px; }

/* line 88, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-addfollowers-32:before {
  content: "\f230";
  font-size: 32px; }

/* line 92, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-addsuggestedsong-16:before {
  content: "\f22C";
  font-size: 16px; }

/* line 96, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-addsuggestedsong-32:before {
  content: "\f22D";
  font-size: 32px; }

/* line 100, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-airplay-16:before {
  content: "\f277";
  font-size: 16px; }

/* line 104, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-airplay-32:before {
  content: "\f278";
  font-size: 32px; }

/* line 108, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-album-16:before {
  content: "\f100";
  font-size: 16px; }

/* line 112, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-album-32:before {
  content: "\f101";
  font-size: 32px; }

/* line 116, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-album-contained-16:before {
  content: "\f1C0";
  font-size: 16px; }

/* line 120, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-album-contained-32:before {
  content: "\f1C1";
  font-size: 32px; }

/* line 124, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-appfinder-16:before {
  content: "\f20D";
  font-size: 16px; }

/* line 128, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-appfinder-32:before {
  content: "\f20E";
  font-size: 32px; }

/* line 132, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-arrow-down-16:before {
  content: "\f1DF";
  font-size: 16px; }

/* line 136, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-arrow-down-32:before {
  content: "\f1E0";
  font-size: 32px; }

/* line 140, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-arrow-left-16:before {
  content: "\f183";
  font-size: 16px; }

/* line 144, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-arrow-left-32:before {
  content: "\f184";
  font-size: 32px; }

/* line 148, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-arrow-right-16:before {
  content: "\f186";
  font-size: 16px; }

/* line 152, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-arrow-right-32:before {
  content: "\f187";
  font-size: 32px; }

/* line 156, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-arrow-up-16:before {
  content: "\f1DC";
  font-size: 16px; }

/* line 160, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-arrow-up-32:before {
  content: "\f1DD";
  font-size: 32px; }

/* line 164, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-artist-16:before {
  content: "\f102";
  font-size: 16px; }

/* line 168, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-artist-32:before {
  content: "\f103";
  font-size: 32px; }

/* line 172, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-attach-16:before {
  content: "\f104";
  font-size: 16px; }

/* line 176, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-attach-32:before {
  content: "\f105";
  font-size: 32px; }

/* line 180, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-block-16:before {
  content: "\f106";
  font-size: 16px; }

/* line 184, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-block-32:before {
  content: "\f107";
  font-size: 32px; }

/* line 188, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-browse-16:before {
  content: "\f108";
  font-size: 16px; }

/* line 192, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-browse-32:before {
  content: "\f109";
  font-size: 32px; }

/* line 196, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-camera-16:before {
  content: "\f265";
  font-size: 16px; }

/* line 200, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-camera-32:before {
  content: "\f266";
  font-size: 32px; }

/* line 204, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-carplay-16:before {
  content: "\f271";
  font-size: 16px; }

/* line 208, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-carplay-32:before {
  content: "\f272";
  font-size: 32px; }

/* line 212, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-chart-down-16:before {
  content: "\f25E";
  font-size: 16px; }

/* line 216, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-chart-down-32:before {
  content: "\f25F";
  font-size: 32px; }

/* line 220, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-chart-new-16:before {
  content: "\f25B";
  font-size: 16px; }

/* line 224, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-chart-new-32:before {
  content: "\f25C";
  font-size: 32px; }

/* line 228, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-chart-up-16:before {
  content: "\f262";
  font-size: 16px; }

/* line 232, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-chart-up-32:before {
  content: "\f263";
  font-size: 32px; }

/* line 236, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-check-16:before {
  content: "\f10a";
  font-size: 16px; }

/* line 240, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-check-24:before {
  content: "\f1C9";
  font-size: 24px; }

/* line 244, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-check-32:before {
  content: "\f10b";
  font-size: 32px; }

/* line 248, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-chevron-down-16:before {
  content: "\f10c";
  font-size: 16px; }

/* line 252, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-chevron-down-32:before {
  content: "\f10d";
  font-size: 32px; }

/* line 256, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-chevron-left-16:before {
  content: "\f10e";
  font-size: 16px; }

/* line 260, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-chevron-left-32:before {
  content: "\f10f";
  font-size: 32px; }

/* line 264, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-chevron-right-16:before {
  content: "\f110";
  font-size: 16px; }

/* line 268, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-chevron-right-32:before {
  content: "\f111";
  font-size: 32px; }

/* line 272, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-chevron-up-16:before {
  content: "\f112";
  font-size: 16px; }

/* line 276, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-chevron-up-32:before {
  content: "\f113";
  font-size: 32px; }

/* line 280, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-chromecast-connected-16:before {
  content: "\f30B";
  font-size: 16px; }

/* line 284, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-chromecast-connected-32:before {
  content: "\f30C";
  font-size: 32px; }

/* line 288, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-chromecast-connecting-one-16:before {
  content: "\f30D";
  font-size: 16px; }

/* line 292, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-chromecast-connecting-one-32:before {
  content: "\f30E";
  font-size: 32px; }

/* line 296, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-chromecast-connecting-three-16:before {
  content: "\f311";
  font-size: 16px; }

/* line 300, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-chromecast-connecting-three-32:before {
  content: "\f312";
  font-size: 32px; }

/* line 304, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-chromecast-connecting-two-16:before {
  content: "\f30F";
  font-size: 16px; }

/* line 308, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-chromecast-connecting-two-32:before {
  content: "\f310";
  font-size: 32px; }

/* line 312, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-chromecast-disconnected-16:before {
  content: "\f309";
  font-size: 16px; }

/* line 316, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-chromecast-disconnected-32:before {
  content: "\f30A";
  font-size: 32px; }

/* line 320, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-collaborative-playlist-16:before {
  content: "\f114";
  font-size: 16px; }

/* line 324, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-collaborative-playlist-32:before {
  content: "\f115";
  font-size: 32px; }

/* line 328, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-collection-16:before {
  content: "\f116";
  font-size: 16px; }

/* line 332, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-collection-32:before {
  content: "\f117";
  font-size: 32px; }

/* line 336, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-commute-16:before {
  content: "\f258";
  font-size: 16px; }

/* line 340, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-commute-32:before {
  content: "\f259";
  font-size: 32px; }

/* line 344, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-device-arm-16:before {
  content: "\f305";
  font-size: 16px; }

/* line 348, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-device-arm-32:before {
  content: "\f306";
  font-size: 32px; }

/* line 352, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-device-car-16:before {
  content: "\f317";
  font-size: 16px; }

/* line 356, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-device-car-32:before {
  content: "\f318";
  font-size: 32px; }

/* line 360, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-device-computer-16:before {
  content: "\f29B";
  font-size: 16px; }

/* line 364, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-device-computer-32:before {
  content: "\f29C";
  font-size: 32px; }

/* line 368, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-device-mobile-16:before {
  content: "\f301";
  font-size: 16px; }

/* line 372, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-device-mobile-32:before {
  content: "\f302";
  font-size: 32px; }

/* line 376, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-device-multispeaker-16:before {
  content: "\f315";
  font-size: 16px; }

/* line 380, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-device-multispeaker-32:before {
  content: "\f316";
  font-size: 32px; }

/* line 384, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-device-other-16:before {
  content: "\f29F";
  font-size: 16px; }

/* line 388, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-device-other-32:before {
  content: "\f300";
  font-size: 32px; }

/* line 392, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-device-speaker-16:before {
  content: "\f29D";
  font-size: 16px; }

/* line 396, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-device-speaker-32:before {
  content: "\f29E";
  font-size: 32px; }

/* line 400, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-device-tablet-16:before {
  content: "\f303";
  font-size: 16px; }

/* line 404, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-device-tablet-32:before {
  content: "\f304";
  font-size: 32px; }

/* line 408, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-device-tv-16:before {
  content: "\f307";
  font-size: 16px; }

/* line 412, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-device-tv-32:before {
  content: "\f308";
  font-size: 32px; }

/* line 416, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-devices-16:before {
  content: "\f213";
  font-size: 16px; }

/* line 420, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-devices-32:before {
  content: "\f214";
  font-size: 32px; }

/* line 424, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-discover-16:before {
  content: "\f172";
  font-size: 16px; }

/* line 428, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-discover-32:before {
  content: "\f173";
  font-size: 32px; }

/* line 432, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-download-16:before {
  content: "\f11a";
  font-size: 16px; }

/* line 436, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-download-32:before {
  content: "\f11b";
  font-size: 32px; }

/* line 440, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-edit-16:before {
  content: "\f1E2";
  font-size: 16px; }

/* line 444, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-edit-32:before {
  content: "\f1E3";
  font-size: 32px; }

/* line 448, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-email-16:before {
  content: "\f1E7";
  font-size: 16px; }

/* line 452, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-email-32:before {
  content: "\f1E8";
  font-size: 32px; }

/* line 456, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-events-16:before {
  content: "\f1B3";
  font-size: 16px; }

/* line 460, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-events-32:before {
  content: "\f1B4";
  font-size: 32px; }

/* line 464, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-facebook-16:before {
  content: "\f1E9";
  font-size: 16px; }

/* line 468, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-facebook-32:before {
  content: "\f1EA";
  font-size: 32px; }

/* line 472, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-facebook-messenger-16:before {
  content: "\f313";
  font-size: 16px; }

/* line 476, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-facebook-messenger-32:before {
  content: "\f314";
  font-size: 32px; }

/* line 480, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-filter-16:before {
  content: "\f11c";
  font-size: 16px; }

/* line 484, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-filter-32:before {
  content: "\f11d";
  font-size: 32px; }

/* line 488, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-flag-16:before {
  content: "\f11e";
  font-size: 16px; }

/* line 492, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-flag-32:before {
  content: "\f11f";
  font-size: 32px; }

/* line 496, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-follow-16:before {
  content: "\f120";
  font-size: 16px; }

/* line 500, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-follow-32:before {
  content: "\f121";
  font-size: 32px; }

/* line 504, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-fullscreen-16:before {
  content: "\f28C";
  font-size: 16px; }

/* line 508, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-fullscreen-32:before {
  content: "\f28D";
  font-size: 32px; }

/* line 512, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-games-console-16:before {
  content: "\f253";
  font-size: 16px; }

/* line 516, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-games-console-32:before {
  content: "\f254";
  font-size: 32px; }

/* line 520, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-gears-16:before {
  content: "\f122";
  font-size: 16px; }

/* line 524, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-gears-32:before {
  content: "\f123";
  font-size: 32px; }

/* line 528, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-gluelogo-16:before {
  content: "\f295";
  font-size: 16px; }

/* line 532, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-gluelogo-32:before {
  content: "\f296";
  font-size: 32px; }

/* line 536, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-googleplus-16:before {
  content: "\f244";
  font-size: 16px; }

/* line 540, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-googleplus-32:before {
  content: "\f245";
  font-size: 32px; }

/* line 544, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-grid-view-16:before {
  content: "\f178";
  font-size: 16px; }

/* line 548, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-grid-view-24:before {
  content: "\f1CA";
  font-size: 24px; }

/* line 552, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-grid-view-32:before {
  content: "\f179";
  font-size: 32px; }

/* line 556, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-helpcircle-16:before {
  content: "\f23B";
  font-size: 16px; }

/* line 560, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-helpcircle-32:before {
  content: "\f23C";
  font-size: 32px; }

/* line 564, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-helpring-16:before {
  content: "\f23E";
  font-size: 16px; }

/* line 568, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-helpring-32:before {
  content: "\f23F";
  font-size: 32px; }

/* line 572, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-highlight-16:before {
  content: "\f247";
  font-size: 16px; }

/* line 576, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-highlight-32:before {
  content: "\f248";
  font-size: 32px; }

/* line 580, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-home-16:before {
  content: "\f1B6";
  font-size: 16px; }

/* line 584, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-home-32:before {
  content: "\f1B7";
  font-size: 32px; }

/* line 588, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-inbox-16:before {
  content: "\f124";
  font-size: 16px; }

/* line 592, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-inbox-32:before {
  content: "\f125";
  font-size: 32px; }

/* line 596, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-info-16:before {
  content: "\f126";
  font-size: 16px; }

/* line 600, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-info-32:before {
  content: "\f127";
  font-size: 32px; }

/* line 604, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-library-16:before {
  content: "\f20A";
  font-size: 16px; }

/* line 608, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-library-32:before {
  content: "\f20B";
  font-size: 32px; }

/* line 612, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-list-view-16:before {
  content: "\f17C";
  font-size: 16px; }

/* line 616, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-list-view-24:before {
  content: "\f1CB";
  font-size: 24px; }

/* line 620, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-list-view-32:before {
  content: "\f17D";
  font-size: 32px; }

/* line 624, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-localfile-16:before {
  content: "\f1FA";
  font-size: 16px; }

/* line 628, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-localfile-32:before {
  content: "\f1FB";
  font-size: 32px; }

/* line 632, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-locked-16:before {
  content: "\f128";
  font-size: 16px; }

/* line 636, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-locked-32:before {
  content: "\f129";
  font-size: 32px; }

/* line 640, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-menu-16:before {
  content: "\f1FD";
  font-size: 16px; }

/* line 644, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-menu-32:before {
  content: "\f1FE";
  font-size: 32px; }

/* line 648, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-messages-16:before {
  content: "\f12a";
  font-size: 16px; }

/* line 652, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-messages-32:before {
  content: "\f12b";
  font-size: 32px; }

/* line 656, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-minimise-16:before {
  content: "\f268";
  font-size: 16px; }

/* line 660, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-minimise-32:before {
  content: "\f269";
  font-size: 32px; }

/* line 664, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-more-16:before {
  content: "\f12c";
  font-size: 16px; }

/* line 668, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-more-24:before {
  content: "\f1CC";
  font-size: 24px; }

/* line 672, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-more-32:before {
  content: "\f12d";
  font-size: 32px; }

/* line 676, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-more-android-16:before {
  content: "\f219";
  font-size: 16px; }

/* line 680, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-more-android-24:before {
  content: "\f21A";
  font-size: 24px; }

/* line 684, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-more-android-32:before {
  content: "\f21B";
  font-size: 32px; }

/* line 688, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-new-volume-16:before {
  content: "\f1D0";
  font-size: 16px; }

/* line 692, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-new-volume-24:before {
  content: "\f1D1";
  font-size: 24px; }

/* line 696, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-newradio-16:before {
  content: "\f220";
  font-size: 16px; }

/* line 700, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-newradio-32:before {
  content: "\f221";
  font-size: 32px; }

/* line 704, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-nikeplus-16:before {
  content: "\f274";
  font-size: 16px; }

/* line 708, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-nikeplus-32:before {
  content: "\f275";
  font-size: 32px; }

/* line 712, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-notifications-16:before {
  content: "\f12e";
  font-size: 16px; }

/* line 716, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-notifications-32:before {
  content: "\f12f";
  font-size: 32px; }

/* line 720, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-offline-16:before {
  content: "\f21D";
  font-size: 16px; }

/* line 724, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-offline-32:before {
  content: "\f21E";
  font-size: 32px; }

/* line 728, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-offline-sync-16:before {
  content: "\f1B9";
  font-size: 16px; }

/* line 732, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-offline-sync-32:before {
  content: "\f1BA";
  font-size: 32px; }

/* line 736, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-pause-16:before {
  content: "\f130";
  font-size: 16px; }

/* line 740, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-pause-24:before {
  content: "\f1D3";
  font-size: 24px; }

/* line 744, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-pause-32:before {
  content: "\f131";
  font-size: 32px; }

/* line 748, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-payment-16:before {
  content: "\f241";
  font-size: 16px; }

/* line 752, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-payment-32:before {
  content: "\f242";
  font-size: 32px; }

/* line 756, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-paymenthistory-16:before {
  content: "\f24A";
  font-size: 16px; }

/* line 760, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-paymenthistory-32:before {
  content: "\f24B";
  font-size: 32px; }

/* line 764, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-play-16:before {
  content: "\f132";
  font-size: 16px; }

/* line 768, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-play-24:before {
  content: "\f1C8";
  font-size: 24px; }

/* line 772, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-play-32:before {
  content: "\f133";
  font-size: 32px; }

/* line 776, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-play-next-16:before {
  content: "\f18B";
  font-size: 16px; }

/* line 780, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-play-next-32:before {
  content: "\f18C";
  font-size: 32px; }

/* line 784, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-playlist-16:before {
  content: "\f134";
  font-size: 16px; }

/* line 788, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-playlist-32:before {
  content: "\f135";
  font-size: 32px; }

/* line 792, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-playlist-folder-16:before {
  content: "\f136";
  font-size: 16px; }

/* line 796, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-playlist-folder-32:before {
  content: "\f137";
  font-size: 32px; }

/* line 800, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-plus-16:before {
  content: "\f138";
  font-size: 16px; }

/* line 804, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-plus-24:before {
  content: "\f1C6";
  font-size: 24px; }

/* line 808, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-plus-32:before {
  content: "\f139";
  font-size: 32px; }

/* line 812, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-podcasts-16:before {
  content: "\f238";
  font-size: 16px; }

/* line 816, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-podcasts-32:before {
  content: "\f239";
  font-size: 32px; }

/* line 820, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-public-16:before {
  content: "\f190";
  font-size: 16px; }

/* line 824, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-public-32:before {
  content: "\f191";
  font-size: 32px; }

/* line 828, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-queue-16:before {
  content: "\f13a";
  font-size: 16px; }

/* line 832, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-queue-32:before {
  content: "\f13b";
  font-size: 32px; }

/* line 836, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-radio-16:before {
  content: "\f13c";
  font-size: 16px; }

/* line 840, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-radio-24:before {
  content: "\f1C7";
  font-size: 24px; }

/* line 844, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-radio-32:before {
  content: "\f13d";
  font-size: 32px; }

/* line 848, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-radioqueue-16:before {
  content: "\f26E";
  font-size: 16px; }

/* line 852, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-radioqueue-32:before {
  content: "\f26F";
  font-size: 32px; }

/* line 856, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-redeem-16:before {
  content: "\f24D";
  font-size: 16px; }

/* line 860, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-redeem-32:before {
  content: "\f24E";
  font-size: 32px; }

/* line 864, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-refresh-16:before {
  content: "\f195";
  font-size: 16px; }

/* line 868, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-refresh-32:before {
  content: "\f196";
  font-size: 32px; }

/* line 872, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-released-16:before {
  content: "\f198";
  font-size: 16px; }

/* line 876, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-released-32:before {
  content: "\f199";
  font-size: 32px; }

/* line 880, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-repeat-16:before {
  content: "\f13e";
  font-size: 16px; }

/* line 884, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-repeat-24:before {
  content: "\f1D4";
  font-size: 24px; }

/* line 888, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-repeat-32:before {
  content: "\f13f";
  font-size: 32px; }

/* line 892, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-repeatonce-16:before {
  content: "\f200";
  font-size: 16px; }

/* line 896, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-repeatonce-24:before {
  content: "\f201";
  font-size: 24px; }

/* line 900, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-repeatonce-32:before {
  content: "\f202";
  font-size: 32px; }

/* line 904, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-report-abuse-16:before {
  content: "\f261";
  font-size: 32px; }

/* line 908, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-report-abuse-32:before {
  content: "\f256";
  font-size: 32px; }

/* line 912, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-reviews-16:before {
  content: "\f19C";
  font-size: 16px; }

/* line 916, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-reviews-32:before {
  content: "\f19D";
  font-size: 32px; }

/* line 920, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-running-16:before {
  content: "\f28F";
  font-size: 16px; }

/* line 924, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-running-32:before {
  content: "\f290";
  font-size: 32px; }

/* line 928, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-search-16:before {
  content: "\f140";
  font-size: 16px; }

/* line 932, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-search-32:before {
  content: "\f141";
  font-size: 32px; }

/* line 936, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-sendto-16:before {
  content: "\f232";
  font-size: 16px; }

/* line 940, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-sendto-32:before {
  content: "\f233";
  font-size: 32px; }

/* line 944, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-share-16:before {
  content: "\f142";
  font-size: 16px; }

/* line 948, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-share-32:before {
  content: "\f143";
  font-size: 32px; }

/* line 952, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-share-android-16:before {
  content: "\f216";
  font-size: 16px; }

/* line 956, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-share-android-32:before {
  content: "\f217";
  font-size: 32px; }

/* line 960, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-sharetofollowers-16:before {
  content: "\f235";
  font-size: 16px; }

/* line 964, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-sharetofollowers-32:before {
  content: "\f236";
  font-size: 32px; }

/* line 968, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-shows-16:before {
  content: "\f27D";
  font-size: 16px; }

/* line 972, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-shows-32:before {
  content: "\f27E";
  font-size: 32px; }

/* line 976, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-shuffle-16:before {
  content: "\f144";
  font-size: 16px; }

/* line 980, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-shuffle-24:before {
  content: "\f1D5";
  font-size: 24px; }

/* line 984, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-shuffle-32:before {
  content: "\f145";
  font-size: 32px; }

/* line 988, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-skip-back-16:before {
  content: "\f146";
  font-size: 16px; }

/* line 992, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-skip-back-24:before {
  content: "\f1D6";
  font-size: 24px; }

/* line 996, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-skip-back-32:before {
  content: "\f147";
  font-size: 32px; }

/* line 1000, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-skip-forward-16:before {
  content: "\f148";
  font-size: 16px; }

/* line 1004, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-skip-forward-24:before {
  content: "\f1D7";
  font-size: 24px; }

/* line 1008, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-skip-forward-32:before {
  content: "\f149";
  font-size: 32px; }

/* line 1012, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-skipback15-16:before {
  content: "\f280";
  font-size: 16px; }

/* line 1016, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-skipback15-32:before {
  content: "\f281";
  font-size: 32px; }

/* line 1020, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-skipforward15-16:before {
  content: "\f283";
  font-size: 16px; }

/* line 1024, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-skipforward15-32:before {
  content: "\f284";
  font-size: 32px; }

/* line 1028, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-sleeptimer-16:before {
  content: "\f289";
  font-size: 16px; }

/* line 1032, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-sleeptimer-32:before {
  content: "\f28A";
  font-size: 32px; }

/* line 1036, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-sms-16:before {
  content: "\f1EB";
  font-size: 16px; }

/* line 1040, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-sms-32:before {
  content: "\f1EC";
  font-size: 32px; }

/* line 1044, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-sort-16:before {
  content: "\f223";
  font-size: 16px; }

/* line 1048, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-sort-32:before {
  content: "\f224";
  font-size: 32px; }

/* line 1052, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-sortdown-16:before {
  content: "\f226";
  font-size: 16px; }

/* line 1056, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-sortdown-32:before {
  content: "\f227";
  font-size: 32px; }

/* line 1060, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-sortup-16:before {
  content: "\f229";
  font-size: 16px; }

/* line 1064, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-sortup-32:before {
  content: "\f22A";
  font-size: 32px; }

/* line 1068, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-spotify-connect-16:before {
  content: "\f1A3";
  font-size: 16px; }

/* line 1072, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-spotify-connect-24:before {
  content: "\f1D8";
  font-size: 24px; }

/* line 1076, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-spotify-connect-32:before {
  content: "\f1A4";
  font-size: 32px; }

/* line 1080, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-spotifylogo-16:before {
  content: "\f298";
  font-size: 16px; }

/* line 1084, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-spotifylogo-32:before {
  content: "\f299";
  font-size: 32px; }

/* line 1088, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-spotifypremium-16:before {
  content: "\f292";
  font-size: 16px; }

/* line 1092, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-spotifypremium-32:before {
  content: "\f293";
  font-size: 32px; }

/* line 1096, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-star-16:before {
  content: "\f14a";
  font-size: 16px; }

/* line 1100, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-star-32:before {
  content: "\f14b";
  font-size: 32px; }

/* line 1104, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-startpage-16:before {
  content: "\f286";
  font-size: 16px; }

/* line 1108, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-startpage-32:before {
  content: "\f287";
  font-size: 32px; }

/* line 1112, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-tag-16:before {
  content: "\f14c";
  font-size: 16px; }

/* line 1116, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-tag-32:before {
  content: "\f14d";
  font-size: 32px; }

/* line 1120, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-thumbs-down-16:before {
  content: "\f14e";
  font-size: 16px; }

/* line 1124, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-thumbs-down-24:before {
  content: "\f1D9";
  font-size: 24px; }

/* line 1128, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-thumbs-down-32:before {
  content: "\f14f";
  font-size: 32px; }

/* line 1132, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-thumbs-up-16:before {
  content: "\f150";
  font-size: 16px; }

/* line 1136, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-thumbs-up-24:before {
  content: "\f1DA";
  font-size: 24px; }

/* line 1140, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-thumbs-up-32:before {
  content: "\f151";
  font-size: 32px; }

/* line 1144, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-time-16:before {
  content: "\f152";
  font-size: 16px; }

/* line 1148, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-time-32:before {
  content: "\f153";
  font-size: 32px; }

/* line 1152, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-topcountry-16:before {
  content: "\f27A";
  font-size: 16px; }

/* line 1156, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-topcountry-32:before {
  content: "\f27B";
  font-size: 32px; }

/* line 1160, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-toplist-16:before {
  content: "\f154";
  font-size: 16px; }

/* line 1164, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-toplist-32:before {
  content: "\f155";
  font-size: 32px; }

/* line 1168, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-track-16:before {
  content: "\f156";
  font-size: 16px; }

/* line 1172, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-track-32:before {
  content: "\f157";
  font-size: 32px; }

/* line 1176, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-trending-16:before {
  content: "\f158";
  font-size: 16px; }

/* line 1180, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-trending-32:before {
  content: "\f159";
  font-size: 32px; }

/* line 1184, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-trending-meter-16:before {
  content: "\f1AC";
  font-size: 16px; }

/* line 1188, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-trending-meter-32:before {
  content: "\f1AD";
  font-size: 32px; }

/* line 1192, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-tumblr-16:before {
  content: "\f250";
  font-size: 16px; }

/* line 1196, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-tumblr-32:before {
  content: "\f251";
  font-size: 32px; }

/* line 1200, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-twitter-16:before {
  content: "\f1ED";
  font-size: 16px; }

/* line 1204, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-twitter-32:before {
  content: "\f1EE";
  font-size: 32px; }

/* line 1208, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-user-16:before {
  content: "\f15c";
  font-size: 16px; }

/* line 1212, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-user-32:before {
  content: "\f15d";
  font-size: 32px; }

/* line 1216, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-video-16:before {
  content: "\f26B";
  font-size: 16px; }

/* line 1220, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-video-32:before {
  content: "\f26C";
  font-size: 32px; }

/* line 1224, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-volume-16:before {
  content: "\f15e";
  font-size: 16px; }

/* line 1228, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-volume-24:before {
  content: "\f1DB";
  font-size: 24px; }

/* line 1232, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-volume-32:before {
  content: "\f15f";
  font-size: 32px; }

/* line 1236, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-volume-off-16:before {
  content: "\f1EF";
  font-size: 16px; }

/* line 1240, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-volume-off-32:before {
  content: "\f1F0";
  font-size: 32px; }

/* line 1244, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-volume-onewave-16:before {
  content: "\f203";
  font-size: 16px; }

/* line 1248, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-volume-onewave-24:before {
  content: "\f204";
  font-size: 24px; }

/* line 1252, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-volume-onewave-32:before {
  content: "\f205";
  font-size: 32px; }

/* line 1256, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-volume-twowave-16:before {
  content: "\f206";
  font-size: 16px; }

/* line 1260, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-volume-twowave-24:before {
  content: "\f207";
  font-size: 24px; }

/* line 1264, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-volume-twowave-32:before {
  content: "\f208";
  font-size: 32px; }

/* line 1268, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-warning-16:before {
  content: "\f1F2";
  font-size: 16px; }

/* line 1272, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-warning-32:before {
  content: "\f1F3";
  font-size: 32px; }

/* line 1276, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-whatsapp-16:before {
  content: "\f210";
  font-size: 16px; }

/* line 1280, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-whatsapp-32:before {
  content: "\f211";
  font-size: 32px; }

/* line 1284, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-x-16:before {
  content: "\f160";
  font-size: 16px; }

/* line 1288, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-x-24:before {
  content: "\f1C5";
  font-size: 24px; }

/* line 1292, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-x-32:before {
  content: "\f161";
  font-size: 32px; }

/* line 1296, /Users/Devin/GitHub/spotio/skin/components/_icons.scss */
.spoticon-settings-16:before {
  content: "\f122";
  font-size: 16px; }

/* line 1, /Users/Devin/GitHub/spotio/skin/utilities/_clearfix.scss */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

/* line 8, /Users/Devin/GitHub/spotio/skin/utilities/_clearfix.scss */
.clearfix:after {
  clear: both; }

/* line 1, /Users/Devin/GitHub/spotio/skin/utilities/_layout.scss */
.pull-right {
  float: right; }

/* line 4, /Users/Devin/GitHub/spotio/skin/utilities/_layout.scss */
.pull-left {
  float: left; }

/* line 7, /Users/Devin/GitHub/spotio/skin/utilities/_layout.scss */
.hide {
  display: none !important; }

/* line 10, /Users/Devin/GitHub/spotio/skin/utilities/_layout.scss */
.show {
  display: block !important; }

/* line 13, /Users/Devin/GitHub/spotio/skin/utilities/_layout.scss */
.invisible {
  visibility: hidden; }

/* line 16, /Users/Devin/GitHub/spotio/skin/utilities/_layout.scss */
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

/* line 23, /Users/Devin/GitHub/spotio/skin/utilities/_layout.scss */
.affix {
  position: fixed; }

/* line 26, /Users/Devin/GitHub/spotio/skin/utilities/_layout.scss */
.border-box {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/* line 31, /Users/Devin/GitHub/spotio/skin/utilities/_layout.scss */
.img-circle {
  border-radius: 500px; }

@-ms-viewport {
  width: device-width; }

/* line 37, /Users/Devin/GitHub/spotio/skin/utilities/_layout.scss */
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important; }

@media (max-width: 585px) {
  /* line 44, /Users/Devin/GitHub/spotio/skin/utilities/_layout.scss */
  .visible-xs {
    display: block !important; }
  /* line 47, /Users/Devin/GitHub/spotio/skin/utilities/_layout.scss */
  table.visible-xs {
    display: table; }
  /* line 50, /Users/Devin/GitHub/spotio/skin/utilities/_layout.scss */
  tr.visible-xs {
    display: table-row !important; }
  /* line 53, /Users/Devin/GitHub/spotio/skin/utilities/_layout.scss */
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important; } }

@media (min-width: 586px) and (max-width: 853px) {
  /* line 59, /Users/Devin/GitHub/spotio/skin/utilities/_layout.scss */
  .visible-sm {
    display: block !important; }
  /* line 62, /Users/Devin/GitHub/spotio/skin/utilities/_layout.scss */
  table.visible-sm {
    display: table; }
  /* line 65, /Users/Devin/GitHub/spotio/skin/utilities/_layout.scss */
  tr.visible-sm {
    display: table-row !important; }
  /* line 68, /Users/Devin/GitHub/spotio/skin/utilities/_layout.scss */
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important; } }

@media (min-width: 854px) and (max-width: 1273px) {
  /* line 74, /Users/Devin/GitHub/spotio/skin/utilities/_layout.scss */
  .visible-md {
    display: block !important; }
  /* line 77, /Users/Devin/GitHub/spotio/skin/utilities/_layout.scss */
  table.visible-md {
    display: table; }
  /* line 80, /Users/Devin/GitHub/spotio/skin/utilities/_layout.scss */
  tr.visible-md {
    display: table-row !important; }
  /* line 83, /Users/Devin/GitHub/spotio/skin/utilities/_layout.scss */
  th.visible-md,
  td.visible-md {
    display: table-cell !important; } }

@media (min-width: 1274px) {
  /* line 89, /Users/Devin/GitHub/spotio/skin/utilities/_layout.scss */
  .visible-lg {
    display: block !important; }
  /* line 92, /Users/Devin/GitHub/spotio/skin/utilities/_layout.scss */
  table.visible-lg {
    display: table; }
  /* line 95, /Users/Devin/GitHub/spotio/skin/utilities/_layout.scss */
  tr.visible-lg {
    display: table-row !important; }
  /* line 98, /Users/Devin/GitHub/spotio/skin/utilities/_layout.scss */
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important; } }

/* line 103, /Users/Devin/GitHub/spotio/skin/utilities/_layout.scss */
.hidden {
  display: none !important;
  visibility: hidden !important; }

@media (max-width: 585px) {
  /* line 108, /Users/Devin/GitHub/spotio/skin/utilities/_layout.scss */
  .hidden-xs {
    display: none !important; } }

@media (min-width: 586px) and (max-width: 853px) {
  /* line 113, /Users/Devin/GitHub/spotio/skin/utilities/_layout.scss */
  .hidden-sm {
    display: none !important; } }

@media (min-width: 854px) and (max-width: 1273px) {
  /* line 118, /Users/Devin/GitHub/spotio/skin/utilities/_layout.scss */
  .hidden-md {
    display: none !important; } }

@media (min-width: 1274px) {
  /* line 123, /Users/Devin/GitHub/spotio/skin/utilities/_layout.scss */
  .hidden-lg {
    display: none !important; } }

/* line 127, /Users/Devin/GitHub/spotio/skin/utilities/_layout.scss */
.visible-print {
  display: none !important; }

@media print {
  /* line 131, /Users/Devin/GitHub/spotio/skin/utilities/_layout.scss */
  .visible-print {
    display: block !important; }
  /* line 134, /Users/Devin/GitHub/spotio/skin/utilities/_layout.scss */
  table.visible-print {
    display: table; }
  /* line 137, /Users/Devin/GitHub/spotio/skin/utilities/_layout.scss */
  tr.visible-print {
    display: table-row !important; }
  /* line 140, /Users/Devin/GitHub/spotio/skin/utilities/_layout.scss */
  th.visible-print,
  td.visible-print {
    display: table-cell !important; } }

@media print {
  /* line 146, /Users/Devin/GitHub/spotio/skin/utilities/_layout.scss */
  .hidden-print {
    display: none !important; } }

/* line 1, /Users/Devin/GitHub/spotio/skin/utilities/_scrollbar.scss */
::-webkit-scrollbar-track {
  background-color: #ffffff; }

/* line 4, /Users/Devin/GitHub/spotio/skin/utilities/_scrollbar.scss */
::-webkit-scrollbar {
  width: 10px;
  background-color: #ffffff; }

/* line 8, /Users/Devin/GitHub/spotio/skin/utilities/_scrollbar.scss */
::-webkit-scrollbar:horizontal {
  height: 10px; }

/* line 11, /Users/Devin/GitHub/spotio/skin/utilities/_scrollbar.scss */
::-webkit-scrollbar-thumb {
  border: 1px solid #ffffff;
  border-radius: 10px;
  background-color: #9CA6AC; }

/* line 16, /Users/Devin/GitHub/spotio/skin/utilities/_scrollbar.scss */
::-webkit-scrollbar-corner {
  background-color: #ffffff; }

/* line 19, /Users/Devin/GitHub/spotio/skin/utilities/_scrollbar.scss */
body,
html {
  scrollbar-arrow-color: #9CA6AC;
  scrollbar-track-color: #ffffff;
  scrollbar-face-color: #9CA6AC;
  scrollbar-highlight-color: #ffffff;
  scrollbar-3dlight-color: #ffffff;
  scrollbar-shadow-color: #ffffff;
  scrollbar-darkshadow-color: #ffffff; }

/* line 29, /Users/Devin/GitHub/spotio/skin/utilities/_scrollbar.scss */
.scrollbar-view {
  overflow-y: scroll;
  position: relative;
  will-change: transform; }

/* line 34, /Users/Devin/GitHub/spotio/skin/utilities/_scrollbar.scss */
.scrollbar-view::-webkit-scrollbar {
  width: 0; }

/* line 37, /Users/Devin/GitHub/spotio/skin/utilities/_scrollbar.scss */
.scrollbar-view > .scrollbar-track {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  transform: translate3d(0, 0, 0); }

/* line 44, /Users/Devin/GitHub/spotio/skin/utilities/_scrollbar.scss */
.scrollbar-track {
  width: 10px;
  opacity: 0;
  transition: opacity 500ms; }

/* line 49, /Users/Devin/GitHub/spotio/skin/utilities/_scrollbar.scss */
.scrollbar-track.visible {
  transition: none;
  opacity: 1; }

/* line 53, /Users/Devin/GitHub/spotio/skin/utilities/_scrollbar.scss */
.scrollbar-track.expanded {
  transition: opacity 500ms, width 100ms;
  width: 12px;
  background-color: rgba(160, 160, 160, 0.05);
  cursor: default; }

/* line 59, /Users/Devin/GitHub/spotio/skin/utilities/_scrollbar.scss */
.scrollbar-track.expanded.always-visible {
  transition: none;
  width: 10px; }

/* line 63, /Users/Devin/GitHub/spotio/skin/utilities/_scrollbar.scss */
.scrollbar-track.expanded.visible {
  transition: width 100ms; }

/* line 66, /Users/Devin/GitHub/spotio/skin/utilities/_scrollbar.scss */
.scrollbar-thumb {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 0;
  transform: translate3d(0, 0, 0);
  border-radius: 10px;
  border: 1px solid transparent;
  background-clip: content-box;
  background-color: rgba(160, 160, 160, 0.4); }

/**
 * Drag & Drop
 *
 * Not much use for anyone except spotify-events.
 *
 * Markup:
 *   <div class="dnd-image" draggable>Text
 *   </div>
 *
 * Styleguide 60.7
 */
/* line 12, /Users/Devin/GitHub/spotio/skin/utilities/_drag-drop.scss */
[draggable] {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none; }

/* line 18, /Users/Devin/GitHub/spotio/skin/utilities/_drag-drop.scss */
.dnd-image-shelter {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #ffffff;
  width: 300px;
  height: 300px;
  z-index: -1; }

/* line 27, /Users/Devin/GitHub/spotio/skin/utilities/_drag-drop.scss */
.dnd-image {
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
  border: 1px solid black;
  color: #444;
  display: inline-block;
  font-size: 13px;
  padding: 3px 6px 1px 6px;
  max-width: 300px;
  max-height: 300px;
  z-index: -2; }

/* line 41, /Users/Devin/GitHub/spotio/skin/utilities/_drag-drop.scss */
.tr-drag-indicator {
  position: absolute;
  border-top: 1px solid #008CD6;
  pointer-events: none; }

/* line 24, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll; }

/* line 28, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear; }

/* line 35, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.fade.in {
  opacity: 1; }

/* line 38, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.collapse {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease; }

/* line 47, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.collapse.in {
  height: auto; }

/**
 * Standard buttons
 *
 * <span class="text-warning">NOTE: Any button title must be in a `span` element
 * and the span must not have spaces before or after it. This is to stop IE's fake
 * depressing of the buttons when clicked.</span>
 *
 * Markup: <button type="button" class="button {$modifiers}">
 *   Some button
 * </button>
 * <button type="button" class="button button-primary {$modifiers}">
 *   Some button
 * </button>
 *
 * Styleguide 25.1
 */
/**
 * Icon buttons
 *
 * Styleguide 25.2
 */
/**
 * With text
 *
 * Markup: <button type="button" class="button spoticon-radio-16">
 *   Start Radio
 * </button>
 *
 * Styleguide 25.2.1
 */
/**
 * Without text
 *
 * Markup: <button type="button" class="button button-icon-only spoticon-more-16"></button>
 * <button type="button" class="button button-icon-only spoticon-plus-16"></button>
 * <button type="button" class="button button-icon-only spoticon-check-16"></button>
 * <button type="button" class="button button-icon-only spoticon-radio-16"></button>
 * <button type="button" class="button button-icon-only spoticon-pause-16"></button>
 * <button type="button" class="button button-icon-only spoticon-play-16"></button>
 * <button type="button" class="button button-icon-only spoticon-thumbs-down-16"></button>
 * <button type="button" class="button button-icon-only spoticon-thumbs-up-16"></button>
 *
 * Styleguide 25.2.2
 */
/**
 * Without text and circle
 *
 * Markup: <button type="button" class="button button-icon-only button-no-border spoticon-more-16"></button>
 * <button type="button" class="button button-icon-only button-no-border spoticon-plus-16"></button>
 * <button type="button" class="button button-icon-only button-no-border spoticon-check-16"></button>
 * <button type="button" class="button button-icon-only button-no-border spoticon-radio-16"></button>
 * <button type="button" class="button button-icon-only button-no-border spoticon-pause-16"></button>
 * <button type="button" class="button button-icon-only button-no-border spoticon-play-16"></button>
 * <button type="button" class="button button-icon-only button-no-border spoticon-thumbs-down-16"></button>
 * <button type="button" class="button button-icon-only button-no-border spoticon-thumbs-up-16"></button>
 *
 * Styleguide 25.2.3
 */
/**
 * Specific buttons
 *
 * Styleguide 25.3
 */
/**
 * Play & Radio
 *
 * The play button will always have a playing/paused indicator, a play button should never just be text.
 * Most of the time you probably want play to be the primary action too, so add .button-primary.
 *
 * Markup:
 * <button type="button" class="button button-play">
 *   <div class="b-play-text">Play</div>
 *   <div class="b-radio-text">Start Radio</div>
 *   <div class="b-pause-text b-alt-text">Pause</div>
 * </button>
 * <button type="button" class="button button-play button-icon-only">
 *   <div class="b-play-text">Play</div>
 *   <div class="b-radio-text">Start Radio</div>
 *   <div class="b-pause-text b-alt-text">Pause</div>
 * </button>
 * <button type="button" class="button button-radio">
 *   <div class="b-play-text">Play</div>
 *   <div class="b-radio-text">Start Radio</div>
 *   <div class="b-pause-text b-alt-text">Pause</div>
 * </button>
 * <button type="button" class="button button-radio button-icon-only">
 *   <div class="b-play-text">Play</div>
 *   <div class="b-radio-text">Start Radio</div>
 *   <div class="b-pause-text b-alt-text">Pause</div>
 * </button>
 * <button type="button" class="button button-play button-primary">
 *   <div class="b-play-text">Play</div>
 *   <div class="b-radio-text">Start Radio</div>
 *   <div class="b-pause-text b-alt-text">Pause</div>
 * </button>
 *
 * Styleguide 25.3.1
 */
/**
 * Save / Follow
 *
 * Markup:
 * <button type="button" class="button button-add" data-button="add">
 *   <div class="b-add-text">Save</div>
 *   <div class="b-added-text b-alt-text">Saved</div>
 *   <div class="b-remove-text b-alt-text">Remove</div>
 * </button>
 * <button type="button" class="button button-add button-icon-only" data-button="add">
 *   <div class="b-add-text">Save</div>
 *   <div class="b-added-text b-alt-text">Saved</div>
 *   <div class="b-remove-text b-alt-text">Remove</div>
 * </button>
 * <button type="button" class="button button-add" data-button="add">
 *   <div class="b-add-text">Follow</div>
 *   <div class="b-added-text b-alt-text">Following</div>
 *   <div class="b-remove-text b-alt-text">Unfollow</div>
 * </button>
 * <button type="button" class="button button-add button-icon-only" data-button="add">
 *   <div class="b-add-text">Follow</div>
 *   <div class="b-added-text b-alt-text">Following</div>
 *   <div class="b-remove-text b-alt-text">Unfollow</div>
 * </button>
 *
 * Styleguide 25.3.2
 */
/**
 * Button Groups
 *
 * Styleguide 25.4
 */
/**
 * With Icons
 *
 * Markup: <div class="button-group">
 *   <button type="button" class="button button-icon-only spoticon-list-view-16"></button>
 *   <button type="button" class="button button-icon-only spoticon-list-view-16 active"></button>
 *   <button type="button" class="button button-icon-only spoticon-grid-view-16"></button>
 *   <button type="button" class="button button-icon-only spoticon-grid-view-16 active"></button>
 *   <button type="button" class="button button-icon-only spoticon-more-16"></button>
 *   <button type="button" class="button button-icon-only spoticon-more-16 active"></button>
 * </div>
 *
 * Styleguide 25.4.1
 */
/**
 * With Single letters
 *
 * Markup: <div class="button-group">
 *   <button type="button" class="button">A</button>
 *   <button type="button" class="button active">A</button>
 *   <button type="button" class="button">B</button>
 *   <button type="button" class="button active">B</button>
 *   <button type="button" class="button">C</button>
 *   <button type="button" class="button active">C</button>
 * </div>
 *
 * Styleguide 25.4.2
 */
/* line 161, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button {
  cursor: default;
  display: inline-block;
  margin-bottom: 0;
  position: relative;
  text-align: center;
  vertical-align: middle;
  background-color: transparent;
  border: 0;
  z-index: 0;
  font-family: "Whitney", "Helvetica Neue", Helvetica, Arial, "Yu Gothic UI", sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

/* line 180, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button:focus {
  outline: none; }

/* line 183, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button:disabled:not(.current) {
  cursor: default;
  pointer-events: none;
  opacity: 0.4; }

@media screen and (-webkit-min-device-pixel-ratio: 2) {
  /* line 189, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button {
    backface-visibility: hidden; } }

/* line 193, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-green {
  height: 32px;
  line-height: 28px;
  padding-top: 2px;
  padding-left: 32px;
  padding-right: 32px;
  border-radius: 16px;
  background: #008CD6;
  color: #FFFFFF;
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: transform, box-shadow, color, background-color; }

/* line 205, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-green .b-alt-text {
  margin-top: -30px; }

/* line 208, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-green.contextmenu-active,
.button.button-green:not(:disabled):hover {
  background-color: #008CD6;
  color: #ffffff; }

/* line 213, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-green:not(:disabled):hover:active {
  background: primary-accent-color--dark;
  color: #9CA6AC;
  transform: scale(1); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 219, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-green:not(:disabled):hover:active {
    transform: scale(1); } }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 224, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-green {
    transition-duration: 50ms; } }

/* line 228, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-green:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 233, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-green:after {
    transition-duration: 50ms; } }

/* line 237, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-green.contextmenu-active,
.button.button-green:not(:disabled):hover {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: transform, box-shadow, color, background-color; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 243, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-green.contextmenu-active,
  .button.button-green:not(:disabled):hover {
    transition-duration: 66ms; } }

/* line 248, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-green.contextmenu-active:after,
.button.button-green:not(:disabled):hover:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 254, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-green.contextmenu-active:after,
  .button.button-green:not(:disabled):hover:after {
    transition-duration: 66ms; } }

/* line 259, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-green:not(:disabled):hover:active {
  transition: none; }

/* line 262, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-green:not(:disabled):hover:active:after {
  transition: none; }

/* line 265, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-green:not(:disabled):hover {
  transform: scale(1.0625); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 269, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-green:not(:disabled):hover {
    transform: scale(1.0625); } }

/* line 273, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-white {
  height: 32px;
  line-height: 28px;
  padding-top: 2px;
  padding-left: 32px;
  padding-right: 32px;
  border-radius: 16px;
  background: #E5E8EA;
  color: #56666F;
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: transform, box-shadow, color, background-color; }

/* line 285, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-white .b-alt-text {
  margin-top: -30px; }

/* line 288, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-white.contextmenu-active,
.button.button-white:not(:disabled):hover {
  background-color: #E5E8EA;
  color: #9CA6AC; }

/* line 293, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-white:not(:disabled):hover:active {
  background: #9CA6AC;
  color: #56666F;
  transform: scale(1); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 299, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-white:not(:disabled):hover:active {
    transform: scale(1); } }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 304, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-white {
    transition-duration: 50ms; } }

/* line 308, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-white:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 313, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-white:after {
    transition-duration: 50ms; } }

/* line 317, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-white.contextmenu-active,
.button.button-white:not(:disabled):hover {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: transform, box-shadow, color, background-color; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 323, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-white.contextmenu-active,
  .button.button-white:not(:disabled):hover {
    transition-duration: 66ms; } }

/* line 328, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-white.contextmenu-active:after,
.button.button-white:not(:disabled):hover:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 334, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-white.contextmenu-active:after,
  .button.button-white:not(:disabled):hover:after {
    transition-duration: 66ms; } }

/* line 339, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-white:not(:disabled):hover:active {
  transition: none; }

/* line 342, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-white:not(:disabled):hover:active:after {
  transition: none; }

/* line 345, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-white:not(:disabled):hover {
  transform: scale(1.0625); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 349, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-white:not(:disabled):hover {
    transform: scale(1.0625); } }

/* line 353, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-blue {
  height: 32px;
  line-height: 28px;
  padding-top: 2px;
  padding-left: 32px;
  padding-right: 32px;
  border-radius: 16px;
  background: #4687D6;
  color: #FFFFFF;
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: transform, box-shadow, color, background-color; }

/* line 365, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-blue .b-alt-text {
  margin-top: -30px; }

/* line 368, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-blue.contextmenu-active,
.button.button-blue:not(:disabled):hover {
  background-color: #4491ee;
  color: #ffffff; }

/* line 373, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-blue:not(:disabled):hover:active {
  background: #386cab;
  color: #cccccc;
  transform: scale(1); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 379, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-blue:not(:disabled):hover:active {
    transform: scale(1); } }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 384, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-blue {
    transition-duration: 50ms; } }

/* line 388, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-blue:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 393, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-blue:after {
    transition-duration: 50ms; } }

/* line 397, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-blue.contextmenu-active,
.button.button-blue:not(:disabled):hover {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: transform, box-shadow, color, background-color; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 403, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-blue.contextmenu-active,
  .button.button-blue:not(:disabled):hover {
    transition-duration: 66ms; } }

/* line 408, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-blue.contextmenu-active:after,
.button.button-blue:not(:disabled):hover:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 414, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-blue.contextmenu-active:after,
  .button.button-blue:not(:disabled):hover:after {
    transition-duration: 66ms; } }

/* line 419, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-blue:not(:disabled):hover:active {
  transition: none; }

/* line 422, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-blue:not(:disabled):hover:active:after {
  transition: none; }

/* line 425, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-blue:not(:disabled):hover {
  transform: scale(1.0625); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 429, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-blue:not(:disabled):hover {
    transform: scale(1.0625); } }

/* line 433, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-red {
  height: 32px;
  line-height: 28px;
  padding-top: 2px;
  padding-left: 32px;
  padding-right: 32px;
  border-radius: 16px;
  background: #CD1A2B;
  color: #FFFFFF;
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: transform, box-shadow, color, background-color; }

/* line 445, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-red .b-alt-text {
  margin-top: -30px; }

/* line 448, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-red.contextmenu-active,
.button.button-red:not(:disabled):hover {
  background-color: #eb182c;
  color: #ffffff; }

/* line 453, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-red:not(:disabled):hover:active {
  background: #a41522;
  color: #cccccc;
  transform: scale(1); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 459, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-red:not(:disabled):hover:active {
    transform: scale(1); } }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 464, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-red {
    transition-duration: 50ms; } }

/* line 468, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-red:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 473, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-red:after {
    transition-duration: 50ms; } }

/* line 477, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-red.contextmenu-active,
.button.button-red:not(:disabled):hover {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: transform, box-shadow, color, background-color; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 483, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-red.contextmenu-active,
  .button.button-red:not(:disabled):hover {
    transition-duration: 66ms; } }

/* line 488, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-red.contextmenu-active:after,
.button.button-red:not(:disabled):hover:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 494, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-red.contextmenu-active:after,
  .button.button-red:not(:disabled):hover:after {
    transition-duration: 66ms; } }

/* line 499, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-red:not(:disabled):hover:active {
  transition: none; }

/* line 502, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-red:not(:disabled):hover:active:after {
  transition: none; }

/* line 505, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-red:not(:disabled):hover {
  transform: scale(1.0625); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 509, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-red:not(:disabled):hover {
    transform: scale(1.0625); } }

/* line 513, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-gray {
  height: 32px;
  line-height: 28px;
  padding-top: 2px;
  padding-left: 32px;
  padding-right: 32px;
  border-radius: 16px;
  background: #9CA6AC;
  color: #FFFFFF;
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: transform, box-shadow, color, background-color; }

/* line 525, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-gray .b-alt-text {
  margin-top: -30px; }

/* line 528, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-gray.contextmenu-active,
.button.button-gray:not(:disabled):hover {
  background-color: #8b949a;
  color: #ffffff; }

/* line 533, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-gray:not(:disabled):hover:active {
  background: #56666F;
  color: #ffffff;
  transform: scale(1); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 539, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-gray:not(:disabled):hover:active {
    transform: scale(1); } }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 544, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-gray {
    transition-duration: 50ms; } }

/* line 548, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-gray:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 553, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-gray:after {
    transition-duration: 50ms; } }

/* line 557, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-gray.contextmenu-active,
.button.button-gray:not(:disabled):hover {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: transform, box-shadow, color, background-color; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 563, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-gray.contextmenu-active,
  .button.button-gray:not(:disabled):hover {
    transition-duration: 66ms; } }

/* line 568, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-gray.contextmenu-active:after,
.button.button-gray:not(:disabled):hover:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 574, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-gray.contextmenu-active:after,
  .button.button-gray:not(:disabled):hover:after {
    transition-duration: 66ms; } }

/* line 579, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-gray:not(:disabled):hover:active {
  transition: none; }

/* line 582, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-gray:not(:disabled):hover:active:after {
  transition: none; }

/* line 585, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-gray:not(:disabled):hover {
  transform: scale(1.0625); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 589, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-gray:not(:disabled):hover {
    transform: scale(1.0625); } }

/* line 593, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-with-stroke {
  height: 32px;
  line-height: 28px;
  padding-top: 2px;
  padding-left: 32px;
  padding-right: 32px;
  border-radius: 16px;
  background: #f2f3f6;
  color: #56666F;
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: transform, box-shadow, color, background-color;
  border: 1px solid #9CA6AC; }

/* line 606, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-with-stroke .b-alt-text {
  margin-top: -30px; }

/* line 609, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-with-stroke.contextmenu-active,
.button.button-with-stroke:not(:disabled):hover {
  background-color: #E5E8EA;
  color: #56666F; }

/* line 614, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-with-stroke:not(:disabled):hover:active {
  background: #E5E8EA;
  color: #56666F;
  transform: scale(1); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 620, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-with-stroke:not(:disabled):hover:active {
    transform: scale(1); } }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 625, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-with-stroke {
    transition-duration: 50ms; } }

/* line 629, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-with-stroke:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 634, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-with-stroke:after {
    transition-duration: 50ms; } }

/* line 638, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-with-stroke.contextmenu-active,
.button.button-with-stroke:not(:disabled):hover {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: transform, box-shadow, color, background-color; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 644, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-with-stroke.contextmenu-active,
  .button.button-with-stroke:not(:disabled):hover {
    transition-duration: 66ms; } }

/* line 649, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-with-stroke.contextmenu-active:after,
.button.button-with-stroke:not(:disabled):hover:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 655, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-with-stroke.contextmenu-active:after,
  .button.button-with-stroke:not(:disabled):hover:after {
    transition-duration: 66ms; } }

/* line 660, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-with-stroke:not(:disabled):hover:active {
  transition: none; }

/* line 663, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-with-stroke:not(:disabled):hover:active:after {
  transition: none; }

/* line 700, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-with-stroke.contextmenu-active,
.button.button-with-stroke:not(:disabled):hover {
  transform: scale(1.0625); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 705, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-with-stroke.contextmenu-active,
  .button.button-with-stroke:not(:disabled):hover {
    transform: scale(1.0625); } }

/* line 710, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-with-stroke.added,
.button.button-with-stroke.active {
  height: 32px;
  line-height: 28px;
  padding-top: 2px;
  padding-left: 32px;
  padding-right: 32px;
  border-radius: 16px;
  background: rgba(156, 166, 172, 0.7);
  color: #ffffff;
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: transform, box-shadow, color, background-color; }

/* line 724, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-with-stroke.added .b-alt-text,
.button.button-with-stroke.active .b-alt-text {
  margin-top: -30px; }

/* line 728, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-with-stroke.added.contextmenu-active,
.button.button-with-stroke.active.contextmenu-active,
.button.button-with-stroke.added:not(:disabled):hover,
.button.button-with-stroke.active:not(:disabled):hover {
  background-color: rgba(86, 102, 111, 0.7);
  color: #ffffff; }

/* line 735, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-with-stroke.added:not(:disabled):hover:active,
.button.button-with-stroke.active:not(:disabled):hover:active {
  background: rgba(86, 102, 111, 0.7);
  color: #ffffff;
  transform: scale(1); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 742, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-with-stroke.added:not(:disabled):hover:active,
  .button.button-with-stroke.active:not(:disabled):hover:active {
    transform: scale(1); } }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 748, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-with-stroke.added,
  .button.button-with-stroke.active {
    transition-duration: 50ms; } }

/* line 753, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-with-stroke.added:after,
.button.button-with-stroke.active:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 759, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-with-stroke.added:after,
  .button.button-with-stroke.active:after {
    transition-duration: 50ms; } }

/* line 764, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-with-stroke.added.contextmenu-active,
.button.button-with-stroke.active.contextmenu-active,
.button.button-with-stroke.added:not(:disabled):hover,
.button.button-with-stroke.active:not(:disabled):hover {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: transform, box-shadow, color, background-color; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 772, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-with-stroke.added.contextmenu-active,
  .button.button-with-stroke.active.contextmenu-active,
  .button.button-with-stroke.added:not(:disabled):hover,
  .button.button-with-stroke.active:not(:disabled):hover {
    transition-duration: 66ms; } }

/* line 779, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-with-stroke.added.contextmenu-active:after,
.button.button-with-stroke.active.contextmenu-active:after,
.button.button-with-stroke.added:not(:disabled):hover:after,
.button.button-with-stroke.active:not(:disabled):hover:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 787, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-with-stroke.added.contextmenu-active:after,
  .button.button-with-stroke.active.contextmenu-active:after,
  .button.button-with-stroke.added:not(:disabled):hover:after,
  .button.button-with-stroke.active:not(:disabled):hover:after {
    transition-duration: 66ms; } }

/* line 794, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-with-stroke.added:not(:disabled):hover:active,
.button.button-with-stroke.active:not(:disabled):hover:active {
  transition: none; }

/* line 798, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-with-stroke.added:not(:disabled):hover:active:after,
.button.button-with-stroke.active:not(:disabled):hover:active:after {
  transition: none; }

/* line 847, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-with-stroke.added.contextmenu-active,
.button.button-with-stroke.active.contextmenu-active,
.button.button-with-stroke.added:not(:disabled):hover,
.button.button-with-stroke.active:not(:disabled):hover {
  transform: scale(1.0625); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 854, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-with-stroke.added.contextmenu-active,
  .button.button-with-stroke.active.contextmenu-active,
  .button.button-with-stroke.added:not(:disabled):hover,
  .button.button-with-stroke.active:not(:disabled):hover {
    transform: scale(1.0625); } }

/* line 861, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-facebook {
  height: 32px;
  line-height: 28px;
  padding-top: 2px;
  padding-left: 32px;
  padding-right: 32px;
  border-radius: 16px;
  background: #3b5998;
  color: #FFFFFF;
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: transform, box-shadow, color, background-color; }

/* line 873, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-facebook .b-alt-text {
  margin-top: -30px; }

/* line 876, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-facebook.contextmenu-active,
.button.button-facebook:not(:disabled):hover {
  background-color: #3761ba;
  color: #ffffff; }

/* line 881, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-facebook:not(:disabled):hover:active {
  background: #2f477a;
  color: #cccccc;
  transform: scale(1); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 887, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-facebook:not(:disabled):hover:active {
    transform: scale(1); } }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 892, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-facebook {
    transition-duration: 50ms; } }

/* line 896, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-facebook:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 901, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-facebook:after {
    transition-duration: 50ms; } }

/* line 905, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-facebook.contextmenu-active,
.button.button-facebook:not(:disabled):hover {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: transform, box-shadow, color, background-color; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 911, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-facebook.contextmenu-active,
  .button.button-facebook:not(:disabled):hover {
    transition-duration: 66ms; } }

/* line 916, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-facebook.contextmenu-active:after,
.button.button-facebook:not(:disabled):hover:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 922, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-facebook.contextmenu-active:after,
  .button.button-facebook:not(:disabled):hover:after {
    transition-duration: 66ms; } }

/* line 927, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-facebook:not(:disabled):hover:active {
  transition: none; }

/* line 930, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-facebook:not(:disabled):hover:active:after {
  transition: none; }

/* line 933, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-facebook:not(:disabled):hover {
  transform: scale(1.0625); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 937, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-facebook:not(:disabled):hover {
    transform: scale(1.0625); } }

/* line 941, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-icon-only {
  height: 32px;
  line-height: 28px;
  padding-top: 2px;
  padding-left: 32px;
  padding-right: 32px;
  border-radius: 16px;
  background: transparent;
  color: #9CA6AC;
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: transform, box-shadow, color, background-color;
  width: 32px;
  padding-left: 0;
  padding-right: 0; }

/* line 956, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-icon-only .b-alt-text {
  margin-top: -30px; }

/* line 959, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-icon-only.contextmenu-active,
.button.button-icon-only:not(:disabled):hover {
  background-color: transparent;
  color: #00a7ff; }

/* line 964, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-icon-only:not(:disabled):hover:active {
  background: transparent;
  color: #0566a4;
  transform: scale(1); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 970, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-icon-only:not(:disabled):hover:active {
    transform: scale(1); } }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 975, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-icon-only {
    transition-duration: 50ms; } }

/* line 979, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-icon-only:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 984, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-icon-only:after {
    transition-duration: 50ms; } }

/* line 988, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-icon-only.contextmenu-active,
.button.button-icon-only:not(:disabled):hover {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: transform, box-shadow, color, background-color; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 994, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-icon-only.contextmenu-active,
  .button.button-icon-only:not(:disabled):hover {
    transition-duration: 66ms; } }

/* line 999, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-icon-only.contextmenu-active:after,
.button.button-icon-only:not(:disabled):hover:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1005, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-icon-only.contextmenu-active:after,
  .button.button-icon-only:not(:disabled):hover:after {
    transition-duration: 66ms; } }

/* line 1010, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-icon-only:not(:disabled):hover:active {
  transition: none; }

/* line 1013, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-icon-only:not(:disabled):hover:active:after {
  transition: none; }

/* line 1016, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-icon-only:before {
  font-family: "glue1-spoticon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  line-height: inherit;
  vertical-align: bottom;
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
  border-radius: 500px;
  line-height: 32px;
  font-size: 16px;
  padding-left: 8px;
  width: calc(100% - 8px); }

/* line 1035, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-icon-only.button-play:before {
  content: "\f132"; }

/* line 1038, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-icon-only.button-play.playing:not(:hover),
.tl-row.playing .button.button-icon-only.button-play:not(:hover),
.tl-row.playing.button.button-icon-only.button-play:not(:hover),
.media-object.playing .button.button-icon-only.button-play:not(:hover),
.media-object.playing.button.button-icon-only.button-play:not(:hover) {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 1045, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-icon-only.button-play.playing:not(:hover):after,
.tl-row.playing .button.button-icon-only.button-play:not(:hover):after,
.tl-row.playing.button.button-icon-only.button-play:not(:hover):after,
.media-object.playing .button.button-icon-only.button-play:not(:hover):after,
.media-object.playing.button.button-icon-only.button-play:not(:hover):after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 500px;
  box-shadow: inset 0 0 0 1px transparent; }

/* line 1059, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-icon-only.button-play.playing:not(:hover).contextmenu-active,
.tl-row.playing .button.button-icon-only.button-play:not(:hover).contextmenu-active,
.tl-row.playing.button.button-icon-only.button-play:not(:hover).contextmenu-active,
.media-object.playing .button.button-icon-only.button-play:not(:hover).contextmenu-active,
.media-object.playing.button.button-icon-only.button-play:not(:hover).contextmenu-active,
.button.button-icon-only.button-play.playing:not(:hover):not(:disabled):hover,
.tl-row.playing .button.button-icon-only.button-play:not(:hover):not(:disabled):hover,
.tl-row.playing.button.button-icon-only.button-play:not(:hover):not(:disabled):hover,
.media-object.playing .button.button-icon-only.button-play:not(:hover):not(:disabled):hover,
.media-object.playing.button.button-icon-only.button-play:not(:hover):not(:disabled):hover {
  box-shadow: inset 0 0 0 1px transparent, 0 0 0 1px transparent; }

/* line 1071, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-icon-only.button-play.playing:not(:hover).contextmenu-active:after,
.tl-row.playing .button.button-icon-only.button-play:not(:hover).contextmenu-active:after,
.tl-row.playing.button.button-icon-only.button-play:not(:hover).contextmenu-active:after,
.media-object.playing .button.button-icon-only.button-play:not(:hover).contextmenu-active:after,
.media-object.playing.button.button-icon-only.button-play:not(:hover).contextmenu-active:after,
.button.button-icon-only.button-play.playing:not(:hover):not(:disabled):hover:after,
.tl-row.playing .button.button-icon-only.button-play:not(:hover):not(:disabled):hover:after,
.tl-row.playing.button.button-icon-only.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing .button.button-icon-only.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing.button.button-icon-only.button-play:not(:hover):not(:disabled):hover:after {
  box-shadow: inset 0 0 0 1px transparent; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1084, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-icon-only.button-play.playing:not(:hover).contextmenu-active,
  .tl-row.playing .button.button-icon-only.button-play:not(:hover).contextmenu-active,
  .tl-row.playing.button.button-icon-only.button-play:not(:hover).contextmenu-active,
  .media-object.playing .button.button-icon-only.button-play:not(:hover).contextmenu-active,
  .media-object.playing.button.button-icon-only.button-play:not(:hover).contextmenu-active,
  .button.button-icon-only.button-play.playing:not(:hover):not(:disabled):hover,
  .tl-row.playing .button.button-icon-only.button-play:not(:hover):not(:disabled):hover,
  .tl-row.playing.button.button-icon-only.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing .button.button-icon-only.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing.button.button-icon-only.button-play:not(:hover):not(:disabled):hover {
    box-shadow: inset 0 0 0 1px transparent; }
  /* line 1096, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-icon-only.button-play.playing:not(:hover).contextmenu-active:after,
  .tl-row.playing .button.button-icon-only.button-play:not(:hover).contextmenu-active:after,
  .tl-row.playing.button.button-icon-only.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing .button.button-icon-only.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing.button.button-icon-only.button-play:not(:hover).contextmenu-active:after,
  .button.button-icon-only.button-play.playing:not(:hover):not(:disabled):hover:after,
  .tl-row.playing .button.button-icon-only.button-play:not(:hover):not(:disabled):hover:after,
  .tl-row.playing.button.button-icon-only.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing .button.button-icon-only.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing.button.button-icon-only.button-play:not(:hover):not(:disabled):hover:after {
    box-shadow: inset 0 0 0 1px transparent; } }

/* line 1109, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-icon-only.button-play.playing:not(:hover):not(:disabled):hover:active,
.tl-row.playing .button.button-icon-only.button-play:not(:hover):not(:disabled):hover:active,
.tl-row.playing.button.button-icon-only.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing .button.button-icon-only.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing.button.button-icon-only.button-play:not(:hover):not(:disabled):hover:active {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 1116, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-icon-only.button-play.playing:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing .button.button-icon-only.button-play:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing.button.button-icon-only.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing .button.button-icon-only.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing.button.button-icon-only.button-play:not(:hover):not(:disabled):hover:active:after {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 1123, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-icon-only.button-play.playing:not(:hover):before,
.tl-row.playing .button.button-icon-only.button-play:not(:hover):before,
.tl-row.playing.button.button-icon-only.button-play:not(:hover):before,
.media-object.playing .button.button-icon-only.button-play:not(:hover):before,
.media-object.playing.button.button-icon-only.button-play:not(:hover):before {
  content: "\f1D0";
  padding-left: 7px;
  width: calc(100% - 7px); }

/* line 1132, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-icon-only.button-play.playing:hover:before,
.tl-row.playing .button.button-icon-only.button-play:hover:before,
.tl-row.playing.button.button-icon-only.button-play:hover:before,
.media-object.playing .button.button-icon-only.button-play:hover:before,
.media-object.playing.button.button-icon-only.button-play:hover:before {
  content: "\f130"; }

/* line 1139, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-icon-only.active {
  color: #008CD6; }

/* line 1142, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-icon-only.active.contextmenu-active,
.button.button-icon-only.active:not(:disabled):hover {
  color: #00a7ff; }

/* line 1146, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-icon-only.drop-target-active {
  color: #000000;
  background-color: #FFFFFF; }

/* line 1150, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-icon-only.drop-target-active.contextmenu-active,
.button.button-icon-only.drop-target-active:not(:disabled):hover {
  color: #000000; }

/* line 1154, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-icon-only.drop-target-active.contextmenu-active,
.button.button-icon-only.drop-target-active:not(:disabled):hover {
  background-color: #FFFFFF; }

/* line 1158, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-icon-with-stroke {
  height: 32px;
  line-height: 28px;
  padding-top: 2px;
  padding-left: 32px;
  padding-right: 32px;
  border-radius: 16px;
  background: rgba(86, 102, 111, 0.7);
  color: #FFFFFF;
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: transform, box-shadow, color, background-color;
  box-shadow: inset 0 0 0 1px #9CA6AC;
  width: 32px;
  padding-left: 0;
  padding-right: 0; }

/* line 1174, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-icon-with-stroke .b-alt-text {
  margin-top: -30px; }

/* line 1177, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-icon-with-stroke.contextmenu-active,
.button.button-icon-with-stroke:not(:disabled):hover {
  background-color: rgba(86, 102, 111, 0.7);
  color: #ffffff; }

/* line 1182, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-icon-with-stroke:not(:disabled):hover:active {
  background: rgba(86, 102, 111, 0.76);
  color: #cccccc;
  transform: scale(1); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1188, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-icon-with-stroke:not(:disabled):hover:active {
    transform: scale(1); } }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1193, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-icon-with-stroke {
    transition-duration: 50ms; } }

/* line 1197, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-icon-with-stroke:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1202, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-icon-with-stroke:after {
    transition-duration: 50ms; } }

/* line 1206, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-icon-with-stroke.contextmenu-active,
.button.button-icon-with-stroke:not(:disabled):hover {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: transform, box-shadow, color, background-color; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1212, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-icon-with-stroke.contextmenu-active,
  .button.button-icon-with-stroke:not(:disabled):hover {
    transition-duration: 66ms; } }

/* line 1217, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-icon-with-stroke.contextmenu-active:after,
.button.button-icon-with-stroke:not(:disabled):hover:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1223, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-icon-with-stroke.contextmenu-active:after,
  .button.button-icon-with-stroke:not(:disabled):hover:after {
    transition-duration: 66ms; } }

/* line 1228, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-icon-with-stroke:not(:disabled):hover:active {
  transition: none; }

/* line 1231, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-icon-with-stroke:not(:disabled):hover:active:after {
  transition: none; }

/* line 1234, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-icon-with-stroke:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 500px;
  box-shadow: inset 0 0 0 1px #9CA6AC; }

/* line 1244, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-icon-with-stroke.contextmenu-active,
.button.button-icon-with-stroke:not(:disabled):hover {
  box-shadow: inset 0 0 0 1px #FFFFFF, 0 0 0 1px transparent; }

/* line 1248, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-icon-with-stroke.contextmenu-active:after,
.button.button-icon-with-stroke:not(:disabled):hover:after {
  box-shadow: inset 0 0 0 1px #FFFFFF; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1253, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-icon-with-stroke.contextmenu-active,
  .button.button-icon-with-stroke:not(:disabled):hover {
    box-shadow: inset 0 0 0 1px #FFFFFF; }
  /* line 1257, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-icon-with-stroke.contextmenu-active:after,
  .button.button-icon-with-stroke:not(:disabled):hover:after {
    box-shadow: inset 0 0 0 1px #FFFFFF; } }

/* line 1262, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-icon-with-stroke:not(:disabled):hover:active {
  box-shadow: inset 0 0 0 1px #808080; }

/* line 1265, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-icon-with-stroke:not(:disabled):hover:active:after {
  box-shadow: inset 0 0 0 1px #808080; }

/* line 1268, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-icon-with-stroke.contextmenu-active,
.button.button-icon-with-stroke:not(:disabled):hover {
  transform: scale(1.0625); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1273, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-icon-with-stroke.contextmenu-active,
  .button.button-icon-with-stroke:not(:disabled):hover {
    transform: scale(1.0625); } }

/* line 1278, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-icon-with-stroke:before {
  font-family: "glue1-spoticon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  line-height: inherit;
  vertical-align: bottom;
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
  border-radius: 500px;
  line-height: 32px;
  font-size: 16px;
  padding-left: 8px;
  width: calc(100% - 8px); }

/* line 1297, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-icon-with-stroke.button-play:before {
  content: "\f132"; }

/* line 1300, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-icon-with-stroke.button-play.playing:not(:hover),
.tl-row.playing .button.button-icon-with-stroke.button-play:not(:hover),
.tl-row.playing.button.button-icon-with-stroke.button-play:not(:hover),
.media-object.playing .button.button-icon-with-stroke.button-play:not(:hover),
.media-object.playing.button.button-icon-with-stroke.button-play:not(:hover) {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 1307, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-icon-with-stroke.button-play.playing:not(:hover):after,
.tl-row.playing .button.button-icon-with-stroke.button-play:not(:hover):after,
.tl-row.playing.button.button-icon-with-stroke.button-play:not(:hover):after,
.media-object.playing .button.button-icon-with-stroke.button-play:not(:hover):after,
.media-object.playing.button.button-icon-with-stroke.button-play:not(:hover):after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 500px;
  box-shadow: inset 0 0 0 1px transparent; }

/* line 1321, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-icon-with-stroke.button-play.playing:not(:hover).contextmenu-active,
.tl-row.playing .button.button-icon-with-stroke.button-play:not(:hover).contextmenu-active,
.tl-row.playing.button.button-icon-with-stroke.button-play:not(:hover).contextmenu-active,
.media-object.playing .button.button-icon-with-stroke.button-play:not(:hover).contextmenu-active,
.media-object.playing.button.button-icon-with-stroke.button-play:not(:hover).contextmenu-active,
.button.button-icon-with-stroke.button-play.playing:not(:hover):not(:disabled):hover,
.tl-row.playing .button.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover,
.tl-row.playing.button.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover,
.media-object.playing .button.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover,
.media-object.playing.button.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover {
  box-shadow: inset 0 0 0 1px transparent, 0 0 0 1px transparent; }

/* line 1333, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-icon-with-stroke.button-play.playing:not(:hover).contextmenu-active:after,
.tl-row.playing .button.button-icon-with-stroke.button-play:not(:hover).contextmenu-active:after,
.tl-row.playing.button.button-icon-with-stroke.button-play:not(:hover).contextmenu-active:after,
.media-object.playing .button.button-icon-with-stroke.button-play:not(:hover).contextmenu-active:after,
.media-object.playing.button.button-icon-with-stroke.button-play:not(:hover).contextmenu-active:after,
.button.button-icon-with-stroke.button-play.playing:not(:hover):not(:disabled):hover:after,
.tl-row.playing .button.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover:after,
.tl-row.playing.button.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing .button.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing.button.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover:after {
  box-shadow: inset 0 0 0 1px transparent; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1346, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-icon-with-stroke.button-play.playing:not(:hover).contextmenu-active,
  .tl-row.playing .button.button-icon-with-stroke.button-play:not(:hover).contextmenu-active,
  .tl-row.playing.button.button-icon-with-stroke.button-play:not(:hover).contextmenu-active,
  .media-object.playing .button.button-icon-with-stroke.button-play:not(:hover).contextmenu-active,
  .media-object.playing.button.button-icon-with-stroke.button-play:not(:hover).contextmenu-active,
  .button.button-icon-with-stroke.button-play.playing:not(:hover):not(:disabled):hover,
  .tl-row.playing .button.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover,
  .tl-row.playing.button.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing .button.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing.button.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover {
    box-shadow: inset 0 0 0 1px transparent; }
  /* line 1358, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-icon-with-stroke.button-play.playing:not(:hover).contextmenu-active:after,
  .tl-row.playing .button.button-icon-with-stroke.button-play:not(:hover).contextmenu-active:after,
  .tl-row.playing.button.button-icon-with-stroke.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing .button.button-icon-with-stroke.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing.button.button-icon-with-stroke.button-play:not(:hover).contextmenu-active:after,
  .button.button-icon-with-stroke.button-play.playing:not(:hover):not(:disabled):hover:after,
  .tl-row.playing .button.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover:after,
  .tl-row.playing.button.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing .button.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing.button.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover:after {
    box-shadow: inset 0 0 0 1px transparent; } }

/* line 1371, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-icon-with-stroke.button-play.playing:not(:hover):not(:disabled):hover:active,
.tl-row.playing .button.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover:active,
.tl-row.playing.button.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing .button.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing.button.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover:active {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 1378, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-icon-with-stroke.button-play.playing:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing .button.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing.button.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing .button.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing.button.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover:active:after {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 1385, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-icon-with-stroke.button-play.playing:not(:hover):before,
.tl-row.playing .button.button-icon-with-stroke.button-play:not(:hover):before,
.tl-row.playing.button.button-icon-with-stroke.button-play:not(:hover):before,
.media-object.playing .button.button-icon-with-stroke.button-play:not(:hover):before,
.media-object.playing.button.button-icon-with-stroke.button-play:not(:hover):before {
  content: "\f1D0";
  padding-left: 7px;
  width: calc(100% - 7px); }

/* line 1394, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-icon-with-stroke.button-play.playing:hover:before,
.tl-row.playing .button.button-icon-with-stroke.button-play:hover:before,
.tl-row.playing.button.button-icon-with-stroke.button-play:hover:before,
.media-object.playing .button.button-icon-with-stroke.button-play:hover:before,
.media-object.playing.button.button-icon-with-stroke.button-play:hover:before {
  content: "\f130"; }

/* line 1401, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-green {
  height: 48px;
  line-height: 46px;
  padding-top: 2px;
  padding-left: 48px;
  padding-right: 48px;
  border-radius: 24px;
  background: #008CD6;
  color: #FFFFFF;
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: transform, box-shadow, color, background-color;
  font-size: 14px; }

/* line 1414, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-green .b-alt-text {
  margin-top: -46px; }

/* line 1417, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-green.contextmenu-active,
.button.button-large.button-green:not(:disabled):hover {
  background-color: #008CD6;
  color: #ffffff; }

/* line 1422, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-green:not(:disabled):hover:active {
  background: primary-accent-color--dark;
  color: #cccccc;
  transform: scale(1); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1428, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-green:not(:disabled):hover:active {
    transform: scale(1); } }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1433, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-green {
    transition-duration: 50ms; } }

/* line 1437, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-green:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1442, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-green:after {
    transition-duration: 50ms; } }

/* line 1446, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-green.contextmenu-active,
.button.button-large.button-green:not(:disabled):hover {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: transform, box-shadow, color, background-color; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1452, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-green.contextmenu-active,
  .button.button-large.button-green:not(:disabled):hover {
    transition-duration: 66ms; } }

/* line 1457, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-green.contextmenu-active:after,
.button.button-large.button-green:not(:disabled):hover:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1463, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-green.contextmenu-active:after,
  .button.button-large.button-green:not(:disabled):hover:after {
    transition-duration: 66ms; } }

/* line 1468, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-green:not(:disabled):hover:active {
  transition: none; }

/* line 1471, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-green:not(:disabled):hover:active:after {
  transition: none; }

/* line 1474, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-green:not(:disabled):hover {
  transform: scale(1.08333333); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1478, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-green:not(:disabled):hover {
    transform: scale(1.08333333); } }

/* line 1482, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-white {
  height: 48px;
  line-height: 46px;
  padding-top: 2px;
  padding-left: 48px;
  padding-right: 48px;
  border-radius: 24px;
  background: #FFFFFF;
  color: #000000;
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: transform, box-shadow, color, background-color;
  font-size: 14px; }

/* line 1495, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-white .b-alt-text {
  margin-top: -46px; }

/* line 1498, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-white.contextmenu-active,
.button.button-large.button-white:not(:disabled):hover {
  background-color: #ffffff;
  color: #1f1414; }

/* line 1503, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-white:not(:disabled):hover:active {
  background: #cccccc;
  color: #000000;
  transform: scale(1); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1509, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-white:not(:disabled):hover:active {
    transform: scale(1); } }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1514, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-white {
    transition-duration: 50ms; } }

/* line 1518, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-white:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1523, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-white:after {
    transition-duration: 50ms; } }

/* line 1527, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-white.contextmenu-active,
.button.button-large.button-white:not(:disabled):hover {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: transform, box-shadow, color, background-color; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1533, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-white.contextmenu-active,
  .button.button-large.button-white:not(:disabled):hover {
    transition-duration: 66ms; } }

/* line 1538, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-white.contextmenu-active:after,
.button.button-large.button-white:not(:disabled):hover:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1544, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-white.contextmenu-active:after,
  .button.button-large.button-white:not(:disabled):hover:after {
    transition-duration: 66ms; } }

/* line 1549, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-white:not(:disabled):hover:active {
  transition: none; }

/* line 1552, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-white:not(:disabled):hover:active:after {
  transition: none; }

/* line 1555, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-white:not(:disabled):hover {
  transform: scale(1.08333333); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1559, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-white:not(:disabled):hover {
    transform: scale(1.08333333); } }

/* line 1563, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-blue {
  height: 48px;
  line-height: 46px;
  padding-top: 2px;
  padding-left: 48px;
  padding-right: 48px;
  border-radius: 24px;
  background: #4687D6;
  color: #FFFFFF;
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: transform, box-shadow, color, background-color;
  font-size: 14px; }

/* line 1576, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-blue .b-alt-text {
  margin-top: -46px; }

/* line 1579, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-blue.contextmenu-active,
.button.button-large.button-blue:not(:disabled):hover {
  background-color: #4491ee;
  color: #ffffff; }

/* line 1584, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-blue:not(:disabled):hover:active {
  background: #386cab;
  color: #cccccc;
  transform: scale(1); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1590, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-blue:not(:disabled):hover:active {
    transform: scale(1); } }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1595, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-blue {
    transition-duration: 50ms; } }

/* line 1599, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-blue:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1604, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-blue:after {
    transition-duration: 50ms; } }

/* line 1608, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-blue.contextmenu-active,
.button.button-large.button-blue:not(:disabled):hover {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: transform, box-shadow, color, background-color; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1614, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-blue.contextmenu-active,
  .button.button-large.button-blue:not(:disabled):hover {
    transition-duration: 66ms; } }

/* line 1619, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-blue.contextmenu-active:after,
.button.button-large.button-blue:not(:disabled):hover:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1625, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-blue.contextmenu-active:after,
  .button.button-large.button-blue:not(:disabled):hover:after {
    transition-duration: 66ms; } }

/* line 1630, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-blue:not(:disabled):hover:active {
  transition: none; }

/* line 1633, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-blue:not(:disabled):hover:active:after {
  transition: none; }

/* line 1636, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-blue:not(:disabled):hover {
  transform: scale(1.08333333); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1640, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-blue:not(:disabled):hover {
    transform: scale(1.08333333); } }

/* line 1644, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-red {
  height: 48px;
  line-height: 46px;
  padding-top: 2px;
  padding-left: 48px;
  padding-right: 48px;
  border-radius: 24px;
  background: #CD1A2B;
  color: #FFFFFF;
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: transform, box-shadow, color, background-color;
  font-size: 14px; }

/* line 1657, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-red .b-alt-text {
  margin-top: -46px; }

/* line 1660, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-red.contextmenu-active,
.button.button-large.button-red:not(:disabled):hover {
  background-color: #eb182c;
  color: #ffffff; }

/* line 1665, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-red:not(:disabled):hover:active {
  background: #a41522;
  color: #cccccc;
  transform: scale(1); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1671, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-red:not(:disabled):hover:active {
    transform: scale(1); } }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1676, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-red {
    transition-duration: 50ms; } }

/* line 1680, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-red:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1685, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-red:after {
    transition-duration: 50ms; } }

/* line 1689, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-red.contextmenu-active,
.button.button-large.button-red:not(:disabled):hover {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: transform, box-shadow, color, background-color; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1695, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-red.contextmenu-active,
  .button.button-large.button-red:not(:disabled):hover {
    transition-duration: 66ms; } }

/* line 1700, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-red.contextmenu-active:after,
.button.button-large.button-red:not(:disabled):hover:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1706, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-red.contextmenu-active:after,
  .button.button-large.button-red:not(:disabled):hover:after {
    transition-duration: 66ms; } }

/* line 1711, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-red:not(:disabled):hover:active {
  transition: none; }

/* line 1714, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-red:not(:disabled):hover:active:after {
  transition: none; }

/* line 1717, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-red:not(:disabled):hover {
  transform: scale(1.08333333); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1721, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-red:not(:disabled):hover {
    transform: scale(1.08333333); } }

/* line 1725, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-gray {
  height: 48px;
  line-height: 46px;
  padding-top: 2px;
  padding-left: 48px;
  padding-right: 48px;
  border-radius: 24px;
  background: #404040;
  color: #FFFFFF;
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: transform, box-shadow, color, background-color;
  font-size: 14px; }

/* line 1738, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-gray .b-alt-text {
  margin-top: -46px; }

/* line 1741, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-gray.contextmenu-active,
.button.button-large.button-gray:not(:disabled):hover {
  background-color: #535353;
  color: #ffffff; }

/* line 1746, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-gray:not(:disabled):hover:active {
  background: #333333;
  color: #cccccc;
  transform: scale(1); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1752, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-gray:not(:disabled):hover:active {
    transform: scale(1); } }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1757, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-gray {
    transition-duration: 50ms; } }

/* line 1761, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-gray:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1766, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-gray:after {
    transition-duration: 50ms; } }

/* line 1770, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-gray.contextmenu-active,
.button.button-large.button-gray:not(:disabled):hover {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: transform, box-shadow, color, background-color; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1776, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-gray.contextmenu-active,
  .button.button-large.button-gray:not(:disabled):hover {
    transition-duration: 66ms; } }

/* line 1781, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-gray.contextmenu-active:after,
.button.button-large.button-gray:not(:disabled):hover:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1787, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-gray.contextmenu-active:after,
  .button.button-large.button-gray:not(:disabled):hover:after {
    transition-duration: 66ms; } }

/* line 1792, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-gray:not(:disabled):hover:active {
  transition: none; }

/* line 1795, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-gray:not(:disabled):hover:active:after {
  transition: none; }

/* line 1798, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-gray:not(:disabled):hover {
  transform: scale(1.08333333); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1802, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-gray:not(:disabled):hover {
    transform: scale(1.08333333); } }

/* line 1806, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-with-stroke {
  height: 48px;
  line-height: 46px;
  padding-top: 2px;
  padding-left: 48px;
  padding-right: 48px;
  border-radius: 24px;
  background: rgba(86, 102, 111, 0.7);
  color: #FFFFFF;
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: transform, box-shadow, color, background-color;
  box-shadow: inset 0 0 0 1px #9CA6AC;
  font-size: 14px; }

/* line 1820, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-with-stroke .b-alt-text {
  margin-top: -46px; }

/* line 1823, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-with-stroke.contextmenu-active,
.button.button-large.button-with-stroke:not(:disabled):hover {
  background-color: rgba(86, 102, 111, 0.7);
  color: #ffffff; }

/* line 1828, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-with-stroke:not(:disabled):hover:active {
  background: rgba(86, 102, 111, 0.76);
  color: #cccccc;
  transform: scale(1); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1834, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-with-stroke:not(:disabled):hover:active {
    transform: scale(1); } }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1839, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-with-stroke {
    transition-duration: 50ms; } }

/* line 1843, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-with-stroke:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1848, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-with-stroke:after {
    transition-duration: 50ms; } }

/* line 1852, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-with-stroke.contextmenu-active,
.button.button-large.button-with-stroke:not(:disabled):hover {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: transform, box-shadow, color, background-color; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1858, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-with-stroke.contextmenu-active,
  .button.button-large.button-with-stroke:not(:disabled):hover {
    transition-duration: 66ms; } }

/* line 1863, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-with-stroke.contextmenu-active:after,
.button.button-large.button-with-stroke:not(:disabled):hover:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1869, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-with-stroke.contextmenu-active:after,
  .button.button-large.button-with-stroke:not(:disabled):hover:after {
    transition-duration: 66ms; } }

/* line 1874, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-with-stroke:not(:disabled):hover:active {
  transition: none; }

/* line 1877, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-with-stroke:not(:disabled):hover:active:after {
  transition: none; }

/* line 1880, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-with-stroke:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 500px;
  box-shadow: inset 0 0 0 1px #9CA6AC; }

/* line 1890, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-with-stroke.contextmenu-active,
.button.button-large.button-with-stroke:not(:disabled):hover {
  box-shadow: inset 0 0 0 1px #FFFFFF, 0 0 0 1px transparent; }

/* line 1894, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-with-stroke.contextmenu-active:after,
.button.button-large.button-with-stroke:not(:disabled):hover:after {
  box-shadow: inset 0 0 0 1px #FFFFFF; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1899, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-with-stroke.contextmenu-active,
  .button.button-large.button-with-stroke:not(:disabled):hover {
    box-shadow: inset 0 0 0 1px #FFFFFF; }
  /* line 1903, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-with-stroke.contextmenu-active:after,
  .button.button-large.button-with-stroke:not(:disabled):hover:after {
    box-shadow: inset 0 0 0 1px #FFFFFF; } }

/* line 1908, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-with-stroke:not(:disabled):hover:active {
  box-shadow: inset 0 0 0 1px #808080; }

/* line 1911, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-with-stroke:not(:disabled):hover:active:after {
  box-shadow: inset 0 0 0 1px #808080; }

/* line 1914, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-with-stroke.contextmenu-active,
.button.button-large.button-with-stroke:not(:disabled):hover {
  transform: scale(1.08333333); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1919, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-with-stroke.contextmenu-active,
  .button.button-large.button-with-stroke:not(:disabled):hover {
    transform: scale(1.08333333); } }

/* line 1924, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-with-stroke.added,
.button.button-large.button-with-stroke.active {
  height: 48px;
  line-height: 46px;
  padding-top: 2px;
  padding-left: 48px;
  padding-right: 48px;
  border-radius: 24px;
  background: rgba(86, 102, 111, 0.4);
  color: #008CD6;
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: transform, box-shadow, color, background-color;
  box-shadow: inset 0 0 0 1px #9CA6AC; }

/* line 1938, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-with-stroke.added .b-alt-text,
.button.button-large.button-with-stroke.active .b-alt-text {
  margin-top: -46px; }

/* line 1942, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-with-stroke.added.contextmenu-active,
.button.button-large.button-with-stroke.active.contextmenu-active,
.button.button-large.button-with-stroke.added:not(:disabled):hover,
.button.button-large.button-with-stroke.active:not(:disabled):hover {
  background-color: rgba(86, 102, 111, 0.4);
  color: #008CD6; }

/* line 1949, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-with-stroke.added:not(:disabled):hover:active,
.button.button-large.button-with-stroke.active:not(:disabled):hover:active {
  background: rgba(86, 102, 111, 0.6);
  color: #008CD6;
  transform: scale(1); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1956, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-with-stroke.added:not(:disabled):hover:active,
  .button.button-large.button-with-stroke.active:not(:disabled):hover:active {
    transform: scale(1); } }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1962, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-with-stroke.added,
  .button.button-large.button-with-stroke.active {
    transition-duration: 50ms; } }

/* line 1967, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-with-stroke.added:after,
.button.button-large.button-with-stroke.active:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1973, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-with-stroke.added:after,
  .button.button-large.button-with-stroke.active:after {
    transition-duration: 50ms; } }

/* line 1978, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-with-stroke.added.contextmenu-active,
.button.button-large.button-with-stroke.active.contextmenu-active,
.button.button-large.button-with-stroke.added:not(:disabled):hover,
.button.button-large.button-with-stroke.active:not(:disabled):hover {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: transform, box-shadow, color, background-color; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1986, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-with-stroke.added.contextmenu-active,
  .button.button-large.button-with-stroke.active.contextmenu-active,
  .button.button-large.button-with-stroke.added:not(:disabled):hover,
  .button.button-large.button-with-stroke.active:not(:disabled):hover {
    transition-duration: 66ms; } }

/* line 1993, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-with-stroke.added.contextmenu-active:after,
.button.button-large.button-with-stroke.active.contextmenu-active:after,
.button.button-large.button-with-stroke.added:not(:disabled):hover:after,
.button.button-large.button-with-stroke.active:not(:disabled):hover:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2001, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-with-stroke.added.contextmenu-active:after,
  .button.button-large.button-with-stroke.active.contextmenu-active:after,
  .button.button-large.button-with-stroke.added:not(:disabled):hover:after,
  .button.button-large.button-with-stroke.active:not(:disabled):hover:after {
    transition-duration: 66ms; } }

/* line 2008, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-with-stroke.added:not(:disabled):hover:active,
.button.button-large.button-with-stroke.active:not(:disabled):hover:active {
  transition: none; }

/* line 2012, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-with-stroke.added:not(:disabled):hover:active:after,
.button.button-large.button-with-stroke.active:not(:disabled):hover:active:after {
  transition: none; }

/* line 2016, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-with-stroke.added:after,
.button.button-large.button-with-stroke.active:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 500px;
  box-shadow: inset 0 0 0 1px #9CA6AC; }

/* line 2027, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-with-stroke.added.contextmenu-active,
.button.button-large.button-with-stroke.active.contextmenu-active,
.button.button-large.button-with-stroke.added:not(:disabled):hover,
.button.button-large.button-with-stroke.active:not(:disabled):hover {
  box-shadow: inset 0 0 0 1px #FFFFFF, 0 0 0 1px transparent; }

/* line 2033, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-with-stroke.added.contextmenu-active:after,
.button.button-large.button-with-stroke.active.contextmenu-active:after,
.button.button-large.button-with-stroke.added:not(:disabled):hover:after,
.button.button-large.button-with-stroke.active:not(:disabled):hover:after {
  box-shadow: inset 0 0 0 1px #FFFFFF; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2040, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-with-stroke.added.contextmenu-active,
  .button.button-large.button-with-stroke.active.contextmenu-active,
  .button.button-large.button-with-stroke.added:not(:disabled):hover,
  .button.button-large.button-with-stroke.active:not(:disabled):hover {
    box-shadow: inset 0 0 0 1px #FFFFFF; }
  /* line 2046, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-with-stroke.added.contextmenu-active:after,
  .button.button-large.button-with-stroke.active.contextmenu-active:after,
  .button.button-large.button-with-stroke.added:not(:disabled):hover:after,
  .button.button-large.button-with-stroke.active:not(:disabled):hover:after {
    box-shadow: inset 0 0 0 1px #FFFFFF; } }

/* line 2053, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-with-stroke.added:not(:disabled):hover:active,
.button.button-large.button-with-stroke.active:not(:disabled):hover:active {
  box-shadow: inset 0 0 0 1px #808080; }

/* line 2057, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-with-stroke.added:not(:disabled):hover:active:after,
.button.button-large.button-with-stroke.active:not(:disabled):hover:active:after {
  box-shadow: inset 0 0 0 1px #808080; }

/* line 2061, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-with-stroke.added.contextmenu-active,
.button.button-large.button-with-stroke.active.contextmenu-active,
.button.button-large.button-with-stroke.added:not(:disabled):hover,
.button.button-large.button-with-stroke.active:not(:disabled):hover {
  transform: scale(1.08333333); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2068, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-with-stroke.added.contextmenu-active,
  .button.button-large.button-with-stroke.active.contextmenu-active,
  .button.button-large.button-with-stroke.added:not(:disabled):hover,
  .button.button-large.button-with-stroke.active:not(:disabled):hover {
    transform: scale(1.08333333); } }

/* line 2075, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-facebook {
  height: 48px;
  line-height: 46px;
  padding-top: 2px;
  padding-left: 48px;
  padding-right: 48px;
  border-radius: 24px;
  background: #3b5998;
  color: #FFFFFF;
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: transform, box-shadow, color, background-color;
  font-size: 14px; }

/* line 2088, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-facebook .b-alt-text {
  margin-top: -46px; }

/* line 2091, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-facebook.contextmenu-active,
.button.button-large.button-facebook:not(:disabled):hover {
  background-color: #3761ba;
  color: #ffffff; }

/* line 2096, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-facebook:not(:disabled):hover:active {
  background: #2f477a;
  color: #cccccc;
  transform: scale(1); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2102, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-facebook:not(:disabled):hover:active {
    transform: scale(1); } }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2107, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-facebook {
    transition-duration: 50ms; } }

/* line 2111, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-facebook:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2116, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-facebook:after {
    transition-duration: 50ms; } }

/* line 2120, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-facebook.contextmenu-active,
.button.button-large.button-facebook:not(:disabled):hover {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: transform, box-shadow, color, background-color; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2126, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-facebook.contextmenu-active,
  .button.button-large.button-facebook:not(:disabled):hover {
    transition-duration: 66ms; } }

/* line 2131, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-facebook.contextmenu-active:after,
.button.button-large.button-facebook:not(:disabled):hover:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2137, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-facebook.contextmenu-active:after,
  .button.button-large.button-facebook:not(:disabled):hover:after {
    transition-duration: 66ms; } }

/* line 2142, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-facebook:not(:disabled):hover:active {
  transition: none; }

/* line 2145, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-facebook:not(:disabled):hover:active:after {
  transition: none; }

/* line 2148, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-facebook:not(:disabled):hover {
  transform: scale(1.08333333); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2152, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-facebook:not(:disabled):hover {
    transform: scale(1.08333333); } }

/* line 2156, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-icon-only {
  height: 48px;
  line-height: 46px;
  padding-top: 2px;
  padding-left: 48px;
  padding-right: 48px;
  border-radius: 24px;
  background: transparent;
  color: #9CA6AC;
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: transform, box-shadow, color, background-color;
  width: 48px;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px; }

/* line 2172, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-icon-only .b-alt-text {
  margin-top: -46px; }

/* line 2175, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-icon-only.contextmenu-active,
.button.button-large.button-icon-only:not(:disabled):hover {
  background-color: transparent;
  color: #FFFFFF; }

/* line 2180, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-icon-only:not(:disabled):hover:active {
  background: transparent;
  color: #808080;
  transform: scale(1); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2186, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-icon-only:not(:disabled):hover:active {
    transform: scale(1); } }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2191, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-icon-only {
    transition-duration: 50ms; } }

/* line 2195, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-icon-only:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2200, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-icon-only:after {
    transition-duration: 50ms; } }

/* line 2204, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-icon-only.contextmenu-active,
.button.button-large.button-icon-only:not(:disabled):hover {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: transform, box-shadow, color, background-color; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2210, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-icon-only.contextmenu-active,
  .button.button-large.button-icon-only:not(:disabled):hover {
    transition-duration: 66ms; } }

/* line 2215, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-icon-only.contextmenu-active:after,
.button.button-large.button-icon-only:not(:disabled):hover:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2221, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-icon-only.contextmenu-active:after,
  .button.button-large.button-icon-only:not(:disabled):hover:after {
    transition-duration: 66ms; } }

/* line 2226, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-icon-only:not(:disabled):hover:active {
  transition: none; }

/* line 2229, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-icon-only:not(:disabled):hover:active:after {
  transition: none; }

/* line 2232, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-icon-only:before {
  font-family: "glue1-spoticon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  line-height: inherit;
  vertical-align: bottom;
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
  border-radius: 500px;
  line-height: 48px;
  font-size: 24px;
  padding-left: 12px;
  width: calc(100% - 12px); }

/* line 2251, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-icon-only.button-play:before {
  content: "\f132"; }

/* line 2254, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-icon-only.button-play.playing:not(:hover),
.tl-row.playing .button.button-large.button-icon-only.button-play:not(:hover),
.tl-row.playing.button.button-large.button-icon-only.button-play:not(:hover),
.media-object.playing .button.button-large.button-icon-only.button-play:not(:hover),
.media-object.playing.button.button-large.button-icon-only.button-play:not(:hover) {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 2261, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-icon-only.button-play.playing:not(:hover):after,
.tl-row.playing .button.button-large.button-icon-only.button-play:not(:hover):after,
.tl-row.playing.button.button-large.button-icon-only.button-play:not(:hover):after,
.media-object.playing .button.button-large.button-icon-only.button-play:not(:hover):after,
.media-object.playing.button.button-large.button-icon-only.button-play:not(:hover):after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 500px;
  box-shadow: inset 0 0 0 1px transparent; }

/* line 2275, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-icon-only.button-play.playing:not(:hover).contextmenu-active,
.tl-row.playing .button.button-large.button-icon-only.button-play:not(:hover).contextmenu-active,
.tl-row.playing.button.button-large.button-icon-only.button-play:not(:hover).contextmenu-active,
.media-object.playing .button.button-large.button-icon-only.button-play:not(:hover).contextmenu-active,
.media-object.playing.button.button-large.button-icon-only.button-play:not(:hover).contextmenu-active,
.button.button-large.button-icon-only.button-play.playing:not(:hover):not(:disabled):hover,
.tl-row.playing .button.button-large.button-icon-only.button-play:not(:hover):not(:disabled):hover,
.tl-row.playing.button.button-large.button-icon-only.button-play:not(:hover):not(:disabled):hover,
.media-object.playing .button.button-large.button-icon-only.button-play:not(:hover):not(:disabled):hover,
.media-object.playing.button.button-large.button-icon-only.button-play:not(:hover):not(:disabled):hover {
  box-shadow: inset 0 0 0 1px transparent, 0 0 0 1px transparent; }

/* line 2287, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-icon-only.button-play.playing:not(:hover).contextmenu-active:after,
.tl-row.playing .button.button-large.button-icon-only.button-play:not(:hover).contextmenu-active:after,
.tl-row.playing.button.button-large.button-icon-only.button-play:not(:hover).contextmenu-active:after,
.media-object.playing .button.button-large.button-icon-only.button-play:not(:hover).contextmenu-active:after,
.media-object.playing.button.button-large.button-icon-only.button-play:not(:hover).contextmenu-active:after,
.button.button-large.button-icon-only.button-play.playing:not(:hover):not(:disabled):hover:after,
.tl-row.playing .button.button-large.button-icon-only.button-play:not(:hover):not(:disabled):hover:after,
.tl-row.playing.button.button-large.button-icon-only.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing .button.button-large.button-icon-only.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing.button.button-large.button-icon-only.button-play:not(:hover):not(:disabled):hover:after {
  box-shadow: inset 0 0 0 1px transparent; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2300, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-icon-only.button-play.playing:not(:hover).contextmenu-active,
  .tl-row.playing .button.button-large.button-icon-only.button-play:not(:hover).contextmenu-active,
  .tl-row.playing.button.button-large.button-icon-only.button-play:not(:hover).contextmenu-active,
  .media-object.playing .button.button-large.button-icon-only.button-play:not(:hover).contextmenu-active,
  .media-object.playing.button.button-large.button-icon-only.button-play:not(:hover).contextmenu-active,
  .button.button-large.button-icon-only.button-play.playing:not(:hover):not(:disabled):hover,
  .tl-row.playing .button.button-large.button-icon-only.button-play:not(:hover):not(:disabled):hover,
  .tl-row.playing.button.button-large.button-icon-only.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing .button.button-large.button-icon-only.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing.button.button-large.button-icon-only.button-play:not(:hover):not(:disabled):hover {
    box-shadow: inset 0 0 0 1px transparent; }
  /* line 2312, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-icon-only.button-play.playing:not(:hover).contextmenu-active:after,
  .tl-row.playing .button.button-large.button-icon-only.button-play:not(:hover).contextmenu-active:after,
  .tl-row.playing.button.button-large.button-icon-only.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing .button.button-large.button-icon-only.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing.button.button-large.button-icon-only.button-play:not(:hover).contextmenu-active:after,
  .button.button-large.button-icon-only.button-play.playing:not(:hover):not(:disabled):hover:after,
  .tl-row.playing .button.button-large.button-icon-only.button-play:not(:hover):not(:disabled):hover:after,
  .tl-row.playing.button.button-large.button-icon-only.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing .button.button-large.button-icon-only.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing.button.button-large.button-icon-only.button-play:not(:hover):not(:disabled):hover:after {
    box-shadow: inset 0 0 0 1px transparent; } }

/* line 2325, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-icon-only.button-play.playing:not(:hover):not(:disabled):hover:active,
.tl-row.playing .button.button-large.button-icon-only.button-play:not(:hover):not(:disabled):hover:active,
.tl-row.playing.button.button-large.button-icon-only.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing .button.button-large.button-icon-only.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing.button.button-large.button-icon-only.button-play:not(:hover):not(:disabled):hover:active {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 2332, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-icon-only.button-play.playing:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing .button.button-large.button-icon-only.button-play:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing.button.button-large.button-icon-only.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing .button.button-large.button-icon-only.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing.button.button-large.button-icon-only.button-play:not(:hover):not(:disabled):hover:active:after {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 2339, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-icon-only.button-play.playing:not(:hover):before,
.tl-row.playing .button.button-large.button-icon-only.button-play:not(:hover):before,
.tl-row.playing.button.button-large.button-icon-only.button-play:not(:hover):before,
.media-object.playing .button.button-large.button-icon-only.button-play:not(:hover):before,
.media-object.playing.button.button-large.button-icon-only.button-play:not(:hover):before {
  content: "\f1D0";
  padding-left: 10.5px;
  width: calc(100% - 10.5px); }

/* line 2348, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-icon-only.button-play.playing:hover:before,
.tl-row.playing .button.button-large.button-icon-only.button-play:hover:before,
.tl-row.playing.button.button-large.button-icon-only.button-play:hover:before,
.media-object.playing .button.button-large.button-icon-only.button-play:hover:before,
.media-object.playing.button.button-large.button-icon-only.button-play:hover:before {
  content: "\f130"; }

/* line 2355, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-icon-only.active {
  color: #008CD6; }

/* line 2358, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-icon-only.active.contextmenu-active,
.button.button-large.button-icon-only.active:not(:disabled):hover {
  color: #00a7ff; }

/* line 2362, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-icon-only.drop-target-active {
  color: #000000;
  background-color: #FFFFFF; }

/* line 2366, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-icon-only.drop-target-active.contextmenu-active,
.button.button-large.button-icon-only.drop-target-active:not(:disabled):hover {
  color: #000000; }

/* line 2370, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-icon-only.drop-target-active.contextmenu-active,
.button.button-large.button-icon-only.drop-target-active:not(:disabled):hover {
  background-color: #FFFFFF; }

/* line 2374, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-icon-with-stroke {
  height: 48px;
  line-height: 46px;
  padding-top: 2px;
  padding-left: 48px;
  padding-right: 48px;
  border-radius: 24px;
  background: rgba(86, 102, 111, 0.7);
  color: #FFFFFF;
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: transform, box-shadow, color, background-color;
  box-shadow: inset 0 0 0 1px #9CA6AC;
  width: 48px;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px; }

/* line 2391, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-icon-with-stroke .b-alt-text {
  margin-top: -46px; }

/* line 2394, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-icon-with-stroke.contextmenu-active,
.button.button-large.button-icon-with-stroke:not(:disabled):hover {
  background-color: rgba(86, 102, 111, 0.7);
  color: #ffffff; }

/* line 2399, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-icon-with-stroke:not(:disabled):hover:active {
  background: rgba(86, 102, 111, 0.76);
  color: #cccccc;
  transform: scale(1); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2405, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-icon-with-stroke:not(:disabled):hover:active {
    transform: scale(1); } }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2410, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-icon-with-stroke {
    transition-duration: 50ms; } }

/* line 2414, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-icon-with-stroke:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2419, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-icon-with-stroke:after {
    transition-duration: 50ms; } }

/* line 2423, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-icon-with-stroke.contextmenu-active,
.button.button-large.button-icon-with-stroke:not(:disabled):hover {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: transform, box-shadow, color, background-color; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2429, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-icon-with-stroke.contextmenu-active,
  .button.button-large.button-icon-with-stroke:not(:disabled):hover {
    transition-duration: 66ms; } }

/* line 2434, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-icon-with-stroke.contextmenu-active:after,
.button.button-large.button-icon-with-stroke:not(:disabled):hover:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2440, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-icon-with-stroke.contextmenu-active:after,
  .button.button-large.button-icon-with-stroke:not(:disabled):hover:after {
    transition-duration: 66ms; } }

/* line 2445, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-icon-with-stroke:not(:disabled):hover:active {
  transition: none; }

/* line 2448, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-icon-with-stroke:not(:disabled):hover:active:after {
  transition: none; }

/* line 2451, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-icon-with-stroke:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 500px;
  box-shadow: inset 0 0 0 1px #9CA6AC; }

/* line 2461, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-icon-with-stroke.contextmenu-active,
.button.button-large.button-icon-with-stroke:not(:disabled):hover {
  box-shadow: inset 0 0 0 1px #FFFFFF, 0 0 0 1px transparent; }

/* line 2465, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-icon-with-stroke.contextmenu-active:after,
.button.button-large.button-icon-with-stroke:not(:disabled):hover:after {
  box-shadow: inset 0 0 0 1px #FFFFFF; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2470, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-icon-with-stroke.contextmenu-active,
  .button.button-large.button-icon-with-stroke:not(:disabled):hover {
    box-shadow: inset 0 0 0 1px #FFFFFF; }
  /* line 2474, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-icon-with-stroke.contextmenu-active:after,
  .button.button-large.button-icon-with-stroke:not(:disabled):hover:after {
    box-shadow: inset 0 0 0 1px #FFFFFF; } }

/* line 2479, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-icon-with-stroke:not(:disabled):hover:active {
  box-shadow: inset 0 0 0 1px #808080; }

/* line 2482, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-icon-with-stroke:not(:disabled):hover:active:after {
  box-shadow: inset 0 0 0 1px #808080; }

/* line 2485, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-icon-with-stroke.contextmenu-active,
.button.button-large.button-icon-with-stroke:not(:disabled):hover {
  transform: scale(1.08333333); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2490, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-icon-with-stroke.contextmenu-active,
  .button.button-large.button-icon-with-stroke:not(:disabled):hover {
    transform: scale(1.08333333); } }

/* line 2495, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-icon-with-stroke:before {
  font-family: "glue1-spoticon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  line-height: inherit;
  vertical-align: bottom;
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
  border-radius: 500px;
  line-height: 48px;
  font-size: 24px;
  padding-left: 12px;
  width: calc(100% - 12px); }

/* line 2514, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-icon-with-stroke.button-play:before {
  content: "\f132"; }

/* line 2517, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-icon-with-stroke.button-play.playing:not(:hover),
.tl-row.playing .button.button-large.button-icon-with-stroke.button-play:not(:hover),
.tl-row.playing.button.button-large.button-icon-with-stroke.button-play:not(:hover),
.media-object.playing .button.button-large.button-icon-with-stroke.button-play:not(:hover),
.media-object.playing.button.button-large.button-icon-with-stroke.button-play:not(:hover) {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 2524, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-icon-with-stroke.button-play.playing:not(:hover):after,
.tl-row.playing .button.button-large.button-icon-with-stroke.button-play:not(:hover):after,
.tl-row.playing.button.button-large.button-icon-with-stroke.button-play:not(:hover):after,
.media-object.playing .button.button-large.button-icon-with-stroke.button-play:not(:hover):after,
.media-object.playing.button.button-large.button-icon-with-stroke.button-play:not(:hover):after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 500px;
  box-shadow: inset 0 0 0 1px transparent; }

/* line 2538, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-icon-with-stroke.button-play.playing:not(:hover).contextmenu-active,
.tl-row.playing .button.button-large.button-icon-with-stroke.button-play:not(:hover).contextmenu-active,
.tl-row.playing.button.button-large.button-icon-with-stroke.button-play:not(:hover).contextmenu-active,
.media-object.playing .button.button-large.button-icon-with-stroke.button-play:not(:hover).contextmenu-active,
.media-object.playing.button.button-large.button-icon-with-stroke.button-play:not(:hover).contextmenu-active,
.button.button-large.button-icon-with-stroke.button-play.playing:not(:hover):not(:disabled):hover,
.tl-row.playing .button.button-large.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover,
.tl-row.playing.button.button-large.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover,
.media-object.playing .button.button-large.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover,
.media-object.playing.button.button-large.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover {
  box-shadow: inset 0 0 0 1px transparent, 0 0 0 1px transparent; }

/* line 2550, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-icon-with-stroke.button-play.playing:not(:hover).contextmenu-active:after,
.tl-row.playing .button.button-large.button-icon-with-stroke.button-play:not(:hover).contextmenu-active:after,
.tl-row.playing.button.button-large.button-icon-with-stroke.button-play:not(:hover).contextmenu-active:after,
.media-object.playing .button.button-large.button-icon-with-stroke.button-play:not(:hover).contextmenu-active:after,
.media-object.playing.button.button-large.button-icon-with-stroke.button-play:not(:hover).contextmenu-active:after,
.button.button-large.button-icon-with-stroke.button-play.playing:not(:hover):not(:disabled):hover:after,
.tl-row.playing .button.button-large.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover:after,
.tl-row.playing.button.button-large.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing .button.button-large.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing.button.button-large.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover:after {
  box-shadow: inset 0 0 0 1px transparent; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2563, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-icon-with-stroke.button-play.playing:not(:hover).contextmenu-active,
  .tl-row.playing .button.button-large.button-icon-with-stroke.button-play:not(:hover).contextmenu-active,
  .tl-row.playing.button.button-large.button-icon-with-stroke.button-play:not(:hover).contextmenu-active,
  .media-object.playing .button.button-large.button-icon-with-stroke.button-play:not(:hover).contextmenu-active,
  .media-object.playing.button.button-large.button-icon-with-stroke.button-play:not(:hover).contextmenu-active,
  .button.button-large.button-icon-with-stroke.button-play.playing:not(:hover):not(:disabled):hover,
  .tl-row.playing .button.button-large.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover,
  .tl-row.playing.button.button-large.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing .button.button-large.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing.button.button-large.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover {
    box-shadow: inset 0 0 0 1px transparent; }
  /* line 2575, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-large.button-icon-with-stroke.button-play.playing:not(:hover).contextmenu-active:after,
  .tl-row.playing .button.button-large.button-icon-with-stroke.button-play:not(:hover).contextmenu-active:after,
  .tl-row.playing.button.button-large.button-icon-with-stroke.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing .button.button-large.button-icon-with-stroke.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing.button.button-large.button-icon-with-stroke.button-play:not(:hover).contextmenu-active:after,
  .button.button-large.button-icon-with-stroke.button-play.playing:not(:hover):not(:disabled):hover:after,
  .tl-row.playing .button.button-large.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover:after,
  .tl-row.playing.button.button-large.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing .button.button-large.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing.button.button-large.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover:after {
    box-shadow: inset 0 0 0 1px transparent; } }

/* line 2588, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-icon-with-stroke.button-play.playing:not(:hover):not(:disabled):hover:active,
.tl-row.playing .button.button-large.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover:active,
.tl-row.playing.button.button-large.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing .button.button-large.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing.button.button-large.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover:active {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 2595, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-icon-with-stroke.button-play.playing:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing .button.button-large.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing.button.button-large.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing .button.button-large.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing.button.button-large.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover:active:after {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 2602, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-icon-with-stroke.button-play.playing:not(:hover):before,
.tl-row.playing .button.button-large.button-icon-with-stroke.button-play:not(:hover):before,
.tl-row.playing.button.button-large.button-icon-with-stroke.button-play:not(:hover):before,
.media-object.playing .button.button-large.button-icon-with-stroke.button-play:not(:hover):before,
.media-object.playing.button.button-large.button-icon-with-stroke.button-play:not(:hover):before {
  content: "\f1D0";
  padding-left: 10.5px;
  width: calc(100% - 10.5px); }

/* line 2611, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-large.button-icon-with-stroke.button-play.playing:hover:before,
.tl-row.playing .button.button-large.button-icon-with-stroke.button-play:hover:before,
.tl-row.playing.button.button-large.button-icon-with-stroke.button-play:hover:before,
.media-object.playing .button.button-large.button-icon-with-stroke.button-play:hover:before,
.media-object.playing.button.button-large.button-icon-with-stroke.button-play:hover:before {
  content: "\f130"; }

/* line 2618, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-green {
  height: 24px;
  line-height: 22px;
  padding-top: 2px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 12px;
  background: #008CD6;
  color: #FFFFFF;
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: transform, box-shadow, color, background-color; }

/* line 2630, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-green .b-alt-text {
  margin-top: -22px; }

/* line 2633, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-green.contextmenu-active,
.button.button-small.button-green:not(:disabled):hover {
  background-color: #008CD6;
  color: #ffffff; }

/* line 2638, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-green:not(:disabled):hover:active {
  background: primary-accent-color--dark;
  color: #cccccc;
  transform: scale(1); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2644, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-green:not(:disabled):hover:active {
    transform: scale(1); } }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2649, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-green {
    transition-duration: 50ms; } }

/* line 2653, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-green:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2658, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-green:after {
    transition-duration: 50ms; } }

/* line 2662, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-green.contextmenu-active,
.button.button-small.button-green:not(:disabled):hover {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: transform, box-shadow, color, background-color; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2668, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-green.contextmenu-active,
  .button.button-small.button-green:not(:disabled):hover {
    transition-duration: 66ms; } }

/* line 2673, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-green.contextmenu-active:after,
.button.button-small.button-green:not(:disabled):hover:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2679, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-green.contextmenu-active:after,
  .button.button-small.button-green:not(:disabled):hover:after {
    transition-duration: 66ms; } }

/* line 2684, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-green:not(:disabled):hover:active {
  transition: none; }

/* line 2687, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-green:not(:disabled):hover:active:after {
  transition: none; }

/* line 2690, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-green:not(:disabled):hover {
  transform: scale(1.08333333); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2694, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-green:not(:disabled):hover {
    transform: scale(1.08333333); } }

/* line 2698, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-white {
  height: 24px;
  line-height: 22px;
  padding-top: 2px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 12px;
  background: #FFFFFF;
  color: #000000;
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: transform, box-shadow, color, background-color; }

/* line 2710, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-white .b-alt-text {
  margin-top: -22px; }

/* line 2713, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-white.contextmenu-active,
.button.button-small.button-white:not(:disabled):hover {
  background-color: #ffffff;
  color: #1f1414; }

/* line 2718, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-white:not(:disabled):hover:active {
  background: #cccccc;
  color: #000000;
  transform: scale(1); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2724, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-white:not(:disabled):hover:active {
    transform: scale(1); } }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2729, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-white {
    transition-duration: 50ms; } }

/* line 2733, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-white:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2738, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-white:after {
    transition-duration: 50ms; } }

/* line 2742, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-white.contextmenu-active,
.button.button-small.button-white:not(:disabled):hover {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: transform, box-shadow, color, background-color; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2748, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-white.contextmenu-active,
  .button.button-small.button-white:not(:disabled):hover {
    transition-duration: 66ms; } }

/* line 2753, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-white.contextmenu-active:after,
.button.button-small.button-white:not(:disabled):hover:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2759, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-white.contextmenu-active:after,
  .button.button-small.button-white:not(:disabled):hover:after {
    transition-duration: 66ms; } }

/* line 2764, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-white:not(:disabled):hover:active {
  transition: none; }

/* line 2767, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-white:not(:disabled):hover:active:after {
  transition: none; }

/* line 2770, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-white:not(:disabled):hover {
  transform: scale(1.08333333); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2774, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-white:not(:disabled):hover {
    transform: scale(1.08333333); } }

/* line 2778, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-blue {
  height: 24px;
  line-height: 22px;
  padding-top: 2px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 12px;
  background: #4687D6;
  color: #FFFFFF;
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: transform, box-shadow, color, background-color; }

/* line 2790, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-blue .b-alt-text {
  margin-top: -22px; }

/* line 2793, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-blue.contextmenu-active,
.button.button-small.button-blue:not(:disabled):hover {
  background-color: #4491ee;
  color: #ffffff; }

/* line 2798, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-blue:not(:disabled):hover:active {
  background: #386cab;
  color: #cccccc;
  transform: scale(1); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2804, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-blue:not(:disabled):hover:active {
    transform: scale(1); } }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2809, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-blue {
    transition-duration: 50ms; } }

/* line 2813, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-blue:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2818, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-blue:after {
    transition-duration: 50ms; } }

/* line 2822, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-blue.contextmenu-active,
.button.button-small.button-blue:not(:disabled):hover {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: transform, box-shadow, color, background-color; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2828, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-blue.contextmenu-active,
  .button.button-small.button-blue:not(:disabled):hover {
    transition-duration: 66ms; } }

/* line 2833, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-blue.contextmenu-active:after,
.button.button-small.button-blue:not(:disabled):hover:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2839, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-blue.contextmenu-active:after,
  .button.button-small.button-blue:not(:disabled):hover:after {
    transition-duration: 66ms; } }

/* line 2844, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-blue:not(:disabled):hover:active {
  transition: none; }

/* line 2847, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-blue:not(:disabled):hover:active:after {
  transition: none; }

/* line 2850, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-blue:not(:disabled):hover {
  transform: scale(1.08333333); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2854, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-blue:not(:disabled):hover {
    transform: scale(1.08333333); } }

/* line 2858, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-red {
  height: 24px;
  line-height: 22px;
  padding-top: 2px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 12px;
  background: #CD1A2B;
  color: #FFFFFF;
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: transform, box-shadow, color, background-color; }

/* line 2870, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-red .b-alt-text {
  margin-top: -22px; }

/* line 2873, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-red.contextmenu-active,
.button.button-small.button-red:not(:disabled):hover {
  background-color: #eb182c;
  color: #ffffff; }

/* line 2878, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-red:not(:disabled):hover:active {
  background: #a41522;
  color: #cccccc;
  transform: scale(1); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2884, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-red:not(:disabled):hover:active {
    transform: scale(1); } }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2889, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-red {
    transition-duration: 50ms; } }

/* line 2893, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-red:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2898, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-red:after {
    transition-duration: 50ms; } }

/* line 2902, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-red.contextmenu-active,
.button.button-small.button-red:not(:disabled):hover {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: transform, box-shadow, color, background-color; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2908, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-red.contextmenu-active,
  .button.button-small.button-red:not(:disabled):hover {
    transition-duration: 66ms; } }

/* line 2913, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-red.contextmenu-active:after,
.button.button-small.button-red:not(:disabled):hover:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2919, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-red.contextmenu-active:after,
  .button.button-small.button-red:not(:disabled):hover:after {
    transition-duration: 66ms; } }

/* line 2924, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-red:not(:disabled):hover:active {
  transition: none; }

/* line 2927, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-red:not(:disabled):hover:active:after {
  transition: none; }

/* line 2930, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-red:not(:disabled):hover {
  transform: scale(1.08333333); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2934, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-red:not(:disabled):hover {
    transform: scale(1.08333333); } }

/* line 2938, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-gray {
  height: 24px;
  line-height: 22px;
  padding-top: 2px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 12px;
  background: #404040;
  color: #FFFFFF;
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: transform, box-shadow, color, background-color; }

/* line 2950, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-gray .b-alt-text {
  margin-top: -22px; }

/* line 2953, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-gray.contextmenu-active,
.button.button-small.button-gray:not(:disabled):hover {
  background-color: #535353;
  color: #ffffff; }

/* line 2958, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-gray:not(:disabled):hover:active {
  background: #333333;
  color: #cccccc;
  transform: scale(1); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2964, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-gray:not(:disabled):hover:active {
    transform: scale(1); } }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2969, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-gray {
    transition-duration: 50ms; } }

/* line 2973, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-gray:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2978, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-gray:after {
    transition-duration: 50ms; } }

/* line 2982, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-gray.contextmenu-active,
.button.button-small.button-gray:not(:disabled):hover {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: transform, box-shadow, color, background-color; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2988, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-gray.contextmenu-active,
  .button.button-small.button-gray:not(:disabled):hover {
    transition-duration: 66ms; } }

/* line 2993, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-gray.contextmenu-active:after,
.button.button-small.button-gray:not(:disabled):hover:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2999, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-gray.contextmenu-active:after,
  .button.button-small.button-gray:not(:disabled):hover:after {
    transition-duration: 66ms; } }

/* line 3004, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-gray:not(:disabled):hover:active {
  transition: none; }

/* line 3007, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-gray:not(:disabled):hover:active:after {
  transition: none; }

/* line 3010, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-gray:not(:disabled):hover {
  transform: scale(1.08333333); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 3014, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-gray:not(:disabled):hover {
    transform: scale(1.08333333); } }

/* line 3018, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-with-stroke {
  height: 24px;
  line-height: 22px;
  padding-top: 2px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 12px;
  background: rgba(86, 102, 111, 0.7);
  color: #FFFFFF;
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: transform, box-shadow, color, background-color;
  box-shadow: inset 0 0 0 1px #9CA6AC; }

/* line 3031, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-with-stroke .b-alt-text {
  margin-top: -22px; }

/* line 3034, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-with-stroke.contextmenu-active,
.button.button-small.button-with-stroke:not(:disabled):hover {
  background-color: rgba(86, 102, 111, 0.7);
  color: #ffffff; }

/* line 3039, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-with-stroke:not(:disabled):hover:active {
  background: rgba(86, 102, 111, 0.76);
  color: #cccccc;
  transform: scale(1); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 3045, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-with-stroke:not(:disabled):hover:active {
    transform: scale(1); } }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 3050, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-with-stroke {
    transition-duration: 50ms; } }

/* line 3054, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-with-stroke:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 3059, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-with-stroke:after {
    transition-duration: 50ms; } }

/* line 3063, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-with-stroke.contextmenu-active,
.button.button-small.button-with-stroke:not(:disabled):hover {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: transform, box-shadow, color, background-color; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 3069, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-with-stroke.contextmenu-active,
  .button.button-small.button-with-stroke:not(:disabled):hover {
    transition-duration: 66ms; } }

/* line 3074, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-with-stroke.contextmenu-active:after,
.button.button-small.button-with-stroke:not(:disabled):hover:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 3080, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-with-stroke.contextmenu-active:after,
  .button.button-small.button-with-stroke:not(:disabled):hover:after {
    transition-duration: 66ms; } }

/* line 3085, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-with-stroke:not(:disabled):hover:active {
  transition: none; }

/* line 3088, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-with-stroke:not(:disabled):hover:active:after {
  transition: none; }

/* line 3091, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-with-stroke:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 500px;
  box-shadow: inset 0 0 0 1px #9CA6AC; }

/* line 3101, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-with-stroke.contextmenu-active,
.button.button-small.button-with-stroke:not(:disabled):hover {
  box-shadow: inset 0 0 0 1px #FFFFFF, 0 0 0 1px transparent; }

/* line 3105, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-with-stroke.contextmenu-active:after,
.button.button-small.button-with-stroke:not(:disabled):hover:after {
  box-shadow: inset 0 0 0 1px #FFFFFF; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 3110, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-with-stroke.contextmenu-active,
  .button.button-small.button-with-stroke:not(:disabled):hover {
    box-shadow: inset 0 0 0 1px #FFFFFF; }
  /* line 3114, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-with-stroke.contextmenu-active:after,
  .button.button-small.button-with-stroke:not(:disabled):hover:after {
    box-shadow: inset 0 0 0 1px #FFFFFF; } }

/* line 3119, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-with-stroke:not(:disabled):hover:active {
  box-shadow: inset 0 0 0 1px #808080; }

/* line 3122, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-with-stroke:not(:disabled):hover:active:after {
  box-shadow: inset 0 0 0 1px #808080; }

/* line 3125, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-with-stroke.contextmenu-active,
.button.button-small.button-with-stroke:not(:disabled):hover {
  transform: scale(1.08333333); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 3130, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-with-stroke.contextmenu-active,
  .button.button-small.button-with-stroke:not(:disabled):hover {
    transform: scale(1.08333333); } }

/* line 3135, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-with-stroke.added,
.button.button-small.button-with-stroke.active {
  height: 24px;
  line-height: 22px;
  padding-top: 2px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 12px;
  background: rgba(86, 102, 111, 0.7);
  color: #ffffff;
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: transform, box-shadow, color, background-color;
  box-shadow: inset 0 0 0 1px #9CA6AC; }

/* line 3149, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-with-stroke.added .b-alt-text,
.button.button-small.button-with-stroke.active .b-alt-text {
  margin-top: -22px; }

/* line 3153, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-with-stroke.added.contextmenu-active,
.button.button-small.button-with-stroke.active.contextmenu-active,
.button.button-small.button-with-stroke.added:not(:disabled):hover,
.button.button-small.button-with-stroke.active:not(:disabled):hover {
  background-color: rgba(86, 102, 111, 0.9);
  color: #ffffff; }

/* line 3160, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-with-stroke.added:not(:disabled):hover:active,
.button.button-small.button-with-stroke.active:not(:disabled):hover:active {
  background: rgba(139, 148, 154, 0.76);
  color: #ffffff;
  transform: scale(1); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 3167, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-with-stroke.added:not(:disabled):hover:active,
  .button.button-small.button-with-stroke.active:not(:disabled):hover:active {
    transform: scale(1); } }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 3173, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-with-stroke.added,
  .button.button-small.button-with-stroke.active {
    transition-duration: 50ms; } }

/* line 3178, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-with-stroke.added:after,
.button.button-small.button-with-stroke.active:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 3184, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-with-stroke.added:after,
  .button.button-small.button-with-stroke.active:after {
    transition-duration: 50ms; } }

/* line 3189, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-with-stroke.added.contextmenu-active,
.button.button-small.button-with-stroke.active.contextmenu-active,
.button.button-small.button-with-stroke.added:not(:disabled):hover,
.button.button-small.button-with-stroke.active:not(:disabled):hover {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: transform, box-shadow, color, background-color; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 3197, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-with-stroke.added.contextmenu-active,
  .button.button-small.button-with-stroke.active.contextmenu-active,
  .button.button-small.button-with-stroke.added:not(:disabled):hover,
  .button.button-small.button-with-stroke.active:not(:disabled):hover {
    transition-duration: 66ms; } }

/* line 3204, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-with-stroke.added.contextmenu-active:after,
.button.button-small.button-with-stroke.active.contextmenu-active:after,
.button.button-small.button-with-stroke.added:not(:disabled):hover:after,
.button.button-small.button-with-stroke.active:not(:disabled):hover:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 3212, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-with-stroke.added.contextmenu-active:after,
  .button.button-small.button-with-stroke.active.contextmenu-active:after,
  .button.button-small.button-with-stroke.added:not(:disabled):hover:after,
  .button.button-small.button-with-stroke.active:not(:disabled):hover:after {
    transition-duration: 66ms; } }

/* line 3219, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-with-stroke.added:not(:disabled):hover:active,
.button.button-small.button-with-stroke.active:not(:disabled):hover:active {
  transition: none; }

/* line 3223, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-with-stroke.added:not(:disabled):hover:active:after,
.button.button-small.button-with-stroke.active:not(:disabled):hover:active:after {
  transition: none; }

/* line 3227, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-with-stroke.added:after,
.button.button-small.button-with-stroke.active:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 500px;
  box-shadow: inset 0 0 0 1px #9CA6AC; }

/* line 3238, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-with-stroke.added.contextmenu-active,
.button.button-small.button-with-stroke.active.contextmenu-active,
.button.button-small.button-with-stroke.added:not(:disabled):hover,
.button.button-small.button-with-stroke.active:not(:disabled):hover {
  box-shadow: inset 0 0 0 1px #FFFFFF, 0 0 0 1px transparent; }

/* line 3244, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-with-stroke.added.contextmenu-active:after,
.button.button-small.button-with-stroke.active.contextmenu-active:after,
.button.button-small.button-with-stroke.added:not(:disabled):hover:after,
.button.button-small.button-with-stroke.active:not(:disabled):hover:after {
  box-shadow: inset 0 0 0 1px #FFFFFF; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 3251, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-with-stroke.added.contextmenu-active,
  .button.button-small.button-with-stroke.active.contextmenu-active,
  .button.button-small.button-with-stroke.added:not(:disabled):hover,
  .button.button-small.button-with-stroke.active:not(:disabled):hover {
    box-shadow: inset 0 0 0 1px #FFFFFF; }
  /* line 3257, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-with-stroke.added.contextmenu-active:after,
  .button.button-small.button-with-stroke.active.contextmenu-active:after,
  .button.button-small.button-with-stroke.added:not(:disabled):hover:after,
  .button.button-small.button-with-stroke.active:not(:disabled):hover:after {
    box-shadow: inset 0 0 0 1px #FFFFFF; } }

/* line 3264, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-with-stroke.added:not(:disabled):hover:active,
.button.button-small.button-with-stroke.active:not(:disabled):hover:active {
  box-shadow: inset 0 0 0 1px #808080; }

/* line 3268, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-with-stroke.added:not(:disabled):hover:active:after,
.button.button-small.button-with-stroke.active:not(:disabled):hover:active:after {
  box-shadow: inset 0 0 0 1px #808080; }

/* line 3272, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-with-stroke.added.contextmenu-active,
.button.button-small.button-with-stroke.active.contextmenu-active,
.button.button-small.button-with-stroke.added:not(:disabled):hover,
.button.button-small.button-with-stroke.active:not(:disabled):hover {
  transform: scale(1.08333333); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 3279, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-with-stroke.added.contextmenu-active,
  .button.button-small.button-with-stroke.active.contextmenu-active,
  .button.button-small.button-with-stroke.added:not(:disabled):hover,
  .button.button-small.button-with-stroke.active:not(:disabled):hover {
    transform: scale(1.08333333); } }

/* line 3286, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-facebook {
  height: 24px;
  line-height: 22px;
  padding-top: 2px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 12px;
  background: #3b5998;
  color: #FFFFFF;
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: transform, box-shadow, color, background-color; }

/* line 3298, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-facebook .b-alt-text {
  margin-top: -22px; }

/* line 3301, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-facebook.contextmenu-active,
.button.button-small.button-facebook:not(:disabled):hover {
  background-color: #3761ba;
  color: #ffffff; }

/* line 3306, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-facebook:not(:disabled):hover:active {
  background: #2f477a;
  color: #cccccc;
  transform: scale(1); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 3312, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-facebook:not(:disabled):hover:active {
    transform: scale(1); } }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 3317, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-facebook {
    transition-duration: 50ms; } }

/* line 3321, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-facebook:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 3326, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-facebook:after {
    transition-duration: 50ms; } }

/* line 3330, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-facebook.contextmenu-active,
.button.button-small.button-facebook:not(:disabled):hover {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: transform, box-shadow, color, background-color; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 3336, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-facebook.contextmenu-active,
  .button.button-small.button-facebook:not(:disabled):hover {
    transition-duration: 66ms; } }

/* line 3341, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-facebook.contextmenu-active:after,
.button.button-small.button-facebook:not(:disabled):hover:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 3347, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-facebook.contextmenu-active:after,
  .button.button-small.button-facebook:not(:disabled):hover:after {
    transition-duration: 66ms; } }

/* line 3352, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-facebook:not(:disabled):hover:active {
  transition: none; }

/* line 3355, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-facebook:not(:disabled):hover:active:after {
  transition: none; }

/* line 3358, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-facebook:not(:disabled):hover {
  transform: scale(1.08333333); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 3362, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-facebook:not(:disabled):hover {
    transform: scale(1.08333333); } }

/* line 3366, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-icon-only {
  height: 24px;
  line-height: 22px;
  padding-top: 2px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 12px;
  background: transparent;
  color: #9CA6AC;
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: transform, box-shadow, color, background-color;
  width: 24px;
  padding-left: 0;
  padding-right: 0; }

/* line 3381, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-icon-only .b-alt-text {
  margin-top: -22px; }

/* line 3384, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-icon-only.contextmenu-active,
.button.button-small.button-icon-only:not(:disabled):hover {
  background-color: transparent;
  color: #FFFFFF; }

/* line 3389, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-icon-only:not(:disabled):hover:active {
  background: transparent;
  color: #808080;
  transform: scale(1); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 3395, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-icon-only:not(:disabled):hover:active {
    transform: scale(1); } }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 3400, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-icon-only {
    transition-duration: 50ms; } }

/* line 3404, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-icon-only:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 3409, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-icon-only:after {
    transition-duration: 50ms; } }

/* line 3413, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-icon-only.contextmenu-active,
.button.button-small.button-icon-only:not(:disabled):hover {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: transform, box-shadow, color, background-color; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 3419, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-icon-only.contextmenu-active,
  .button.button-small.button-icon-only:not(:disabled):hover {
    transition-duration: 66ms; } }

/* line 3424, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-icon-only.contextmenu-active:after,
.button.button-small.button-icon-only:not(:disabled):hover:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 3430, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-icon-only.contextmenu-active:after,
  .button.button-small.button-icon-only:not(:disabled):hover:after {
    transition-duration: 66ms; } }

/* line 3435, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-icon-only:not(:disabled):hover:active {
  transition: none; }

/* line 3438, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-icon-only:not(:disabled):hover:active:after {
  transition: none; }

/* line 3441, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-icon-only:before {
  font-family: "glue1-spoticon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  line-height: inherit;
  vertical-align: bottom;
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
  border-radius: 500px;
  line-height: 24px;
  font-size: 12px;
  padding-left: 6px;
  width: calc(100% - 6px); }

/* line 3460, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-icon-only.button-play:before {
  content: "\f132"; }

/* line 3463, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-icon-only.button-play.playing:not(:hover),
.tl-row.playing .button.button-small.button-icon-only.button-play:not(:hover),
.tl-row.playing.button.button-small.button-icon-only.button-play:not(:hover),
.media-object.playing .button.button-small.button-icon-only.button-play:not(:hover),
.media-object.playing.button.button-small.button-icon-only.button-play:not(:hover) {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 3470, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-icon-only.button-play.playing:not(:hover):after,
.tl-row.playing .button.button-small.button-icon-only.button-play:not(:hover):after,
.tl-row.playing.button.button-small.button-icon-only.button-play:not(:hover):after,
.media-object.playing .button.button-small.button-icon-only.button-play:not(:hover):after,
.media-object.playing.button.button-small.button-icon-only.button-play:not(:hover):after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 500px;
  box-shadow: inset 0 0 0 1px transparent; }

/* line 3484, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-icon-only.button-play.playing:not(:hover).contextmenu-active,
.tl-row.playing .button.button-small.button-icon-only.button-play:not(:hover).contextmenu-active,
.tl-row.playing.button.button-small.button-icon-only.button-play:not(:hover).contextmenu-active,
.media-object.playing .button.button-small.button-icon-only.button-play:not(:hover).contextmenu-active,
.media-object.playing.button.button-small.button-icon-only.button-play:not(:hover).contextmenu-active,
.button.button-small.button-icon-only.button-play.playing:not(:hover):not(:disabled):hover,
.tl-row.playing .button.button-small.button-icon-only.button-play:not(:hover):not(:disabled):hover,
.tl-row.playing.button.button-small.button-icon-only.button-play:not(:hover):not(:disabled):hover,
.media-object.playing .button.button-small.button-icon-only.button-play:not(:hover):not(:disabled):hover,
.media-object.playing.button.button-small.button-icon-only.button-play:not(:hover):not(:disabled):hover {
  box-shadow: inset 0 0 0 1px transparent, 0 0 0 1px transparent; }

/* line 3496, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-icon-only.button-play.playing:not(:hover).contextmenu-active:after,
.tl-row.playing .button.button-small.button-icon-only.button-play:not(:hover).contextmenu-active:after,
.tl-row.playing.button.button-small.button-icon-only.button-play:not(:hover).contextmenu-active:after,
.media-object.playing .button.button-small.button-icon-only.button-play:not(:hover).contextmenu-active:after,
.media-object.playing.button.button-small.button-icon-only.button-play:not(:hover).contextmenu-active:after,
.button.button-small.button-icon-only.button-play.playing:not(:hover):not(:disabled):hover:after,
.tl-row.playing .button.button-small.button-icon-only.button-play:not(:hover):not(:disabled):hover:after,
.tl-row.playing.button.button-small.button-icon-only.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing .button.button-small.button-icon-only.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing.button.button-small.button-icon-only.button-play:not(:hover):not(:disabled):hover:after {
  box-shadow: inset 0 0 0 1px transparent; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 3509, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-icon-only.button-play.playing:not(:hover).contextmenu-active,
  .tl-row.playing .button.button-small.button-icon-only.button-play:not(:hover).contextmenu-active,
  .tl-row.playing.button.button-small.button-icon-only.button-play:not(:hover).contextmenu-active,
  .media-object.playing .button.button-small.button-icon-only.button-play:not(:hover).contextmenu-active,
  .media-object.playing.button.button-small.button-icon-only.button-play:not(:hover).contextmenu-active,
  .button.button-small.button-icon-only.button-play.playing:not(:hover):not(:disabled):hover,
  .tl-row.playing .button.button-small.button-icon-only.button-play:not(:hover):not(:disabled):hover,
  .tl-row.playing.button.button-small.button-icon-only.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing .button.button-small.button-icon-only.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing.button.button-small.button-icon-only.button-play:not(:hover):not(:disabled):hover {
    box-shadow: inset 0 0 0 1px transparent; }
  /* line 3521, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-icon-only.button-play.playing:not(:hover).contextmenu-active:after,
  .tl-row.playing .button.button-small.button-icon-only.button-play:not(:hover).contextmenu-active:after,
  .tl-row.playing.button.button-small.button-icon-only.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing .button.button-small.button-icon-only.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing.button.button-small.button-icon-only.button-play:not(:hover).contextmenu-active:after,
  .button.button-small.button-icon-only.button-play.playing:not(:hover):not(:disabled):hover:after,
  .tl-row.playing .button.button-small.button-icon-only.button-play:not(:hover):not(:disabled):hover:after,
  .tl-row.playing.button.button-small.button-icon-only.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing .button.button-small.button-icon-only.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing.button.button-small.button-icon-only.button-play:not(:hover):not(:disabled):hover:after {
    box-shadow: inset 0 0 0 1px transparent; } }

/* line 3534, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-icon-only.button-play.playing:not(:hover):not(:disabled):hover:active,
.tl-row.playing .button.button-small.button-icon-only.button-play:not(:hover):not(:disabled):hover:active,
.tl-row.playing.button.button-small.button-icon-only.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing .button.button-small.button-icon-only.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing.button.button-small.button-icon-only.button-play:not(:hover):not(:disabled):hover:active {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 3541, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-icon-only.button-play.playing:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing .button.button-small.button-icon-only.button-play:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing.button.button-small.button-icon-only.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing .button.button-small.button-icon-only.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing.button.button-small.button-icon-only.button-play:not(:hover):not(:disabled):hover:active:after {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 3548, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-icon-only.button-play.playing:not(:hover):before,
.tl-row.playing .button.button-small.button-icon-only.button-play:not(:hover):before,
.tl-row.playing.button.button-small.button-icon-only.button-play:not(:hover):before,
.media-object.playing .button.button-small.button-icon-only.button-play:not(:hover):before,
.media-object.playing.button.button-small.button-icon-only.button-play:not(:hover):before {
  content: "\f1D0";
  padding-left: 5.25px;
  width: calc(100% - 5.25px); }

/* line 3557, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-icon-only.button-play.playing:hover:before,
.tl-row.playing .button.button-small.button-icon-only.button-play:hover:before,
.tl-row.playing.button.button-small.button-icon-only.button-play:hover:before,
.media-object.playing .button.button-small.button-icon-only.button-play:hover:before,
.media-object.playing.button.button-small.button-icon-only.button-play:hover:before {
  content: "\f130"; }

/* line 3564, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-icon-only.active {
  color: #008CD6; }

/* line 3567, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-icon-only.active.contextmenu-active,
.button.button-small.button-icon-only.active:not(:disabled):hover {
  color: #00a7ff; }

/* line 3571, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-icon-only.drop-target-active {
  color: #000000;
  background-color: #FFFFFF; }

/* line 3575, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-icon-only.drop-target-active.contextmenu-active,
.button.button-small.button-icon-only.drop-target-active:not(:disabled):hover {
  color: #000000; }

/* line 3579, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-icon-only.drop-target-active.contextmenu-active,
.button.button-small.button-icon-only.drop-target-active:not(:disabled):hover {
  background-color: #FFFFFF; }

/* line 3583, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-icon-with-stroke {
  height: 24px;
  line-height: 22px;
  padding-top: 2px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 12px;
  background: rgba(86, 102, 111, 0.7);
  color: #FFFFFF;
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: transform, box-shadow, color, background-color;
  box-shadow: inset 0 0 0 1px #9CA6AC;
  width: 24px;
  padding-left: 0;
  padding-right: 0; }

/* line 3599, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-icon-with-stroke .b-alt-text {
  margin-top: -22px; }

/* line 3602, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-icon-with-stroke.contextmenu-active,
.button.button-small.button-icon-with-stroke:not(:disabled):hover {
  background-color: rgba(86, 102, 111, 0.7);
  color: #ffffff; }

/* line 3607, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-icon-with-stroke:not(:disabled):hover:active {
  background: rgba(86, 102, 111, 0.76);
  color: #cccccc;
  transform: scale(1); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 3613, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-icon-with-stroke:not(:disabled):hover:active {
    transform: scale(1); } }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 3618, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-icon-with-stroke {
    transition-duration: 50ms; } }

/* line 3622, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-icon-with-stroke:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 3627, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-icon-with-stroke:after {
    transition-duration: 50ms; } }

/* line 3631, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-icon-with-stroke.contextmenu-active,
.button.button-small.button-icon-with-stroke:not(:disabled):hover {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: transform, box-shadow, color, background-color; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 3637, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-icon-with-stroke.contextmenu-active,
  .button.button-small.button-icon-with-stroke:not(:disabled):hover {
    transition-duration: 66ms; } }

/* line 3642, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-icon-with-stroke.contextmenu-active:after,
.button.button-small.button-icon-with-stroke:not(:disabled):hover:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 3648, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-icon-with-stroke.contextmenu-active:after,
  .button.button-small.button-icon-with-stroke:not(:disabled):hover:after {
    transition-duration: 66ms; } }

/* line 3653, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-icon-with-stroke:not(:disabled):hover:active {
  transition: none; }

/* line 3656, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-icon-with-stroke:not(:disabled):hover:active:after {
  transition: none; }

/* line 3659, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-icon-with-stroke:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 500px;
  box-shadow: inset 0 0 0 1px #9CA6AC; }

/* line 3669, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-icon-with-stroke.contextmenu-active,
.button.button-small.button-icon-with-stroke:not(:disabled):hover {
  box-shadow: inset 0 0 0 1px #FFFFFF, 0 0 0 1px transparent; }

/* line 3673, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-icon-with-stroke.contextmenu-active:after,
.button.button-small.button-icon-with-stroke:not(:disabled):hover:after {
  box-shadow: inset 0 0 0 1px #FFFFFF; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 3678, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-icon-with-stroke.contextmenu-active,
  .button.button-small.button-icon-with-stroke:not(:disabled):hover {
    box-shadow: inset 0 0 0 1px #FFFFFF; }
  /* line 3682, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-icon-with-stroke.contextmenu-active:after,
  .button.button-small.button-icon-with-stroke:not(:disabled):hover:after {
    box-shadow: inset 0 0 0 1px #FFFFFF; } }

/* line 3687, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-icon-with-stroke:not(:disabled):hover:active {
  box-shadow: inset 0 0 0 1px #808080; }

/* line 3690, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-icon-with-stroke:not(:disabled):hover:active:after {
  box-shadow: inset 0 0 0 1px #808080; }

/* line 3693, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-icon-with-stroke.contextmenu-active,
.button.button-small.button-icon-with-stroke:not(:disabled):hover {
  transform: scale(1.08333333); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 3698, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-icon-with-stroke.contextmenu-active,
  .button.button-small.button-icon-with-stroke:not(:disabled):hover {
    transform: scale(1.08333333); } }

/* line 3703, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-icon-with-stroke:before {
  font-family: "glue1-spoticon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  line-height: inherit;
  vertical-align: bottom;
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
  border-radius: 500px;
  line-height: 24px;
  font-size: 12px;
  padding-left: 6px;
  width: calc(100% - 6px); }

/* line 3722, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-icon-with-stroke.button-play:before {
  content: "\f132"; }

/* line 3725, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-icon-with-stroke.button-play.playing:not(:hover),
.tl-row.playing .button.button-small.button-icon-with-stroke.button-play:not(:hover),
.tl-row.playing.button.button-small.button-icon-with-stroke.button-play:not(:hover),
.media-object.playing .button.button-small.button-icon-with-stroke.button-play:not(:hover),
.media-object.playing.button.button-small.button-icon-with-stroke.button-play:not(:hover) {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 3732, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-icon-with-stroke.button-play.playing:not(:hover):after,
.tl-row.playing .button.button-small.button-icon-with-stroke.button-play:not(:hover):after,
.tl-row.playing.button.button-small.button-icon-with-stroke.button-play:not(:hover):after,
.media-object.playing .button.button-small.button-icon-with-stroke.button-play:not(:hover):after,
.media-object.playing.button.button-small.button-icon-with-stroke.button-play:not(:hover):after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 500px;
  box-shadow: inset 0 0 0 1px transparent; }

/* line 3746, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-icon-with-stroke.button-play.playing:not(:hover).contextmenu-active,
.tl-row.playing .button.button-small.button-icon-with-stroke.button-play:not(:hover).contextmenu-active,
.tl-row.playing.button.button-small.button-icon-with-stroke.button-play:not(:hover).contextmenu-active,
.media-object.playing .button.button-small.button-icon-with-stroke.button-play:not(:hover).contextmenu-active,
.media-object.playing.button.button-small.button-icon-with-stroke.button-play:not(:hover).contextmenu-active,
.button.button-small.button-icon-with-stroke.button-play.playing:not(:hover):not(:disabled):hover,
.tl-row.playing .button.button-small.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover,
.tl-row.playing.button.button-small.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover,
.media-object.playing .button.button-small.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover,
.media-object.playing.button.button-small.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover {
  box-shadow: inset 0 0 0 1px transparent, 0 0 0 1px transparent; }

/* line 3758, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-icon-with-stroke.button-play.playing:not(:hover).contextmenu-active:after,
.tl-row.playing .button.button-small.button-icon-with-stroke.button-play:not(:hover).contextmenu-active:after,
.tl-row.playing.button.button-small.button-icon-with-stroke.button-play:not(:hover).contextmenu-active:after,
.media-object.playing .button.button-small.button-icon-with-stroke.button-play:not(:hover).contextmenu-active:after,
.media-object.playing.button.button-small.button-icon-with-stroke.button-play:not(:hover).contextmenu-active:after,
.button.button-small.button-icon-with-stroke.button-play.playing:not(:hover):not(:disabled):hover:after,
.tl-row.playing .button.button-small.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover:after,
.tl-row.playing.button.button-small.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing .button.button-small.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing.button.button-small.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover:after {
  box-shadow: inset 0 0 0 1px transparent; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 3771, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-icon-with-stroke.button-play.playing:not(:hover).contextmenu-active,
  .tl-row.playing .button.button-small.button-icon-with-stroke.button-play:not(:hover).contextmenu-active,
  .tl-row.playing.button.button-small.button-icon-with-stroke.button-play:not(:hover).contextmenu-active,
  .media-object.playing .button.button-small.button-icon-with-stroke.button-play:not(:hover).contextmenu-active,
  .media-object.playing.button.button-small.button-icon-with-stroke.button-play:not(:hover).contextmenu-active,
  .button.button-small.button-icon-with-stroke.button-play.playing:not(:hover):not(:disabled):hover,
  .tl-row.playing .button.button-small.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover,
  .tl-row.playing.button.button-small.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing .button.button-small.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing.button.button-small.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover {
    box-shadow: inset 0 0 0 1px transparent; }
  /* line 3783, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button.button-small.button-icon-with-stroke.button-play.playing:not(:hover).contextmenu-active:after,
  .tl-row.playing .button.button-small.button-icon-with-stroke.button-play:not(:hover).contextmenu-active:after,
  .tl-row.playing.button.button-small.button-icon-with-stroke.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing .button.button-small.button-icon-with-stroke.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing.button.button-small.button-icon-with-stroke.button-play:not(:hover).contextmenu-active:after,
  .button.button-small.button-icon-with-stroke.button-play.playing:not(:hover):not(:disabled):hover:after,
  .tl-row.playing .button.button-small.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover:after,
  .tl-row.playing.button.button-small.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing .button.button-small.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing.button.button-small.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover:after {
    box-shadow: inset 0 0 0 1px transparent; } }

/* line 3796, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-icon-with-stroke.button-play.playing:not(:hover):not(:disabled):hover:active,
.tl-row.playing .button.button-small.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover:active,
.tl-row.playing.button.button-small.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing .button.button-small.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing.button.button-small.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover:active {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 3803, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-icon-with-stroke.button-play.playing:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing .button.button-small.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing.button.button-small.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing .button.button-small.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing.button.button-small.button-icon-with-stroke.button-play:not(:hover):not(:disabled):hover:active:after {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 3810, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-icon-with-stroke.button-play.playing:not(:hover):before,
.tl-row.playing .button.button-small.button-icon-with-stroke.button-play:not(:hover):before,
.tl-row.playing.button.button-small.button-icon-with-stroke.button-play:not(:hover):before,
.media-object.playing .button.button-small.button-icon-with-stroke.button-play:not(:hover):before,
.media-object.playing.button.button-small.button-icon-with-stroke.button-play:not(:hover):before {
  content: "\f1D0";
  padding-left: 5.25px;
  width: calc(100% - 5.25px); }

/* line 3819, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button.button-small.button-icon-with-stroke.button-play.playing:hover:before,
.tl-row.playing .button.button-small.button-icon-with-stroke.button-play:hover:before,
.tl-row.playing.button.button-small.button-icon-with-stroke.button-play:hover:before,
.media-object.playing .button.button-small.button-icon-with-stroke.button-play:hover:before,
.media-object.playing.button.button-small.button-icon-with-stroke.button-play:hover:before {
  content: "\f130"; }

/* line 3826, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.b-alt-text {
  opacity: 0; }

/* line 3829, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.b-play-text,
.b-pause-text,
.b-add-text,
.b-added-text,
.b-remove-text {
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: opacity; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 3838, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .b-play-text,
  .b-pause-text,
  .b-add-text,
  .b-added-text,
  .b-remove-text {
    transition-duration: 50ms; } }

/* line 3846, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button:hover .b-play-text,
.button:hover .b-pause-text,
.button:hover .b-add-text,
.button:hover .b-added-text,
.button:hover .b-remove-text {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: opacity; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 3855, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
  .button:hover .b-play-text,
  .button:hover .b-pause-text,
  .button:hover .b-add-text,
  .button:hover .b-added-text,
  .button:hover .b-remove-text {
    transition-duration: 66ms; } }

/* line 3863, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button-play.button-icon-only .b-play-text,
.button-play.button-icon-with-stroke .b-play-text,
.button-play.button-icon-only .b-pause-text,
.button-play.button-icon-with-stroke .b-pause-text {
  display: none; }

/* line 3869, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button-play.playing .b-play-text,
.header.playing .button-play .b-play-text {
  opacity: 0; }

/* line 3873, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button-play.playing .b-pause-text,
.header.playing .button-play .b-pause-text {
  opacity: 1; }

/* line 3877, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button-add.button-icon-only .b-add-text,
.button-add.button-icon-with-stroke .b-add-text,
.button-add.button-icon-only .b-added-text,
.button-add.button-icon-with-stroke .b-added-text,
.button-add.button-icon-only .b-remove-text,
.button-add.button-icon-with-stroke .b-remove-text {
  display: none; }

/* line 3885, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button-add.button-icon-only:before,
.button-add.button-icon-with-stroke:before {
  content: "\f138"; }

/* line 3889, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button-more:before {
  content: "\f12c"; }

/* line 3892, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button-thumbs-down:before {
  content: "\f14e"; }

/* line 3895, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.button-thumbs-up:before {
  content: "\f150"; }

/* line 3898, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.added .button-add .b-added-text,
.button-add.added .b-added-text {
  opacity: 1; }

/* line 3902, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.added .button-add .b-add-text,
.button-add.added .b-add-text {
  opacity: 0; }

/* line 3906, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.added .button-add.button-icon-only:before,
.button-add.added.button-icon-only:before,
.added .button-add.button-icon-with-stroke:before,
.button-add.added.button-icon-with-stroke:before {
  content: "\f10a"; }

/* line 3912, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.added .button-add.button-icon-only:hover:before,
.button-add.added.button-icon-only:hover:before,
.added .button-add.button-icon-with-stroke:hover:before,
.button-add.added.button-icon-with-stroke:hover:before {
  content: "\f160"; }

/* line 3918, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.added .button-add:hover .b-remove-text,
.button-add.added:hover .b-remove-text {
  opacity: 1; }

/* line 3922, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.added .button-add:hover .b-added-text,
.button-add.added:hover .b-added-text {
  opacity: 0; }

/* line 3926, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.added .button-add.just-changed,
.button-add.added.just-changed,
.added .button-add.stay-added,
.button-add.added.stay-added {
  border-color: #008CD6; }

/* line 3932, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.added .button-add.just-changed .b-remove-text,
.button-add.added.just-changed .b-remove-text,
.added .button-add.stay-added .b-remove-text,
.button-add.added.stay-added .b-remove-text {
  opacity: 0; }

/* line 3938, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.added .button-add.just-changed .b-added-text,
.button-add.added.just-changed .b-added-text,
.added .button-add.stay-added .b-added-text,
.button-add.added.stay-added .b-added-text {
  opacity: 1; }

/* line 3944, /Users/Devin/GitHub/spotio/skin/components/_buttons.scss */
.added .button-add.just-changed.button-icon-only:before,
.button-add.added.just-changed.button-icon-only:before,
.added .button-add.stay-added.button-icon-only:before,
.button-add.added.stay-added.button-icon-only:before,
.added .button-add.just-changed.button-icon-with-stroke:before,
.button-add.added.just-changed.button-icon-with-stroke:before,
.added .button-add.stay-added.button-icon-with-stroke:before,
.button-add.added.stay-added.button-icon-with-stroke:before {
  content: "\f10a"; }

/**
 * Forms
 *
 * Markup: <form role="form">
 *   <div class="form-group">
 *     <label for="exampleInputEmail1">Email address</label>
 *     <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
 *   </div>
 *   <div class="form-group">
 *     <label for="exampleInputPassword1">Password</label>
 *     <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
 *   </div>
 *   <div class="form-group">
 *     <label for="exampleInputFile">File input</label>
 *     <input type="file" id="exampleInputFile">
 *     <p class="help-block">Example block-level help text here.</p>
 *   </div>
 *   <div class="checkbox">
 *     <label>
 *       <input type="checkbox"> Check me out
 *     </label>
 *   </div>
 *   <div class="form-group">
 *     <textarea style="height: 80px" class="form-control" placeholder="Type your message here..."></textarea>
 *   </div>
 *   <button type="submit" class="button">Submit</button>
 * </form>
 *
 * Styleguide 25.5
 */
/**
 * Inline Form
 *
 * Markup: <form class="form-inline" role="form">
 *   <div class="form-group">
 *     <label class="sr-only" for="exampleInputEmail2">Email address</label>
 *     <input type="email" class="form-control" id="exampleInputEmail2" placeholder="Enter email">
 *   </div>
 *   <div class="form-group">
 *     <label class="sr-only" for="exampleInputPassword2">Password</label>
 *     <input type="password" class="form-control" id="exampleInputPassword2" placeholder="Password">
 *   </div>
 *   <div class="checkbox">
 *     <label>
 *       <input type="checkbox"> Remember me
 *     </label>
 *   </div>
 *   <button type="submit" class="button">Sign in</button>
 * </form>
 *
 * Styleguide 25.5.1
 */
/**
 * Horizontal Form
 *
 * Markup: <form class="form-horizontal" role="form">
 *   <div class="form-group">
 *     <label for="inputEmail3" class="col-sm-2 control-label">Email</label>
 *     <div class="col-sm-10">
 *       <input type="email" class="form-control" id="inputEmail3" placeholder="Email">
 *     </div>
 *   </div>
 *   <div class="form-group">
 *     <label for="inputPassword3" class="col-sm-2 control-label">Password</label>
 *     <div class="col-sm-10">
 *       <input type="password" class="form-control" id="inputPassword3" placeholder="Password">
 *     </div>
 *   </div>
 *   <div class="form-group">
 *     <div class="col-sm-offset-2 col-sm-10">
 *       <div class="checkbox">
 *         <label>
 *           <input type="checkbox"> Remember me
 *         </label>
 *       </div>
 *     </div>
 *   </div>
 *   <div class="form-group">
 *     <div class="col-sm-offset-2 col-sm-10">
 *       <button type="submit" class="button">Sign in</button>
 *     </div>
 *   </div>
 * </form>
 *
 * Styleguide 25.5.2
 */
/**
 * Checks and Radio Buttons
 *
 * Markup: <div class="checkbox">
 *   <label>
 *     <input type="checkbox" value="">
 *     Option one is this and that&mdash;be sure to include why it's great
 *   </label>
 * </div>
 * <div class="radio">
 *   <label>
 *     <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
 *     Option one is this and that&mdash;be sure to include why it's great
 *   </label>
 * </div>
 * <div class="radio">
 *   <label>
 *     <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
 *     Option two can be something else and selecting it will deselect option one
 *   </label>
 * </div>
 *
 * Styleguide 25.5.2
 */
/**
 * Checks and Radio Buttons Inline
 *
 * Markup: <label class="checkbox-inline">
 *   <input type="checkbox" id="inlineCheckbox1" value="option1"> 1
 * </label>
 * <label class="checkbox-inline">
 *   <input type="checkbox" id="inlineCheckbox2" value="option2"> 2
 * </label>
 * <label class="checkbox-inline">
 *   <input type="checkbox" id="inlineCheckbox3" value="option3"> 3
 * </label>
 *
 *
 * Styleguide 25.5.3
 */
/**
 * Selects
 *
 * <span class="text-danger">We don't support selects as they cannot be styled
 * reliably. Please use a button and a dropdown.</span>
 *
 * Styleguide 25.5.4
 */
/**
 * States and Sizes
 *
 * Markup: <form role="form">
 *   <fieldset disabled>
 *     <div class="form-group">
 *       <label for="disabledTextInput">Disabled input</label>
 *       <input type="text" id="disabledTextInput" class="form-control" placeholder="Disabled input">
 *     </div>
 *     <div class="checkbox">
 *       <label>
 *         <input type="checkbox"> Can't check this
 *       </label>
 *     </div>
 *     <button type="submit" class="button">Submit</button>
 *   </fieldset>
 *   <br>
 *   <div class="form-group has-success">
 *     <label class="control-label" for="inputSuccess">Input with success</label>
 *     <input type="text" class="form-control" id="inputSuccess">
 *   </div>
 *   <div class="form-group has-warning">
 *     <label class="control-label" for="inputWarning">Input with warning</label>
 *     <input type="text" class="form-control" id="inputWarning">
 *   </div>
 *   <div class="form-group has-error">
 *     <label class="control-label" for="inputError">Input with error</label>
 *     <input type="text" class="form-control" id="inputError">
 *   </div>
 * </form>
 *
 * Styleguide 25.5.5
 */
/* line 168, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
fieldset {
  padding: 0;
  margin: 0;
  border: 0; }

/* line 173, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #9CA6AC;
  border: 0;
  border-bottom: 1px solid #dbdbdb; }

/* line 184, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
label {
  display: inline-block;
  margin-bottom: 5px; }

/* line 188, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* line 193, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
input[type="radio"],
input[type="checkbox"] {
  margin: 2px 0 0;
  margin-top: 1px \9;
  /* IE8-9 */
  line-height: normal; }

/* line 200, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
input[type="file"] {
  display: block; }

/* line 203, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
select[multiple],
select[size] {
  height: auto; }

/* line 207, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
select optgroup {
  font-size: inherit;
  font-style: inherit;
  font-family: inherit; }

/* line 212, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  height: auto; }

/* line 216, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
output {
  display: block;
  padding-top: 4px;
  font-size: 14px;
  line-height: 20px;
  color: #404040;
  vertical-align: middle; }

/* line 224, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
.form-control {
  display: block;
  width: 100%;
  height: 31px;
  padding: 5px 12px 4px;
  font-size: 14px;
  line-height: 20px;
  color: #56666F;
  vertical-align: middle;
  background-color: #E5E8EA;
  background-image: none;
  border: 1px solid #E5E8EA;
  border-radius: 3px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }

/* line 242, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
.form-control:focus {
  border-color: #9CA6AC;
  outline: 0;
  background-color: #E5E8EA;
  color: #56666F; }

/* line 248, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
.form-control:-moz-placeholder {
  color: #9CA6AC; }

/* line 251, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
.form-control::-moz-placeholder {
  color: #9CA6AC; }

/* line 254, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
.form-control:-ms-input-placeholder {
  color: #9CA6AC; }

/* line 257, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
.form-control::-webkit-input-placeholder {
  color: #9CA6AC; }

/* line 260, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #9CA6AC; }

/* line 266, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
textarea.form-control {
  height: auto; }

/* line 269, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
.form-group {
  margin-bottom: 15px; }

/* line 272, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
.radio,
.checkbox {
  display: block;
  min-height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 20px;
  vertical-align: middle; }

/* line 281, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
.radio label,
.checkbox label {
  display: inline;
  margin-bottom: 0;
  font-weight: 200;
  cursor: pointer; }

/* line 288, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  float: left;
  margin-left: -20px; }

/* line 295, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px; }

/* line 299, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: 400;
  cursor: pointer; }

/* line 308, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px; }

/* line 313, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
input[type="radio"][disabled],
input[type="checkbox"][disabled],
.radio[disabled],
.radio-inline[disabled],
.checkbox[disabled],
.checkbox-inline[disabled],
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] .radio,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed; }

/* line 327, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
.input-sm {
  height: 22px;
  padding: 2px 10px;
  font-size: 12px;
  line-height: 16px;
  border-radius: 3px; }

/* line 334, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
select.input-sm {
  height: 22px;
  line-height: 22px; }

/* line 338, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
textarea.input-sm {
  height: auto; }

/* line 341, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
.input-lg {
  height: 50px;
  padding: 6px 16px;
  font-size: 28px;
  line-height: 36px;
  border-radius: 3px; }

/* line 348, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
select.input-lg {
  height: 50px;
  line-height: 50px; }

/* line 352, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
textarea.input-lg {
  height: auto; }

/* line 355, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
  color: #FFFFFF; }

/* line 363, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
.has-warning .form-control {
  border-color: #FFFFFF;
  -webkit-box-shadow: inset 0 1px 1px rgba(86, 102, 111, 0.075);
  box-shadow: inset 0 1px 1px rgba(86, 102, 111, 0.075); }

/* line 368, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
.has-warning .form-control:focus {
  border-color: #e6e6e6;
  -webkit-box-shadow: inset 0 1px 1px rgba(86, 102, 111, 0.075), 0 0 6px #ffffff;
  box-shadow: inset 0 1px 1px rgba(86, 102, 111, 0.075), 0 0 6px #ffffff; }

/* line 373, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: #CD1A2B; }

/* line 381, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
.has-error .form-control {
  border-color: #CD1A2B;
  -webkit-box-shadow: inset 0 1px 1px rgba(86, 102, 111, 0.075);
  box-shadow: inset 0 1px 1px rgba(86, 102, 111, 0.075); }

/* line 386, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
.has-error .form-control:focus {
  border-color: #a01422;
  -webkit-box-shadow: inset 0 1px 1px rgba(86, 102, 111, 0.075), 0 0 6px #eb626f;
  box-shadow: inset 0 1px 1px rgba(86, 102, 111, 0.075), 0 0 6px #eb626f; }

/* line 391, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
  color: #008CD6; }

/* line 399, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
.has-success .form-control {
  border-color: #008CD6;
  -webkit-box-shadow: inset 0 1px 1px rgba(86, 102, 111, 0.075);
  box-shadow: inset 0 1px 1px rgba(86, 102, 111, 0.075); }

/* line 404, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
.has-success .form-control:focus {
  border-color: #18a94c;
  -webkit-box-shadow: inset 0 1px 1px rgba(86, 102, 111, 0.075), 0 0 6px #6feb9c;
  box-shadow: inset 0 1px 1px rgba(86, 102, 111, 0.075), 0 0 6px #6feb9c; }

/* line 409, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
.form-control-static {
  margin-bottom: 0; }

/* line 412, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #56666F; }

@media (min-width: 586px) {
  /* line 419, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  /* line 424, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
  .form-inline .form-control {
    display: inline-block; }
  /* line 427, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0; }
  /* line 434, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0; } }

/* line 440, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 6px; }

/* line 449, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
.form-horizontal .form-group {
  margin-left: -8px;
  margin-right: -8px; }

/* line 453, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

/* line 460, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
.form-horizontal .form-group:after {
  clear: both; }

/* line 463, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
.form-horizontal .form-group .row {
  margin-left: -8px;
  margin-right: -8px; }

@media (min-width: 586px) {
  /* line 468, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
  .form-horizontal .form-group {
    margin-left: -8px;
    margin-right: -8px; }
  /* line 472, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
  .form-horizontal .form-group .row {
    margin-left: -8px;
    margin-right: -8px; } }

@media (min-width: 854px) {
  /* line 478, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
  .form-horizontal .form-group {
    margin-left: -10px;
    margin-right: -10px; }
  /* line 482, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
  .form-horizontal .form-group .row {
    margin-left: -10px;
    margin-right: -10px; } }

@media (min-width: 1274px) {
  /* line 488, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
  .form-horizontal .form-group {
    margin-left: -12px;
    margin-right: -12px; }
  /* line 492, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
  .form-horizontal .form-group .row {
    margin-left: -12px;
    margin-right: -12px; } }

/* line 497, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
.form-horizontal .form-control-static {
  padding-top: 4px; }

@media (min-width: 586px) {
  /* line 501, /Users/Devin/GitHub/spotio/skin/components/_forms.scss */
  .form-horizontal .control-label {
    text-align: right; } }

/**
 * Dropdown menus
 *
 * Toggleable, contextual menu for displaying lists of links. Arrow can be added if needed.
 * You can also customize the position of the arrow.
 *
 * .arrow-top                          - Arrow up.
 * .arrow-right                        - Arrow right.
 * .arrow-bottom                       - Arrow down.
 * .arrow-left                         - Arrow left
 * .arrow-top.arrow-position-left      - Arrow on top, left positioned.
 * .arrow-right.arrow-position-top     - Arrow on the right-hand side, top positioned.
 * .arrow-bottom.arrow-position-right  - Arrow on bottom, right positioned.
 * .arrow-left.arrow-position-bottom   - Arrow on the left-hand side, bottom positioned.
 *
 * Template: dropdowns
 *
 * Styleguide 50.1
 */
/**
 * Dropdown menus with icons
 *
 * Template: dropdowns-with-icons
 *
 * Styleguide 50.1.1
 */
/* line 27, /Users/Devin/GitHub/spotio/skin/components/_dropdowns.scss */
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid currentcolor;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: ""; }

/* line 38, /Users/Devin/GitHub/spotio/skin/components/_dropdowns.scss */
.dropdown-interior-menu {
  background-color: #f2f3f6;
  padding: 0;
  margin: 0;
  list-style: none; }

/* line 44, /Users/Devin/GitHub/spotio/skin/components/_dropdowns.scss */
.dropdown-menu > li > a,
.dropdown-interior-menu > li > a {
  display: block;
  padding: 9px 26px;
  clear: both;
  font-family: "Whitney", "Helvetica Neue", Helvetica, Arial, "Yu Gothic UI", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.015em;
  font-weight: 200;
  text-transform: normal;
  color: #9CA6AC;
  box-shadow: inset 0 1px 0 #f2f3f6;
  white-space: nowrap;
  border-bottom: none; }

/* line 60, /Users/Devin/GitHub/spotio/skin/components/_dropdowns.scss */
.dropdown-menu > li > a:before,
.dropdown-interior-menu > li > a:before {
  margin-right: 3px; }

/* line 64, /Users/Devin/GitHub/spotio/skin/components/_dropdowns.scss */
.dropdown-menu > li > a.checked,
.dropdown-interior-menu > li > a.checked {
  padding-left: 6px; }

/* line 68, /Users/Devin/GitHub/spotio/skin/components/_dropdowns.scss */
.dropdown-menu > li > a.checked:before,
.dropdown-interior-menu > li > a.checked:before {
  font-family: "glue1-spoticon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  line-height: inherit;
  vertical-align: bottom;
  content: "\f10a";
  font-size: 16px; }

/* line 81, /Users/Devin/GitHub/spotio/skin/components/_dropdowns.scss */
.dropdown-menu > li:last-child > a,
.dropdown-interior-menu > li:last-child > a {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

/* line 86, /Users/Devin/GitHub/spotio/skin/components/_dropdowns.scss */
.dropdown-menu > li:first-child > a,
.dropdown-interior-menu > li:first-child > a {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  box-shadow: none; }

/* line 92, /Users/Devin/GitHub/spotio/skin/components/_dropdowns.scss */
.dropdown-menu.icon-menu > li > a:before,
.dropdown-interior-menu.icon-menu > li > a:before {
  margin-left: -8px; }

/* line 96, /Users/Devin/GitHub/spotio/skin/components/_dropdowns.scss */
.dropdown-menu .divider,
.dropdown-interior-menu .divider {
  height: 2px;
  margin: 0;
  overflow: hidden; }

/* line 102, /Users/Devin/GitHub/spotio/skin/components/_dropdowns.scss */
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 0;
  margin: 0;
  list-style: none;
  background-color: #f2f3f6;
  border: 1px solid #E5E8EA;
  border: 1px solid rgba(86, 102, 111, 0.15);
  border-radius: 3px;
  -webkit-box-shadow: 0 6px 12px rgba(86, 102, 111, 0.175);
  box-shadow: 0 6px 12px rgba(86, 102, 111, 0.175);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box; }

/* line 123, /Users/Devin/GitHub/spotio/skin/components/_dropdowns.scss */
.dropdown-menu.pull-right {
  right: 0;
  left: auto; }

/* line 127, /Users/Devin/GitHub/spotio/skin/components/_dropdowns.scss */
.dropdown-menu:not(.no-arrow).arrow-top {
  margin-top: 10px; }

/* line 130, /Users/Devin/GitHub/spotio/skin/components/_dropdowns.scss */
.dropdown-menu:not(.no-arrow).arrow-top:before {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  border: 10px solid transparent; }

/* line 137, /Users/Devin/GitHub/spotio/skin/components/_dropdowns.scss */
.dropdown-menu:not(.no-arrow).arrow-top:before {
  top: -20px;
  left: 50%;
  margin-left: -10px;
  margin-right: -10px;
  border-bottom: 10px solid #E5E8EA; }

/* line 144, /Users/Devin/GitHub/spotio/skin/components/_dropdowns.scss */
.dropdown-menu:not(.no-arrow).arrow-bottom {
  margin-bottom: 10px; }

/* line 147, /Users/Devin/GitHub/spotio/skin/components/_dropdowns.scss */
.dropdown-menu:not(.no-arrow).arrow-bottom:before {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  border: 10px solid transparent; }

/* line 154, /Users/Devin/GitHub/spotio/skin/components/_dropdowns.scss */
.dropdown-menu:not(.no-arrow).arrow-bottom:before {
  bottom: -20px;
  left: 50%;
  margin-left: -10px;
  margin-right: -10px;
  border-top: 10px solid #E5E8EA; }

/* line 161, /Users/Devin/GitHub/spotio/skin/components/_dropdowns.scss */
.dropdown-menu:not(.no-arrow).arrow-right {
  margin-right: 10px; }

/* line 164, /Users/Devin/GitHub/spotio/skin/components/_dropdowns.scss */
.dropdown-menu:not(.no-arrow).arrow-right:before {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  border: 10px solid transparent; }

/* line 171, /Users/Devin/GitHub/spotio/skin/components/_dropdowns.scss */
.dropdown-menu:not(.no-arrow).arrow-right:before {
  right: -20px;
  top: 50%;
  margin-top: -10px;
  margin-bottom: -10px;
  border-left: 10px solid #E5E8EA; }

/* line 178, /Users/Devin/GitHub/spotio/skin/components/_dropdowns.scss */
.dropdown-menu:not(.no-arrow).arrow-left {
  margin-left: 10px; }

/* line 181, /Users/Devin/GitHub/spotio/skin/components/_dropdowns.scss */
.dropdown-menu:not(.no-arrow).arrow-left:before {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  border: 10px solid transparent; }

/* line 188, /Users/Devin/GitHub/spotio/skin/components/_dropdowns.scss */
.dropdown-menu:not(.no-arrow).arrow-left:before {
  left: -20px;
  top: 50%;
  margin-top: -10px;
  margin-bottom: -10px;
  border-right: 10px solid #E5E8EA; }

/* line 195, /Users/Devin/GitHub/spotio/skin/components/_dropdowns.scss */
.dropdown-menu:not(.no-arrow).arrow-position-left:before {
  left: 20px; }

/* line 198, /Users/Devin/GitHub/spotio/skin/components/_dropdowns.scss */
.dropdown-menu:not(.no-arrow).arrow-position-right:before {
  left: auto;
  right: 20px; }

/* line 202, /Users/Devin/GitHub/spotio/skin/components/_dropdowns.scss */
.dropdown-menu:not(.no-arrow).arrow-position-top:before {
  top: 20px; }

/* line 205, /Users/Devin/GitHub/spotio/skin/components/_dropdowns.scss */
.dropdown-menu:not(.no-arrow).arrow-position-bottom:before {
  top: auto;
  bottom: 20px; }

/* line 209, /Users/Devin/GitHub/spotio/skin/components/_dropdowns.scss */
.dropdown-interior-menu > li.selected,
.dropdown-interior-menu > li > a:focus,
.dropdown-menu > li.selected,
.dropdown-menu > li > a:focus,
.dropdown-submenu:focus > a {
  color: #9CA6AC;
  background-color: #ffffff;
  outline: none; }

/* line 218, /Users/Devin/GitHub/spotio/skin/components/_dropdowns.scss */
.dropdown-menu > .active > a,
.dropdown-interior-menu > .active > a,
.dropdown-menu > .active.selected,
.dropdown-interior-menu > .active.selected,
.dropdown-menu > .active > a:focus,
.dropdown-interior-menu > .active > a:focus {
  color: #008CD6;
  text-decoration: none;
  outline: 0;
  background-color: #f2f3f6; }

/* line 229, /Users/Devin/GitHub/spotio/skin/components/_dropdowns.scss */
.dropdown-menu > .disabled > a,
.dropdown-interior-menu > .disabled > a,
.dropdown-menu > .disabled > a:focus,
.dropdown-interior-menu > .disabled > a:focus {
  color: rgba(160, 160, 160, 0.5); }

/* line 235, /Users/Devin/GitHub/spotio/skin/components/_dropdowns.scss */
.dropdown-menu > .disabled > a:focus,
.dropdown-interior-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: default; }

/* line 243, /Users/Devin/GitHub/spotio/skin/components/_dropdowns.scss */
.open > .dropdown-menu {
  display: block; }

/* line 246, /Users/Devin/GitHub/spotio/skin/components/_dropdowns.scss */
.open > a {
  outline: 0; }

/* line 249, /Users/Devin/GitHub/spotio/skin/components/_dropdowns.scss */
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990; }

/* line 257, /Users/Devin/GitHub/spotio/skin/components/_dropdowns.scss */
.pull-right > .dropdown-menu {
  right: 0;
  left: auto; }

/* line 261, /Users/Devin/GitHub/spotio/skin/components/_dropdowns.scss */
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid currentcolor;
  content: ""; }

/* line 267, /Users/Devin/GitHub/spotio/skin/components/_dropdowns.scss */
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px; }

/* line 273, /Users/Devin/GitHub/spotio/skin/components/_dropdowns.scss */
.dropdown-submenu {
  position: relative; }

/* line 276, /Users/Devin/GitHub/spotio/skin/components/_dropdowns.scss */
.dropdown-submenu > .dropdown-menu {
  top: 0;
  margin-top: -1px;
  left: calc(100% - 1px);
  display: none; }

/* line 282, /Users/Devin/GitHub/spotio/skin/components/_dropdowns.scss */
.dropdown-submenu > .dropdown-menu.open {
  display: inline; }

/* line 285, /Users/Devin/GitHub/spotio/skin/components/_dropdowns.scss */
.dropdown-submenu.left > .dropdown-menu {
  left: auto;
  right: calc(100% - 1px); }

/* line 289, /Users/Devin/GitHub/spotio/skin/components/_dropdowns.scss */
.dropup .dropdown-submenu > .dropdown-menu {
  top: auto;
  bottom: 0;
  margin-top: 0;
  margin-bottom: -2px;
  border-bottom-left-radius: 0; }

/* line 296, /Users/Devin/GitHub/spotio/skin/components/_dropdowns.scss */
.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #E5E8EA;
  margin-top: 4px;
  margin-right: -7px; }

/* line 309, /Users/Devin/GitHub/spotio/skin/components/_dropdowns.scss */
.dropdown-submenu:hover > a:after {
  border-left-color: #E5E8EA; }

/* line 312, /Users/Devin/GitHub/spotio/skin/components/_dropdowns.scss */
.dropdown-submenu.pull-left {
  float: none; }

/* line 315, /Users/Devin/GitHub/spotio/skin/components/_dropdowns.scss */
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  border-top-right-radius: 0; }

/* line 320, /Users/Devin/GitHub/spotio/skin/components/_dropdowns.scss */
.dropdown .dropdown-menu .nav-header {
  padding-left: 20px;
  padding-right: 20px; }

/* line 324, /Users/Devin/GitHub/spotio/skin/components/_dropdowns.scss */
.typeahead {
  z-index: 1051; }

/**
 * Dividers
 *
 * Small divider with or without title. In use on album page between regular tracks and additional tracks.
 *
 * Styleguide 30.1
 */
/**
 * Horizontal rules
 *
 * Markup: <hr>
 *
 * Styleguide 30.1.1
 */
/* line 15, /Users/Devin/GitHub/spotio/skin/components/_divider.scss */
hr {
  margin: 5px 0;
  border: 0;
  border-top: 1px solid #dbdbdb; }

/**
 * Default divider
 *
 * Markup: <div class="divider"><span class="divider-title">Some Title</span></div>
 *
 * Styleguide 30.1.2
 */
/* line 27, /Users/Devin/GitHub/spotio/skin/components/_divider.scss */
.divider {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #dbdbdb;
  line-height: 1px;
  margin: 12px 0; }

/* line 34, /Users/Devin/GitHub/spotio/skin/components/_divider.scss */
.divider .divider-title {
  background-color: #ffffff;
  padding: 0 6px;
  font-family: "Whitney", "Helvetica Neue", Helvetica, Arial, "Yu Gothic UI", sans-serif;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0.015em;
  font-weight: 200;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: #A0A0A0; }

/* line 46, /Users/Devin/GitHub/spotio/skin/components/_divider.scss */
.section-divider-fixed-wrapper {
  position: fixed;
  width: 100%;
  min-width: 586px;
  top: 46px;
  left: 0;
  z-index: 99;
  background-image: -webkit-gradient(linear, left 50%, left 100%, from(#ffffff), to(rgba(86, 102, 111, 0.6)));
  background-image: -moz-linear-gradient(top, #ffffff 50%, rgba(86, 102, 111, 0.6) 100%);
  background-image: linear-gradient(to bottom, #ffffff 50%, rgba(86, 102, 111, 0.6) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff181818', endColorstr='#99181818', GradientType=0); }

/* line 59, /Users/Devin/GitHub/spotio/skin/components/_divider.scss */
.section-divider-fixed-wrapper .section-divider {
  margin-bottom: 0; }

/**
 * Section divider
 *
 * Markup:
 *   <div class="section-divider">
 *     <div>Some cool section</div>
 *     <a class="section-auxiliary">Some Action</a>
 *   </div>
 *   <div class="section-divider section-divider-borderless">
 *     <div>Some cool section</div>
 *   </div>
 *   <div class="section-divider">
 *     <h2>Normailizes header sizes</h2>
 *     <div class="section-auxiliary">
 *       <div class="button-group">
 *         <a class="button button-icon-with-stroke spoticon-list-view-16" href="#" data-view-mode="lists"></a>
 *         <a class="button button-icon-with-stroke spoticon-grid-view-16" href="#" data-view-mode="covers"></a>
 *       </div>
 *     </div>
 *   </div>
 *   <div class="section-divider">
 *     <a>Works with links</a>
 *     <a class="section-auxiliary">Some Action</a>
 *   </div>
 *
 * Styleguide 30.1.3
 */
/* line 89, /Users/Devin/GitHub/spotio/skin/components/_divider.scss */
.section-divider {
  border-bottom: 1px solid #E5E8EA;
  margin: 0 0 16px;
  padding: 26px 0 4px;
  position: relative;
  color: #56666F; }

/* line 96, /Users/Devin/GitHub/spotio/skin/components/_divider.scss */
.section-divider:before,
.section-divider:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

/* line 103, /Users/Devin/GitHub/spotio/skin/components/_divider.scss */
.section-divider:after {
  clear: both; }

/* line 106, /Users/Devin/GitHub/spotio/skin/components/_divider.scss */
.section-divider > * {
  font-family: "Whitney", "Helvetica Neue", Helvetica, Arial, "Yu Gothic UI", sans-serif;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: normal;
  font-weight: 400;
  color: #56666F;
  text-transform: normal;
  margin: 0; }

/* line 116, /Users/Devin/GitHub/spotio/skin/components/_divider.scss */
.section-divider > *:first-child {
  float: left; }

/* line 119, /Users/Devin/GitHub/spotio/skin/components/_divider.scss */
.section-divider.section-divider-borderless {
  border-bottom: 0px;
  margin-bottom: 8px;
  padding-bottom: 0px; }

/* line 124, /Users/Devin/GitHub/spotio/skin/components/_divider.scss */
.section-divider .section-auxiliary {
  float: right; }

/* line 127, /Users/Devin/GitHub/spotio/skin/components/_divider.scss */
.section-divider .section-auxiliary a {
  font-family: "Whitney", "Helvetica Neue", Helvetica, Arial, "Yu Gothic UI", sans-serif;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0.015em;
  font-weight: 200;
  color: #9CA6AC;
  text-transform: uppercase;
  letter-spacing: 0.16em; }

/* line 137, /Users/Devin/GitHub/spotio/skin/components/_divider.scss */
.section-divider .section-auxiliary a:hover {
  color: #56666F; }

/* line 140, /Users/Devin/GitHub/spotio/skin/components/_divider.scss */
.section-divider-small {
  border-bottom: 0;
  margin-bottom: 8px;
  padding-bottom: 0; }

/* line 145, /Users/Devin/GitHub/spotio/skin/components/_divider.scss */
.section-divider-small > * {
  font-family: "Whitney", "Helvetica Neue", Helvetica, Arial, "Yu Gothic UI", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.015em;
  font-weight: 200;
  color: #56666F;
  text-transform: normal;
  margin: 0; }

/**
 * Tables
 *
 * For basic styling—light padding and only horizontal dividers—add the base class
 * <code>.table</code> to any <code>&lt;table&gt;</code>. It may seem super redundant,
 * but given the widespread use of tables for other plugins like calendars and date
 * pickers, we've opted to isolate our custom table styles.
 *
 * Template: tables
 *
 * Styleguide 30.6
 */
/* line 13, /Users/Devin/GitHub/spotio/skin/components/_tables.scss */
table {
  max-width: 100%; }

/* line 16, /Users/Devin/GitHub/spotio/skin/components/_tables.scss */
th {
  font-weight: 400;
  text-align: left; }

/* line 20, /Users/Devin/GitHub/spotio/skin/components/_tables.scss */
.table {
  width: 100%; }

/* line 23, /Users/Devin/GitHub/spotio/skin/components/_tables.scss */
.table th,
.table td {
  padding: 8px;
  line-height: 20px;
  vertical-align: top;
  border-top: 1px solid #E5E8EA;
  position: relative; }

/* line 31, /Users/Devin/GitHub/spotio/skin/components/_tables.scss */
.table tbody > tr:last-child > td {
  border-bottom: 1px solid #E5E8EA; }

/* line 34, /Users/Devin/GitHub/spotio/skin/components/_tables.scss */
.table thead th {
  border-top: 0; }

/* line 37, /Users/Devin/GitHub/spotio/skin/components/_tables.scss */
.table thead th {
  vertical-align: bottom; }

/**
 * List Groups
 *
 * Toggleable, contextual menu for displaying lists of links. Arrow can be added if needed.
 *
 * Styleguide 30.3
 */
/**
 * Basic Example with a Badge
 *
 * Template: list-groups
 *
 * Styleguide 30.3.1
 */
/**
 * Linked Items
 *
 * Template: list-groups-linked
 *
 * Styleguide 30.3.2
 */
/**
 * Custom Content
 *
 * Add nearly any HTML within, even for linked list groups like the one below.
 *
 * Template: list-groups-custom
 *
 * Styleguide 30.3.3
 */
/* line 31, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group {
  list-style: none;
  margin-bottom: 20px;
  padding-left: 0; }

/* line 36, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item {
  position: relative;
  display: block;
  padding: 10px;
  border-bottom: 1px solid #E5E8EA;
  border-top: 1px solid #E5E8EA;
  margin-top: -1px; }

/* line 44, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item-heading,
.list-group-item-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

/* line 51, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px; }

/* line 55, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3; }

/* line 59, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
a.list-group-item {
  cursor: default;
  outline: 0; }

/* line 63, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
a.list-group-item .list-group-item-heading {
  color: #56666F; }

/* line 66, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
a.list-group-item .list-group-item-text {
  color: #9CA6AC; }

/* line 69, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
a.list-group-item:hover,
a.list-group-item:focus {
  text-decoration: none;
  background-color: inherit; }

/* line 74, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
a.list-group-item.active {
  z-index: 2;
  color: #56666F;
  background-color: #008CD6;
  border-color: #008CD6; }

/* line 80, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
a.list-group-item.active .list-group-item-heading {
  color: inherit; }

/* line 83, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
a.list-group-item.active .list-group-item-text {
  color: inherit; }

/**
 * Media List Items
 *
 * This is the structure for list items (like in playlists, messages, and search popup.)
 *
 * Modifiers:
 *
 * - `.active` - gives a green active indicator.
 * - `.large` - gives more padding and more options.
 * - `.playable` - **only for `.large` items** - gives a play button on hover for the element.
 * - `.playing`  - **only for `.large.playable` items** -- Shows the pause button.
 *
 * Auto-Modifiers:
 *
 * Some modifiers get added by the template based on the data that gets passed in.
 *
 * - `.multiline` - adjusts cell for two lines - added upon `subtitle` detection.
 * - `.auxiliary` - adds right aligned info section - added upon `auxiliary` detection.
 *
 * Note: you can of course replicate this without using our templates, but why!
 *
 * Social-proof:
 *
 * Social proof is rendered if the data is provided. See https://ghe.spotify.net/social/socialproof-service on how to decorate your
 * items with social proof data. An example item would be:
 * ```Json
 * { "uri": "spotify:artist:00sAr10UTV1JZtHqxsLVn4",
 *   "name": "Black Mountain",
 *   "imageUrl": "https://d3rt1990lpmkn.cloudfront.net/unbranded/10b1e3bfd5f4a527032f34951260ade4c4004c1f",
 *   "socialproof": {
 *     "totalListeners": "10",
 *     "listeners": [
 *       { "name": "Karl" },
 *       { "name": "Ada" }
 *     ]
 *   }
 * }
 * ```
 *
 * Template: list-group-item-media
 * CodeDisplay: $list-group-item-media
 * Data: list-group-demos
 *
 * Styleguide 30.3.4
 */
/* line 131, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item.list-group-item-media {
  border: 0;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  height: 52px;
  line-height: 50px;
  margin-top: 0;
  padding: 0;
  background-color: #f2f3f6;
  background-clip: padding-box;
  transition: background 0.1s ease; }

/* line 143, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item.list-group-item-media:last-child {
  border-bottom: none;
  height: 50px; }

/* line 147, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item.list-group-item-media > a {
  outline: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

/* line 155, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item.list-group-item-media > a:hover,
.list-group-item.list-group-item-media > a:active,
.list-group-item.list-group-item-media > a:focus {
  border-bottom: 1px solid transparent; }

/* line 160, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item.list-group-item-media .media-object {
  bottom: 0;
  left: 0;
  padding-bottom: 0;
  position: absolute;
  top: 0;
  transition: background 0.2s ease;
  width: 50px; }

/* line 169, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item.list-group-item-media .media-object-artist,
.list-group-item.list-group-item-media .media-object-user {
  padding: 5px; }

/* line 173, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item.list-group-item-media.active {
  background-color: #E5E8EA;
  border-color: transparent; }

/* line 177, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item.list-group-item-media.active:before {
  background: #008CD6;
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  width: 2px;
  z-index: 100; }

/* line 186, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item.list-group-item-media.unread:before {
  background: #4687D6;
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  width: 2px;
  z-index: 100; }

/* line 195, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item.list-group-item-media:hover {
  background-color: #E5E8EA; }

/* line 198, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item.list-group-item-media.multiline .item-data {
  line-height: 1.5;
  padding-top: 5px; }

/* line 202, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item.list-group-item-media.multiline .item-data > span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

/* line 208, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item.list-group-item-media .item-data {
  height: 100%;
  padding: 0 10px 0 60px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

/* line 216, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item.list-group-item-media.more {
  height: 38px;
  line-height: 36px;
  padding-left: 10px; }

/* line 221, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item.list-group-item-media.more:before {
  font-family: "glue1-spoticon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  line-height: inherit;
  vertical-align: bottom;
  content: "\f110";
  font-size: 16px; }

/* line 233, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item.list-group-item-media.more:before {
  position: absolute;
  right: 5px; }

/* line 237, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item.list-group-item-media.more:hover {
  border-bottom-color: transparent; }

/* line 240, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item.list-group-item-media .button {
  height: 44px;
  width: 44px; }

/* line 244, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item.list-group-item-media.large {
  height: 72px; }

/* line 247, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item.list-group-item-media.large .media-object {
  left: 10px;
  top: 10px;
  bottom: 10px; }

/* line 252, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item.list-group-item-media.large .media-object-artist,
.list-group-item.list-group-item-media.large .media-object-user {
  padding: 0; }

/* line 256, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item.list-group-item-media.large .item-data {
  padding-left: 70px;
  line-height: 70px; }

/* line 260, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item.list-group-item-media.large.multiline .item-data {
  line-height: 24px;
  padding-top: 12px; }

/* line 264, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item.list-group-item-media.large.auxiliary .item-data {
  padding-right: 100px; }

/* line 267, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item.list-group-item-media.large.auxiliary .text-meta {
  font-size: 11px; }

/* line 270, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item.list-group-item-media.large.auxiliary .auxiliary-box {
  position: absolute;
  top: 9px;
  right: 10px;
  bottom: 0;
  width: 80px;
  max-width: 80px;
  text-align: right; }

/* line 279, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item.list-group-item-media.large.auxiliary .auxiliary-icon {
  line-height: 1.5;
  color: #A0A0A0; }

/* line 283, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item.list-group-item-media .list-group-item-media-play {
  position: absolute;
  left: 12px;
  top: 12px;
  visibility: hidden; }

/* line 289, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item.list-group-item-media.playable.large:hover .list-group-item-media-play {
  visibility: visible; }

/* line 292, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item.list-group-item-media.playable.large:hover .media-object {
  visibility: hidden; }

/* line 295, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item.list-group-item-media.playable.large.playing .list-group-item-media-play {
  visibility: visible;
  border-color: #FFFFFF; }

/* line 299, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item.list-group-item-media.playable.large.playing .list-group-item-media-play:before {
  content: "\f131"; }

/* line 302, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item.list-group-item-media.playable.large.playing .media-object {
  visibility: hidden; }

/* line 305, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item > .badge,
.list-group-item > .glyphicon-chevron-right {
  float: right; }

/* line 309, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item > .glyphicon + .badge {
  margin-right: 5px; }

/**
 * Social Media List Items
 *
 * These are used in follow, profile and artist apps.
 *
 * Template: list-group-item-social
 * Data: social-list-item
 *
 * Styleguide 30.3.6
 */
/* line 322, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item.list-group-item-social {
  padding-left: 0;
  padding-right: 0; }

/* line 326, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item.list-group-item-social table {
  width: 100%;
  max-width: 100%;
  table-layout: fixed; }

/* line 331, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item.list-group-item-social td:first-child {
  width: 100px;
  min-width: 100px; }

/* line 335, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item.list-group-item-social td:nth-child(2) {
  width: 100%; }

/* line 338, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item.list-group-item-social td:nth-child(2) > div {
  position: relative;
  height: 100%; }

/* line 342, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item.list-group-item-social td:nth-child(2) > div > div {
  position: absolute;
  left: 10px;
  top: -35px;
  right: 0; }

/* line 348, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item.list-group-item-social td:nth-child(2) > div > div > span {
  max-width: 100%;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

/* line 355, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item.list-group-item-social td:nth-child(3) {
  width: 0px; }

/* line 358, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item.list-group-item-social .remove {
  display: none;
  position: absolute;
  top: 10px;
  right: 0; }

/* line 364, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item.list-group-item-social:hover .remove {
  display: inline; }

/* line 367, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item.list-group-item-social .pull-bottom {
  margin-top: 16px; }

/**
 * Artist Page Latest Release Item
 *
 * This is used on the artist page for artists displaying
 * Latest Release item. (example: U2)
 */
/* line 376, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item.list-group-item-media.artist-latest-release {
  height: 76px; }

/* line 379, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item.list-group-item-media.artist-latest-release .item-data {
  padding-left: 96px; }

/* line 382, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item.list-group-item-media.artist-latest-release .media-object,
.list-group-item.list-group-item-media.artist-latest-release .mo-placeholder {
  top: 0px;
  left: 0px;
  width: 76px;
  height: 76px; }

/* line 389, /Users/Devin/GitHub/spotio/skin/components/_list-groups.scss */
.list-group-item.list-group-item-media.artist-latest-release .text-secondary {
  color: #A0A0A0;
  font-size: 12px; }

/**
 * Share Items (No Background)
 *
 * These are used in notifications and in the discover cards. They have optional
 * meta and quote fields.
 *
 * Template: share-items
 * Data: demo-shares
 *
 * Styleguide 30.5
 */
/**
 * Share Items (In list group)
 *
 * They can also have the `list-group-item` class
 * (like in the notification popup).
 *
 * Template: share-items-list-group
 * Data: demo-shares
 * CodeDisplay: none
 *
 * Styleguide 30.5.1
 */
/* line 24, /Users/Devin/GitHub/spotio/skin/components/_share-object.scss */
.share-object:before,
.share-object:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

/* line 31, /Users/Devin/GitHub/spotio/skin/components/_share-object.scss */
.share-object:after {
  clear: both; }

/* line 34, /Users/Devin/GitHub/spotio/skin/components/_share-object.scss */
.share-object .media-object {
  width: 56px;
  float: left; }

/* line 38, /Users/Devin/GitHub/spotio/skin/components/_share-object.scss */
.share-object .share-data,
.share-object .share-meta {
  margin-left: 68px; }

/* line 42, /Users/Devin/GitHub/spotio/skin/components/_share-object.scss */
.share-object .share-meta {
  font-family: "Whitney", "Helvetica Neue", Helvetica, Arial, "Yu Gothic UI", sans-serif;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0.015em;
  font-weight: 200;
  color: #A0A0A0;
  text-transform: uppercase;
  letter-spacing: 0.16em; }

/* line 52, /Users/Devin/GitHub/spotio/skin/components/_share-object.scss */
.share-object .share-quote {
  margin-top: 16px; }

/* line 55, /Users/Devin/GitHub/spotio/skin/components/_share-object.scss */
.share-object .share-quote:before,
.share-object .share-quote:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

/* line 62, /Users/Devin/GitHub/spotio/skin/components/_share-object.scss */
.share-object .share-quote:after {
  clear: both; }

/* line 65, /Users/Devin/GitHub/spotio/skin/components/_share-object.scss */
.share-object.list-group-item {
  border: 0;
  border-bottom: 1px solid transparent;
  margin-top: 0;
  padding: 12px;
  background-color: #ffffff;
  background-clip: padding-box;
  transition: background 0.1s ease;
  cursor: pointer; }

/* line 75, /Users/Devin/GitHub/spotio/skin/components/_share-object.scss */
.share-object.list-group-item:hover {
  background-color: #dbdbdb; }

/* line 78, /Users/Devin/GitHub/spotio/skin/components/_share-object.scss */
.share-object.list-group-item:active {
  background-color: #dbdbdb; }

/* line 81, /Users/Devin/GitHub/spotio/skin/components/_share-object.scss */
.share-object.list-group-item.unread:before {
  display: block;
  background: #4687D6;
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 2px;
  z-index: 100; }

/**
 * Carousel
 *
 * For sideways paging content. The paging is done by changing the `left`
 * attribute of the `.carousel-inner` element.
 *
 * Template: carousel
 *
 * Styleguide 30.2
 */
/* line 11, /Users/Devin/GitHub/spotio/skin/components/_carousel.scss */
.carousel {
  overflow: hidden; }

/* line 14, /Users/Devin/GitHub/spotio/skin/components/_carousel.scss */
.crsl-inner {
  white-space: nowrap;
  word-spacing: 0;
  position: relative;
  left: 0%;
  will-change: left;
  -webkit-transition: left 0.5s ease-in-out;
  -moz-transition: left 0.5s ease-in-out;
  -o-transition: left 0.5s ease-in-out;
  transition: left 0.5s ease-in-out; }

/* line 25, /Users/Devin/GitHub/spotio/skin/components/_carousel.scss */
.crsl-inner.crsl-inner-drag {
  -webkit-transition: 0s;
  -moz-transition: 0s;
  -o-transition: 0s;
  transition: 0s; }

/* line 31, /Users/Devin/GitHub/spotio/skin/components/_carousel.scss */
.crsl-inner.crsl-inner-swipe {
  -webkit-transition: left 0.3s ease-out;
  -moz-transition: left 0.3s ease-out;
  -o-transition: left 0.3s ease-out;
  transition: left 0.3s ease-out; }

/* line 37, /Users/Devin/GitHub/spotio/skin/components/_carousel.scss */
.crsl-inner .crsl-item {
  white-space: normal; }

/* line 40, /Users/Devin/GitHub/spotio/skin/components/_carousel.scss */
.crsl-inner .crsl-item.col-xs-1,
.crsl-inner .crsl-item.col-xs-2,
.crsl-inner .crsl-item.col-xs-3,
.crsl-inner .crsl-item.col-xs-4,
.crsl-inner .crsl-item.col-xs-5,
.crsl-inner .crsl-item.col-xs-6,
.crsl-inner .crsl-item.col-xs-7,
.crsl-inner .crsl-item.col-xs-8,
.crsl-inner .crsl-item.col-xs-9,
.crsl-inner .crsl-item.col-xs-10,
.crsl-inner .crsl-item.col-xs-11,
.crsl-inner .crsl-item.col-xs-12,
.crsl-inner .crsl-item.col-sm-1,
.crsl-inner .crsl-item.col-sm-2,
.crsl-inner .crsl-item.col-sm-3,
.crsl-inner .crsl-item.col-sm-4,
.crsl-inner .crsl-item.col-sm-5,
.crsl-inner .crsl-item.col-sm-6,
.crsl-inner .crsl-item.col-sm-7,
.crsl-inner .crsl-item.col-sm-8,
.crsl-inner .crsl-item.col-sm-9,
.crsl-inner .crsl-item.col-sm-10,
.crsl-inner .crsl-item.col-sm-11,
.crsl-inner .crsl-item.col-sm-12,
.crsl-inner .crsl-item.col-md-1,
.crsl-inner .crsl-item.col-md-2,
.crsl-inner .crsl-item.col-md-3,
.crsl-inner .crsl-item.col-md-4,
.crsl-inner .crsl-item.col-md-5,
.crsl-inner .crsl-item.col-md-6,
.crsl-inner .crsl-item.col-md-7,
.crsl-inner .crsl-item.col-md-8,
.crsl-inner .crsl-item.col-md-9,
.crsl-inner .crsl-item.col-md-10,
.crsl-inner .crsl-item.col-md-11,
.crsl-inner .crsl-item.col-md-12,
.crsl-inner .crsl-item.col-lg-1,
.crsl-inner .crsl-item.col-lg-2,
.crsl-inner .crsl-item.col-lg-3,
.crsl-inner .crsl-item.col-lg-4,
.crsl-inner .crsl-item.col-lg-5,
.crsl-inner .crsl-item.col-lg-6,
.crsl-inner .crsl-item.col-lg-7,
.crsl-inner .crsl-item.col-lg-8,
.crsl-inner .crsl-item.col-lg-9,
.crsl-inner .crsl-item.col-lg-10,
.crsl-inner .crsl-item.col-lg-11,
.crsl-inner .crsl-item.col-lg-12 {
  float: none;
  display: inline-block;
  vertical-align: top; }

/**
 * Simple Navs
 *
 * .nav-justified  - Justified nav.
 * .nav-pills               - Pill style.
 * .nav-pills.nav-justified - Pill style justified.
 * .nav-stacked             - Vertical nav.
 *
 * Template: navs
 *
 * Styleguide 40.2
 */
/* line 13, /Users/Devin/GitHub/spotio/skin/components/_navs.scss */
.nav {
  margin-left: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  border-bottom: 1px solid #E5E8EA; }

/* line 20, /Users/Devin/GitHub/spotio/skin/components/_navs.scss */
.nav.nav-justified {
  width: 100%; }

/* line 23, /Users/Devin/GitHub/spotio/skin/components/_navs.scss */
.nav.nav-justified > li {
  float: none;
  display: table-cell;
  width: 1%; }

/* line 28, /Users/Devin/GitHub/spotio/skin/components/_navs.scss */
.nav.nav-justified > li > a {
  text-align: center; }

/* line 31, /Users/Devin/GitHub/spotio/skin/components/_navs.scss */
.nav:before,
.nav:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

/* line 38, /Users/Devin/GitHub/spotio/skin/components/_navs.scss */
.nav:after {
  clear: both; }

/* line 41, /Users/Devin/GitHub/spotio/skin/components/_navs.scss */
.nav > li {
  position: relative;
  display: block;
  margin: 0 15px;
  float: left; }

/* line 47, /Users/Devin/GitHub/spotio/skin/components/_navs.scss */
.nav > li:first-child,
.nav > li:first-child .navbar-text {
  margin-left: 0; }

/* line 51, /Users/Devin/GitHub/spotio/skin/components/_navs.scss */
.nav > li:last-child {
  margin-right: 0; }

/* line 54, /Users/Devin/GitHub/spotio/skin/components/_navs.scss */
.nav > li > a {
  position: relative;
  display: block;
  line-height: 44px;
  color: #9CA6AC !important;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-size: 14px;
  transition: color 0.2s;
  border-bottom: none; }

/* line 65, /Users/Devin/GitHub/spotio/skin/components/_navs.scss */
.nav > li > a:hover,
.nav > li > a:focus {
  border-bottom: none;
  color: #56666F; }

/* line 70, /Users/Devin/GitHub/spotio/skin/components/_navs.scss */
.nav > li > a:after {
  content: ' ';
  background-color: transparent;
  bottom: 0;
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
  transition: background-color 0.5s; }

/* line 80, /Users/Devin/GitHub/spotio/skin/components/_navs.scss */
.nav > li > p {
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-size: 14px; }

/* line 85, /Users/Devin/GitHub/spotio/skin/components/_navs.scss */
.nav > li.active > a {
  color: #008CD6; }

/* line 88, /Users/Devin/GitHub/spotio/skin/components/_navs.scss */
.nav > li.active > a:after {
  background-color: #008CD6; }

/* line 91, /Users/Devin/GitHub/spotio/skin/components/_navs.scss */
.nav > li.disabled > a {
  color: #9CA6AC; }

/* line 94, /Users/Devin/GitHub/spotio/skin/components/_navs.scss */
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #9CA6AC;
  text-decoration: none;
  background-color: transparent;
  cursor: default; }

/* line 101, /Users/Devin/GitHub/spotio/skin/components/_navs.scss */
.nav > li + .nav-header {
  margin-top: 9px; }

/* line 104, /Users/Devin/GitHub/spotio/skin/components/_navs.scss */
.nav.open > a,
.nav.open > a:hover,
.nav.open > a:focus {
  color: #56666F;
  background-color: #56666F;
  border-color: #56666F; }

/* line 111, /Users/Devin/GitHub/spotio/skin/components/_navs.scss */
.nav.open > a .caret,
.nav.open > a:hover .caret,
.nav.open > a:focus .caret {
  border-top-color: #56666F;
  border-bottom-color: #56666F; }

/* line 117, /Users/Devin/GitHub/spotio/skin/components/_navs.scss */
.nav > .pull-right {
  float: right; }

/* line 120, /Users/Devin/GitHub/spotio/skin/components/_navs.scss */
.nav .nav-divider {
  height: 2px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #E5E8EA;
  border-bottom: 1px solid #E5E8EA; }

/* line 127, /Users/Devin/GitHub/spotio/skin/components/_navs.scss */
.nav-pills {
  border-bottom: none; }

/* line 130, /Users/Devin/GitHub/spotio/skin/components/_navs.scss */
.nav-pills > li {
  float: left; }

/* line 133, /Users/Devin/GitHub/spotio/skin/components/_navs.scss */
.nav-pills > li:first-child {
  margin-left: 0; }

/* line 136, /Users/Devin/GitHub/spotio/skin/components/_navs.scss */
.nav-pills > li > a {
  border-radius: 5px;
  padding-left: 10px;
  padding-right: 10px; }

/* line 141, /Users/Devin/GitHub/spotio/skin/components/_navs.scss */
.nav-pills > li + li > a {
  margin-left: 2px; }

/* line 144, /Users/Devin/GitHub/spotio/skin/components/_navs.scss */
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #008CD6; }

/* line 150, /Users/Devin/GitHub/spotio/skin/components/_navs.scss */
.nav-pills > li.active > a:after {
  display: none; }

/* line 153, /Users/Devin/GitHub/spotio/skin/components/_navs.scss */
.nav-stacked {
  background-color: #E5E8EA;
  border-radius: 3px; }

/* line 157, /Users/Devin/GitHub/spotio/skin/components/_navs.scss */
.nav-stacked > li {
  float: none; }

/* line 160, /Users/Devin/GitHub/spotio/skin/components/_navs.scss */
.nav-stacked > li:first-child {
  margin-left: 15px; }

/* line 163, /Users/Devin/GitHub/spotio/skin/components/_navs.scss */
.nav-stacked > li:last-child {
  margin-right: 15px; }

/* line 166, /Users/Devin/GitHub/spotio/skin/components/_navs.scss */
.nav-stacked > li.active a {
  color: #56666F; }

/* line 169, /Users/Devin/GitHub/spotio/skin/components/_navs.scss */
.nav-stacked > li.active a:after {
  bottom: 1px; }

/* line 172, /Users/Devin/GitHub/spotio/skin/components/_navs.scss */
.nav-stacked > li a {
  color: #9CA6AC;
  line-height: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-transform: none;
  letter-spacing: 0px;
  font-size: 14px; }

/* line 181, /Users/Devin/GitHub/spotio/skin/components/_navs.scss */
.nav-stacked > li + li {
  border-top: 1px solid #E5E8EA; }

/* line 184, /Users/Devin/GitHub/spotio/skin/components/_navs.scss */
.nav-stacked > li + li > a {
  margin-top: 2px;
  margin-left: 0; }

/* line 188, /Users/Devin/GitHub/spotio/skin/components/_navs.scss */
.nav-justified {
  width: 100%; }

/* line 191, /Users/Devin/GitHub/spotio/skin/components/_navs.scss */
.nav-justified > li {
  float: none;
  display: table-cell;
  width: 1%; }

/* line 196, /Users/Devin/GitHub/spotio/skin/components/_navs.scss */
.nav-justified > li > a {
  text-align: center; }

/* line 199, /Users/Devin/GitHub/spotio/skin/components/_navs.scss */
.nav-header {
  display: block;
  padding: 3px 15px;
  font-size: 12px;
  line-height: 20px;
  color: #9CA6AC;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: uppercase; }

/* line 208, /Users/Devin/GitHub/spotio/skin/components/_navs.scss */
.tabbable:before,
.tabbable:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

/* line 215, /Users/Devin/GitHub/spotio/skin/components/_navs.scss */
.tabbable:after {
  clear: both; }

/* line 218, /Users/Devin/GitHub/spotio/skin/components/_navs.scss */
.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none; }

/* line 222, /Users/Devin/GitHub/spotio/skin/components/_navs.scss */
.tab-content > .active,
.pill-content > .active {
  display: block; }

/* line 226, /Users/Devin/GitHub/spotio/skin/components/_navs.scss */
.nav .caret {
  border-top-color: #9CA6AC;
  border-bottom-color: #9CA6AC; }

/* line 230, /Users/Devin/GitHub/spotio/skin/components/_navs.scss */
.nav .active .caret {
  border-top-color: #56666F;
  border-bottom-color: #56666F; }

/* line 234, /Users/Devin/GitHub/spotio/skin/components/_navs.scss */
.nav a:hover .caret {
  border-top-color: #56666F;
  border-bottom-color: #56666F; }

/* line 238, /Users/Devin/GitHub/spotio/skin/components/_navs.scss */
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

/**
 * Navbars
 *
 * These are cool navbars.
 * NOTE: Navbars are meant to be the full width of the page (otherwise they are just navs).
 * So if your window is small these demos will look broken.
 *
 * Template: navbar
 *
 * Styleguide 40.3
 */
/* line 12, /Users/Devin/GitHub/spotio/skin/components/_navbar.scss */
.navbar {
  position: relative;
  z-index: 1000;
  min-height: 44px; }

/* line 17, /Users/Devin/GitHub/spotio/skin/components/_navbar.scss */
.navbar:before,
.navbar:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

/* line 24, /Users/Devin/GitHub/spotio/skin/components/_navbar.scss */
.navbar:after {
  clear: both; }

/* line 27, /Users/Devin/GitHub/spotio/skin/components/_navbar.scss */
.header-artist .navbar {
  background-color: white;
  border-bottom: 1px solid #E5E8EA; }

/* line 31, /Users/Devin/GitHub/spotio/skin/components/_navbar.scss */
.navbar.sticky-top {
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 1020; }

/* line 35, /Users/Devin/GitHub/spotio/skin/components/_navbar.scss */
.navbar-fixed-wrapper {
  height: 44px; }

/* line 38, /Users/Devin/GitHub/spotio/skin/components/_navbar.scss */
.navbar-nav {
  margin: 0; }

/* line 41, /Users/Devin/GitHub/spotio/skin/components/_navbar.scss */
.navbar-nav > li > a {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.16em;
  text-transform: uppercase; }

/* line 47, /Users/Devin/GitHub/spotio/skin/components/_navbar.scss */
.navbar-nav:not(.no-overflow-menu) {
  visibility: hidden; }

/* line 50, /Users/Devin/GitHub/spotio/skin/components/_navbar.scss */
.navbar-nav:not(.no-overflow-menu) li.last-visible {
  margin-right: 0; }

@media (max-width: 585px) {
  /* line 54, /Users/Devin/GitHub/spotio/skin/components/_navbar.scss */
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none; }
  /* line 63, /Users/Devin/GitHub/spotio/skin/components/_navbar.scss */
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px; }
  /* line 67, /Users/Devin/GitHub/spotio/skin/components/_navbar.scss */
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px; }
  /* line 70, /Users/Devin/GitHub/spotio/skin/components/_navbar.scss */
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none; } }

/* line 75, /Users/Devin/GitHub/spotio/skin/components/_navbar.scss */
.navbar-nav > li {
  float: left; }

/* line 78, /Users/Devin/GitHub/spotio/skin/components/_navbar.scss */
.navbar-nav > li.navbar-right {
  float: right; }

/* line 81, /Users/Devin/GitHub/spotio/skin/components/_navbar.scss */
.navbar-nav > li > a {
  line-height: 44px; }

/* line 84, /Users/Devin/GitHub/spotio/skin/components/_navbar.scss */
.navbar.large {
  min-height: 60px; }

/* line 87, /Users/Devin/GitHub/spotio/skin/components/_navbar.scss */
.navbar.large .navbar-nav > li > a {
  line-height: 60px; }

/* line 90, /Users/Devin/GitHub/spotio/skin/components/_navbar.scss */
.navbar-left {
  float: left; }

/* line 93, /Users/Devin/GitHub/spotio/skin/components/_navbar.scss */
.navbar-right {
  float: right; }

/* line 96, /Users/Devin/GitHub/spotio/skin/components/_navbar.scss */
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

/* line 101, /Users/Devin/GitHub/spotio/skin/components/_navbar.scss */
.navbar.sticky-bottom .navbar-nav > li > .dropdown-menu,
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

/* line 106, /Users/Devin/GitHub/spotio/skin/components/_navbar.scss */
.navbar-nav.pull-right > li > .dropdown-menu,
.navbar-nav > li > .dropdown-menu.pull-right {
  left: auto;
  right: 0; }

/* line 111, /Users/Devin/GitHub/spotio/skin/components/_navbar.scss */
.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px; }

/* line 115, /Users/Devin/GitHub/spotio/skin/components/_navbar.scss */
.navbar-text {
  float: left;
  margin-top: 12px;
  margin-bottom: 12px;
  margin-left: 10px;
  margin-right: 10px; }

/**
 * Main Menus
 *
 * The main menus for link and desktop can be seen on demo pages.
 * <br><br><a href="menu-desktop.html" class="btn btn-large btn-info">See Desktop Menu Demo Page</a>
 * <br><br><a href="menu-link.html" class="btn btn-large btn-info">See Link Menu Demo Page</a>
 *
 * Styleguide 40.1
 */
/* line 10, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.etched-top {
  border-top: 1px solid #E5E8EA; }

/* line 13, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.etched-top:before {
  display: block;
  content: ' ';
  width: 100%;
  top: 0;
  left: 0;
  height: 1px;
  position: absolute;
  background-color: #E5E8EA; }

/* line 23, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.etched-bottom {
  border-bottom: 1px solid #E5E8EA; }

/* line 26, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.etched-bottom:after {
  display: block;
  content: ' ';
  width: 100%;
  bottom: 0;
  left: 0;
  height: 1px;
  position: absolute;
  background-color: #f2f3f6; }

/* line 36, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.etched-right {
  border-right: 1px solid #E5E8EA; }

/* line 39, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.etched-right:after {
  display: block;
  content: ' ';
  height: 100%;
  right: 0;
  top: 0;
  width: 1px;
  position: absolute;
  background-color: #E5E8EA; }

/* line 49, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.narrow-menu,
.main-menu.wide-menu {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* line 58, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.narrow-menu a,
.main-menu.wide-menu a {
  color: #9CA6AC;
  text-decoration: none;
  position: relative;
  font-weight: 400; }

/* line 65, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.narrow-menu a:hover,
.main-menu.wide-menu a:hover {
  color: #56666F; }

/* line 69, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.narrow-menu a.active,
.main-menu.wide-menu a.active,
.main-menu.narrow-menu a.selected,
.main-menu.wide-menu a.selected {
  color: #56666F; }

/* line 75, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.narrow-menu a.active:hover,
.main-menu.wide-menu a.active:hover,
.main-menu.narrow-menu a.selected:hover,
.main-menu.wide-menu a.selected:hover {
  color: #56666F; }

/* line 81, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.narrow-menu li,
.main-menu.wide-menu li {
  position: relative; }

/* line 85, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.narrow-menu {
  min-height: 595px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 90px;
  z-index: 1000;
  background-color: #ffffff; }

/* line 95, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.narrow-menu .logo {
  display: block;
  height: 95px;
  background: url("https://d2j0f09xqmv212.cloudfront.net/images/logo-vertical-dark-background-54.png") no-repeat center;
  cursor: auto; }

/* line 101, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.narrow-menu a {
  padding: 50px 10px 0 10px;
  height: 75px;
  width: 90px;
  display: block; }

/* line 107, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.narrow-menu a:before {
  position: absolute;
  top: 18px;
  left: 0;
  text-align: center;
  width: 100%;
  font-size: 32px; }

/* line 115, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.narrow-menu a.active,
.main-menu.narrow-menu a.selected {
  color: #56666F; }

/* line 119, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.narrow-menu a.active:after,
.main-menu.narrow-menu a.selected:after {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  background-color: #008CD6;
  top: 50%;
  margin-top: -22px;
  height: 43px;
  width: 3px; }

/* line 131, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.narrow-menu a .nav-text {
  text-align: center;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

/* line 138, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.narrow-menu a:hover {
  border-color: transparent; }

/* line 141, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.narrow-menu a#nav-profile {
  padding: 0 10px;
  line-height: 1.2;
  height: auto;
  margin: 0; }

/* line 147, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.narrow-menu a#nav-profile .media {
  margin: 24px 14px 5px; }

/* line 150, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.narrow-menu a#nav-profile .media .media-image .media-image-internal,
.main-menu.narrow-menu a#nav-profile .media .media-image .media-placeholder {
  top: 0;
  bottom: 0;
  right: 0;
  left: 0; }

/* line 157, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.narrow-menu a#nav-messages,
.main-menu.narrow-menu a#nav-notifications {
  display: block;
  width: 100%;
  padding: 28px 0 3px;
  margin: 0;
  height: 47px; }

/* line 165, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.narrow-menu a#nav-messages:before,
.main-menu.narrow-menu a#nav-notifications:before {
  position: absolute;
  top: 1px;
  left: 0;
  text-align: center;
  font-size: 20px;
  width: 100%; }

/* line 174, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.narrow-menu a#nav-messages.active,
.main-menu.narrow-menu a#nav-notifications.active {
  color: #008CD6;
  border: none !important; }

/* line 179, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.narrow-menu a#nav-messages.active:before,
.main-menu.narrow-menu a#nav-notifications.active:before {
  color: #008CD6; }

/* line 183, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.narrow-menu a#nav-messages.active:after,
.main-menu.narrow-menu a#nav-notifications.active:after {
  display: none; }

/* line 187, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.narrow-menu a#nav-settings {
  margin: 0 0 2px 0;
  height: 38px; }

/* line 191, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.narrow-menu a#nav-settings:before {
  top: 13px;
  left: 0;
  text-align: center;
  font-size: 24px; }

/* line 197, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.narrow-menu a#nav-settings.active {
  color: #008CD6; }

/* line 200, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.narrow-menu a#nav-settings.active:after {
  display: none; }

/* line 203, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.narrow-menu a.logo {
  margin: 0; }

/* line 206, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.narrow-menu .item-profile {
  position: absolute;
  bottom: 110px; }

/* line 210, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.narrow-menu .messages-link,
.main-menu.narrow-menu .item-notifications {
  position: absolute;
  text-align: center;
  width: 50%;
  bottom: 50px; }

/* line 217, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.narrow-menu .item-notifications {
  left: 50%; }

/* line 220, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.narrow-menu .settings-link {
  position: absolute;
  bottom: 0; }

/* line 224, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.narrow-menu .name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

@media (max-height: 758px) {
  /* line 230, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
  .main-menu.narrow-menu .main-menu-nav a.standard-menu-item {
    height: 63px;
    padding: 36px 10px 0 10px; }
  /* line 234, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
  .main-menu.narrow-menu .main-menu-nav a.standard-menu-item:before {
    top: 12px;
    font-size: 24px; }
  /* line 238, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
  .main-menu.narrow-menu .main-menu-nav a.standard-menu-item.active:after,
  .main-menu.narrow-menu .main-menu-nav a.standard-menu-item.selected:after {
    margin-top: -22px;
    height: 38px; } }

@media (max-height: 670px) {
  /* line 245, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
  .main-menu.narrow-menu .logo {
    height: 34px;
    margin: 0 5px;
    background: url("https://d2j0f09xqmv212.cloudfront.net/images/logo-navbar.png") no-repeat center;
    background-size: 83%; }
  /* line 251, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
  .main-menu.narrow-menu .item-profile {
    bottom: 75px; }
  /* line 254, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
  .main-menu.narrow-menu .messages-link,
  .main-menu.narrow-menu .item-notifications {
    bottom: 36px; }
  /* line 258, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
  .main-menu.narrow-menu a#nav-profile .media {
    margin: 20px 20px 3px; }
  /* line 261, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
  .main-menu.narrow-menu a#nav-messages,
  .main-menu.narrow-menu a#nav-notifications {
    padding: 3px 0 0 11px;
    margin: 0;
    height: 26px;
    font-size: 12px; }
  /* line 268, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
  .main-menu.narrow-menu a#nav-messages:before,
  .main-menu.narrow-menu a#nav-notifications:before {
    top: 0px;
    left: 0;
    text-align: left;
    font-size: 16px; }
  /* line 275, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
  .main-menu.narrow-menu a#nav-messages {
    padding-left: 25px; }
  /* line 278, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
  .main-menu.narrow-menu a#nav-messages:before {
    left: 8px; }
  /* line 281, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
  .main-menu.narrow-menu a#nav-notifications {
    padding-left: 9px; }
  /* line 284, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
  .main-menu.narrow-menu a#nav-notifications:before {
    left: 5px; }
  /* line 287, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
  .main-menu.narrow-menu a#nav-settings {
    bottom: 0;
    height: auto;
    padding-top: 36px;
    position: absolute; }
  /* line 293, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
  .main-menu.narrow-menu a#nav-settings:before {
    font-size: 16px; } }

/* line 297, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 1px solid #E5E8EA; }

/* line 304, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu-bottom:before {
  display: block;
  content: ' ';
  width: 100%;
  top: 0;
  left: 0;
  height: 1px;
  position: absolute;
  background-color: #dbdbdb; }

/* line 314, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu-nav,
.main-menu-nav ul {
  list-style: none;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  -webkit-padding-start: 0;
  padding-left: 0; }

/* line 324, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.wide-menu {
  max-height: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #ffffff;
  min-height: 100%; }

/* line 332, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.wide-menu a:not(.button),
.main-menu.wide-menu .item {
  cursor: default;
  display: block;
  line-height: 36px;
  padding: 3px 0;
  border-bottom: none; }

/* line 340, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.wide-menu a:not(.button):hover,
.main-menu.wide-menu .item:hover {
  border-bottom: none; }

/* line 344, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.wide-menu a.active:after,
.main-menu.wide-menu a.selected:after,
.main-menu.wide-menu .item.active:after,
.main-menu.wide-menu .item.selected:after {
  content: ' ';
  display: block;
  position: absolute;
  border-right: 5px solid #008CD6;
  left: -4px;
  top: 3px;
  bottom: 3px;
  border-radius: 13px;
  width: 1px; }

/* line 358, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.wide-menu li:before,
.main-menu.wide-menu li:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

/* line 365, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.wide-menu li:after {
  clear: both; }

/* line 368, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.wide-menu li.folder .folder-disclosure {
  position: absolute;
  display: block;
  height: 100%;
  padding: 9px 0;
  right: 0;
  top: 0;
  width: 32px;
  text-align: center; }

/* line 378, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.wide-menu li.folder .folder-disclosure:hover {
  color: #56666F; }

/* line 381, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.wide-menu li.folder .folder-disclosure:before {
  font-size: 24px; }

/* line 384, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.wide-menu li.folder > a,
.main-menu.wide-menu li.folder > .item {
  margin-right: 32px; }

/* line 388, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.wide-menu li.folder > ul {
  display: none; }

/* line 391, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.wide-menu li.folder.open > .folder-disclosure:before {
  content: "\f10c"; }

/* line 394, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.wide-menu li.folder.open > ul {
  display: block; }

/* line 397, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.wide-menu .menu-accessory {
  width: 26px;
  float: left;
  margin-left: 10px; }

/* line 402, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.wide-menu .menu-accessory:before {
  font-size: 24px;
  vertical-align: -6px; }

/* line 406, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.wide-menu .menu-accessory.media {
  margin-top: 5px; }

/* line 409, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.wide-menu .title,
.main-menu.wide-menu .sub-title {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  white-space: pre;
  margin-left: 46px; }

/* line 418, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.wide-menu .twoline .title {
  line-height: 20px; }

/* line 421, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.wide-menu .twoline .sub-title {
  line-height: 16px;
  font-size: 12px; }

/* line 425, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.wide-menu .new-playlist {
  margin: 8px 12px 4px;
  width: auto; }

/* line 429, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu.wide-menu .highlighted-folder > a:after {
  content: ' ';
  display: block;
  position: absolute;
  bottom: 1px;
  height: 2px;
  background-color: #008CD6;
  width: 100%; }

/* line 438, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu-nav ul {
  position: relative;
  border-top: 1px solid rgba(86, 102, 111, 0.8);
  border-bottom: 1px solid #E5E8EA;
  background-color: rgba(86, 102, 111, 0.2); }

/* line 444, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
.main-menu-nav ul:after {
  display: block;
  content: ' ';
  width: 100%;
  bottom: 0;
  left: 0;
  height: 1px;
  position: absolute;
  background-color: #000000; }

/* line 454, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
#renamer {
  display: none;
  position: absolute;
  right: 12px;
  width: auto; }

/* line 460, /Users/Devin/GitHub/spotio/skin/components/_main-menu.scss */
#drag-divider {
  position: absolute;
  right: 0;
  left: 0;
  top: 30px;
  z-index: 99;
  background-color: #FFFFFF;
  height: 1px;
  width: auto; }

/**
 * Tooltips
 *
 * These are used to display informational text.
 *
 * Template: tooltip
 *
 * Styleguide 50.3
 */
/* line 10, /Users/Devin/GitHub/spotio/skin/components/_tooltips.scss */
.tooltip {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1030;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 1.4;
  padding: 3px 8px;
  color: #A0A0A0;
  text-decoration: none;
  background-color: #333333;
  border-radius: 3px;
  pointer-events: none; }

/* line 26, /Users/Devin/GitHub/spotio/skin/components/_tooltips.scss */
.tooltip:not(.no-arrow).arrow-top {
  margin-top: 5px; }

/* line 29, /Users/Devin/GitHub/spotio/skin/components/_tooltips.scss */
.tooltip:not(.no-arrow).arrow-top:before {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  border: 5px solid transparent; }

/* line 36, /Users/Devin/GitHub/spotio/skin/components/_tooltips.scss */
.tooltip:not(.no-arrow).arrow-top:before {
  top: -10px;
  left: 50%;
  margin-left: -5px;
  margin-right: -5px;
  border-bottom: 5px solid #333333; }

/* line 43, /Users/Devin/GitHub/spotio/skin/components/_tooltips.scss */
.tooltip:not(.no-arrow).arrow-bottom {
  margin-bottom: 5px; }

/* line 46, /Users/Devin/GitHub/spotio/skin/components/_tooltips.scss */
.tooltip:not(.no-arrow).arrow-bottom:before {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  border: 5px solid transparent; }

/* line 53, /Users/Devin/GitHub/spotio/skin/components/_tooltips.scss */
.tooltip:not(.no-arrow).arrow-bottom:before {
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
  margin-right: -5px;
  border-top: 5px solid #333333; }

/* line 60, /Users/Devin/GitHub/spotio/skin/components/_tooltips.scss */
.tooltip:not(.no-arrow).arrow-right {
  margin-right: 5px; }

/* line 63, /Users/Devin/GitHub/spotio/skin/components/_tooltips.scss */
.tooltip:not(.no-arrow).arrow-right:before {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  border: 5px solid transparent; }

/* line 70, /Users/Devin/GitHub/spotio/skin/components/_tooltips.scss */
.tooltip:not(.no-arrow).arrow-right:before {
  right: -10px;
  top: 50%;
  margin-top: -5px;
  margin-bottom: -5px;
  border-left: 5px solid #333333; }

/* line 77, /Users/Devin/GitHub/spotio/skin/components/_tooltips.scss */
.tooltip:not(.no-arrow).arrow-left {
  margin-left: 5px; }

/* line 80, /Users/Devin/GitHub/spotio/skin/components/_tooltips.scss */
.tooltip:not(.no-arrow).arrow-left:before {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  border: 5px solid transparent; }

/* line 87, /Users/Devin/GitHub/spotio/skin/components/_tooltips.scss */
.tooltip:not(.no-arrow).arrow-left:before {
  left: -10px;
  top: 50%;
  margin-top: -5px;
  margin-bottom: -5px;
  border-right: 5px solid #333333; }

/* line 94, /Users/Devin/GitHub/spotio/skin/components/_tooltips.scss */
.tooltip:not(.no-arrow).arrow-position-left:before {
  left: 20px; }

/* line 97, /Users/Devin/GitHub/spotio/skin/components/_tooltips.scss */
.tooltip:not(.no-arrow).arrow-position-right:before {
  left: auto;
  right: 20px; }

/* line 101, /Users/Devin/GitHub/spotio/skin/components/_tooltips.scss */
.tooltip:not(.no-arrow).arrow-position-top:before {
  top: 20px; }

/* line 104, /Users/Devin/GitHub/spotio/skin/components/_tooltips.scss */
.tooltip:not(.no-arrow).arrow-position-bottom:before {
  top: auto;
  bottom: 20px; }

/* line 108, /Users/Devin/GitHub/spotio/skin/components/_tooltips.scss */
.tooltip.text .tooltip-inner {
  background-color: #333333;
  display: block;
  text-align: center; }

/* line 113, /Users/Devin/GitHub/spotio/skin/components/_tooltips.scss */
.tooltip.tooltip-large {
  font-size: 18px;
  line-height: 1.5;
  padding: 6px 10px; }

/* line 118, /Users/Devin/GitHub/spotio/skin/components/_tooltips.scss */
.tooltip-arrow-top,
.tooltip-arrow-bottom {
  border-left: 5px solid transparent;
  border-bottom: 5px solid #333333;
  border-right: 5px solid transparent;
  height: 0;
  margin-left: -5px;
  position: absolute;
  top: -5px;
  display: none;
  width: 0; }

/* line 130, /Users/Devin/GitHub/spotio/skin/components/_tooltips.scss */
.tooltip-arrow-top.visible,
.tooltip-arrow-bottom.visible {
  display: block; }

/* line 134, /Users/Devin/GitHub/spotio/skin/components/_tooltips.scss */
.tooltip-arrow-bottom {
  border-top: 5px solid #333333;
  border-bottom: 0;
  bottom: -5px;
  top: auto; }

@-webkit-keyframes tooltipShow {
  0% {
    opacity: 0; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

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

/* line 162, /Users/Devin/GitHub/spotio/skin/components/_tooltips.scss */
#tooltip {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1030;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 1.4;
  padding: 3px 8px;
  color: #A0A0A0;
  text-decoration: none;
  background-color: #333333;
  border-radius: 3px;
  pointer-events: none;
  opacity: 0;
  max-width: 350px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 183, /Users/Devin/GitHub/spotio/skin/components/_tooltips.scss */
#tooltip:not(.no-arrow).arrow-top {
  margin-top: 5px; }

/* line 186, /Users/Devin/GitHub/spotio/skin/components/_tooltips.scss */
#tooltip:not(.no-arrow).arrow-top:before {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  border: 5px solid transparent; }

/* line 193, /Users/Devin/GitHub/spotio/skin/components/_tooltips.scss */
#tooltip:not(.no-arrow).arrow-top:before {
  top: -10px;
  left: 50%;
  margin-left: -5px;
  margin-right: -5px;
  border-bottom: 5px solid #333333; }

/* line 200, /Users/Devin/GitHub/spotio/skin/components/_tooltips.scss */
#tooltip:not(.no-arrow).arrow-bottom {
  margin-bottom: 5px; }

/* line 203, /Users/Devin/GitHub/spotio/skin/components/_tooltips.scss */
#tooltip:not(.no-arrow).arrow-bottom:before {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  border: 5px solid transparent; }

/* line 210, /Users/Devin/GitHub/spotio/skin/components/_tooltips.scss */
#tooltip:not(.no-arrow).arrow-bottom:before {
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
  margin-right: -5px;
  border-top: 5px solid #333333; }

/* line 217, /Users/Devin/GitHub/spotio/skin/components/_tooltips.scss */
#tooltip:not(.no-arrow).arrow-right {
  margin-right: 5px; }

/* line 220, /Users/Devin/GitHub/spotio/skin/components/_tooltips.scss */
#tooltip:not(.no-arrow).arrow-right:before {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  border: 5px solid transparent; }

/* line 227, /Users/Devin/GitHub/spotio/skin/components/_tooltips.scss */
#tooltip:not(.no-arrow).arrow-right:before {
  right: -10px;
  top: 50%;
  margin-top: -5px;
  margin-bottom: -5px;
  border-left: 5px solid #333333; }

/* line 234, /Users/Devin/GitHub/spotio/skin/components/_tooltips.scss */
#tooltip:not(.no-arrow).arrow-left {
  margin-left: 5px; }

/* line 237, /Users/Devin/GitHub/spotio/skin/components/_tooltips.scss */
#tooltip:not(.no-arrow).arrow-left:before {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  border: 5px solid transparent; }

/* line 244, /Users/Devin/GitHub/spotio/skin/components/_tooltips.scss */
#tooltip:not(.no-arrow).arrow-left:before {
  left: -10px;
  top: 50%;
  margin-top: -5px;
  margin-bottom: -5px;
  border-right: 5px solid #333333; }

/* line 251, /Users/Devin/GitHub/spotio/skin/components/_tooltips.scss */
#tooltip:not(.no-arrow).arrow-position-left:before {
  left: 20px; }

/* line 254, /Users/Devin/GitHub/spotio/skin/components/_tooltips.scss */
#tooltip:not(.no-arrow).arrow-position-right:before {
  left: auto;
  right: 20px; }

/* line 258, /Users/Devin/GitHub/spotio/skin/components/_tooltips.scss */
#tooltip:not(.no-arrow).arrow-position-top:before {
  top: 20px; }

/* line 261, /Users/Devin/GitHub/spotio/skin/components/_tooltips.scss */
#tooltip:not(.no-arrow).arrow-position-bottom:before {
  top: auto;
  bottom: 20px; }

/* line 265, /Users/Devin/GitHub/spotio/skin/components/_tooltips.scss */
#tooltip.visible {
  opacity: 1;
  -webkit-animation: tooltipShow 1s ease forwards;
  animation: tooltipShow 1s ease forwards; }

/* line 270, /Users/Devin/GitHub/spotio/skin/components/_tooltips.scss */
#tooltip.visible.instant {
  opacity: 1;
  -webkit-animation: none;
  animation: none; }

/**
 * Popovers
 *
 * Add small overlays of content to any element for housing secondary information.
 * You can also customize the position of the arrow.
 *
 * .arrow-top                          - Arrow up.
 * .arrow-right                        - Arrow right.
 * .arrow-bottom                       - Arrow down.
 * .arrow-left                         - Arrow left
 * .arrow-top.arrow-position-left      - Arrow on top, left positioned.
 * .arrow-right.arrow-position-top     - Arrow on the right-hand side, top positioned.
 * .arrow-bottom.arrow-position-right  - Arrow on bottom, right positioned.
 * .arrow-left.arrow-position-bottom   - Arrow on the left-hand side, bottom positioned.
 *
 * Template: popovers
 *
 * Styleguide 50.4
 */
/**
 * Split Popovers
 *
 * Sometimes the outside of your popover has to be drawn by an iFrame or by native code.
 * This is how thats done. <span class="text-warning">The interior corners are not
 * rounded. The rounding must be done by the container.</span>
 *
 * Template: popover-split
 *
 * .desktop    - Used if the rounded corners are supplied in C++. 6 pixels off top and bottom.
 *
 * Styleguide 50.4.1
 */
/**
 * Complex Popovers
 *
 * You can put lots in the popover!
 *
 * Template: popover-nav
 * Data: demo-album
 *
 * Styleguide 50.4.2
 */
/* line 43, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.popover {
  position: absolute;
  z-index: 1010;
  display: none;
  text-align: left;
  background-color: #f2f3f6;
  -webkit-bg-clip: padding-box;
  -moz-bg-clip: padding;
  background-clip: padding-box;
  border-radius: 6px;
  white-space: normal; }

/* line 55, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.popover:not(.no-arrow).arrow-top {
  margin-top: 10px; }

/* line 58, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.popover:not(.no-arrow).arrow-top:before {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  border: 10px solid transparent; }

/* line 65, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.popover:not(.no-arrow).arrow-top:before {
  top: -20px;
  left: 50%;
  margin-left: -10px;
  margin-right: -10px;
  border-bottom: 10px solid #E5E8EA; }

/* line 72, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.popover:not(.no-arrow).arrow-bottom {
  margin-bottom: 10px; }

/* line 75, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.popover:not(.no-arrow).arrow-bottom:before {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  border: 10px solid transparent; }

/* line 82, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.popover:not(.no-arrow).arrow-bottom:before {
  bottom: -20px;
  left: 50%;
  margin-left: -10px;
  margin-right: -10px;
  border-top: 10px solid #E5E8EA; }

/* line 89, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.popover:not(.no-arrow).arrow-right {
  margin-right: 10px; }

/* line 92, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.popover:not(.no-arrow).arrow-right:before {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  border: 10px solid transparent; }

/* line 99, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.popover:not(.no-arrow).arrow-right:before {
  right: -20px;
  top: 50%;
  margin-top: -10px;
  margin-bottom: -10px;
  border-left: 10px solid #E5E8EA; }

/* line 106, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.popover:not(.no-arrow).arrow-left {
  margin-left: 10px; }

/* line 109, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.popover:not(.no-arrow).arrow-left:before {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  border: 10px solid transparent; }

/* line 116, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.popover:not(.no-arrow).arrow-left:before {
  left: -20px;
  top: 50%;
  margin-top: -10px;
  margin-bottom: -10px;
  border-right: 10px solid #E5E8EA; }

/* line 123, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.popover:not(.no-arrow).arrow-position-left:before {
  left: 20px; }

/* line 126, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.popover:not(.no-arrow).arrow-position-right:before {
  left: auto;
  right: 20px; }

/* line 130, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.popover:not(.no-arrow).arrow-position-top:before {
  top: 20px; }

/* line 133, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.popover:not(.no-arrow).arrow-position-bottom:before {
  top: auto;
  bottom: 20px; }

/* line 137, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.popover:not(.no-arrow).arrow-top:before {
  border-bottom-color: #E5E8EA; }

/* line 140, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.popover.arrow-right.arrow-position-top:before {
  border-left-color: #E5E8EA; }

/* line 143, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.popover.arrow-left.arrow-position-top:before {
  border-right-color: #E5E8EA; }

/* line 146, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.popover-title {
  font-family: "Whitney", "Helvetica Neue", Helvetica, Arial, "Yu Gothic UI", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.015em;
  font-weight: 200;
  text-transform: normal;
  margin: 0;
  padding: 2px 8px 0;
  line-height: 36px;
  color: #56666F;
  text-align: center;
  background-color: #E5E8EA;
  border-bottom: 1px solid #9CA6AC;
  border-radius: 5px 5px 0 0;
  position: relative;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

/* line 167, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.popover.closeable .popover-title {
  padding-left: 32px; }

/* line 170, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.popover-nav {
  float: right;
  position: relative;
  left: -50%;
  text-align: left;
  margin: 0 0; }

/* line 177, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.popover-nav .nav {
  position: relative;
  left: 50%;
  border-bottom: 0; }

/* line 182, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.popover-nav .nav > li.active > a {
  color: #56666F; }

/* line 185, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.popover-nav .nav > li.active > a:after {
  background-color: #008CD6; }

/* line 188, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.popover-nav .nav > li > a {
  color: rgba(255, 255, 255, 0.5);
  border-bottom: none;
  margin-top: 2px;
  line-height: 34px;
  font-size: 12px; }

/* line 195, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.popover-nav .nav > li > a:after {
  right: -5px;
  left: -5px;
  width: auto; }

/* line 200, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.popover-nav .nav > li:hover a {
  color: #56666F; }

/* line 203, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.popover-content,
.popover-footer,
.popover-addendum {
  padding: 9px 14px; }

/* line 208, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.popover-footer {
  padding-top: 0;
  text-align: right; }

/* line 212, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.popover-footer .button {
  margin: 0 6px; }

/**
 * This is a dark area a the bottom of a popover that should be used for fine print.
 */
/* line 218, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.popover-addendum {
  background-color: #E5E8EA;
  color: #9CA6AC;
  font-size: 12px;
  line-height: 16px;
  border-top: 1px solid #ffffff;
  border-radius: 0 0 5px 5px; }

/**
 * Modals
 *
 * Styleguide 50.6
 */
/**
 * Modal Popovers
 *
 * A modal is just a special popover case.<br>
 * <a href="popover-modal.html" class="btn btn-info btn-large">See a modal in action</a>
 *
 * Styleguide 50.6.1
 */
/* line 239, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.popover.modal {
  overflow: auto;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
  -o-transition: opacity 0.3s linear, top 0.3s ease-out;
  transition: opacity 0.3s linear, top 0.3s ease-out;
  -webkit-box-shadow: 4px 6px 41px 0px rgba(86, 102, 111, 0.82);
  -moz-box-shadow: 4px 6px 41px 0px rgba(86, 102, 111, 0.82);
  box-shadow: 4px 6px 41px 0px rgba(86, 102, 111, 0.82); }

/* line 255, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.popover.modal.fade {
  display: block;
  top: -25%; }

/* line 259, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.popover.modal.fade.in {
  top: 0; }

/* line 262, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.popover.modal.no-scroll {
  overflow: hidden; }

/* line 265, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.modal-open {
  overflow: hidden; }

/* line 268, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -9999;
  background-color: #f2f3f6;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear; }

/* line 283, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.modal-backdrop.fade {
  z-index: 1040; }

/* line 286, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.modal-backdrop.fade.in {
  opacity: 0.5;
  filter: alpha(opacity=50); }

/* line 290, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.popover-title .spoticon-x-16 {
  position: absolute;
  right: 3px;
  top: 3px; }

/* line 295, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.popover.modal {
  left: 50%;
  top: 50%;
  right: auto;
  width: 560px;
  margin-left: -280px;
  max-height: 465px;
  margin-top: -232px;
  bottom: auto; }

/* line 305, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.popover.modal.fade {
  top: 40%; }

/* line 308, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.popover.modal.fade.in {
  top: 50%; }

/* line 311, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.popover-interior {
  background-color: #f2f3f6;
  border-radius: 6px; }

/* line 315, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.popover-interior.desktop {
  border-radius: 0;
  overflow: hidden; }

/* line 319, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.popover-interior.desktop .popover-title {
  margin-top: -6px;
  border-radius: 0; }

/* line 323, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.popover-interior.desktop .popover-content {
  padding-bottom: 3px; }

/* line 326, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.popover-interior.desktop .popover-footer {
  padding-bottom: 12px; }

/**
 * Generic modal
 *
 * A generic modal with a slight drop shadow and the ability to show a standardized title.
 *
 * Markup: <div class="modal modal-generic no-scroll">
 *   <div class="modal-generic-title">A title</div>
 *   <div class="modal-generic-content">And some content</div>
 * </div>
 *
 * Styleguide 50.6.2
 */
/* line 341, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.modal-generic {
  background-color: #f2f3f6;
  border-radius: 6px; }

/* line 345, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.modal-generic .modal-generic-title {
  font-family: "Whitney", "Helvetica Neue", Helvetica, Arial, "Yu Gothic UI", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.015em;
  font-weight: 200;
  color: #56666F;
  text-transform: normal;
  background: #E5E8EA;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  text-align: center;
  padding: 10px; }

/* line 359, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.modal-generic .modal-generic-title .modal-dismiss-btn {
  position: absolute;
  right: 3px;
  top: 3px; }

/* line 364, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.modal-generic .modal-generic-content {
  padding: 10px; }

/**
 * Generic error modal
 *
 * A standardized modal for displaying modal failures.
 *
 * Markup: <div class="modal modal-generic modal-generic-error no-scroll">Something failed to do something.</div>
 *
 * Styleguide 50.6.3
 */
/* line 376, /Users/Devin/GitHub/spotio/skin/components/_popovers.scss */
.modal-generic-error {
  text-align: center;
  font-family: "Whitney", "Helvetica Neue", Helvetica, Arial, "Yu Gothic UI", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.015em;
  font-weight: 200;
  color: #9CA6AC;
  text-transform: normal;
  color: #56666F;
  padding: 20px; }

/**
 * Alerts
 *
 * Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.
 * To add a close-icon just add an element with the class .close
 *
 * Styleguide 50.5
 */
/**
 *  Contextual
 *
 * .alert-success     - Successful message
 * .alert-danger      - Warning message
 * .alert-info        - Informational message
 *
 * Template: alerts
 *
 * Styleguide 50.5.1
 */
/**
 *  Contextual (two lines)
 *
 * .alert-success     - Successful message
 *
 * Template: alerts-multiline
 *
 * Styleguide 50.5.1
 */
/* line 29, /Users/Devin/GitHub/spotio/skin/components/_alerts.scss */
.alert {
  color: #FFFFFF;
  padding: 6px 35px;
  margin-bottom: 20px;
  background-color: #4687D6;
  position: relative;
  overflow: hidden; }

/* line 37, /Users/Devin/GitHub/spotio/skin/components/_alerts.scss */
.alert .alert-link {
  color: #ffffff; }

/* line 40, /Users/Devin/GitHub/spotio/skin/components/_alerts.scss */
.alert .alert-link:hover {
  color: #ffffff; }

/* line 43, /Users/Devin/GitHub/spotio/skin/components/_alerts.scss */
.alert:before {
  color: #ffffff; }

/* line 46, /Users/Devin/GitHub/spotio/skin/components/_alerts.scss */
.alert h4 {
  margin-top: 0;
  color: inherit; }

/* line 50, /Users/Devin/GitHub/spotio/skin/components/_alerts.scss */
.alert hr {
  border-top-color: #3179d1; }

/* line 53, /Users/Devin/GitHub/spotio/skin/components/_alerts.scss */
.alert .close {
  height: 26px;
  line-height: 24px;
  padding-top: 2px;
  padding-left: 26px;
  padding-right: 26px;
  border-radius: 13px;
  background: transparent;
  color: #FFFFFF;
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: transform, box-shadow, color, background-color;
  width: 26px;
  padding-left: 0;
  padding-right: 0;
  margin-top: -14px;
  position: absolute;
  right: 3px;
  top: 50%; }

/* line 72, /Users/Devin/GitHub/spotio/skin/components/_alerts.scss */
.alert .close:before {
  font-family: "glue1-spoticon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  line-height: inherit;
  vertical-align: bottom;
  content: "\f160";
  font-size: 16px; }

/* line 84, /Users/Devin/GitHub/spotio/skin/components/_alerts.scss */
.alert .close .b-alt-text {
  margin-top: -24px; }

/* line 87, /Users/Devin/GitHub/spotio/skin/components/_alerts.scss */
.alert .close.contextmenu-active,
.alert .close:not(:disabled):hover {
  background-color: transparent;
  color: #ffffff; }

/* line 92, /Users/Devin/GitHub/spotio/skin/components/_alerts.scss */
.alert .close:not(:disabled):hover:active {
  background: transparent;
  color: #cccccc;
  transform: scale(1); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 98, /Users/Devin/GitHub/spotio/skin/components/_alerts.scss */
  .alert .close:not(:disabled):hover:active {
    transform: scale(1); } }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 103, /Users/Devin/GitHub/spotio/skin/components/_alerts.scss */
  .alert .close {
    transition-duration: 50ms; } }

/* line 107, /Users/Devin/GitHub/spotio/skin/components/_alerts.scss */
.alert .close:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 112, /Users/Devin/GitHub/spotio/skin/components/_alerts.scss */
  .alert .close:after {
    transition-duration: 50ms; } }

/* line 116, /Users/Devin/GitHub/spotio/skin/components/_alerts.scss */
.alert .close.contextmenu-active,
.alert .close:not(:disabled):hover {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: transform, box-shadow, color, background-color; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 122, /Users/Devin/GitHub/spotio/skin/components/_alerts.scss */
  .alert .close.contextmenu-active,
  .alert .close:not(:disabled):hover {
    transition-duration: 66ms; } }

/* line 127, /Users/Devin/GitHub/spotio/skin/components/_alerts.scss */
.alert .close.contextmenu-active:after,
.alert .close:not(:disabled):hover:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 133, /Users/Devin/GitHub/spotio/skin/components/_alerts.scss */
  .alert .close.contextmenu-active:after,
  .alert .close:not(:disabled):hover:after {
    transition-duration: 66ms; } }

/* line 138, /Users/Devin/GitHub/spotio/skin/components/_alerts.scss */
.alert .close:not(:disabled):hover:active {
  transition: none; }

/* line 141, /Users/Devin/GitHub/spotio/skin/components/_alerts.scss */
.alert .close:not(:disabled):hover:active:after {
  transition: none; }

/* line 144, /Users/Devin/GitHub/spotio/skin/components/_alerts.scss */
.alert .close:before {
  font-family: "glue1-spoticon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  line-height: inherit;
  vertical-align: bottom;
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
  border-radius: 500px;
  line-height: 26px;
  font-size: 16px;
  padding-left: 5px;
  width: calc(100% - 5px); }

/* line 163, /Users/Devin/GitHub/spotio/skin/components/_alerts.scss */
.alert .close.button-play:before {
  content: "\f132"; }

/* line 166, /Users/Devin/GitHub/spotio/skin/components/_alerts.scss */
.alert .close.button-play.playing:not(:hover),
.tl-row.playing .alert .close.button-play:not(:hover),
.tl-row.playing.alert .close.button-play:not(:hover),
.media-object.playing .alert .close.button-play:not(:hover),
.media-object.playing.alert .close.button-play:not(:hover) {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 173, /Users/Devin/GitHub/spotio/skin/components/_alerts.scss */
.alert .close.button-play.playing:not(:hover):after,
.tl-row.playing .alert .close.button-play:not(:hover):after,
.tl-row.playing.alert .close.button-play:not(:hover):after,
.media-object.playing .alert .close.button-play:not(:hover):after,
.media-object.playing.alert .close.button-play:not(:hover):after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 500px;
  box-shadow: inset 0 0 0 1px transparent; }

/* line 187, /Users/Devin/GitHub/spotio/skin/components/_alerts.scss */
.alert .close.button-play.playing:not(:hover).contextmenu-active,
.tl-row.playing .alert .close.button-play:not(:hover).contextmenu-active,
.tl-row.playing.alert .close.button-play:not(:hover).contextmenu-active,
.media-object.playing .alert .close.button-play:not(:hover).contextmenu-active,
.media-object.playing.alert .close.button-play:not(:hover).contextmenu-active,
.alert .close.button-play.playing:not(:hover):not(:disabled):hover,
.tl-row.playing .alert .close.button-play:not(:hover):not(:disabled):hover,
.tl-row.playing.alert .close.button-play:not(:hover):not(:disabled):hover,
.media-object.playing .alert .close.button-play:not(:hover):not(:disabled):hover,
.media-object.playing.alert .close.button-play:not(:hover):not(:disabled):hover {
  box-shadow: inset 0 0 0 1px transparent, 0 0 0 1px transparent; }

/* line 199, /Users/Devin/GitHub/spotio/skin/components/_alerts.scss */
.alert .close.button-play.playing:not(:hover).contextmenu-active:after,
.tl-row.playing .alert .close.button-play:not(:hover).contextmenu-active:after,
.tl-row.playing.alert .close.button-play:not(:hover).contextmenu-active:after,
.media-object.playing .alert .close.button-play:not(:hover).contextmenu-active:after,
.media-object.playing.alert .close.button-play:not(:hover).contextmenu-active:after,
.alert .close.button-play.playing:not(:hover):not(:disabled):hover:after,
.tl-row.playing .alert .close.button-play:not(:hover):not(:disabled):hover:after,
.tl-row.playing.alert .close.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing .alert .close.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing.alert .close.button-play:not(:hover):not(:disabled):hover:after {
  box-shadow: inset 0 0 0 1px transparent; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 212, /Users/Devin/GitHub/spotio/skin/components/_alerts.scss */
  .alert .close.button-play.playing:not(:hover).contextmenu-active,
  .tl-row.playing .alert .close.button-play:not(:hover).contextmenu-active,
  .tl-row.playing.alert .close.button-play:not(:hover).contextmenu-active,
  .media-object.playing .alert .close.button-play:not(:hover).contextmenu-active,
  .media-object.playing.alert .close.button-play:not(:hover).contextmenu-active,
  .alert .close.button-play.playing:not(:hover):not(:disabled):hover,
  .tl-row.playing .alert .close.button-play:not(:hover):not(:disabled):hover,
  .tl-row.playing.alert .close.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing .alert .close.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing.alert .close.button-play:not(:hover):not(:disabled):hover {
    box-shadow: inset 0 0 0 1px transparent; }
  /* line 224, /Users/Devin/GitHub/spotio/skin/components/_alerts.scss */
  .alert .close.button-play.playing:not(:hover).contextmenu-active:after,
  .tl-row.playing .alert .close.button-play:not(:hover).contextmenu-active:after,
  .tl-row.playing.alert .close.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing .alert .close.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing.alert .close.button-play:not(:hover).contextmenu-active:after,
  .alert .close.button-play.playing:not(:hover):not(:disabled):hover:after,
  .tl-row.playing .alert .close.button-play:not(:hover):not(:disabled):hover:after,
  .tl-row.playing.alert .close.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing .alert .close.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing.alert .close.button-play:not(:hover):not(:disabled):hover:after {
    box-shadow: inset 0 0 0 1px transparent; } }

/* line 237, /Users/Devin/GitHub/spotio/skin/components/_alerts.scss */
.alert .close.button-play.playing:not(:hover):not(:disabled):hover:active,
.tl-row.playing .alert .close.button-play:not(:hover):not(:disabled):hover:active,
.tl-row.playing.alert .close.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing .alert .close.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing.alert .close.button-play:not(:hover):not(:disabled):hover:active {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 244, /Users/Devin/GitHub/spotio/skin/components/_alerts.scss */
.alert .close.button-play.playing:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing .alert .close.button-play:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing.alert .close.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing .alert .close.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing.alert .close.button-play:not(:hover):not(:disabled):hover:active:after {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 251, /Users/Devin/GitHub/spotio/skin/components/_alerts.scss */
.alert .close.button-play.playing:not(:hover):before,
.tl-row.playing .alert .close.button-play:not(:hover):before,
.tl-row.playing.alert .close.button-play:not(:hover):before,
.media-object.playing .alert .close.button-play:not(:hover):before,
.media-object.playing.alert .close.button-play:not(:hover):before {
  content: "\f1D0";
  padding-left: 4px;
  width: calc(100% - 4px); }

/* line 260, /Users/Devin/GitHub/spotio/skin/components/_alerts.scss */
.alert .close.button-play.playing:hover:before,
.tl-row.playing .alert .close.button-play:hover:before,
.tl-row.playing.alert .close.button-play:hover:before,
.media-object.playing .alert .close.button-play:hover:before,
.media-object.playing.alert .close.button-play:hover:before {
  content: "\f130"; }

/* line 267, /Users/Devin/GitHub/spotio/skin/components/_alerts.scss */
.alert:before {
  font-family: "glue1-spoticon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  line-height: inherit;
  vertical-align: bottom;
  content: "\f11e";
  font-size: 16px; }

/* line 279, /Users/Devin/GitHub/spotio/skin/components/_alerts.scss */
.alert:before {
  left: 10px;
  margin-top: -9.5px;
  position: absolute;
  top: 50%; }

/* line 285, /Users/Devin/GitHub/spotio/skin/components/_alerts.scss */
.alert a {
  border-bottom: solid 1px #FFFFFF !important;
  color: #FFFFFF !important; }

/* line 289, /Users/Devin/GitHub/spotio/skin/components/_alerts.scss */
.alert-success {
  background-color: #008CD6; }

/* line 292, /Users/Devin/GitHub/spotio/skin/components/_alerts.scss */
.alert-success .alert-link {
  color: #ffffff; }

/* line 295, /Users/Devin/GitHub/spotio/skin/components/_alerts.scss */
.alert-success .alert-link:hover {
  color: #ffffff; }

/* line 298, /Users/Devin/GitHub/spotio/skin/components/_alerts.scss */
.alert-success:before {
  color: #ffffff; }

/* line 301, /Users/Devin/GitHub/spotio/skin/components/_alerts.scss */
.alert-danger {
  background-color: #CD1A2B; }

/* line 304, /Users/Devin/GitHub/spotio/skin/components/_alerts.scss */
.alert-danger .alert-link {
  color: #ffffff; }

/* line 307, /Users/Devin/GitHub/spotio/skin/components/_alerts.scss */
.alert-danger .alert-link:hover {
  color: #ffffff; }

/* line 310, /Users/Devin/GitHub/spotio/skin/components/_alerts.scss */
.alert-danger:before {
  color: #ffffff; }

/* line 313, /Users/Devin/GitHub/spotio/skin/components/_alerts.scss */
.alert-info {
  background-color: #4687D6; }

/* line 316, /Users/Devin/GitHub/spotio/skin/components/_alerts.scss */
.alert-info .alert-link {
  color: #ffffff; }

/* line 319, /Users/Devin/GitHub/spotio/skin/components/_alerts.scss */
.alert-info .alert-link:hover {
  color: #ffffff; }

/* line 322, /Users/Devin/GitHub/spotio/skin/components/_alerts.scss */
.alert-info:before {
  color: #ffffff; }

/**
 * Labels
 *
 * For labeling stuff...
 *
 * .label-danger    - To indicate danger.
 * .label-success   - To indicate success.
 * .label-warning   - To warn...
 * .label-info      - To inform!
 *
 * Template: labels
 *
 * Styleguide 60.1
 */
/* line 15, /Users/Devin/GitHub/spotio/skin/components/_labels.scss */
.label {
  display: inline;
  padding: .5em .6em .35em;
  font-size: 12px;
  line-height: 1;
  font-family: "Whitney", "Helvetica Neue", Helvetica, Arial, "Yu Gothic UI", sans-serif;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0.015em;
  font-weight: 200;
  color: #f2f3f6;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: #f2f3f6;
  text-shadow: 0px 0px #f2f3f6;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #9CA6AC;
  border-radius: .25em;
  font-weight: 400; }

/* line 37, /Users/Devin/GitHub/spotio/skin/components/_labels.scss */
.label[href]:hover,
.label[href]:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  background-color: #8b949a; }

/* line 44, /Users/Devin/GitHub/spotio/skin/components/_labels.scss */
.label-danger {
  background-color: #CD1A2B; }

/* line 47, /Users/Devin/GitHub/spotio/skin/components/_labels.scss */
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #a01422; }

/* line 51, /Users/Devin/GitHub/spotio/skin/components/_labels.scss */
.label-success {
  background-color: #008CD6; }

/* line 54, /Users/Devin/GitHub/spotio/skin/components/_labels.scss */
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #168d40; }

/* line 58, /Users/Devin/GitHub/spotio/skin/components/_labels.scss */
.label-warning {
  background-color: #4687D6; }

/* line 61, /Users/Devin/GitHub/spotio/skin/components/_labels.scss */
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #2a6dbf; }

/* line 65, /Users/Devin/GitHub/spotio/skin/components/_labels.scss */
.label-info {
  background-color: #4687D6; }

/* line 68, /Users/Devin/GitHub/spotio/skin/components/_labels.scss */
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #2a6dbf; }

/**
 * Badges
 *
 * Styleguide 60.2
 */
/**
 * Base badge
 *
 * Markup: <a href="#">Inbox <span class="badge">42</span></a>
 *
 * Styleguide 60.2.1
 */
/* line 13, /Users/Devin/GitHub/spotio/skin/components/_badges.scss */
.badge {
  background-color: #4687D6;
  border-radius: 10px;
  color: #FFFFFF;
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  min-width: 10px;
  padding: 4px 7px 2px;
  position: relative;
  text-align: center;
  text-shadow: none;
  top: -1px;
  vertical-align: middle;
  white-space: nowrap; }

/* line 29, /Users/Devin/GitHub/spotio/skin/components/_badges.scss */
.badge:empty {
  display: none; }

/* line 32, /Users/Devin/GitHub/spotio/skin/components/_badges.scss */
a.badge:hover,
a.badge:focus {
  color: #fff;
  cursor: pointer;
  text-decoration: none; }

/* line 38, /Users/Devin/GitHub/spotio/skin/components/_badges.scss */
a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  background-color: #fff;
  color: #FFFFFF; }

/* line 43, /Users/Devin/GitHub/spotio/skin/components/_badges.scss */
.nav-pills > li > a > .badge {
  margin-left: 3px; }

/**
 * Calendar icon
 *
 * Markup:
 *   <div class="calendar-icon">
 *     <div class="calendar-icon-month">Dec</div>
 *     <div class="calendar-icon-day">6</div>
 *   </div>
 *
 * Styleguide 60.3
 */
/* line 57, /Users/Devin/GitHub/spotio/skin/components/_badges.scss */
.calendar-icon {
  margin-right: 10px;
  margin-top: 2px;
  float: left;
  text-align: center;
  width: 42px;
  height: 42px;
  font-weight: bold; }

/* line 66, /Users/Devin/GitHub/spotio/skin/components/_badges.scss */
.calendar-icon-month {
  font-size: 11px;
  text-transform: uppercase;
  background-color: #f80046;
  color: #FFFFFF;
  height: 16px; }

/* line 73, /Users/Devin/GitHub/spotio/skin/components/_badges.scss */
.calendar-icon-day {
  background-color: #FFFFFF;
  color: #dbdbdb;
  height: 32px;
  line-height: 32px;
  font-size: 22px; }

/**
 * Slider
 *
 * Markup:
 *   <div class="slider {$modifiers}" onclick="this.className = 'slider enabled';"><div></div></div>
 *
 * .enabled - For sliders that are enabled
 * .disabled - For sliders that are unchangeable
 *
 * Styleguide 60.4
 */
/* line 12, /Users/Devin/GitHub/spotio/skin/components/_slider.scss */
.slider {
  background: #f2f3f6;
  border: 2px solid #E5E8EA;
  border-radius: 11px;
  height: 22px;
  position: relative;
  transition: border 1.2s linear;
  transition: background 0.4s ease;
  width: 36px; }

/* line 22, /Users/Devin/GitHub/spotio/skin/components/_slider.scss */
.slider.enabled {
  background: #008CD6;
  border-color: transparent; }

/* line 26, /Users/Devin/GitHub/spotio/skin/components/_slider.scss */
.slider.enabled div {
  left: 15px;
  background: #FFFFFF; }

/* line 30, /Users/Devin/GitHub/spotio/skin/components/_slider.scss */
.slider div {
  background: #E5E8EA;
  border-radius: inherit;
  box-shadow: 0 0 1px rgba(86, 102, 111, 0.75), 0 0 3px rgba(86, 102, 111, 0.3);
  height: 22px;
  left: -5px;
  position: absolute;
  top: -2px;
  width: 22px;
  transition: all 0.4s ease; }

/* line 41, /Users/Devin/GitHub/spotio/skin/components/_slider.scss */
.slider:active div {
  background: #FFFFFF;
  width: 26px; }

/* line 45, /Users/Devin/GitHub/spotio/skin/components/_slider.scss */
.slider.enabled:active div {
  left: 15px; }

/* line 48, /Users/Devin/GitHub/spotio/skin/components/_slider.scss */
.slider:hover div {
  background: #FFFFFF; }

/* line 51, /Users/Devin/GitHub/spotio/skin/components/_slider.scss */
.slider.disabled {
  background: #E5E8EA;
  border-color: transparent;
  pointer-events: none; }

/* line 56, /Users/Devin/GitHub/spotio/skin/components/_slider.scss */
.slider.disabled div {
  background: #E5E8EA;
  box-shadow: none; }

/* line 60, /Users/Devin/GitHub/spotio/skin/components/_slider.scss */
.slider.disabled:active div {
  background: #E5E8EA;
  width: 22px; }

/* line 64, /Users/Devin/GitHub/spotio/skin/components/_slider.scss */
.slider.disabled:hover div {
  background: #E5E8EA; }

/* line 67, /Users/Devin/GitHub/spotio/skin/components/_slider.scss */
.slider.disabled.enabled:active div {
  left: 15px; }

/* line 70, /Users/Devin/GitHub/spotio/skin/components/_slider.scss */
.slider:focus {
  outline: 0; }

/**
 * Progress Bar
 *
 * The bar will occupy the full width of the parent container.
 * When the progress bar is being used apply .active to the wrapper to make the
 * handle look pressed. It will also enforce the expanded height while dragging.
 *
 * Length indication is controlled by setting the left property of the .handle and the
 * inverted right value of the .inner bar (1% done is 99% etc).
 *
 * Currently used in the player (web) for song position.
 *
 * Markup:
 *   <div style="width: 150px;">
 *   <div class="progress-bar-wrapper {$modifiers}">
 *   <div class="progress-bar"><div class="inner"><div class="handle"></div></div></div>
 *   </div>
 *   </div>
 *
 * .active - To be controlled with JavaScript to indicate user interaction.
 *
 * Styleguide 60.5
 */
/* line 24, /Users/Devin/GitHub/spotio/skin/components/_progress-bar.scss */
.progress-bar,
.progress-bar .inner {
  background: #E5E8EA;
  border-radius: 2px;
  height: 6px;
  left: 0;
  margin-top: -3px;
  position: absolute;
  right: 0;
  top: 50%; }

/* line 35, /Users/Devin/GitHub/spotio/skin/components/_progress-bar.scss */
.progress-bar .inner {
  background: #008CD6;
  bottom: 0;
  height: inherit;
  left: 0;
  position: absolute;
  right: auto; }

/* line 43, /Users/Devin/GitHub/spotio/skin/components/_progress-bar.scss */
.progress-bar .handle {
  background: #FFFFFF;
  border-radius: 50%;
  border: 3px solid #FFFFFF;
  box-shadow: 0 0 3px rgba(86, 102, 111, 0.4);
  display: block;
  height: 12px;
  opacity: 0;
  position: absolute;
  right: -6px;
  top: -4px;
  width: 12px; }

/* line 56, /Users/Devin/GitHub/spotio/skin/components/_progress-bar.scss */
.progress-bar-wrapper {
  height: 20px;
  position: relative; }

/* line 60, /Users/Devin/GitHub/spotio/skin/components/_progress-bar.scss */
.progress-bar-wrapper.handle:hover .handle,
.progress-bar-wrapper.active .handle {
  opacity: 1; }

/* line 64, /Users/Devin/GitHub/spotio/skin/components/_progress-bar.scss */
.progress-bar-wrapper.active .handle {
  background-color: #FFFFFF;
  box-shadow: 0 0 3px rgba(86, 102, 111, 0.4), inset 2px 2px 3px rgba(86, 102, 111, 0.45); }

/* line 1, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object {
  position: relative; }

/* line 4, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.mo-wrapper {
  overflow: hidden; }

/* line 7, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.mo-image-wrapper {
  height: 100%;
  overflow: hidden;
  padding-bottom: 100%;
  position: relative; }

/* line 13, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.mo-wide-image-wrapper {
  height: 100%;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative; }

/* line 19, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.mo-wide-image {
  -webkit-backface-visibility: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 100%;
  position: absolute;
  width: 100%; }

/* line 28, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.mo-image,
.mo-image-background,
.mo-image-background-color {
  background-position: center;
  background-size: cover;
  height: 100%;
  position: absolute;
  width: 100%; }

/* line 37, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.mo-image {
  -webkit-backface-visibility: hidden;
  background-repeat: no-repeat; }

/* line 41, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.mo-image-background-color {
  background-color: #f2f3f6; }

/* line 44, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.mo-image-background {
  background-repeat: no-repeat;
  background-size: 140%;
  opacity: 0.2; }

/* line 49, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-artist .mo-image,
.media-object-user .mo-image {
  bottom: 10px;
  border-radius: 500px;
  height: auto;
  left: 10px;
  right: 10px;
  top: 10px;
  width: auto; }

/* line 59, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.mo-add,
.mo-play,
.mo-more,
.mo-delete {
  cursor: default;
  max-height: none;
  position: absolute;
  top: 50%;
  visibility: hidden;
  z-index: 4; }

/* line 70, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.mo-add:focus,
.mo-play:focus,
.mo-more:focus,
.mo-delete:focus {
  outline: none; }

/* line 76, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .mo-add {
  left: 16%; }

/* line 79, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .mo-add:before {
  content: "\f139"; }

/* line 82, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .mo-add,
.media-object .mo-more {
  height: 32px;
  line-height: 30px;
  padding-top: 2px;
  padding-left: 32px;
  padding-right: 32px;
  border-radius: 16px;
  background: transparent;
  color: #56666F;
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: transform, box-shadow, color, background-color;
  width: 32px;
  padding-left: 0;
  padding-right: 0;
  margin: -17px 0 0 -17px; }

/* line 99, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .mo-add .b-alt-text,
.media-object .mo-more .b-alt-text {
  margin-top: -30px; }

/* line 103, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .mo-add.contextmenu-active,
.media-object .mo-more.contextmenu-active,
.media-object .mo-add:not(:disabled):hover,
.media-object .mo-more:not(:disabled):hover {
  background-color: transparent;
  color: #00a7ff; }

/* line 110, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .mo-add:not(:disabled):hover:active,
.media-object .mo-more:not(:disabled):hover:active {
  background: transparent;
  color: #008CD6;
  transform: scale(1); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 117, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
  .media-object .mo-add:not(:disabled):hover:active,
  .media-object .mo-more:not(:disabled):hover:active {
    transform: scale(1); } }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 123, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
  .media-object .mo-add,
  .media-object .mo-more {
    transition-duration: 50ms; } }

/* line 128, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .mo-add:after,
.media-object .mo-more:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 134, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
  .media-object .mo-add:after,
  .media-object .mo-more:after {
    transition-duration: 50ms; } }

/* line 139, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .mo-add.contextmenu-active,
.media-object .mo-more.contextmenu-active,
.media-object .mo-add:not(:disabled):hover,
.media-object .mo-more:not(:disabled):hover {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: transform, box-shadow, color, background-color; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 147, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
  .media-object .mo-add.contextmenu-active,
  .media-object .mo-more.contextmenu-active,
  .media-object .mo-add:not(:disabled):hover,
  .media-object .mo-more:not(:disabled):hover {
    transition-duration: 66ms; } }

/* line 154, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .mo-add.contextmenu-active:after,
.media-object .mo-more.contextmenu-active:after,
.media-object .mo-add:not(:disabled):hover:after,
.media-object .mo-more:not(:disabled):hover:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 162, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
  .media-object .mo-add.contextmenu-active:after,
  .media-object .mo-more.contextmenu-active:after,
  .media-object .mo-add:not(:disabled):hover:after,
  .media-object .mo-more:not(:disabled):hover:after {
    transition-duration: 66ms; } }

/* line 169, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .mo-add:not(:disabled):hover:active,
.media-object .mo-more:not(:disabled):hover:active {
  transition: none; }

/* line 173, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .mo-add:not(:disabled):hover:active:after,
.media-object .mo-more:not(:disabled):hover:active:after {
  transition: none; }

/* line 177, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .mo-add:before,
.media-object .mo-more:before {
  font-family: "glue1-spoticon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  line-height: inherit;
  vertical-align: bottom;
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
  border-radius: 500px;
  line-height: 32px;
  font-size: 32px;
  padding-left: 0px;
  width: calc(100% - 0px); }

/* line 197, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .mo-add.button-play:before,
.media-object .mo-more.button-play:before {
  content: "\f132"; }

/* line 201, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .mo-add.button-play.playing:not(:hover),
.media-object .mo-more.button-play.playing:not(:hover),
.tl-row.playing .media-object .mo-add.button-play:not(:hover),
.tl-row.playing .media-object .mo-more.button-play:not(:hover),
.tl-row.playing.media-object .mo-add.button-play:not(:hover),
.tl-row.playing.media-object .mo-more.button-play:not(:hover),
.media-object.playing .media-object .mo-add.button-play:not(:hover),
.media-object.playing .media-object .mo-more.button-play:not(:hover),
.media-object.playing.media-object .mo-add.button-play:not(:hover),
.media-object.playing.media-object .mo-more.button-play:not(:hover) {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 213, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .mo-add.button-play.playing:not(:hover):after,
.media-object .mo-more.button-play.playing:not(:hover):after,
.tl-row.playing .media-object .mo-add.button-play:not(:hover):after,
.tl-row.playing .media-object .mo-more.button-play:not(:hover):after,
.tl-row.playing.media-object .mo-add.button-play:not(:hover):after,
.tl-row.playing.media-object .mo-more.button-play:not(:hover):after,
.media-object.playing .media-object .mo-add.button-play:not(:hover):after,
.media-object.playing .media-object .mo-more.button-play:not(:hover):after,
.media-object.playing.media-object .mo-add.button-play:not(:hover):after,
.media-object.playing.media-object .mo-more.button-play:not(:hover):after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 500px;
  box-shadow: inset 0 0 0 1px transparent; }

/* line 232, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .mo-add.button-play.playing:not(:hover).contextmenu-active,
.media-object .mo-more.button-play.playing:not(:hover).contextmenu-active,
.tl-row.playing .media-object .mo-add.button-play:not(:hover).contextmenu-active,
.tl-row.playing .media-object .mo-more.button-play:not(:hover).contextmenu-active,
.tl-row.playing.media-object .mo-add.button-play:not(:hover).contextmenu-active,
.tl-row.playing.media-object .mo-more.button-play:not(:hover).contextmenu-active,
.media-object.playing .media-object .mo-add.button-play:not(:hover).contextmenu-active,
.media-object.playing .media-object .mo-more.button-play:not(:hover).contextmenu-active,
.media-object.playing.media-object .mo-add.button-play:not(:hover).contextmenu-active,
.media-object.playing.media-object .mo-more.button-play:not(:hover).contextmenu-active,
.media-object .mo-add.button-play.playing:not(:hover):not(:disabled):hover,
.media-object .mo-more.button-play.playing:not(:hover):not(:disabled):hover,
.tl-row.playing .media-object .mo-add.button-play:not(:hover):not(:disabled):hover,
.tl-row.playing .media-object .mo-more.button-play:not(:hover):not(:disabled):hover,
.tl-row.playing.media-object .mo-add.button-play:not(:hover):not(:disabled):hover,
.tl-row.playing.media-object .mo-more.button-play:not(:hover):not(:disabled):hover,
.media-object.playing .media-object .mo-add.button-play:not(:hover):not(:disabled):hover,
.media-object.playing .media-object .mo-more.button-play:not(:hover):not(:disabled):hover,
.media-object.playing.media-object .mo-add.button-play:not(:hover):not(:disabled):hover,
.media-object.playing.media-object .mo-more.button-play:not(:hover):not(:disabled):hover {
  box-shadow: inset 0 0 0 1px transparent, 0 0 0 1px transparent; }

/* line 254, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .mo-add.button-play.playing:not(:hover).contextmenu-active:after,
.media-object .mo-more.button-play.playing:not(:hover).contextmenu-active:after,
.tl-row.playing .media-object .mo-add.button-play:not(:hover).contextmenu-active:after,
.tl-row.playing .media-object .mo-more.button-play:not(:hover).contextmenu-active:after,
.tl-row.playing.media-object .mo-add.button-play:not(:hover).contextmenu-active:after,
.tl-row.playing.media-object .mo-more.button-play:not(:hover).contextmenu-active:after,
.media-object.playing .media-object .mo-add.button-play:not(:hover).contextmenu-active:after,
.media-object.playing .media-object .mo-more.button-play:not(:hover).contextmenu-active:after,
.media-object.playing.media-object .mo-add.button-play:not(:hover).contextmenu-active:after,
.media-object.playing.media-object .mo-more.button-play:not(:hover).contextmenu-active:after,
.media-object .mo-add.button-play.playing:not(:hover):not(:disabled):hover:after,
.media-object .mo-more.button-play.playing:not(:hover):not(:disabled):hover:after,
.tl-row.playing .media-object .mo-add.button-play:not(:hover):not(:disabled):hover:after,
.tl-row.playing .media-object .mo-more.button-play:not(:hover):not(:disabled):hover:after,
.tl-row.playing.media-object .mo-add.button-play:not(:hover):not(:disabled):hover:after,
.tl-row.playing.media-object .mo-more.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing .media-object .mo-add.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing .media-object .mo-more.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing.media-object .mo-add.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing.media-object .mo-more.button-play:not(:hover):not(:disabled):hover:after {
  box-shadow: inset 0 0 0 1px transparent; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 277, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
  .media-object .mo-add.button-play.playing:not(:hover).contextmenu-active,
  .media-object .mo-more.button-play.playing:not(:hover).contextmenu-active,
  .tl-row.playing .media-object .mo-add.button-play:not(:hover).contextmenu-active,
  .tl-row.playing .media-object .mo-more.button-play:not(:hover).contextmenu-active,
  .tl-row.playing.media-object .mo-add.button-play:not(:hover).contextmenu-active,
  .tl-row.playing.media-object .mo-more.button-play:not(:hover).contextmenu-active,
  .media-object.playing .media-object .mo-add.button-play:not(:hover).contextmenu-active,
  .media-object.playing .media-object .mo-more.button-play:not(:hover).contextmenu-active,
  .media-object.playing.media-object .mo-add.button-play:not(:hover).contextmenu-active,
  .media-object.playing.media-object .mo-more.button-play:not(:hover).contextmenu-active,
  .media-object .mo-add.button-play.playing:not(:hover):not(:disabled):hover,
  .media-object .mo-more.button-play.playing:not(:hover):not(:disabled):hover,
  .tl-row.playing .media-object .mo-add.button-play:not(:hover):not(:disabled):hover,
  .tl-row.playing .media-object .mo-more.button-play:not(:hover):not(:disabled):hover,
  .tl-row.playing.media-object .mo-add.button-play:not(:hover):not(:disabled):hover,
  .tl-row.playing.media-object .mo-more.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing .media-object .mo-add.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing .media-object .mo-more.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing.media-object .mo-add.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing.media-object .mo-more.button-play:not(:hover):not(:disabled):hover {
    box-shadow: inset 0 0 0 1px transparent; }
  /* line 299, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
  .media-object .mo-add.button-play.playing:not(:hover).contextmenu-active:after,
  .media-object .mo-more.button-play.playing:not(:hover).contextmenu-active:after,
  .tl-row.playing .media-object .mo-add.button-play:not(:hover).contextmenu-active:after,
  .tl-row.playing .media-object .mo-more.button-play:not(:hover).contextmenu-active:after,
  .tl-row.playing.media-object .mo-add.button-play:not(:hover).contextmenu-active:after,
  .tl-row.playing.media-object .mo-more.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing .media-object .mo-add.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing .media-object .mo-more.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing.media-object .mo-add.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing.media-object .mo-more.button-play:not(:hover).contextmenu-active:after,
  .media-object .mo-add.button-play.playing:not(:hover):not(:disabled):hover:after,
  .media-object .mo-more.button-play.playing:not(:hover):not(:disabled):hover:after,
  .tl-row.playing .media-object .mo-add.button-play:not(:hover):not(:disabled):hover:after,
  .tl-row.playing .media-object .mo-more.button-play:not(:hover):not(:disabled):hover:after,
  .tl-row.playing.media-object .mo-add.button-play:not(:hover):not(:disabled):hover:after,
  .tl-row.playing.media-object .mo-more.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing .media-object .mo-add.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing .media-object .mo-more.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing.media-object .mo-add.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing.media-object .mo-more.button-play:not(:hover):not(:disabled):hover:after {
    box-shadow: inset 0 0 0 1px transparent; } }

/* line 322, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .mo-add.button-play.playing:not(:hover):not(:disabled):hover:active,
.media-object .mo-more.button-play.playing:not(:hover):not(:disabled):hover:active,
.tl-row.playing .media-object .mo-add.button-play:not(:hover):not(:disabled):hover:active,
.tl-row.playing .media-object .mo-more.button-play:not(:hover):not(:disabled):hover:active,
.tl-row.playing.media-object .mo-add.button-play:not(:hover):not(:disabled):hover:active,
.tl-row.playing.media-object .mo-more.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing .media-object .mo-add.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing .media-object .mo-more.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing.media-object .mo-add.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing.media-object .mo-more.button-play:not(:hover):not(:disabled):hover:active {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 334, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .mo-add.button-play.playing:not(:hover):not(:disabled):hover:active:after,
.media-object .mo-more.button-play.playing:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing .media-object .mo-add.button-play:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing .media-object .mo-more.button-play:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing.media-object .mo-add.button-play:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing.media-object .mo-more.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing .media-object .mo-add.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing .media-object .mo-more.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing.media-object .mo-add.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing.media-object .mo-more.button-play:not(:hover):not(:disabled):hover:active:after {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 346, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .mo-add.button-play.playing:not(:hover):before,
.media-object .mo-more.button-play.playing:not(:hover):before,
.tl-row.playing .media-object .mo-add.button-play:not(:hover):before,
.tl-row.playing .media-object .mo-more.button-play:not(:hover):before,
.tl-row.playing.media-object .mo-add.button-play:not(:hover):before,
.tl-row.playing.media-object .mo-more.button-play:not(:hover):before,
.media-object.playing .media-object .mo-add.button-play:not(:hover):before,
.media-object.playing .media-object .mo-more.button-play:not(:hover):before,
.media-object.playing.media-object .mo-add.button-play:not(:hover):before,
.media-object.playing.media-object .mo-more.button-play:not(:hover):before {
  content: "\f1D0";
  padding-left: -2px;
  width: calc(100% - -2px); }

/* line 360, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .mo-add.button-play.playing:hover:before,
.media-object .mo-more.button-play.playing:hover:before,
.tl-row.playing .media-object .mo-add.button-play:hover:before,
.tl-row.playing .media-object .mo-more.button-play:hover:before,
.tl-row.playing.media-object .mo-add.button-play:hover:before,
.tl-row.playing.media-object .mo-more.button-play:hover:before,
.media-object.playing .media-object .mo-add.button-play:hover:before,
.media-object.playing .media-object .mo-more.button-play:hover:before,
.media-object.playing.media-object .mo-add.button-play:hover:before,
.media-object.playing.media-object .mo-more.button-play:hover:before {
  content: "\f130"; }

/* line 372, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .mo-add.active,
.media-object .mo-more.active {
  color: #008CD6; }

/* line 376, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .mo-add.active.contextmenu-active,
.media-object .mo-more.active.contextmenu-active,
.media-object .mo-add.active:not(:disabled):hover,
.media-object .mo-more.active:not(:disabled):hover {
  color: #00a7ff; }

/* line 382, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .mo-add.drop-target-active,
.media-object .mo-more.drop-target-active {
  color: #000000;
  background-color: #FFFFFF; }

/* line 387, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .mo-add.drop-target-active.contextmenu-active,
.media-object .mo-more.drop-target-active.contextmenu-active,
.media-object .mo-add.drop-target-active:not(:disabled):hover,
.media-object .mo-more.drop-target-active:not(:disabled):hover {
  color: #000000; }

/* line 393, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .mo-add.drop-target-active.contextmenu-active,
.media-object .mo-more.drop-target-active.contextmenu-active,
.media-object .mo-add.drop-target-active:not(:disabled):hover,
.media-object .mo-more.drop-target-active:not(:disabled):hover {
  background-color: #56666F; }

/* line 399, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .mo-play {
  height: 56px;
  line-height: 54px;
  padding-top: 2px;
  padding-left: 56px;
  padding-right: 56px;
  border-radius: 28px;
  background: rgba(86, 102, 111, 0.7);
  color: #E5E8EA;
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: transform, box-shadow, color, background-color;
  box-shadow: inset 0 0 0 1px #E5E8EA;
  width: 56px;
  padding-left: 0;
  padding-right: 0;
  left: 50%;
  margin: -28px 0 0 -28px; }

/* line 417, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .mo-play .b-alt-text {
  margin-top: -54px; }

/* line 420, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .mo-play.contextmenu-active,
.media-object .mo-play:not(:disabled):hover {
  background-color: rgba(86, 102, 111, 0.7);
  color: #ffffff; }

/* line 425, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .mo-play:not(:disabled):hover:active {
  background: rgba(16, 16, 16, 0.76);
  color: #ffffff;
  transform: scale(1); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 431, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
  .media-object .mo-play:not(:disabled):hover:active {
    transform: scale(1); } }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 436, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
  .media-object .mo-play {
    transition-duration: 50ms; } }

/* line 440, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .mo-play:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 445, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
  .media-object .mo-play:after {
    transition-duration: 50ms; } }

/* line 449, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .mo-play.contextmenu-active,
.media-object .mo-play:not(:disabled):hover {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: transform, box-shadow, color, background-color; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 455, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
  .media-object .mo-play.contextmenu-active,
  .media-object .mo-play:not(:disabled):hover {
    transition-duration: 66ms; } }

/* line 460, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .mo-play.contextmenu-active:after,
.media-object .mo-play:not(:disabled):hover:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 466, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
  .media-object .mo-play.contextmenu-active:after,
  .media-object .mo-play:not(:disabled):hover:after {
    transition-duration: 66ms; } }

/* line 471, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .mo-play:not(:disabled):hover:active {
  transition: none; }

/* line 474, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .mo-play:not(:disabled):hover:active:after {
  transition: none; }

/* line 477, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .mo-play:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 500px;
  box-shadow: inset 0 0 0 1px #E5E8EA; }

/* line 487, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .mo-play.contextmenu-active,
.media-object .mo-play:not(:disabled):hover {
  box-shadow: inset 0 0 0 1px #56666F, 0 0 0 1px transparent; }

/* line 491, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .mo-play.contextmenu-active:after,
.media-object .mo-play:not(:disabled):hover:after {
  box-shadow: inset 0 0 0 1px #56666F; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 496, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
  .media-object .mo-play.contextmenu-active,
  .media-object .mo-play:not(:disabled):hover {
    box-shadow: inset 0 0 0 1px #56666F; }
  /* line 500, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
  .media-object .mo-play.contextmenu-active:after,
  .media-object .mo-play:not(:disabled):hover:after {
    box-shadow: inset 0 0 0 1px #56666F; } }

/* line 505, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .mo-play:not(:disabled):hover:active {
  box-shadow: inset 0 0 0 1px #8b949a; }

/* line 508, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .mo-play:not(:disabled):hover:active:after {
  box-shadow: inset 0 0 0 1px #8b949a; }

/* line 511, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .mo-play.contextmenu-active,
.media-object .mo-play:not(:disabled):hover {
  transform: scale(1.07142857); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 516, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
  .media-object .mo-play.contextmenu-active,
  .media-object .mo-play:not(:disabled):hover {
    transform: scale(1.07142857); } }

/* line 521, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .mo-play:before {
  font-family: "glue1-spoticon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  line-height: inherit;
  vertical-align: bottom;
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
  border-radius: 500px;
  line-height: 56px;
  font-size: 28px;
  padding-left: 14px;
  width: calc(100% - 14px); }

/* line 540, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .mo-play.button-play:before {
  content: "\f132"; }

/* line 543, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .mo-play.button-play.playing:not(:hover),
.tl-row.playing .media-object .mo-play.button-play:not(:hover),
.tl-row.playing.media-object .mo-play.button-play:not(:hover),
.media-object.playing .media-object .mo-play.button-play:not(:hover),
.media-object.playing.media-object .mo-play.button-play:not(:hover) {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 550, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .mo-play.button-play.playing:not(:hover):after,
.tl-row.playing .media-object .mo-play.button-play:not(:hover):after,
.tl-row.playing.media-object .mo-play.button-play:not(:hover):after,
.media-object.playing .media-object .mo-play.button-play:not(:hover):after,
.media-object.playing.media-object .mo-play.button-play:not(:hover):after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 500px;
  box-shadow: inset 0 0 0 1px transparent; }

/* line 564, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .mo-play.button-play.playing:not(:hover).contextmenu-active,
.tl-row.playing .media-object .mo-play.button-play:not(:hover).contextmenu-active,
.tl-row.playing.media-object .mo-play.button-play:not(:hover).contextmenu-active,
.media-object.playing .media-object .mo-play.button-play:not(:hover).contextmenu-active,
.media-object.playing.media-object .mo-play.button-play:not(:hover).contextmenu-active,
.media-object .mo-play.button-play.playing:not(:hover):not(:disabled):hover,
.tl-row.playing .media-object .mo-play.button-play:not(:hover):not(:disabled):hover,
.tl-row.playing.media-object .mo-play.button-play:not(:hover):not(:disabled):hover,
.media-object.playing .media-object .mo-play.button-play:not(:hover):not(:disabled):hover,
.media-object.playing.media-object .mo-play.button-play:not(:hover):not(:disabled):hover {
  box-shadow: inset 0 0 0 1px transparent, 0 0 0 1px transparent; }

/* line 576, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .mo-play.button-play.playing:not(:hover).contextmenu-active:after,
.tl-row.playing .media-object .mo-play.button-play:not(:hover).contextmenu-active:after,
.tl-row.playing.media-object .mo-play.button-play:not(:hover).contextmenu-active:after,
.media-object.playing .media-object .mo-play.button-play:not(:hover).contextmenu-active:after,
.media-object.playing.media-object .mo-play.button-play:not(:hover).contextmenu-active:after,
.media-object .mo-play.button-play.playing:not(:hover):not(:disabled):hover:after,
.tl-row.playing .media-object .mo-play.button-play:not(:hover):not(:disabled):hover:after,
.tl-row.playing.media-object .mo-play.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing .media-object .mo-play.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing.media-object .mo-play.button-play:not(:hover):not(:disabled):hover:after {
  box-shadow: inset 0 0 0 1px transparent; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 589, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
  .media-object .mo-play.button-play.playing:not(:hover).contextmenu-active,
  .tl-row.playing .media-object .mo-play.button-play:not(:hover).contextmenu-active,
  .tl-row.playing.media-object .mo-play.button-play:not(:hover).contextmenu-active,
  .media-object.playing .media-object .mo-play.button-play:not(:hover).contextmenu-active,
  .media-object.playing.media-object .mo-play.button-play:not(:hover).contextmenu-active,
  .media-object .mo-play.button-play.playing:not(:hover):not(:disabled):hover,
  .tl-row.playing .media-object .mo-play.button-play:not(:hover):not(:disabled):hover,
  .tl-row.playing.media-object .mo-play.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing .media-object .mo-play.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing.media-object .mo-play.button-play:not(:hover):not(:disabled):hover {
    box-shadow: inset 0 0 0 1px transparent; }
  /* line 601, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
  .media-object .mo-play.button-play.playing:not(:hover).contextmenu-active:after,
  .tl-row.playing .media-object .mo-play.button-play:not(:hover).contextmenu-active:after,
  .tl-row.playing.media-object .mo-play.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing .media-object .mo-play.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing.media-object .mo-play.button-play:not(:hover).contextmenu-active:after,
  .media-object .mo-play.button-play.playing:not(:hover):not(:disabled):hover:after,
  .tl-row.playing .media-object .mo-play.button-play:not(:hover):not(:disabled):hover:after,
  .tl-row.playing.media-object .mo-play.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing .media-object .mo-play.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing.media-object .mo-play.button-play:not(:hover):not(:disabled):hover:after {
    box-shadow: inset 0 0 0 1px transparent; } }

/* line 614, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .mo-play.button-play.playing:not(:hover):not(:disabled):hover:active,
.tl-row.playing .media-object .mo-play.button-play:not(:hover):not(:disabled):hover:active,
.tl-row.playing.media-object .mo-play.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing .media-object .mo-play.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing.media-object .mo-play.button-play:not(:hover):not(:disabled):hover:active {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 621, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .mo-play.button-play.playing:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing .media-object .mo-play.button-play:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing.media-object .mo-play.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing .media-object .mo-play.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing.media-object .mo-play.button-play:not(:hover):not(:disabled):hover:active:after {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 628, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .mo-play.button-play.playing:not(:hover):before,
.tl-row.playing .media-object .mo-play.button-play:not(:hover):before,
.tl-row.playing.media-object .mo-play.button-play:not(:hover):before,
.media-object.playing .media-object .mo-play.button-play:not(:hover):before,
.media-object.playing.media-object .mo-play.button-play:not(:hover):before {
  content: "\f1D0";
  padding-left: 12.25px;
  width: calc(100% - 12.25px); }

/* line 637, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .mo-play.button-play.playing:hover:before,
.tl-row.playing .media-object .mo-play.button-play:hover:before,
.tl-row.playing.media-object .mo-play.button-play:hover:before,
.media-object.playing .media-object .mo-play.button-play:hover:before,
.media-object.playing.media-object .mo-play.button-play:hover:before {
  content: "\f130"; }

/* line 644, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .mo-play:disabled:not(.current) {
  pointer-events: auto; }

/* line 647, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object.playing .mo-play,
.media-object .mo-play.playing {
  visibility: visible; }

/* line 651, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object.added .mo-add:before {
  content: "\f1C9" !important; }

/* line 654, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object.added .mo-add:hover:not(.just-changed):not(.stay-added):before {
  content: "\f1C5" !important; }

/* line 657, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.mo-more {
  left: 84%; }

/* line 660, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.mo-delete {
  top: 13px;
  right: 18px;
  margin: 0; }

/* line 665, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.mo-delete:before {
  content: "\f161";
  font-size: 24px; }

/* line 669, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.mo-image-wrapper:hover .mo-add,
.mo-wide-image-wrapper:hover .mo-add,
.mo-image-wrapper:hover .mo-more,
.mo-wide-image-wrapper:hover .mo-more,
.mo-image-wrapper:hover .mo-play,
.mo-wide-image-wrapper:hover .mo-play,
.mo-image-wrapper:hover .mo-overlay,
.mo-wide-image-wrapper:hover .mo-overlay,
.mo-image-wrapper:hover .mo-delete,
.mo-wide-image-wrapper:hover .mo-delete {
  visibility: visible; }

/* line 681, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.mo-overlay {
  background: rgba(255, 255, 255, 0.75);
  height: 100%;
  position: absolute;
  visibility: hidden;
  width: 105%;
  z-index: 3; }

@keyframes previewing {
  0% {
    border-color: rgba(255, 255, 255, 0.2); }
  50% {
    border-color: #FFFFFF; }
  100% {
    border-color: rgba(255, 255, 255, 0.2); } }

@-webkit-keyframes previewing {
  0% {
    border-color: rgba(255, 255, 255, 0.2); }
  50% {
    border-color: #FFFFFF; }
  100% {
    border-color: rgba(255, 255, 255, 0.2); } }

/* line 711, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object.previewing .mo-play {
  -webkit-animation: previewing 1.3s linear infinite;
  animation: previewing 1.3s linear infinite; }

/* line 715, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object.previewing .mo-play:after {
  -webkit-animation: previewing 1.3s linear infinite;
  animation: previewing 1.3s linear infinite; }

/* line 719, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.mo-placeholder {
  font-family: "glue1-spoticon";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  line-height: inherit;
  font-size: 9.5px;
  height: 60%;
  left: 20%;
  position: absolute;
  text-anchor: middle;
  top: 20%;
  vertical-align: bottom;
  width: 60%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* line 736, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object .album-placeholder,
.media-object .artist-placeholder,
.media-object .playlist-placeholder,
.media-object .playlist-folder-placeholder,
.media-object .user-placeholder,
.media-object .genre-placeholder,
.media-object .collection-placeholder,
.media-object .local-files-placeholder {
  display: none;
  fill: #56666F; }

/* line 747, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-album .album-placeholder {
  display: block; }

/* line 750, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-artist .artist-placeholder {
  display: block; }

/* line 753, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-playlist .playlist-placeholder {
  display: block; }

/* line 756, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-playlist-folder .playlist-folder-placeholder {
  display: block; }

/* line 759, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-user .user-placeholder {
  display: block; }

/* line 762, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-genre .genre-placeholder {
  display: block; }

/* line 765, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-collection .collection-placeholder {
  display: block; }

/* line 768, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-local-files .local-files-placeholder {
  display: block; }

/* line 771, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.mo-verified {
  background-color: #4687D6;
  border-radius: 100px;
  bottom: 14%;
  color: #FFFFFF;
  display: none;
  font-size: 16px;
  height: 20px;
  line-height: 20px;
  margin: 0 -10px -10px 0;
  position: absolute;
  right: 23%;
  width: 20px; }

/* line 785, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.mo-verified .spoticon-check-16 {
  display: block;
  text-align: center; }

/* line 789, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.mo-verified .spoticon-check-16:before {
  font-size: 12px;
  line-height: inherit; }

/* line 793, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-simple.media-object-artist .mo-verified,
.media-object-simple.media-object-user .mo-verified,
.media-object-transparent.media-object-artist .mo-verified,
.media-object-transparent.media-object-user .mo-verified {
  bottom: 9%;
  right: 20%; }

/* line 800, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-artist.verified .mo-verified,
.media-object-user.verified .mo-verified {
  display: block; }

/* line 804, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-small.media-object-horizontal .mo-verified {
  height: 14px;
  line-height: 15px;
  margin: 0 -7px -7px 0;
  width: 14px; }

/* line 810, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-small.media-object-horizontal .mo-verified .spoticon-check-16:before {
  font-size: 10px; }

/* line 813, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.mo-info {
  background-color: #E5E8EA;
  padding: 13px 8px 4px;
  height: 63px; }

/* line 818, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.mo-info.description {
  height: 117px; }

/* line 821, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.mo-info.meta {
  height: 94px; }

/* line 824, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.mo-info.subtitle {
  height: 90px; }

/* line 827, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.mo-info.description.meta {
  height: 144px; }

/* line 830, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.mo-info.description.subtitle {
  height: 144px; }

/* line 833, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.mo-info.subtitle.meta {
  height: 121px; }

/* line 836, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.mo-info.subtitle.meta.description {
  height: 175px; }

/* line 839, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.mo-info.socialproof.description {
  height: 154px; }

/* line 842, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.mo-info.socialproof.meta {
  height: 131px; }

/* line 845, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.mo-info.socialproof.subtitle {
  height: 127px; }

/* line 848, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.mo-info.socialproof.description.meta {
  height: 181px; }

/* line 851, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.mo-info.socialproof.description.subtitle {
  height: 181px; }

/* line 854, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.mo-info.socialproof.subtitle.meta {
  height: 158px; }

/* line 857, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.mo-info.socialproof.subtitle.meta.description {
  height: 212px; }

/* line 860, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.mo-info-wrapper {
  height: 100%;
  position: relative; }

/* line 864, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.mo-description,
.mo-meta,
.mo-subtitle,
.mo-title {
  display: block;
  margin: 0 0 8px;
  max-width: 100%; }

/* line 872, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.mo-description {
  font-family: "Whitney", "Helvetica Neue", Helvetica, Arial, "Yu Gothic UI", sans-serif;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.015em;
  margin-bottom: 8px;
  line-height: 20px;
  max-height: 60px;
  overflow: hidden;
  position: relative;
  white-space: normal; }

/* line 884, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.mo-description .ellipsis {
  content: ' ';
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 20px;
  position: absolute;
  right: 0;
  top: 40px;
  width: 100%;
  background-image: -webkit-gradient(linear, 70% top, 100% top, from(rgba(40, 40, 40, 0)), to(#E5E8EA));
  background-image: -moz-linear-gradient(left, rgba(40, 40, 40, 0) 70%, #E5E8EA 100%);
  background-image: linear-gradient(to right, rgba(40, 40, 40, 0) 70%, #E5E8EA 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00282828', endColorstr='#ff282828', GradientType=1); }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* line 901, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
  .mo-description {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* number of lines to show */
    -webkit-box-orient: vertical; }
  /* line 909, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
  .mo-description .ellipsis {
    display: none !important; } }

/* line 913, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.mo-meta {
  font-family: "Whitney", "Helvetica Neue", Helvetica, Arial, "Yu Gothic UI", sans-serif;
  font-size: 11px;
  letter-spacing: 0.015em;
  font-weight: 200;
  color: #9CA6AC;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 16px;
  bottom: 0;
  position: absolute; }

/* line 929, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.mo-subtitle {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

/* line 935, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.mo-title-border {
  border-bottom: 1px solid transparent; }

/* line 938, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.mo-title {
  border-bottom: none;
  line-height: 20px;
  max-height: 40px;
  overflow: hidden;
  position: relative;
  white-space: normal; }

/* line 946, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.mo-title .ellipsis {
  content: ' ';
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 20px;
  position: absolute;
  right: 0;
  top: 20px;
  width: 100%;
  background-image: -webkit-gradient(linear, 70% top, 100% top, from(rgba(40, 40, 40, 0)), to(#E5E8EA));
  background-image: -moz-linear-gradient(left, rgba(40, 40, 40, 0) 70%, #E5E8EA 100%);
  background-image: linear-gradient(to right, rgba(40, 40, 40, 0) 70%, #E5E8EA 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00282828', endColorstr='#ff282828', GradientType=1); }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* line 963, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
  .mo-title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    -webkit-box-orient: vertical; }
  /* line 971, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
  .mo-title .ellipsis {
    display: none !important; } }

/* line 975, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.mo-title:hover .mo-title-border {
  border-bottom-color: currentcolor; }

/* line 978, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-horizontal {
  height: 100px; }

/* line 981, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-horizontal .mo-image-wrapper {
  float: left;
  padding: 0;
  height: 100px;
  width: 100px; }

/* line 987, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-horizontal .mo-overlay {
  height: 100%;
  width: 100%; }

/* line 991, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-horizontal .mo-info {
  padding-right: 16px;
  padding-left: 16px;
  margin-left: 100px;
  min-height: 100px;
  height: 100px !important; }

/* line 998, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-horizontal .mo-add,
.media-object-horizontal .mo-more,
.media-object-horizontal .mo-description {
  display: none; }

/* line 1003, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-horizontal .facepile .mo-image-wrapper {
  height: auto;
  padding-bottom: 100%;
  width: 100%; }

/* line 1008, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-medium.media-object-horizontal {
  height: 76px; }

/* line 1011, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-medium.media-object-horizontal .mo-image-wrapper {
  height: 76px;
  width: 76px; }

/* line 1015, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-medium.media-object-horizontal .mo-info {
  margin-left: 76px;
  min-height: 76px;
  height: 76px !important; }

/* line 1020, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-medium.media-object-horizontal .button.mo-play {
  margin: -18px 0 0 -18px;
  height: 36px;
  line-height: 34px;
  padding-top: 2px;
  padding-left: 36px;
  padding-right: 36px;
  border-radius: 18px;
  background: rgba(86, 102, 111, 0.7);
  color: #FFFFFF;
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: transform, box-shadow, color, background-color;
  box-shadow: inset 0 0 0 1px #A0A0A0;
  width: 36px;
  padding-left: 0;
  padding-right: 0; }

/* line 1037, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-medium.media-object-horizontal .button.mo-play .b-alt-text {
  margin-top: -34px; }

/* line 1040, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-medium.media-object-horizontal .button.mo-play.contextmenu-active,
.media-object-medium.media-object-horizontal .button.mo-play:not(:disabled):hover {
  background-color: rgba(86, 102, 111, 0.7);
  color: #ffffff; }

/* line 1045, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-medium.media-object-horizontal .button.mo-play:not(:disabled):hover:active {
  background: rgba(16, 16, 16, 0.76);
  color: #cccccc;
  transform: scale(1); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1051, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
  .media-object-medium.media-object-horizontal .button.mo-play:not(:disabled):hover:active {
    transform: scale(1); } }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1056, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
  .media-object-medium.media-object-horizontal .button.mo-play {
    transition-duration: 50ms; } }

/* line 1060, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-medium.media-object-horizontal .button.mo-play:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1065, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
  .media-object-medium.media-object-horizontal .button.mo-play:after {
    transition-duration: 50ms; } }

/* line 1069, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-medium.media-object-horizontal .button.mo-play.contextmenu-active,
.media-object-medium.media-object-horizontal .button.mo-play:not(:disabled):hover {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: transform, box-shadow, color, background-color; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1075, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
  .media-object-medium.media-object-horizontal .button.mo-play.contextmenu-active,
  .media-object-medium.media-object-horizontal .button.mo-play:not(:disabled):hover {
    transition-duration: 66ms; } }

/* line 1080, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-medium.media-object-horizontal .button.mo-play.contextmenu-active:after,
.media-object-medium.media-object-horizontal .button.mo-play:not(:disabled):hover:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1086, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
  .media-object-medium.media-object-horizontal .button.mo-play.contextmenu-active:after,
  .media-object-medium.media-object-horizontal .button.mo-play:not(:disabled):hover:after {
    transition-duration: 66ms; } }

/* line 1091, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-medium.media-object-horizontal .button.mo-play:not(:disabled):hover:active {
  transition: none; }

/* line 1094, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-medium.media-object-horizontal .button.mo-play:not(:disabled):hover:active:after {
  transition: none; }

/* line 1097, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-medium.media-object-horizontal .button.mo-play:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 500px;
  box-shadow: inset 0 0 0 1px #A0A0A0; }

/* line 1107, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-medium.media-object-horizontal .button.mo-play.contextmenu-active,
.media-object-medium.media-object-horizontal .button.mo-play:not(:disabled):hover {
  box-shadow: inset 0 0 0 1px #FFFFFF, 0 0 0 1px transparent; }

/* line 1111, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-medium.media-object-horizontal .button.mo-play.contextmenu-active:after,
.media-object-medium.media-object-horizontal .button.mo-play:not(:disabled):hover:after {
  box-shadow: inset 0 0 0 1px #FFFFFF; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1116, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
  .media-object-medium.media-object-horizontal .button.mo-play.contextmenu-active,
  .media-object-medium.media-object-horizontal .button.mo-play:not(:disabled):hover {
    box-shadow: inset 0 0 0 1px #FFFFFF; }
  /* line 1120, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
  .media-object-medium.media-object-horizontal .button.mo-play.contextmenu-active:after,
  .media-object-medium.media-object-horizontal .button.mo-play:not(:disabled):hover:after {
    box-shadow: inset 0 0 0 1px #FFFFFF; } }

/* line 1125, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-medium.media-object-horizontal .button.mo-play:not(:disabled):hover:active {
  box-shadow: inset 0 0 0 1px #808080; }

/* line 1128, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-medium.media-object-horizontal .button.mo-play:not(:disabled):hover:active:after {
  box-shadow: inset 0 0 0 1px #808080; }

/* line 1131, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-medium.media-object-horizontal .button.mo-play.contextmenu-active,
.media-object-medium.media-object-horizontal .button.mo-play:not(:disabled):hover {
  transform: scale(1.11111111); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1136, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
  .media-object-medium.media-object-horizontal .button.mo-play.contextmenu-active,
  .media-object-medium.media-object-horizontal .button.mo-play:not(:disabled):hover {
    transform: scale(1.11111111); } }

/* line 1141, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-medium.media-object-horizontal .button.mo-play:before {
  font-family: "glue1-spoticon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  line-height: inherit;
  vertical-align: bottom;
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
  border-radius: 500px;
  line-height: 36px;
  font-size: 18px;
  padding-left: 9px;
  width: calc(100% - 9px); }

/* line 1160, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-medium.media-object-horizontal .button.mo-play.button-play:before {
  content: "\f132"; }

/* line 1163, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-medium.media-object-horizontal .button.mo-play.button-play.playing:not(:hover),
.tl-row.playing .media-object-medium.media-object-horizontal .button.mo-play.button-play:not(:hover),
.tl-row.playing.media-object-medium.media-object-horizontal .button.mo-play.button-play:not(:hover),
.media-object.playing .media-object-medium.media-object-horizontal .button.mo-play.button-play:not(:hover),
.media-object.playing.media-object-medium.media-object-horizontal .button.mo-play.button-play:not(:hover) {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 1170, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-medium.media-object-horizontal .button.mo-play.button-play.playing:not(:hover):after,
.tl-row.playing .media-object-medium.media-object-horizontal .button.mo-play.button-play:not(:hover):after,
.tl-row.playing.media-object-medium.media-object-horizontal .button.mo-play.button-play:not(:hover):after,
.media-object.playing .media-object-medium.media-object-horizontal .button.mo-play.button-play:not(:hover):after,
.media-object.playing.media-object-medium.media-object-horizontal .button.mo-play.button-play:not(:hover):after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 500px;
  box-shadow: inset 0 0 0 1px transparent; }

/* line 1184, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-medium.media-object-horizontal .button.mo-play.button-play.playing:not(:hover).contextmenu-active,
.tl-row.playing .media-object-medium.media-object-horizontal .button.mo-play.button-play:not(:hover).contextmenu-active,
.tl-row.playing.media-object-medium.media-object-horizontal .button.mo-play.button-play:not(:hover).contextmenu-active,
.media-object.playing .media-object-medium.media-object-horizontal .button.mo-play.button-play:not(:hover).contextmenu-active,
.media-object.playing.media-object-medium.media-object-horizontal .button.mo-play.button-play:not(:hover).contextmenu-active,
.media-object-medium.media-object-horizontal .button.mo-play.button-play.playing:not(:hover):not(:disabled):hover,
.tl-row.playing .media-object-medium.media-object-horizontal .button.mo-play.button-play:not(:hover):not(:disabled):hover,
.tl-row.playing.media-object-medium.media-object-horizontal .button.mo-play.button-play:not(:hover):not(:disabled):hover,
.media-object.playing .media-object-medium.media-object-horizontal .button.mo-play.button-play:not(:hover):not(:disabled):hover,
.media-object.playing.media-object-medium.media-object-horizontal .button.mo-play.button-play:not(:hover):not(:disabled):hover {
  box-shadow: inset 0 0 0 1px transparent, 0 0 0 1px transparent; }

/* line 1196, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-medium.media-object-horizontal .button.mo-play.button-play.playing:not(:hover).contextmenu-active:after,
.tl-row.playing .media-object-medium.media-object-horizontal .button.mo-play.button-play:not(:hover).contextmenu-active:after,
.tl-row.playing.media-object-medium.media-object-horizontal .button.mo-play.button-play:not(:hover).contextmenu-active:after,
.media-object.playing .media-object-medium.media-object-horizontal .button.mo-play.button-play:not(:hover).contextmenu-active:after,
.media-object.playing.media-object-medium.media-object-horizontal .button.mo-play.button-play:not(:hover).contextmenu-active:after,
.media-object-medium.media-object-horizontal .button.mo-play.button-play.playing:not(:hover):not(:disabled):hover:after,
.tl-row.playing .media-object-medium.media-object-horizontal .button.mo-play.button-play:not(:hover):not(:disabled):hover:after,
.tl-row.playing.media-object-medium.media-object-horizontal .button.mo-play.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing .media-object-medium.media-object-horizontal .button.mo-play.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing.media-object-medium.media-object-horizontal .button.mo-play.button-play:not(:hover):not(:disabled):hover:after {
  box-shadow: inset 0 0 0 1px transparent; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1209, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
  .media-object-medium.media-object-horizontal .button.mo-play.button-play.playing:not(:hover).contextmenu-active,
  .tl-row.playing .media-object-medium.media-object-horizontal .button.mo-play.button-play:not(:hover).contextmenu-active,
  .tl-row.playing.media-object-medium.media-object-horizontal .button.mo-play.button-play:not(:hover).contextmenu-active,
  .media-object.playing .media-object-medium.media-object-horizontal .button.mo-play.button-play:not(:hover).contextmenu-active,
  .media-object.playing.media-object-medium.media-object-horizontal .button.mo-play.button-play:not(:hover).contextmenu-active,
  .media-object-medium.media-object-horizontal .button.mo-play.button-play.playing:not(:hover):not(:disabled):hover,
  .tl-row.playing .media-object-medium.media-object-horizontal .button.mo-play.button-play:not(:hover):not(:disabled):hover,
  .tl-row.playing.media-object-medium.media-object-horizontal .button.mo-play.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing .media-object-medium.media-object-horizontal .button.mo-play.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing.media-object-medium.media-object-horizontal .button.mo-play.button-play:not(:hover):not(:disabled):hover {
    box-shadow: inset 0 0 0 1px transparent; }
  /* line 1221, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
  .media-object-medium.media-object-horizontal .button.mo-play.button-play.playing:not(:hover).contextmenu-active:after,
  .tl-row.playing .media-object-medium.media-object-horizontal .button.mo-play.button-play:not(:hover).contextmenu-active:after,
  .tl-row.playing.media-object-medium.media-object-horizontal .button.mo-play.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing .media-object-medium.media-object-horizontal .button.mo-play.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing.media-object-medium.media-object-horizontal .button.mo-play.button-play:not(:hover).contextmenu-active:after,
  .media-object-medium.media-object-horizontal .button.mo-play.button-play.playing:not(:hover):not(:disabled):hover:after,
  .tl-row.playing .media-object-medium.media-object-horizontal .button.mo-play.button-play:not(:hover):not(:disabled):hover:after,
  .tl-row.playing.media-object-medium.media-object-horizontal .button.mo-play.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing .media-object-medium.media-object-horizontal .button.mo-play.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing.media-object-medium.media-object-horizontal .button.mo-play.button-play:not(:hover):not(:disabled):hover:after {
    box-shadow: inset 0 0 0 1px transparent; } }

/* line 1234, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-medium.media-object-horizontal .button.mo-play.button-play.playing:not(:hover):not(:disabled):hover:active,
.tl-row.playing .media-object-medium.media-object-horizontal .button.mo-play.button-play:not(:hover):not(:disabled):hover:active,
.tl-row.playing.media-object-medium.media-object-horizontal .button.mo-play.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing .media-object-medium.media-object-horizontal .button.mo-play.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing.media-object-medium.media-object-horizontal .button.mo-play.button-play:not(:hover):not(:disabled):hover:active {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 1241, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-medium.media-object-horizontal .button.mo-play.button-play.playing:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing .media-object-medium.media-object-horizontal .button.mo-play.button-play:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing.media-object-medium.media-object-horizontal .button.mo-play.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing .media-object-medium.media-object-horizontal .button.mo-play.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing.media-object-medium.media-object-horizontal .button.mo-play.button-play:not(:hover):not(:disabled):hover:active:after {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 1248, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-medium.media-object-horizontal .button.mo-play.button-play.playing:not(:hover):before,
.tl-row.playing .media-object-medium.media-object-horizontal .button.mo-play.button-play:not(:hover):before,
.tl-row.playing.media-object-medium.media-object-horizontal .button.mo-play.button-play:not(:hover):before,
.media-object.playing .media-object-medium.media-object-horizontal .button.mo-play.button-play:not(:hover):before,
.media-object.playing.media-object-medium.media-object-horizontal .button.mo-play.button-play:not(:hover):before {
  content: "\f1D0";
  padding-left: 7.875px;
  width: calc(100% - 7.875px); }

/* line 1257, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-medium.media-object-horizontal .button.mo-play.button-play.playing:hover:before,
.tl-row.playing .media-object-medium.media-object-horizontal .button.mo-play.button-play:hover:before,
.tl-row.playing.media-object-medium.media-object-horizontal .button.mo-play.button-play:hover:before,
.media-object.playing .media-object-medium.media-object-horizontal .button.mo-play.button-play:hover:before,
.media-object.playing.media-object-medium.media-object-horizontal .button.mo-play.button-play:hover:before {
  content: "\f130"; }

/* line 1264, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-small .mo-add,
.media-object-small .mo-more,
.media-object-small .mo-subtitle,
.media-object-small .mo-description,
.media-object-small .facepile,
.media-object-small .facepile-badge {
  display: none; }

/* line 1272, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-small .mo-info {
  height: 60px !important; }

/* line 1275, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-small.media-object-horizontal {
  height: 50px; }

/* line 1278, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-small.media-object-horizontal .mo-image-wrapper {
  height: 50px;
  width: 50px; }

/* line 1282, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-small.media-object-horizontal.media-object-artist .mo-image,
.media-object-small.media-object-horizontal.media-object-user .mo-image {
  bottom: 5px;
  left: 5px;
  right: 5px;
  top: 5px; }

/* line 1289, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-small.media-object-horizontal .mo-info {
  margin-left: 50px;
  min-height: 50px;
  height: 50px !important; }

/* line 1294, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-small.media-object-horizontal .button.mo-play {
  margin: -18px 0 0 -18px;
  height: 36px;
  line-height: 34px;
  padding-top: 2px;
  padding-left: 36px;
  padding-right: 36px;
  border-radius: 18px;
  background: rgba(86, 102, 111, 0.7);
  color: #FFFFFF;
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: transform, box-shadow, color, background-color;
  box-shadow: inset 0 0 0 1px #A0A0A0;
  width: 36px;
  padding-left: 0;
  padding-right: 0; }

/* line 1311, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-small.media-object-horizontal .button.mo-play .b-alt-text {
  margin-top: -34px; }

/* line 1314, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-small.media-object-horizontal .button.mo-play.contextmenu-active,
.media-object-small.media-object-horizontal .button.mo-play:not(:disabled):hover {
  background-color: rgba(86, 102, 111, 0.7);
  color: #ffffff; }

/* line 1319, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-small.media-object-horizontal .button.mo-play:not(:disabled):hover:active {
  background: rgba(16, 16, 16, 0.76);
  color: #cccccc;
  transform: scale(1); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1325, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
  .media-object-small.media-object-horizontal .button.mo-play:not(:disabled):hover:active {
    transform: scale(1); } }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1330, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
  .media-object-small.media-object-horizontal .button.mo-play {
    transition-duration: 50ms; } }

/* line 1334, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-small.media-object-horizontal .button.mo-play:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1339, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
  .media-object-small.media-object-horizontal .button.mo-play:after {
    transition-duration: 50ms; } }

/* line 1343, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-small.media-object-horizontal .button.mo-play.contextmenu-active,
.media-object-small.media-object-horizontal .button.mo-play:not(:disabled):hover {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: transform, box-shadow, color, background-color; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1349, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
  .media-object-small.media-object-horizontal .button.mo-play.contextmenu-active,
  .media-object-small.media-object-horizontal .button.mo-play:not(:disabled):hover {
    transition-duration: 66ms; } }

/* line 1354, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-small.media-object-horizontal .button.mo-play.contextmenu-active:after,
.media-object-small.media-object-horizontal .button.mo-play:not(:disabled):hover:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1360, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
  .media-object-small.media-object-horizontal .button.mo-play.contextmenu-active:after,
  .media-object-small.media-object-horizontal .button.mo-play:not(:disabled):hover:after {
    transition-duration: 66ms; } }

/* line 1365, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-small.media-object-horizontal .button.mo-play:not(:disabled):hover:active {
  transition: none; }

/* line 1368, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-small.media-object-horizontal .button.mo-play:not(:disabled):hover:active:after {
  transition: none; }

/* line 1371, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-small.media-object-horizontal .button.mo-play:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 500px;
  box-shadow: inset 0 0 0 1px #A0A0A0; }

/* line 1381, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-small.media-object-horizontal .button.mo-play.contextmenu-active,
.media-object-small.media-object-horizontal .button.mo-play:not(:disabled):hover {
  box-shadow: inset 0 0 0 1px #FFFFFF, 0 0 0 1px transparent; }

/* line 1385, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-small.media-object-horizontal .button.mo-play.contextmenu-active:after,
.media-object-small.media-object-horizontal .button.mo-play:not(:disabled):hover:after {
  box-shadow: inset 0 0 0 1px #FFFFFF; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1390, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
  .media-object-small.media-object-horizontal .button.mo-play.contextmenu-active,
  .media-object-small.media-object-horizontal .button.mo-play:not(:disabled):hover {
    box-shadow: inset 0 0 0 1px #FFFFFF; }
  /* line 1394, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
  .media-object-small.media-object-horizontal .button.mo-play.contextmenu-active:after,
  .media-object-small.media-object-horizontal .button.mo-play:not(:disabled):hover:after {
    box-shadow: inset 0 0 0 1px #FFFFFF; } }

/* line 1399, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-small.media-object-horizontal .button.mo-play:not(:disabled):hover:active {
  box-shadow: inset 0 0 0 1px #808080; }

/* line 1402, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-small.media-object-horizontal .button.mo-play:not(:disabled):hover:active:after {
  box-shadow: inset 0 0 0 1px #808080; }

/* line 1405, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-small.media-object-horizontal .button.mo-play.contextmenu-active,
.media-object-small.media-object-horizontal .button.mo-play:not(:disabled):hover {
  transform: scale(1.11111111); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1410, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
  .media-object-small.media-object-horizontal .button.mo-play.contextmenu-active,
  .media-object-small.media-object-horizontal .button.mo-play:not(:disabled):hover {
    transform: scale(1.11111111); } }

/* line 1415, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-small.media-object-horizontal .button.mo-play:before {
  font-family: "glue1-spoticon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  line-height: inherit;
  vertical-align: bottom;
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
  border-radius: 500px;
  line-height: 36px;
  font-size: 18px;
  padding-left: 9px;
  width: calc(100% - 9px); }

/* line 1434, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-small.media-object-horizontal .button.mo-play.button-play:before {
  content: "\f132"; }

/* line 1437, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-small.media-object-horizontal .button.mo-play.button-play.playing:not(:hover),
.tl-row.playing .media-object-small.media-object-horizontal .button.mo-play.button-play:not(:hover),
.tl-row.playing.media-object-small.media-object-horizontal .button.mo-play.button-play:not(:hover),
.media-object.playing .media-object-small.media-object-horizontal .button.mo-play.button-play:not(:hover),
.media-object.playing.media-object-small.media-object-horizontal .button.mo-play.button-play:not(:hover) {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 1444, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-small.media-object-horizontal .button.mo-play.button-play.playing:not(:hover):after,
.tl-row.playing .media-object-small.media-object-horizontal .button.mo-play.button-play:not(:hover):after,
.tl-row.playing.media-object-small.media-object-horizontal .button.mo-play.button-play:not(:hover):after,
.media-object.playing .media-object-small.media-object-horizontal .button.mo-play.button-play:not(:hover):after,
.media-object.playing.media-object-small.media-object-horizontal .button.mo-play.button-play:not(:hover):after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 500px;
  box-shadow: inset 0 0 0 1px transparent; }

/* line 1458, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-small.media-object-horizontal .button.mo-play.button-play.playing:not(:hover).contextmenu-active,
.tl-row.playing .media-object-small.media-object-horizontal .button.mo-play.button-play:not(:hover).contextmenu-active,
.tl-row.playing.media-object-small.media-object-horizontal .button.mo-play.button-play:not(:hover).contextmenu-active,
.media-object.playing .media-object-small.media-object-horizontal .button.mo-play.button-play:not(:hover).contextmenu-active,
.media-object.playing.media-object-small.media-object-horizontal .button.mo-play.button-play:not(:hover).contextmenu-active,
.media-object-small.media-object-horizontal .button.mo-play.button-play.playing:not(:hover):not(:disabled):hover,
.tl-row.playing .media-object-small.media-object-horizontal .button.mo-play.button-play:not(:hover):not(:disabled):hover,
.tl-row.playing.media-object-small.media-object-horizontal .button.mo-play.button-play:not(:hover):not(:disabled):hover,
.media-object.playing .media-object-small.media-object-horizontal .button.mo-play.button-play:not(:hover):not(:disabled):hover,
.media-object.playing.media-object-small.media-object-horizontal .button.mo-play.button-play:not(:hover):not(:disabled):hover {
  box-shadow: inset 0 0 0 1px transparent, 0 0 0 1px transparent; }

/* line 1470, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-small.media-object-horizontal .button.mo-play.button-play.playing:not(:hover).contextmenu-active:after,
.tl-row.playing .media-object-small.media-object-horizontal .button.mo-play.button-play:not(:hover).contextmenu-active:after,
.tl-row.playing.media-object-small.media-object-horizontal .button.mo-play.button-play:not(:hover).contextmenu-active:after,
.media-object.playing .media-object-small.media-object-horizontal .button.mo-play.button-play:not(:hover).contextmenu-active:after,
.media-object.playing.media-object-small.media-object-horizontal .button.mo-play.button-play:not(:hover).contextmenu-active:after,
.media-object-small.media-object-horizontal .button.mo-play.button-play.playing:not(:hover):not(:disabled):hover:after,
.tl-row.playing .media-object-small.media-object-horizontal .button.mo-play.button-play:not(:hover):not(:disabled):hover:after,
.tl-row.playing.media-object-small.media-object-horizontal .button.mo-play.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing .media-object-small.media-object-horizontal .button.mo-play.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing.media-object-small.media-object-horizontal .button.mo-play.button-play:not(:hover):not(:disabled):hover:after {
  box-shadow: inset 0 0 0 1px transparent; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1483, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
  .media-object-small.media-object-horizontal .button.mo-play.button-play.playing:not(:hover).contextmenu-active,
  .tl-row.playing .media-object-small.media-object-horizontal .button.mo-play.button-play:not(:hover).contextmenu-active,
  .tl-row.playing.media-object-small.media-object-horizontal .button.mo-play.button-play:not(:hover).contextmenu-active,
  .media-object.playing .media-object-small.media-object-horizontal .button.mo-play.button-play:not(:hover).contextmenu-active,
  .media-object.playing.media-object-small.media-object-horizontal .button.mo-play.button-play:not(:hover).contextmenu-active,
  .media-object-small.media-object-horizontal .button.mo-play.button-play.playing:not(:hover):not(:disabled):hover,
  .tl-row.playing .media-object-small.media-object-horizontal .button.mo-play.button-play:not(:hover):not(:disabled):hover,
  .tl-row.playing.media-object-small.media-object-horizontal .button.mo-play.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing .media-object-small.media-object-horizontal .button.mo-play.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing.media-object-small.media-object-horizontal .button.mo-play.button-play:not(:hover):not(:disabled):hover {
    box-shadow: inset 0 0 0 1px transparent; }
  /* line 1495, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
  .media-object-small.media-object-horizontal .button.mo-play.button-play.playing:not(:hover).contextmenu-active:after,
  .tl-row.playing .media-object-small.media-object-horizontal .button.mo-play.button-play:not(:hover).contextmenu-active:after,
  .tl-row.playing.media-object-small.media-object-horizontal .button.mo-play.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing .media-object-small.media-object-horizontal .button.mo-play.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing.media-object-small.media-object-horizontal .button.mo-play.button-play:not(:hover).contextmenu-active:after,
  .media-object-small.media-object-horizontal .button.mo-play.button-play.playing:not(:hover):not(:disabled):hover:after,
  .tl-row.playing .media-object-small.media-object-horizontal .button.mo-play.button-play:not(:hover):not(:disabled):hover:after,
  .tl-row.playing.media-object-small.media-object-horizontal .button.mo-play.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing .media-object-small.media-object-horizontal .button.mo-play.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing.media-object-small.media-object-horizontal .button.mo-play.button-play:not(:hover):not(:disabled):hover:after {
    box-shadow: inset 0 0 0 1px transparent; } }

/* line 1508, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-small.media-object-horizontal .button.mo-play.button-play.playing:not(:hover):not(:disabled):hover:active,
.tl-row.playing .media-object-small.media-object-horizontal .button.mo-play.button-play:not(:hover):not(:disabled):hover:active,
.tl-row.playing.media-object-small.media-object-horizontal .button.mo-play.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing .media-object-small.media-object-horizontal .button.mo-play.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing.media-object-small.media-object-horizontal .button.mo-play.button-play:not(:hover):not(:disabled):hover:active {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 1515, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-small.media-object-horizontal .button.mo-play.button-play.playing:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing .media-object-small.media-object-horizontal .button.mo-play.button-play:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing.media-object-small.media-object-horizontal .button.mo-play.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing .media-object-small.media-object-horizontal .button.mo-play.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing.media-object-small.media-object-horizontal .button.mo-play.button-play:not(:hover):not(:disabled):hover:active:after {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 1522, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-small.media-object-horizontal .button.mo-play.button-play.playing:not(:hover):before,
.tl-row.playing .media-object-small.media-object-horizontal .button.mo-play.button-play:not(:hover):before,
.tl-row.playing.media-object-small.media-object-horizontal .button.mo-play.button-play:not(:hover):before,
.media-object.playing .media-object-small.media-object-horizontal .button.mo-play.button-play:not(:hover):before,
.media-object.playing.media-object-small.media-object-horizontal .button.mo-play.button-play:not(:hover):before {
  content: "\f1D0";
  padding-left: 7.875px;
  width: calc(100% - 7.875px); }

/* line 1531, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-small.media-object-horizontal .button.mo-play.button-play.playing:hover:before,
.tl-row.playing .media-object-small.media-object-horizontal .button.mo-play.button-play:hover:before,
.tl-row.playing.media-object-small.media-object-horizontal .button.mo-play.button-play:hover:before,
.media-object.playing .media-object-small.media-object-horizontal .button.mo-play.button-play:hover:before,
.media-object.playing.media-object-small.media-object-horizontal .button.mo-play.button-play:hover:before {
  content: "\f130"; }

/* line 1538, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-small.media-object-horizontal .mo-subtitle,
.media-object-small.media-object-horizontal .mo-delete {
  display: none; }

/* line 1542, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-small.media-object-horizontal .mo-title {
  margin-top: 3px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

/* line 1549, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-small.media-object-horizontal.media-object-transparent .mo-image {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0; }

@-moz-document url-prefix() {
  /* line 1556, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
  .media-object-small.media-object-horizontal .mo-play:before {
    top: 0px !important; } }

/* line 1560, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-radio .mo-add,
.media-object-radio .mo-more {
  display: none; }

/* line 1564, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-radio .mo-play:before {
  content: "\f1C7" !important; }

/* line 1567, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-link .mo-add,
.media-object-link .mo-more,
.media-object-link .mo-play,
.media-object-link .mo-overlay,
.media-object-link .mo-delete {
  display: none; }

/* line 1574, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object.show-placeholder .mo-image-wrapper {
  background-color: #E5E8EA; }

/* line 1577, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object.show-placeholder .mo-image,
.media-object.show-placeholder .mo-image-background {
  display: none; }

/* line 1581, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-artist.show-placeholder .mo-image-wrapper,
.media-object-user.show-placeholder .mo-image-wrapper {
  background: transparent; }

/* line 1585, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-artist.show-placeholder .mo-image-background-color,
.media-object-user.show-placeholder .mo-image-background-color {
  background: #E5E8EA;
  background-clip: content-box;
  border-radius: 500px;
  display: block;
  padding: 10px; }

/* line 1593, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-artist.show-placeholder .mo-placeholder,
.media-object-user.show-placeholder .mo-placeholder {
  z-index: 2; }

/* line 1597, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-artist.show-placeholder.media-object-image .mo-image-background-color,
.media-object-user.show-placeholder.media-object-image .mo-image-background-color {
  padding: 0; }

/* line 1601, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-simple .mo-image-background,
.media-object-transparent .mo-image-background {
  display: none; }

/* line 1605, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-simple .mo-image-wrapper,
.media-object-simple .mo-image-background-color,
.media-object-transparent .mo-image-wrapper,
.media-object-transparent .mo-image-background-color {
  background: transparent; }

/* line 1611, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-simple.media-object-artist .mo-image,
.media-object-simple.media-object-user .mo-image,
.media-object-transparent.media-object-artist .mo-image,
.media-object-transparent.media-object-user .mo-image {
  top: 0;
  left: 0;
  bottom: auto;
  right: auto;
  width: 100%;
  height: 100%; }

/* line 1622, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-transparent .mo-info {
  background: transparent; }

/* line 1625, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-transparent.media-object-artist .mo-overlay,
.media-object-transparent.media-object-user .mo-overlay {
  border-radius: 50%; }

/* line 1629, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-station .mo-image-background-color,
.media-object-station .mo-verified {
  display: none; }

/* line 1633, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-station .mo-station-layer {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  position: absolute; }

/* line 1640, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-station .mo-image {
  -webkit-filter: blur(40px);
  -moz-filter: blur(40px);
  -o-filter: blur(40px);
  -ms-filter: blur(40px);
  filter: blur(40px); }

/* line 1647, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-station .mo-station-highlight {
  opacity: .6; }

/* line 1650, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-station .mo-station-mask {
  background-image: url("https://d2j0f09xqmv212.cloudfront.net/images/station-wave.svg"); }

/* line 1653, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-station .mo-station-overlay {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute; }

/* line 1659, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-station .mo-station-overlay {
  height: 46.46%;
  left: 26.77%;
  top: 26.77%;
  width: 46.46%; }

/* line 1665, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.media-object-station.media-object-station-artist .mo-station-overlay {
  border-radius: 32767px;
  height: 51.52%;
  left: 24.24%;
  top: 24.24%;
  width: 51.52%; }

/* line 1672, /Users/Devin/GitHub/spotio/skin/components/_media-objects.scss */
.not-visible {
  visibility: hidden !important; }

/**
 * Media Object
 *
 * Template: media-object
 * Data: media-object-demo
 *
 * .playing             - Playing
 * .previewing          - Animation for when the user is previewing the context.
 * .added               - Added / Saved
 * .verified            - Verified (only affects artist and user objects)
 * .media-object-link   - No controllers or overlay
 * .media-object-radio  - Radio Media Object (remove actions except Play and alters icon)
 * .show-placeholder    - Show the placeholder (actually hides the image/background).
 *
 * Styleguide 70.2
 */
/**
 * Media Object - Alternative Meta
 *
 * There is a matrix of possibilities with the media objects.
 * They can have or not have subtitles, description and meta-text.
 * Each of these matrixes has a specific height so they can be aligned in a grid.
 * <span class="text-warning">You should not put multiple variations in the same
 * grid like we have done here.</span>
 *
 * Template: media-object-custom-1
 * Data: media-object-demo-with-extras
 * CodeDisplay: none
 *
 * Styleguide 70.3
 */
/**
 * Media Object - Small
 *
 * Just like the big one but minus auxiliary controls, and subtitle.
 *
 * Template: media-object-small
 * Data: media-object-demo
 *
 * Styleguide 70.5
 */
/**
 * Media Object - Horizontal
 *
 * These take the exact same markup and modifiers as the regular media objects,
 * but usually take different column classes.
 *
 * Template: media-object-horizontal
 * Data: media-object-demo
 *
 * .playing                  - Playing
 * .previewing               - Animation for when the user is previewing the context.
 * .verified                 - Verified (only affects artist and user objects)
 * .media-object-link        - No controllers
 * .media-object-small       - For very small horizontal layouts
 * .media-object-transparent - Removes all backgrounds
 * .show-placeholder         - Show the placeholder (same as the original)
 *
 * Styleguide 70.6
 */
/**
 * Media Image
 *
 * Like the media object but without the text section. The same modifiers is valid as with the default media object.
 *
 * Template: media-image
 * Data: media-object-demo
 *
 * .show-placeholder                      - Removes padding on artist and user to have the circle occupy the full size.
 * .media-object-simple                   - No Background + expanded circular images
 * .media-object-link.media-object-simple - Combine both and you get a very nice image.
 *
 * Styleguide 70.7
 */
/**
 * Media Object
 *
 * Template: media-object-station
 * Data: media-object-demo
 *
 * .playing              - Playing
 * .previewing           - Animation for when the user is previewing the context.
 * .added                - Added / Saved
 * .verified             - Verified (only affects artist and user objects)
 * .media-object-link    - No controllers or overlay
 * .media-object-station - Station Media Object
 * .show-placeholder     - Show the placeholder (actually hides the image/background).
 *
 * Styleguide 70.8
 */
/**
 * Puffs
 *
 * Puff is a component that's surfacing few images and is a link to the
 * page with more content. <br />
 * In order for puffs to get the right sizes they need to be placed in
 * the grid in <code>.col-sm-6</code> (two puffs per row) or
 * <code>.col-sm-4</code> (three puffs per row). To keep the right
 * proportion the row should take the full width of the container.
 * Putting puffs in other grid classes than <code>.col-sm-6</code>
 * or <code>.col-sm-4</code> might make puffs not behave
 * as expected.
 * <br />
 * <a href="puff-page.html" class="button">See Demo Page</a>
 *
 * Template: puff-demo
 * Data: puffs-object-demo
 *
 * Styleguide 70.20
 */
/* line 91, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.puff {
  background-color: #f2f3f6;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  will-change: -webkit-filter;
  border-bottom: none; }

/* line 100, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.puff:hover .pf-title {
  border-bottom-color: currentcolor; }

/* line 103, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.pf-images {
  padding-bottom: 80px;
  flex: 1; }

/* line 107, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.pf-bg {
  background-size: cover;
  position: absolute;
  bottom: -100px;
  left: -100px;
  right: -100px;
  top: -100px;
  -webkit-filter: blur(50px);
  opacity: 0.3;
  filter: alpha(opacity=30); }

/* line 118, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.pf-media-object {
  box-shadow: 0px 1px 5px rgba(86, 102, 111, 0.4);
  top: 36px;
  display: none;
  left: 50%;
  position: absolute;
  width: 80px;
  z-index: 1; }

/* line 127, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.pf-media-object:nth-child(1) {
  display: block;
  top: 25px;
  margin-left: -40px;
  z-index: 3; }

/* line 133, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.pf-media-object:nth-child(2) {
  display: block;
  margin-left: -80px;
  opacity: 0.5;
  filter: alpha(opacity=50); }

/* line 139, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.pf-media-object:nth-child(3) {
  display: block;
  opacity: 0.5;
  filter: alpha(opacity=50); }

/* line 144, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.pf-info-container {
  flex: 0 0 48px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #E5E8EA;
  position: relative;
  z-index: 4;
  padding: 0 10px; }

/* line 155, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.pf-info-container > * {
  max-width: 100%; }

/* line 158, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.pf-title {
  font-family: "Whitney", "Helvetica Neue", Helvetica, Arial, "Yu Gothic UI", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.015em;
  font-weight: 200;
  color: #56666F;
  text-transform: normal;
  border-bottom: 1px solid transparent; }

/* line 168, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.pf-subtitle {
  display: none;
  font-size: 12px; }

/* line 172, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.pf-title-with-subtitle {
  margin-bottom: 0; }

@media (min-width: 586px) {
  /* line 176, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .pf-images {
    padding-bottom: 90px; }
  /* line 179, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .pf-media-object {
    top: 33.75px;
    width: 90px; }
  /* line 183, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .pf-media-object:nth-child(1) {
    top: 22.5px;
    margin-left: -45px; }
  /* line 187, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .pf-media-object:nth-child(2) {
    margin-left: -90px; }
  /* line 190, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .pf-title-with-subtitle {
    margin-bottom: 0; }
  /* line 193, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .pf-subtitle {
    display: none; }
  /* line 196, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .col-sm-6 .pf-images {
    padding-bottom: 110px; }
  /* line 199, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .col-sm-6 .pf-media-object {
    top: 41.25px;
    width: 110px; }
  /* line 203, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .col-sm-6 .pf-media-object:nth-child(1) {
    top: 27.5px;
    margin-left: -55px; }
  /* line 207, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .col-sm-6 .pf-media-object:nth-child(2) {
    margin-left: -110px; }
  /* line 210, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .col-sm-6 .pf-info-container {
    flex-basis: 64px; }
  /* line 213, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .col-sm-6 .pf-title-with-subtitle {
    margin-bottom: 5px; }
  /* line 216, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .col-sm-6 .pf-subtitle {
    display: block; } }

@media (min-width: 854px) {
  /* line 221, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .pf-images {
    padding-bottom: 120px; }
  /* line 224, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .pf-media-object {
    top: 45px;
    width: 120px; }
  /* line 228, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .pf-media-object:nth-child(1) {
    top: 30px;
    margin-left: -60px; }
  /* line 232, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .pf-media-object:nth-child(2) {
    margin-left: -120px; }
  /* line 235, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .pf-info-container {
    flex-basis: 64px; }
  /* line 238, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .pf-title-with-subtitle {
    margin-bottom: 5px; }
  /* line 241, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .pf-subtitle {
    display: block; }
  /* line 244, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .col-sm-6 .pf-images {
    padding-bottom: 132px; }
  /* line 247, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .col-sm-6 .pf-media-object {
    top: 49.5px;
    width: 132px; }
  /* line 251, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .col-sm-6 .pf-media-object:nth-child(1) {
    top: 33px;
    margin-left: -66px; }
  /* line 255, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .col-sm-6 .pf-media-object:nth-child(2) {
    margin-left: -132px; }
  /* line 258, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .col-sm-6 .pf-info-container {
    flex-basis: 64px; }
  /* line 261, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .col-sm-6 .pf-title-with-subtitle {
    margin-bottom: 5px; }
  /* line 264, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .col-sm-6 .pf-subtitle {
    display: block; } }

@media (min-width: 1274px) {
  /* line 269, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .pf-images {
    padding-bottom: 132px; }
  /* line 272, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .pf-media-object {
    top: 49.5px;
    width: 132px; }
  /* line 276, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .pf-media-object:nth-child(1) {
    top: 33px;
    margin-left: -66px; }
  /* line 280, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .pf-media-object:nth-child(2) {
    margin-left: -132px; }
  /* line 283, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .pf-info-container {
    flex-basis: 64px; }
  /* line 286, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .pf-title-with-subtitle {
    margin-bottom: 5px; }
  /* line 289, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .pf-subtitle {
    display: block; }
  /* line 292, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .col-sm-6 .pf-images {
    padding-bottom: 164px; }
  /* line 295, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .col-sm-6 .pf-media-object {
    top: 61.5px;
    width: 164px; }
  /* line 299, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .col-sm-6 .pf-media-object:nth-child(1) {
    top: 41px;
    margin-left: -82px; }
  /* line 303, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .col-sm-6 .pf-media-object:nth-child(2) {
    margin-left: -164px; }
  /* line 306, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .col-sm-6 .pf-info-container {
    flex-basis: 64px; }
  /* line 309, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .col-sm-6 .pf-title-with-subtitle {
    margin-bottom: 5px; }
  /* line 312, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .col-sm-6 .pf-subtitle {
    display: block; }
  /* line 315, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .col-sm-6 .pf-info-container {
    flex-basis: 70px; }
  /* line 318, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .col-sm-6 .pf-title-with-subtitle {
    margin-bottom: 5px; }
  /* line 321, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .col-sm-6 .pf-subtitle {
    display: block; } }

/* line 325, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.genre-card {
  /* Needed because all links have hover/focus styles with a bottom border */
  border-bottom-color: transparent !important; }

/* line 329, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.gc-image-container {
  overflow: hidden;
  position: relative; }

/* line 333, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.gc-image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 198px; }

/* line 339, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.gc-image-cols-1 {
  height: auto;
  margin-top: 0px;
  padding-bottom: 100%; }

@media (min-width: 586px) {
  /* line 345, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .gc-image-cols-1 {
    margin-top: 0px; } }

@media (min-width: 854px) {
  /* line 350, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .gc-image-cols-1 {
    margin-top: 0px; } }

@media (min-width: 1274px) {
  /* line 355, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .gc-image-cols-1 {
    margin-top: 0px; } }

/* line 359, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.gc-image-cols-2 {
  height: auto;
  margin-top: -8px;
  padding-bottom: 50%; }

@media (min-width: 586px) {
  /* line 365, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .gc-image-cols-2 {
    margin-top: -8px; } }

@media (min-width: 854px) {
  /* line 370, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .gc-image-cols-2 {
    margin-top: -10px; } }

@media (min-width: 1274px) {
  /* line 375, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .gc-image-cols-2 {
    margin-top: -12px; } }

/* line 379, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.gc-image-cols-3 {
  height: auto;
  margin-top: -10.66666667px;
  padding-bottom: 33.33333333%; }

@media (min-width: 586px) {
  /* line 385, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .gc-image-cols-3 {
    margin-top: -10.66666667px; } }

@media (min-width: 854px) {
  /* line 390, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .gc-image-cols-3 {
    margin-top: -13.33333333px; } }

@media (min-width: 1274px) {
  /* line 395, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .gc-image-cols-3 {
    margin-top: -16px; } }

/* line 399, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.gc-image-cols-4 {
  height: auto;
  margin-top: -12px;
  padding-bottom: 25%; }

@media (min-width: 586px) {
  /* line 405, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .gc-image-cols-4 {
    margin-top: -12px; } }

@media (min-width: 854px) {
  /* line 410, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .gc-image-cols-4 {
    margin-top: -15px; } }

@media (min-width: 1274px) {
  /* line 415, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .gc-image-cols-4 {
    margin-top: -18px; } }

/* line 419, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.gc-image-cols-5 {
  height: auto;
  margin-top: -12.8px;
  padding-bottom: 20%; }

@media (min-width: 586px) {
  /* line 425, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .gc-image-cols-5 {
    margin-top: -12.8px; } }

@media (min-width: 854px) {
  /* line 430, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .gc-image-cols-5 {
    margin-top: -16px; } }

@media (min-width: 1274px) {
  /* line 435, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .gc-image-cols-5 {
    margin-top: -19.2px; } }

/* line 439, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.gc-image-cols-6 {
  height: auto;
  margin-top: -13.33333333px;
  padding-bottom: 16.66666667%; }

@media (min-width: 586px) {
  /* line 445, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .gc-image-cols-6 {
    margin-top: -13.33333333px; } }

@media (min-width: 854px) {
  /* line 450, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .gc-image-cols-6 {
    margin-top: -16.66666667px; } }

@media (min-width: 1274px) {
  /* line 455, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .gc-image-cols-6 {
    margin-top: -20px; } }

/* line 459, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.gc-label-container {
  position: absolute;
  top: 50%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* vertical centering */
  text-align: center;
  /* horizontal centering */
  max-width: 338px;
  margin: 0 auto;
  padding: 16px; }

@media (min-width: 586px) {
  /* line 476, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .gc-label-container {
    max-width: 554px;
    padding: 16px; } }

@media (min-width: 854px) {
  /* line 482, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .gc-label-container {
    max-width: 814px;
    padding: 20px; } }

@media (min-width: 1274px) {
  /* line 488, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .gc-label-container {
    max-width: 1226px;
    padding: 24px; } }

/* line 493, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.gc-label-text-wrapper {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

/* line 498, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.gc-label-text {
  font-size: 16px;
  border-bottom: 1px solid transparent; }

/* line 502, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.genre-card:hover .gc-label-text {
  border-bottom-color: currentcolor; }

/**
 * Spotify Headers
 *
 * We try to have consistency in our entity headers.
 * Album and Playlist should look the same.
 * User and Artist should as well.
 *
 * Styleguide 80.1
 */
/**
 * Plain Headers
 *
 * Non-entity pages (Discover, Messages, Browse etc) they need this header.
 *
 * Markup: <h1 class="main-header">Main Header</h1>
 *
 * Styleguide 80.1.1
 */
/**
 * Playlist Header
 *
 * This header wraps the common elements with some custom components. NOTE: This
 * example is a little busted as the header element should be the
 * child of the body element, not encased in a page like this. <br>
 * <a href="header-playlist.html" class="button">
 * See Demo Page</a>
 *
 * Template: $header-playlist
 * Data: demo-playlist
 *
 * Styleguide 80.1.3
 */
/**
 * Album Header
 *
 * This header wraps the common elements with some custom components. NOTE: This
 * example is a little busted as the header element should be the
 * child of the body element, not encased in a page like this. <br>
 * <a href="header-album.html" class="button">
 * See Demo Page</a>
 *
 * Template: $header-album
 * Data: demo-album
 *
 * Styleguide 80.1.4
 */
/**
 * Artist Header
 *
 * This header wraps the common elements with some custom components. NOTE: This
 * example is a little busted as the header element should be the
 * child of the body element, not encased in a page like this. <br>
 * <a href="header-artist.html" class="button">
 * See Demo Page</a>
 *
 * Template: $header-artist
 * Data: demo-artist
 *
 * Styleguide 80.1.5
 */
/**
 * Profile Header
 *
 * This header wraps the common elements with some custom components. NOTE: This
 * example is a little busted as the header element should be the
 * child of the body element, not encased in a page like this. <br>
 * <a href="header-profile.html" class="button">
 * See Demo Page</a>
 *
 * Template: $header-profile
 * Data: demo-user
 *
 * Styleguide 80.1.6
 */
/**
 * Header Inline
 *
 * Template: $header-inline
 * Data: demo-album
 *
 * Styleguide 80.3
 */
/* line 587, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.header {
  background: #FCFCFC;
  clear: left;
  margin: 0 auto;
  position: relative; }

/* line 593, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.h-main-content {
  padding-top: 16px;
  padding-bottom: 0;
  position: relative; }

/* line 598, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.h-media {
  float: left;
  padding-bottom: 16px;
  width: 210px; }

/* line 603, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.h-label {
  font-family: "Whitney", "Helvetica Neue", Helvetica, Arial, "Yu Gothic UI", sans-serif;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0.015em;
  font-weight: 200;
  color: #9CA6AC;
  text-transform: uppercase;
  letter-spacing: 0.16em; }

/* line 613, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.h-title {
  margin: 0;
  position: relative;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

/* line 621, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.h-title a {
  border: none !important;
  color: #56666F !important; }

/* line 625, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.h-description,
.h-meta-info {
  font-size: 14px;
  line-height: 20px; }

/* line 630, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.h-description {
  line-height: 20px;
  max-height: 40px;
  overflow: hidden;
  position: relative;
  white-space: normal;
  margin-top: 4px; }

/* line 638, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.h-description .ellipsis {
  content: ' ';
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 20px;
  position: absolute;
  right: 0;
  top: 20px;
  width: 100%;
  background-image: -webkit-gradient(linear, 70% top, 100% top, from(rgba(86, 102, 111, 0)), to(#ffffff));
  background-image: -moz-linear-gradient(left, rgba(86, 102, 111, 0) 70%, #ffffff 100%);
  background-image: linear-gradient(to right, rgba(86, 102, 111, 0) 70%, #ffffff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00181818', endColorstr='#ff181818', GradientType=1); }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* line 655, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .h-description {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    -webkit-box-orient: vertical; }
  /* line 663, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .h-description .ellipsis {
    display: none !important; } }

/* line 667, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.h-meta-info {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 10px; }

/* line 674, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.h-data {
  float: left;
  margin-left: -214px;
  padding-left: 230px;
  width: 100%; }

/* line 680, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.h-extra {
  bottom: 10px;
  right: 32px;
  position: absolute;
  text-align: right; }

/* line 686, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.h-extra .enable-pointer {
  transition: color .2s; }

/* line 689, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.h-extra .enable-pointer:hover {
  color: #FFFFFF; }

/* line 692, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.h-extra .listeners-count {
  font-family: "Whitney", "Helvetica Neue", Helvetica, Arial, "Yu Gothic UI", sans-serif;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0.015em;
  font-weight: 200;
  color: #9CA6AC;
  text-transform: uppercase;
  letter-spacing: 0.16em; }

/* line 702, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.h-controllers {
  bottom: 16px;
  position: absolute; }

/* line 706, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.h-controllers .button {
  margin-right: 12px; }

/* line 709, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.h-bar {
  border-top: 1px solid #E5E8EA;
  border-bottom: 1px solid #E5E8EA;
  line-height: 36px;
  margin: 0; }

/* line 715, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.h-search-bar {
  border-top: 1px solid #E5E8EA;
  line-height: 36px;
  margin: 0; }

/* line 720, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.h-search-field-outer-wrapper {
  height: 56px; }

/* line 723, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.h-search-field-wrapper {
  padding-top: 10px;
  padding-bottom: 10px; }

/* line 727, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.h-search-field-wrapper.sticky-top {
  background-color: #ffffff;
  position: fixed;
  z-index: 1020;
  left: 0 !important;
  /* spotify-events/sticky sets other values */
  right: 0 !important;
  margin-right: auto;
  margin-left: auto;
  max-width: 1490px; }

/* line 738, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.h-search-field-wrapper.sticky-top:before,
.h-search-field-wrapper.sticky-top:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

/* line 745, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.h-search-field-wrapper.sticky-top:after {
  clear: both; }

/* line 748, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.h-search-field-wrapper.sticky-top {
  padding-left: 16px;
  padding-right: 16px; }

@media (min-width: 586px) {
  /* line 753, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .h-search-field-wrapper.sticky-top {
    padding-left: 16px;
    padding-right: 16px; } }

@media (min-width: 854px) {
  /* line 759, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .h-search-field-wrapper.sticky-top {
    padding-left: 20px;
    padding-right: 20px; } }

@media (min-width: 1274px) {
  /* line 765, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .h-search-field-wrapper.sticky-top {
    padding-left: 24px;
    padding-right: 24px; } }

/* line 770, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.h-search-wrapper {
  max-width: 525px;
  position: relative;
  width: 100%; }

/* line 775, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.h-search-wrapper:before {
  margin-left: 10px;
  position: absolute;
  pointer-events: none; }

/* line 780, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.h-search-wrapper:hover:before {
  color: #56666F; }

/* line 783, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.h-search-wrapper:hover .h-search::-webkit-input-placeholder {
  color: #56666F; }

/* line 786, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.h-search-wrapper:hover .h-search::-moz-placeholder {
  color: #56666F; }

/* line 789, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.h-search {
  width: 100%;
  height: 36px;
  background: transparent;
  border: 0;
  border-radius: 3px;
  color: #56666F;
  display: block;
  outline: 0;
  padding-bottom: 0;
  padding-left: 36px;
  padding-right: 36px; }

/* line 802, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.focus .h-search,
.h-search:focus {
  background: #56666F; }

/* line 806, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.h-search-close {
  bottom: 0;
  display: none;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 36px; }

/* line 815, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.h-search-close:hover {
  color: #56666F; }

/* line 818, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.focus .h-search-close {
  display: block; }

/* line 821, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.h-search-suggestions {
  background: #E5E8EA;
  border-radius: 3px;
  display: none;
  position: absolute;
  padding: 0;
  list-style: none;
  max-height: 180px;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  top: 100%; }

/* line 834, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.focus .h-search-suggestions {
  display: block; }

/* line 837, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.h-search-suggestion {
  border-radius: 3px;
  color: #9CA6AC;
  cursor: pointer;
  padding-left: 36px;
  padding-right: 10px; }

/* line 844, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.h-search-suggestion:hover {
  background: #333333;
  color: #FFFFFF; }

/* line 848, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.h-search-result {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

/* line 854, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.h-search-matches {
  float: right;
  padding-left: 10px; }

/* line 858, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.header-image {
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
  background-color: #ffffff;
  border-bottom: 1px solid #E5E8EA;
  min-height: 320px;
  max-width: 1480px; }

/* line 867, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.header-image:before {
  background: rgba(255, 255, 255, 0.6);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0; }

/* line 876, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.header-image .h-main-content {
  height: 275px; }

/* line 879, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.header-image .nav {
  border-bottom: 0; }

/* line 882, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.header-album .h-title {
  text-overflow: clip;
  white-space: normal; }

/* line 886, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.header-album .h-meta-info {
  margin-bottom: 65px; }

/* line 889, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.header-artist.version_1-5 .h-data {
  padding-left: 130px; }

/* line 892, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.header-artist.version_1-5 .h-title {
  padding-top: 25px; }

/* line 895, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.header-artist.version_1-5 .verified .mo-verified {
  display: inline;
  bottom: 48px;
  right: auto; }

/* line 900, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.header-artist.version_1-5:before {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.83) 0%, rgba(255, 255, 255, 0.83) 28%, rgba(255, 255, 255, 0.92) 58%, white 77%, white 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.83) 0%, rgba(255, 255, 255, 0.83) 28%, rgba(255, 255, 255, 0.92) 58%, white 77%, white 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.83) 0%, rgba(255, 255, 255, 0.83) 28%, rgba(255, 255, 255, 0.92) 58%, white 77%, white 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4ffffff', endColorstr='#ffffff',GradientType=0 );
  opacity: 0.95; }

/* line 909, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.header-artist.header-image {
  background-image: url("../img/standard-artist-header.png");
  background-size: cover;
  background-position: 50% 0; }

/* line 914, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.header-artist .h-main-content {
  padding-top: 129px; }

/* line 917, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.header-artist .h-data {
  padding-top: 16px;
  padding-left: 146px;
  padding-right: 100px;
  margin-left: -130px; }

/* line 923, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.header-artist .h-media {
  width: 130px; }

/* line 926, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.header-artist .h-spotlight-image {
  position: absolute;
  top: 20px;
  right: 17px;
  width: 104px;
  height: 56px;
  background: url("https://d2j0f09xqmv212.cloudfront.net/images/spotlight.png") top left no-repeat;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear; }

/* line 938, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.header-artist .h-spotlight-image:hover {
  border: none;
  opacity: .8; }

/* line 942, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.header-station .media-object-station .mo-image {
  display: none; }

/* line 945, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.header-station .media-object-station .mo-station-mask {
  background-image: url("https://d2j0f09xqmv212.cloudfront.net/images/station-header-wave.svg"); }

/* line 948, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.header-station .media-object-station .mo-station-overlay {
  height: 50.46%;
  left: 24.77%;
  top: 24.77%;
  width: 50.46%; }

/* line 954, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.header-station .media-object-station.media-object-station-artist .mo-station-overlay {
  border-radius: 32767px;
  height: 59.52%;
  left: 20.24%;
  top: 20.24%;
  width: 59.52%; }

/* line 961, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.header-user .h-main-content {
  padding-top: 16px; }

/* line 964, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.header-user .h-title {
  padding-right: 100px; }

/* line 967, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.header-user .h-data {
  padding-top: 16px;
  padding-left: 146px;
  margin-left: -130px; }

/* line 972, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.header-user .h-media {
  width: 130px; }

/* line 975, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.header-inline .h-main-content {
  padding: 0; }

/* line 978, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.header-inline .h-media {
  padding: 0;
  width: 134px; }

/* line 982, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.header-inline .h-data {
  margin-left: -134px;
  padding-left: 150px;
  padding-top: 0; }

/* line 987, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.header-inline .h-controllers {
  bottom: 0; }

/* line 990, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.header-inline .h-title {
  font-family: "Whitney", "Helvetica Neue", Helvetica, Arial, "Yu Gothic UI", sans-serif;
  font-size: 36px;
  line-height: 44px;
  letter-spacing: -0.005em;
  font-weight: 400;
  color: #56666F;
  text-transform: normal;
  margin-bottom: 36px;
  max-height: inherit; }

/* line 1001, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.fade-in {
  animation: fadeIn .7s; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@media (max-width: 853px) {
  /* line 1013, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .h-extra {
    display: none; }
  /* line 1016, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .h-title {
    font-family: "Whitney", "Helvetica Neue", Helvetica, Arial, "Yu Gothic UI", sans-serif;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: -0.005em;
    font-weight: 400;
    color: #56666F;
    text-transform: normal; }
  /* line 1025, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .h-media,
  .header-artist .h-media {
    width: 130px;
    padding-bottom: 60px; }
  /* line 1030, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .header-artist.version_1-5 .h-data {
    margin-top: 0; }
  /* line 1033, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .header-artist.version_1-5 .h-title {
    padding-top: 45px; }
  /* line 1036, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .header-artist.version_1-5 .verified .mo-verified {
    bottom: 36px;
    right: auto; }
  /* line 1040, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .header-artist .h-main-content {
    padding-top: 145px; }
  /* line 1043, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .header-artist .h-data {
    margin-top: -29px;
    padding-top: 0;
    padding-right: 0; }
  /* line 1048, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .header-artist .h-media {
    margin-top: -60px;
    padding: 0; }
  /* line 1052, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .header-artist.header-small .h-main-content {
    padding-top: 0; }
  /* line 1055, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .header-artist.header-small .h-media {
    margin-top: 0;
    padding: 10px 0 0 0;
    width: 45px; }
  /* line 1060, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .header-user .h-data {
    padding-top: 32px; }
  /* line 1063, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .header-user .h-title {
    padding-right: 0; }
  /* line 1066, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .header-inline .h-title {
    max-height: 88px; }
  /* line 1069, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .h-controllers {
    left: 32px; }
  /* line 1072, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .header-small .h-controllers {
    left: inherit; }
  /* line 1075, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .header-inline .h-controllers {
    left: inherit; } }

/* line 1079, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.h-sticky-header {
  bottom: 66px;
  height: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  width: 100%; }

/* line 1087, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.h-sticky-header .h-sticky-header-inner {
  background-color: #ffffff;
  overflow: hidden;
  padding: 0;
  width: 100%;
  z-index: 1020;
  left: 0 !important;
  right: 0 !important; }

/* line 1096, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.h-sticky-header .h-sticky-header-inner.sticky-top {
  position: fixed;
  top: 0; }

/* line 1100, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.h-sticky-header .h-sticky-container {
  border-bottom: 1px solid #E5E8EA;
  padding-bottom: 16px;
  padding-top: 16px; }

/* line 1105, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.h-sticky-header .h-sticky-container > * {
  height: 36px; }

/* line 1108, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.h-sticky-header .h-sticky-image {
  background-size: cover;
  background-position: center;
  float: left;
  height: 36px;
  margin-right: 15px;
  position: relative;
  width: 36px; }

/* line 1117, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.h-sticky-header .h-sticky-image .mo-image {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0; }

/* line 1123, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.h-sticky-header .h-sticky-controllers {
  float: right;
  margin-left: 15px; }

/* line 1127, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.h-sticky-header .h-sticky-controllers .button:not(:first-child) {
  margin-left: 12px; }

/* line 1130, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.h-sticky-header .h-sticky-title {
  color: #56666F;
  font-family: "Whitney", "Helvetica Neue", Helvetica, Arial, "Yu Gothic UI", sans-serif;
  font-size: 28px;
  letter-spacing: -0.005em;
  font-weight: 400;
  color: #56666F;
  text-transform: normal;
  line-height: 36px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

/* line 1145, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.h-sticky-header .h-sticky-controllers:before,
.h-sticky-header .h-sticky-title:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  width: 0; }

/**
 * Tracklists
 *
 * Lists of tracks for different purposes, customization is not possible.
 * Every tracklist has a unique set of columns and properties.
 *
 * Styleguide 90.1
 */
/**
 * Album list
 *
 * Used mainly on artist and album views.
 *
 * Template: $tracklist-album
 * Data: demo-album
 *
 * Styleguide 90.2
 */
/**
 * View specific lists
 *
 * Styleguide 90.7
 */
/*
 * Album list (Collection)
 *
 * Template: $tracklist-collection-album
 * Data: demo-album
 *
 * Styleguide 90.7.1
 */
/*
 * Artist list (Collection)
 *
 * BASED ON ALBUMS
 *
 * Template: $tracklist-collection-artist
 * Data: demo-album
 *
 * Styleguide 90.7.2
 */
/**
 * Chart list
 *
 * Used on chart view
 *
 * Template: $tracklist-chart
 * Data: demo-chart
 *
 * Styleguide 90.8
 */
/* line 1204, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.trend-mark.trend-new::before {
  content: '\00a0';
  background-color: #4687D6;
  border-radius: 10px;
  display: block;
  margin: 0 auto;
  height: 10px;
  width: 10px; }

/* line 1213, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.trend-mark.trend-equal::before {
  content: '\00a0';
  background-color: #56666F;
  display: block;
  margin: 0 auto;
  height: 2px;
  width: 8px; }

/* line 1221, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.trend-mark.trend-up {
  color: #1ED760; }

/* line 1224, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.trend-mark.trend-down {
  color: #CD1A2B; }

/*
 * Messages
 *
 * Used in messages view
 *
 * Template: $tracklist-messages
 * Data: demo-messages
 *
 * Styleguide 90.6
 */
/*
 * Playlist & Collection
 *
 * Shared list for playlist and collection.
 *
 * Template: $tracklist-playlist
 * Data: demo-playlist
 *
 * Styleguide 90.4
 */
/* line 1247, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.list-playlist .tl-time {
  width: 72px; }

@media screen and (max-width: 1200px) {
  /* line 1251, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .tracklist-playlist.narrow .tl-added-by {
    display: none; } }

@media screen and (max-width: 900px) {
  /* line 1256, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .tracklist-playlist.narrow .tl-date-added {
    display: none; } }

@media screen and (max-width: 950px) {
  /* line 1261, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .tracklist-playlist .tl-time {
    display: none; } }

@media screen and (max-width: 850px) {
  /* line 1266, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .tracklist-playlist .tl-albums {
    display: none; }
  /* line 1269, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .tracklist-playlist .tl-albums {
    display: none; } }

@media screen and (max-width: 720px) {
  /* line 1274, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .tracklist-playlist .tl-added-by {
    display: none; } }

@media screen and (max-width: 586px) {
  /* line 1279, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .tracklist-playlist .tl-date-added {
    display: none; } }

/*
 * Popular list
 *
 * Used on artist views.
 *
 * Template: $tracklist-popular
 * Data: demo-toplist
 *
 * Styleguide 90.3
 */
/*
 * Search
 *
 * Search views.
 *
 * Template: $tracklist-search
 * Data: demo-search-results
 *
 * Styleguide 90.5
 */
@media screen and (max-width: 800px) {
  /* line 1304, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .tracklist-search .tl-popularity {
    display: none; }
  /* line 1307, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .tracklist-search .tl-time {
    padding-right: 12px; } }

/*
 * Station track list
 *
 * Track list for station view.
 *
 * Template: $tracklist-station
 * Data: demo-station
 *
 * Styleguide 90.4
 */
@media screen and (max-width: 850px) {
  /* line 1322, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .tracklist-station .tl-albums {
    display: none; }
  /* line 1325, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .tracklist-station .tl-albums {
    display: none; } }

/*
 * Trackset
 *
 * Extracted from Playlist but without the "Added by" column.
 *
 * Template: $tracklist-trackset
 * Data: demo-playlist
 *
 * Styleguide 90.4
 */
/* line 1339, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tracklist-album,
.tracklist-chart,
.tracklist-dev,
.tracklist-messages,
.tracklist-playlist,
.tracklist-popular,
.tracklist-station,
.tracklist-trackset,
.tracklist-search {
  border-bottom: 1px solid #E5E8EA;
  color: #9CA6AC;
  table-layout: fixed;
  width: 100%; }

/* line 1353, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-header th,
.tl-cell {
  padding: 0 0 0 12px;
  border-top: 1px solid #E5E8EA;
  position: relative; }

/* line 1359, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-header th {
  border-top: 0;
  font-family: "Whitney", "Helvetica Neue", Helvetica, Arial, "Yu Gothic UI", sans-serif;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0.015em;
  font-weight: 200;
  color: #9CA6AC;
  letter-spacing: 0.16em;
  line-height: 28px;
  text-transform: uppercase;
  vertical-align: bottom;
  cursor: default; }

/* line 1373, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-header .tl-time {
  padding-top: 0;
  padding-bottom: 0; }

/* line 1377, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-header .tl-time:before {
  font-family: "glue1-spoticon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  line-height: inherit;
  vertical-align: bottom;
  content: "\f152";
  font-size: 16px; }

/* line 1389, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-header .tl-popularity {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center; }

/* line 1394, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-header .tl-popularity:before {
  font-family: "glue1-spoticon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  line-height: inherit;
  vertical-align: bottom;
  content: "\f150";
  font-size: 16px; }

/* line 1406, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-header .tl-date-added,
.tl-header .tl-time-sent {
  padding-top: 0;
  padding-bottom: 0; }

/* line 1411, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-header .tl-date-added:before,
.tl-header .tl-time-sent:before {
  font-family: "glue1-spoticon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  line-height: inherit;
  vertical-align: bottom;
  content: "\f198";
  font-size: 16px; }

/* line 1424, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-header-hidden {
  display: none; }

/* line 1427, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-header th:last-child {
  padding-right: 12px; }

/* line 1430, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-cell {
  height: 40px; }

/* line 1433, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-cell:last-child {
  padding-right: 12px; }

/* line 1436, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-cell,
.tl-cell > div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

/* line 1442, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-save {
  overflow: visible; }

/* line 1445, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row:focus {
  outline: 0; }

/* line 1448, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-number,
.tl-empty,
.tl-play {
  width: 40px; }

/* line 1453, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-local {
  width: 40px; }

/* line 1456, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-image {
  padding: 0;
  width: 40px; }

/* line 1460, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-image img {
  display: block;
  max-width: none; }

/* line 1464, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-time {
  text-align: right;
  width: 70px;
  padding-left: 0; }

/* line 1469, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-listen-count {
  text-align: right;
  width: 120px; }

/* line 1473, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-date-added {
  width: 110px; }

/* line 1476, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-time-sent {
  width: 120px; }

/* line 1479, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-popularity {
  width: 54px; }

/* line 1482, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-explicit {
  padding: 0;
  width: 70px; }

/* line 1486, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-more,
.tl-save,
.tl-trend,
.tl-thumbs {
  padding: 0;
  width: 40px; }

/* line 1493, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-trend {
  text-align: center; }

/* line 1496, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row .button-play {
  display: none;
  margin-left: -4px;
  height: 28px;
  line-height: 26px;
  padding-top: 2px;
  padding-left: 28px;
  padding-right: 28px;
  border-radius: 14px;
  background: #9CA6AC;
  color: #ffffff;
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: transform, box-shadow, color, background-color;
  box-shadow: inset 0 0 0 1px #E5E8EA;
  width: 28px;
  padding-left: 0;
  padding-right: 0; }

/* line 1514, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row .button-play .b-alt-text {
  margin-top: -26px; }

/* line 1517, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row .button-play.contextmenu-active,
.tl-row .button-play:not(:disabled):hover {
  background-color: #9CA6AC;
  color: #ffffff; }

/* line 1522, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row .button-play:not(:disabled):hover:active {
  background: #9CA6AC;
  color: #ffffff;
  transform: scale(1); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1528, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .tl-row .button-play:not(:disabled):hover:active {
    transform: scale(1); } }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1533, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .tl-row .button-play {
    transition-duration: 50ms; } }

/* line 1537, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row .button-play:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1542, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .tl-row .button-play:after {
    transition-duration: 50ms; } }

/* line 1546, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row .button-play.contextmenu-active,
.tl-row .button-play:not(:disabled):hover {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: transform, box-shadow, color, background-color; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1552, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .tl-row .button-play.contextmenu-active,
  .tl-row .button-play:not(:disabled):hover {
    transition-duration: 66ms; } }

/* line 1557, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row .button-play.contextmenu-active:after,
.tl-row .button-play:not(:disabled):hover:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1563, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .tl-row .button-play.contextmenu-active:after,
  .tl-row .button-play:not(:disabled):hover:after {
    transition-duration: 66ms; } }

/* line 1568, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row .button-play:not(:disabled):hover:active {
  transition: none; }

/* line 1571, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row .button-play:not(:disabled):hover:active:after {
  transition: none; }

/* line 1574, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row .button-play:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 500px;
  box-shadow: inset 0 0 0 1px #E5E8EA; }

/* line 1584, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row .button-play.contextmenu-active,
.tl-row .button-play:not(:disabled):hover {
  box-shadow: inset 0 0 0 1px #56666F, 0 0 0 1px transparent; }

/* line 1588, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row .button-play.contextmenu-active:after,
.tl-row .button-play:not(:disabled):hover:after {
  box-shadow: inset 0 0 0 1px #56666F; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1593, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .tl-row .button-play.contextmenu-active,
  .tl-row .button-play:not(:disabled):hover {
    box-shadow: inset 0 0 0 1px #56666F; }
  /* line 1597, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .tl-row .button-play.contextmenu-active:after,
  .tl-row .button-play:not(:disabled):hover:after {
    box-shadow: inset 0 0 0 1px #56666F; } }

/* line 1602, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row .button-play:not(:disabled):hover:active {
  box-shadow: inset 0 0 0 1px #8b949a; }

/* line 1605, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row .button-play:not(:disabled):hover:active:after {
  box-shadow: inset 0 0 0 1px #8b949a; }

/* line 1608, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row .button-play.contextmenu-active,
.tl-row .button-play:not(:disabled):hover {
  transform: scale(1.07142857); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1613, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .tl-row .button-play.contextmenu-active,
  .tl-row .button-play:not(:disabled):hover {
    transform: scale(1.07142857); } }

/* line 1618, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row .button-play:before {
  font-family: "glue1-spoticon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  line-height: inherit;
  vertical-align: bottom;
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
  border-radius: 500px;
  line-height: 28px;
  font-size: 16px;
  padding-left: 6px;
  width: calc(100% - 6px); }

/* line 1637, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row .button-play.button-play:before {
  content: "\f132"; }

/* line 1640, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row .button-play.button-play.playing:not(:hover),
.tl-row.playing .tl-row .button-play.button-play:not(:hover),
.tl-row.playing.tl-row .button-play.button-play:not(:hover),
.media-object.playing .tl-row .button-play.button-play:not(:hover),
.media-object.playing.tl-row .button-play.button-play:not(:hover) {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 1647, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row .button-play.button-play.playing:not(:hover):after,
.tl-row.playing .tl-row .button-play.button-play:not(:hover):after,
.tl-row.playing.tl-row .button-play.button-play:not(:hover):after,
.media-object.playing .tl-row .button-play.button-play:not(:hover):after,
.media-object.playing.tl-row .button-play.button-play:not(:hover):after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 500px;
  box-shadow: inset 0 0 0 1px transparent; }

/* line 1661, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row .button-play.button-play.playing:not(:hover).contextmenu-active,
.tl-row.playing .tl-row .button-play.button-play:not(:hover).contextmenu-active,
.tl-row.playing.tl-row .button-play.button-play:not(:hover).contextmenu-active,
.media-object.playing .tl-row .button-play.button-play:not(:hover).contextmenu-active,
.media-object.playing.tl-row .button-play.button-play:not(:hover).contextmenu-active,
.tl-row .button-play.button-play.playing:not(:hover):not(:disabled):hover,
.tl-row.playing .tl-row .button-play.button-play:not(:hover):not(:disabled):hover,
.tl-row.playing.tl-row .button-play.button-play:not(:hover):not(:disabled):hover,
.media-object.playing .tl-row .button-play.button-play:not(:hover):not(:disabled):hover,
.media-object.playing.tl-row .button-play.button-play:not(:hover):not(:disabled):hover {
  box-shadow: inset 0 0 0 1px transparent, 0 0 0 1px transparent; }

/* line 1673, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row .button-play.button-play.playing:not(:hover).contextmenu-active:after,
.tl-row.playing .tl-row .button-play.button-play:not(:hover).contextmenu-active:after,
.tl-row.playing.tl-row .button-play.button-play:not(:hover).contextmenu-active:after,
.media-object.playing .tl-row .button-play.button-play:not(:hover).contextmenu-active:after,
.media-object.playing.tl-row .button-play.button-play:not(:hover).contextmenu-active:after,
.tl-row .button-play.button-play.playing:not(:hover):not(:disabled):hover:after,
.tl-row.playing .tl-row .button-play.button-play:not(:hover):not(:disabled):hover:after,
.tl-row.playing.tl-row .button-play.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing .tl-row .button-play.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing.tl-row .button-play.button-play:not(:hover):not(:disabled):hover:after {
  box-shadow: inset 0 0 0 1px transparent; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1686, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .tl-row .button-play.button-play.playing:not(:hover).contextmenu-active,
  .tl-row.playing .tl-row .button-play.button-play:not(:hover).contextmenu-active,
  .tl-row.playing.tl-row .button-play.button-play:not(:hover).contextmenu-active,
  .media-object.playing .tl-row .button-play.button-play:not(:hover).contextmenu-active,
  .media-object.playing.tl-row .button-play.button-play:not(:hover).contextmenu-active,
  .tl-row .button-play.button-play.playing:not(:hover):not(:disabled):hover,
  .tl-row.playing .tl-row .button-play.button-play:not(:hover):not(:disabled):hover,
  .tl-row.playing.tl-row .button-play.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing .tl-row .button-play.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing.tl-row .button-play.button-play:not(:hover):not(:disabled):hover {
    box-shadow: inset 0 0 0 1px transparent; }
  /* line 1698, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .tl-row .button-play.button-play.playing:not(:hover).contextmenu-active:after,
  .tl-row.playing .tl-row .button-play.button-play:not(:hover).contextmenu-active:after,
  .tl-row.playing.tl-row .button-play.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing .tl-row .button-play.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing.tl-row .button-play.button-play:not(:hover).contextmenu-active:after,
  .tl-row .button-play.button-play.playing:not(:hover):not(:disabled):hover:after,
  .tl-row.playing .tl-row .button-play.button-play:not(:hover):not(:disabled):hover:after,
  .tl-row.playing.tl-row .button-play.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing .tl-row .button-play.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing.tl-row .button-play.button-play:not(:hover):not(:disabled):hover:after {
    box-shadow: inset 0 0 0 1px transparent; } }

/* line 1711, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row .button-play.button-play.playing:not(:hover):not(:disabled):hover:active,
.tl-row.playing .tl-row .button-play.button-play:not(:hover):not(:disabled):hover:active,
.tl-row.playing.tl-row .button-play.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing .tl-row .button-play.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing.tl-row .button-play.button-play:not(:hover):not(:disabled):hover:active {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 1718, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row .button-play.button-play.playing:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing .tl-row .button-play.button-play:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing.tl-row .button-play.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing .tl-row .button-play.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing.tl-row .button-play.button-play:not(:hover):not(:disabled):hover:active:after {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 1725, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row .button-play.button-play.playing:not(:hover):before,
.tl-row.playing .tl-row .button-play.button-play:not(:hover):before,
.tl-row.playing.tl-row .button-play.button-play:not(:hover):before,
.media-object.playing .tl-row .button-play.button-play:not(:hover):before,
.media-object.playing.tl-row .button-play.button-play:not(:hover):before {
  content: "\f1D0";
  padding-left: 5px;
  width: calc(100% - 5px); }

/* line 1734, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row .button-play.button-play.playing:hover:before,
.tl-row.playing .tl-row .button-play.button-play:hover:before,
.tl-row.playing.tl-row .button-play.button-play:hover:before,
.media-object.playing .tl-row .button-play.button-play:hover:before,
.media-object.playing.tl-row .button-play.button-play:hover:before {
  content: "\f130"; }

/* line 1741, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-save .button,
.tl-more .button {
  visibility: hidden; }

/* line 1745, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-save {
  padding: 0 10px; }

/* line 1748, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-save .button {
  width: 20px !important;
  visibility: visible; }

/* line 1752, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-save .button:before {
  content: "\f1C6";
  padding-left: 2px; }

/* line 1756, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-thumbs .button {
  visibility: hidden; }

/* line 1759, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.thumbs-down .tl-thumbs .button-thumbs-down,
.thumbs-up .tl-thumbs .button-thumbs-up {
  pointer-events: none;
  visibility: visible; }

/* line 1764, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.current.thumbs-none .tl-thumbs .button {
  pointer-events: auto;
  visibility: visible; }

/* line 1768, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row.playing .tl-cell,
.tl-row.playing .tl-cell a:link,
.tl-row.playing .tl-highlight {
  color: #008CD6; }

/* line 1773, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row.playing .tl-number-wrap {
  display: none; }

/* line 1776, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row.playing .button-play {
  display: inline-block; }

/* line 1779, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row.selected + .tl-row .td-cell {
  border-top-color: #E5E8EA; }

/* line 1782, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row.selected .tl-cell {
  background-color: #E5E8EA;
  border-color: #E5E8EA; }

/* line 1786, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row.added .tl-save .button {
  visibility: visible; }

/* line 1789, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row.offline-waiting .tl-save .button.button-add:before,
.tl-row.offline-downloading .tl-save .button.button-add:before,
.tl-row.offline-waiting.added .tl-save .button.button-add:before,
.tl-row.offline-downloading.added .tl-save .button.button-add:before {
  content: "\f1BA";
  width: 18px;
  /* Adjust size to set the center in the middle of the icon */
  margin-left: 2px;
  /* Adjust position to match the normal icon position */ }

/* line 1799, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row.offline-downloading .tl-save .button.button-add:before,
.tl-row.offline-downloading.added .tl-save .button.button-add:before {
  animation: glue-keyframes-rotate 1.5s linear infinite; }

/* line 1803, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row.unavailable .tl-cell,
.tl-row.unavailable .tl-cell a:link,
.tl-row.unavailable .tl-highlight {
  color: #9CA6AC !important; }

/* line 1808, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row.unavailable .button-play {
  display: none !important; }

/* line 1811, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row.unavailable .tl-number-wrap {
  display: inline-block; }

/* line 1814, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row.unavailable .tl-number {
  color: #9CA6AC; }

/* line 1817, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row.local .button-add {
  visibility: hidden !important; }

/**
 * When using a scroll manager that makes sure the list only contains row DOM
 * nodes for the rows that are visible, we should tell the browser to put the
 * row in its own layer when painting. This will improve scroll performance as
 * instead of repainting a huge texture that spans the entire list height, it
 * just needs to repaint a few row textures and then composite the layers.
 */
/* line 1827, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.scroll-container-enabled .tl-row {
  will-change: transform; }

/* line 1830, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.offline .tl-row .tl-cell,
.offline .tl-row .tl-cell a:link,
.offline .tl-row .tl-highlight {
  color: #56666F !important; }

/* line 1835, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.offline .tl-row .button-play {
  display: none !important; }

/* line 1838, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.offline .tl-row .tl-number-wrap {
  display: inline-block; }

/* line 1841, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.offline .tl-row .tl-number {
  color: #56666F; }

/* line 1844, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.offline .tl-row.offline-downloaded .tl-cell,
.offline .tl-row.local.local-file-available .tl-cell {
  color: inherit !important; }

/* line 1848, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.offline .tl-row.offline-downloaded .tl-cell a:link,
.offline .tl-row.local.local-file-available .tl-cell a:link,
.offline .tl-row.offline-downloaded .tl-highlight,
.offline .tl-row.local.local-file-available .tl-highlight {
  color: #56666F !important; }

/* line 1854, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.offline .tl-row.offline-downloaded:hover .button-play,
.offline .tl-row.local.local-file-available:hover .button-play,
.offline .tl-row.offline-downloaded.playing .button-play,
.offline .tl-row.local.local-file-available.playing .button-play {
  display: inline-block !important; }

/* line 1860, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.offline .tl-row.offline-downloaded:hover .tl-number-wrap,
.offline .tl-row.local.local-file-available:hover .tl-number-wrap,
.offline .tl-row.offline-downloaded.playing .tl-number-wrap,
.offline .tl-row.local.local-file-available.playing .tl-number-wrap {
  display: none; }

/* line 1866, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.offline .tl-row.offline-downloaded.playing .tl-cell,
.offline .tl-row.local.local-file-available.playing .tl-cell,
.offline .tl-row.offline-downloaded.playing .tl-cell a:link,
.offline .tl-row.local.local-file-available.playing .tl-cell a:link,
.offline .tl-row.offline-downloaded.playing .tl-cell .tl-highlight,
.offline .tl-row.local.local-file-available.playing .tl-cell .tl-highlight {
  color: #008CD6 !important; }

/* line 1874, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row:hover .tl-cell {
  background: #F3F4F6; }

/* line 1877, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row:hover .tl-highlight {
  color: #56666F; }

/* line 1880, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row:hover.playing .tl-highlight {
  color: #008CD6; }

/* line 1883, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row:hover .tl-number-wrap {
  display: none; }

/* line 1886, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row:hover.unavailable .tl-number-wrap {
  display: block; }

/* line 1889, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row:hover .button-play {
  display: inline-block; }

/* line 1892, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row:hover .tl-more .button,
.tl-row:hover .tl-save .button {
  visibility: visible; }

/* line 1896, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row:hover .tl-more .button:before,
.tl-row:hover .tl-save .button:before {
  color: #9CA6AC; }

/* line 1900, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row:hover .tl-more .button:hover:before,
.tl-row:hover .tl-save .button:hover:before {
  color: #9CA6AC; }

/* line 1904, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row:hover.current.thumbs-none .tl-thumbs .button {
  visibility: visible; }

/* line 1907, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row:hover.current.thumbs-none .tl-thumbs .button:before {
  color: #9CA6AC; }

/* line 1910, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row:hover.current.thumbs-none .tl-thumbs .button:hover:before {
  color: #9CA6AC; }

/* line 1913, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row:hover.offline-waiting .tl-save .button.button-add.hover:before,
.tl-row:hover.offline-downloading .tl-save .button.button-add.hover:before {
  content: "\f1C6";
  -webkit-animation: none;
  animation: none; }

/* line 1919, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row:hover.offline-waiting.added .tl-save .button.button-add:hover:before,
.tl-row:hover.offline-downloading.added .tl-save .button.button-add:hover:before {
  content: "\f1C5"; }

/* line 1923, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.offline .tl-row:hover .tl-number-wrap {
  display: block; }

/* line 1926, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.offline .tl-row:hover.offline-downloaded .tl-number-wrap {
  display: none; }

/* line 1929, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row:hover .tl-explicit .label,
.tl-row.selection-focus .tl-explicit .label {
  color: #9CA6AC !important;
  border-color: #56666F !important; }

/* line 1934, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-row.selection-focus-touch .tl-more .button {
  visibility: visible; }

/* line 1937, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-highlight {
  color: #56666F; }

/* line 1940, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-featuring a,
.tl-featuring span {
  color: #9CA6AC; }

/* line 1944, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-featuring a:hover,
.tl-featuring span:hover {
  color: #8b949a; }

/* line 1948, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-item-new {
  max-width: 100%;
  overflow: hidden;
  padding-left: 14px;
  position: relative;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap; }

/* line 1957, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-item-new::before {
  content: "●";
  color: #4687D6;
  visibility: visible;
  position: absolute;
  left: 0;
  width: 10px;
  height: 10px; }

/* line 1966, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-item-local {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center; }

/* line 1973, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-explicit .label {
  color: #9CA6AC;
  background: transparent;
  padding-top: 2px;
  padding-bottom: 1px;
  letter-spacing: 0;
  vertical-align: baseline;
  border: 1px solid #E5E8EA;
  font-size: 10px; }

/* line 1983, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-number,
.tl-time,
.tl-listen-count {
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  letter-spacing: 0; }

/* line 1990, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-sort-asc:after,
.tl-sort-desc:after {
  margin-left: 4px;
  font-family: "glue1-spoticon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  line-height: inherit;
  vertical-align: bottom;
  color: #008CD6;
  font-size: 14px; }

/* line 2004, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-sort-asc:after {
  content: "\f112"; }

/* line 2007, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.tl-sort-desc:after {
  content: "\f10c"; }

/* line 2010, /Users/Devin/GitHub/spotio/skin/glue1.scss */
th[data-sort]:hover {
  color: #56666F; }

/* line 2013, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.pop-meter {
  width: 30px;
  height: 9px;
  position: relative; }

/* line 2018, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.pop-meter-background,
.pop-meter-overlay {
  width: 100%;
  position: absolute;
  top: -1px;
  height: 9px;
  overflow-x: hidden; }

/* line 2026, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.pop-meter-background:after,
.pop-meter-overlay:after {
  content: ' ';
  display: block;
  -webkit-transform: translate(0, 0.5px);
  -moz-transform: translate(0, 0.5px);
  -ms-transform: translate(0, 0.5px);
  -o-transform: translate(0, 0.5px);
  transform: translate(0, 0.5px);
  position: absolute;
  left: -4px;
  width: 2px;
  height: 8px;
  top: 0px; }

/* line 2041, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.pop-meter-background:after {
  box-shadow: 4px 0 0 0 #9CA6AC, 8px 0 0 0 #9CA6AC, 12px 0 0 0 #9CA6AC, 16px 0 0 0 #9CA6AC, 20px 0 0 0 #9CA6AC, 24px 0 0 0 #9CA6AC, 28px 0 0 0 #9CA6AC, 32px 0 0 0 #9CA6AC; }

/* line 2044, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.pop-meter-overlay:after {
  box-shadow: 4px 0 0 0 #008CD6, 8px 0 0 0 #008CD6, 12px 0 0 0 #008CD6, 16px 0 0 0 #008CD6, 20px 0 0 0 #008CD6, 24px 0 0 0 #008CD6, 28px 0 0 0 #008CD6, 32px 0 0 0 #008CD6; }

/**
 * Standard Throbber
 *
 * There's two versions available, the standard one (50px) and one large (70px).
 * In IE9 there's no animation of the dots, just a grey symbol.
 * The throbbers doesn't scale with the container, they're a fixed size.
 *
 * Markup:
 * <div class="{$modifiers}"><div></div></div>
 *
 * .throbber         - Your normal loading indicator (fetching content, etc)
 * .throbber-large   - Bigger version, suitable for full screen loading and similar.
 *
 * Styleguide 100.1
 */
@-webkit-keyframes throbber {
  7% {
    box-shadow: 0px -15px #ffffff, 11.25px -11.25px 0 rgba(255, 255, 255, 0.2), 15px 0 0 rgba(255, 255, 255, 0.2), 11.25px 11.25px 0 rgba(255, 255, 255, 0.2), 0 15px 0 rgba(255, 255, 255, 0.2), -11.25px 11.25px 0 rgba(255, 255, 255, 0.2), -15px 0 0 rgba(255, 255, 255, 0.2), -11.25px -11.25px 0 rgba(255, 255, 255, 0.2); }
  14% {
    box-shadow: 0px -15px rgba(255, 255, 255, 0.8), 11.25px -11.25px 0 #ffffff, 15px 0 0 rgba(255, 255, 255, 0.2), 11.25px 11.25px 0 rgba(255, 255, 255, 0.2), 0 15px 0 rgba(255, 255, 255, 0.2), -11.25px 11.25px 0 rgba(255, 255, 255, 0.2), -15px 0 0 rgba(255, 255, 255, 0.2), -11.25px -11.25px 0 rgba(255, 255, 255, 0.2); }
  21% {
    box-shadow: 0px -15px rgba(255, 255, 255, 0.6), 11.25px -11.25px 0 rgba(255, 255, 255, 0.8), 15px 0 0 #ffffff, 11.25px 11.25px 0 rgba(255, 255, 255, 0.2), 0 15px 0 rgba(255, 255, 255, 0.2), -11.25px 11.25px 0 rgba(255, 255, 255, 0.2), -15px 0 0 rgba(255, 255, 255, 0.2), -11.25px -11.25px 0 rgba(255, 255, 255, 0.2); }
  28% {
    box-shadow: 0px -15px rgba(255, 255, 255, 0.4), 11.25px -11.25px 0 rgba(255, 255, 255, 0.6), 15px 0 0 rgba(255, 255, 255, 0.8), 11.25px 11.25px 0 #ffffff, 0 15px 0 rgba(255, 255, 255, 0.2), -11.25px 11.25px 0 rgba(255, 255, 255, 0.2), -15px 0 0 rgba(255, 255, 255, 0.2), -11.25px -11.25px 0 rgba(255, 255, 255, 0.2); }
  35% {
    box-shadow: 0px -15px rgba(255, 255, 255, 0.2), 11.25px -11.25px 0 rgba(255, 255, 255, 0.4), 15px 0 0 rgba(255, 255, 255, 0.6), 11.25px 11.25px 0 rgba(255, 255, 255, 0.8), 0 15px 0 #ffffff, -11.25px 11.25px 0 rgba(255, 255, 255, 0.2), -15px 0 0 rgba(255, 255, 255, 0.2), -11.25px -11.25px 0 rgba(255, 255, 255, 0.2); }
  42% {
    box-shadow: 0px -15px rgba(255, 255, 255, 0.2), 11.25px -11.25px 0 rgba(255, 255, 255, 0.2), 15px 0 0 rgba(255, 255, 255, 0.4), 11.25px 11.25px 0 rgba(255, 255, 255, 0.6), 0 15px 0 rgba(255, 255, 255, 0.8), -11.25px 11.25px 0 #ffffff, -15px 0 0 rgba(255, 255, 255, 0.2), -11.25px -11.25px 0 rgba(255, 255, 255, 0.2); }
  49% {
    box-shadow: 0px -15px rgba(255, 255, 255, 0.2), 11.25px -11.25px 0 rgba(255, 255, 255, 0.2), 15px 0 0 rgba(255, 255, 255, 0.2), 11.25px 11.25px 0 rgba(255, 255, 255, 0.4), 0 15px 0 rgba(255, 255, 255, 0.6), -11.25px 11.25px 0 rgba(255, 255, 255, 0.8), -15px 0 0 #ffffff, -11.25px -11.25px 0 rgba(255, 255, 255, 0.2); }
  56% {
    box-shadow: 0px -15px rgba(255, 255, 255, 0.2), 11.25px -11.25px 0 rgba(255, 255, 255, 0.2), 15px 0 0 rgba(255, 255, 255, 0.2), 11.25px 11.25px 0 rgba(255, 255, 255, 0.2), 0 15px 0 rgba(255, 255, 255, 0.4), -11.25px 11.25px 0 rgba(255, 255, 255, 0.6), -15px 0 0 rgba(255, 255, 255, 0.8), -11.25px -11.25px 0 #ffffff; }
  63% {
    box-shadow: 0px -15px rgba(255, 255, 255, 0.2), 11.25px -11.25px 0 rgba(255, 255, 255, 0.2), 15px 0 0 rgba(255, 255, 255, 0.2), 11.25px 11.25px 0 rgba(255, 255, 255, 0.2), 0 15px 0 rgba(255, 255, 255, 0.2), -11.25px 11.25px 0 rgba(255, 255, 255, 0.4), -15px 0 0 rgba(255, 255, 255, 0.6), -11.25px -11.25px 0 rgba(255, 255, 255, 0.8); }
  70% {
    box-shadow: 0px -15px rgba(255, 255, 255, 0.2), 11.25px -11.25px 0 rgba(255, 255, 255, 0.2), 15px 0 0 rgba(255, 255, 255, 0.2), 11.25px 11.25px 0 rgba(255, 255, 255, 0.2), 0 15px 0 rgba(255, 255, 255, 0.2), -11.25px 11.25px 0 rgba(255, 255, 255, 0.2), -15px 0 0 rgba(255, 255, 255, 0.4), -11.25px -11.25px 0 rgba(255, 255, 255, 0.6); }
  77% {
    box-shadow: 0px -15px rgba(255, 255, 255, 0.2), 11.25px -11.25px 0 rgba(255, 255, 255, 0.2), 15px 0 0 rgba(255, 255, 255, 0.2), 11.25px 11.25px 0 rgba(255, 255, 255, 0.2), 0 15px 0 rgba(255, 255, 255, 0.2), -11.25px 11.25px 0 rgba(255, 255, 255, 0.2), -15px 0 0 rgba(255, 255, 255, 0.2), -11.25px -11.25px 0 rgba(255, 255, 255, 0.4); }
  84% {
    box-shadow: 0px -15px rgba(255, 255, 255, 0.2), 11.25px -11.25px 0 rgba(255, 255, 255, 0.2), 15px 0 0 rgba(255, 255, 255, 0.2), 11.25px 11.25px 0 rgba(255, 255, 255, 0.2), 0 15px 0 rgba(255, 255, 255, 0.2), -11.25px 11.25px 0 rgba(255, 255, 255, 0.2), -15px 0 0 rgba(255, 255, 255, 0.2), -11.25px -11.25px 0 rgba(255, 255, 255, 0.2); }
  100% {
    box-shadow: 0px -15px rgba(255, 255, 255, 0.2), 11.25px -11.25px 0 rgba(255, 255, 255, 0.2), 15px 0 0 rgba(255, 255, 255, 0.2), 11.25px 11.25px 0 rgba(255, 255, 255, 0.2), 0 15px 0 rgba(255, 255, 255, 0.2), -11.25px 11.25px 0 rgba(255, 255, 255, 0.2), -15px 0 0 rgba(255, 255, 255, 0.2), -11.25px -11.25px 0 rgba(255, 255, 255, 0.2); } }

@keyframes throbber {
  7% {
    box-shadow: 0px -15px #ffffff, 11.25px -11.25px 0 rgba(255, 255, 255, 0.2), 15px 0 0 rgba(255, 255, 255, 0.2), 11.25px 11.25px 0 rgba(255, 255, 255, 0.2), 0 15px 0 rgba(255, 255, 255, 0.2), -11.25px 11.25px 0 rgba(255, 255, 255, 0.2), -15px 0 0 rgba(255, 255, 255, 0.2), -11.25px -11.25px 0 rgba(255, 255, 255, 0.2); }
  14% {
    box-shadow: 0px -15px rgba(255, 255, 255, 0.8), 11.25px -11.25px 0 #ffffff, 15px 0 0 rgba(255, 255, 255, 0.2), 11.25px 11.25px 0 rgba(255, 255, 255, 0.2), 0 15px 0 rgba(255, 255, 255, 0.2), -11.25px 11.25px 0 rgba(255, 255, 255, 0.2), -15px 0 0 rgba(255, 255, 255, 0.2), -11.25px -11.25px 0 rgba(255, 255, 255, 0.2); }
  21% {
    box-shadow: 0px -15px rgba(255, 255, 255, 0.6), 11.25px -11.25px 0 rgba(255, 255, 255, 0.8), 15px 0 0 #ffffff, 11.25px 11.25px 0 rgba(255, 255, 255, 0.2), 0 15px 0 rgba(255, 255, 255, 0.2), -11.25px 11.25px 0 rgba(255, 255, 255, 0.2), -15px 0 0 rgba(255, 255, 255, 0.2), -11.25px -11.25px 0 rgba(255, 255, 255, 0.2); }
  28% {
    box-shadow: 0px -15px rgba(255, 255, 255, 0.4), 11.25px -11.25px 0 rgba(255, 255, 255, 0.6), 15px 0 0 rgba(255, 255, 255, 0.8), 11.25px 11.25px 0 #ffffff, 0 15px 0 rgba(255, 255, 255, 0.2), -11.25px 11.25px 0 rgba(255, 255, 255, 0.2), -15px 0 0 rgba(255, 255, 255, 0.2), -11.25px -11.25px 0 rgba(255, 255, 255, 0.2); }
  35% {
    box-shadow: 0px -15px rgba(255, 255, 255, 0.2), 11.25px -11.25px 0 rgba(255, 255, 255, 0.4), 15px 0 0 rgba(255, 255, 255, 0.6), 11.25px 11.25px 0 rgba(255, 255, 255, 0.8), 0 15px 0 #ffffff, -11.25px 11.25px 0 rgba(255, 255, 255, 0.2), -15px 0 0 rgba(255, 255, 255, 0.2), -11.25px -11.25px 0 rgba(255, 255, 255, 0.2); }
  42% {
    box-shadow: 0px -15px rgba(255, 255, 255, 0.2), 11.25px -11.25px 0 rgba(255, 255, 255, 0.2), 15px 0 0 rgba(255, 255, 255, 0.4), 11.25px 11.25px 0 rgba(255, 255, 255, 0.6), 0 15px 0 rgba(255, 255, 255, 0.8), -11.25px 11.25px 0 #ffffff, -15px 0 0 rgba(255, 255, 255, 0.2), -11.25px -11.25px 0 rgba(255, 255, 255, 0.2); }
  49% {
    box-shadow: 0px -15px rgba(255, 255, 255, 0.2), 11.25px -11.25px 0 rgba(255, 255, 255, 0.2), 15px 0 0 rgba(255, 255, 255, 0.2), 11.25px 11.25px 0 rgba(255, 255, 255, 0.4), 0 15px 0 rgba(255, 255, 255, 0.6), -11.25px 11.25px 0 rgba(255, 255, 255, 0.8), -15px 0 0 #ffffff, -11.25px -11.25px 0 rgba(255, 255, 255, 0.2); }
  56% {
    box-shadow: 0px -15px rgba(255, 255, 255, 0.2), 11.25px -11.25px 0 rgba(255, 255, 255, 0.2), 15px 0 0 rgba(255, 255, 255, 0.2), 11.25px 11.25px 0 rgba(255, 255, 255, 0.2), 0 15px 0 rgba(255, 255, 255, 0.4), -11.25px 11.25px 0 rgba(255, 255, 255, 0.6), -15px 0 0 rgba(255, 255, 255, 0.8), -11.25px -11.25px 0 #ffffff; }
  63% {
    box-shadow: 0px -15px rgba(255, 255, 255, 0.2), 11.25px -11.25px 0 rgba(255, 255, 255, 0.2), 15px 0 0 rgba(255, 255, 255, 0.2), 11.25px 11.25px 0 rgba(255, 255, 255, 0.2), 0 15px 0 rgba(255, 255, 255, 0.2), -11.25px 11.25px 0 rgba(255, 255, 255, 0.4), -15px 0 0 rgba(255, 255, 255, 0.6), -11.25px -11.25px 0 rgba(255, 255, 255, 0.8); }
  70% {
    box-shadow: 0px -15px rgba(255, 255, 255, 0.2), 11.25px -11.25px 0 rgba(255, 255, 255, 0.2), 15px 0 0 rgba(255, 255, 255, 0.2), 11.25px 11.25px 0 rgba(255, 255, 255, 0.2), 0 15px 0 rgba(255, 255, 255, 0.2), -11.25px 11.25px 0 rgba(255, 255, 255, 0.2), -15px 0 0 rgba(255, 255, 255, 0.4), -11.25px -11.25px 0 rgba(255, 255, 255, 0.6); }
  77% {
    box-shadow: 0px -15px rgba(255, 255, 255, 0.2), 11.25px -11.25px 0 rgba(255, 255, 255, 0.2), 15px 0 0 rgba(255, 255, 255, 0.2), 11.25px 11.25px 0 rgba(255, 255, 255, 0.2), 0 15px 0 rgba(255, 255, 255, 0.2), -11.25px 11.25px 0 rgba(255, 255, 255, 0.2), -15px 0 0 rgba(255, 255, 255, 0.2), -11.25px -11.25px 0 rgba(255, 255, 255, 0.4); }
  84% {
    box-shadow: 0px -15px rgba(255, 255, 255, 0.2), 11.25px -11.25px 0 rgba(255, 255, 255, 0.2), 15px 0 0 rgba(255, 255, 255, 0.2), 11.25px 11.25px 0 rgba(255, 255, 255, 0.2), 0 15px 0 rgba(255, 255, 255, 0.2), -11.25px 11.25px 0 rgba(255, 255, 255, 0.2), -15px 0 0 rgba(255, 255, 255, 0.2), -11.25px -11.25px 0 rgba(255, 255, 255, 0.2); }
  100% {
    box-shadow: 0px -15px rgba(255, 255, 255, 0.2), 11.25px -11.25px 0 rgba(255, 255, 255, 0.2), 15px 0 0 rgba(255, 255, 255, 0.2), 11.25px 11.25px 0 rgba(255, 255, 255, 0.2), 0 15px 0 rgba(255, 255, 255, 0.2), -11.25px 11.25px 0 rgba(255, 255, 255, 0.2), -15px 0 0 rgba(255, 255, 255, 0.2), -11.25px -11.25px 0 rgba(255, 255, 255, 0.2); } }

@-webkit-keyframes throbberLarge {
  7% {
    box-shadow: 0px -26px #ffffff, 19.5px -19.5px 0 rgba(255, 255, 255, 0.2), 26px 0 0 rgba(255, 255, 255, 0.2), 19.5px 19.5px 0 rgba(255, 255, 255, 0.2), 0 26px 0 rgba(255, 255, 255, 0.2), -19.5px 19.5px 0 rgba(255, 255, 255, 0.2), -26px 0 0 rgba(255, 255, 255, 0.2), -19.5px -19.5px 0 rgba(255, 255, 255, 0.2); }
  14% {
    box-shadow: 0px -26px rgba(255, 255, 255, 0.8), 19.5px -19.5px 0 #ffffff, 26px 0 0 rgba(255, 255, 255, 0.2), 19.5px 19.5px 0 rgba(255, 255, 255, 0.2), 0 26px 0 rgba(255, 255, 255, 0.2), -19.5px 19.5px 0 rgba(255, 255, 255, 0.2), -26px 0 0 rgba(255, 255, 255, 0.2), -19.5px -19.5px 0 rgba(255, 255, 255, 0.2); }
  21% {
    box-shadow: 0px -26px rgba(255, 255, 255, 0.6), 19.5px -19.5px 0 rgba(255, 255, 255, 0.8), 26px 0 0 #ffffff, 19.5px 19.5px 0 rgba(255, 255, 255, 0.2), 0 26px 0 rgba(255, 255, 255, 0.2), -19.5px 19.5px 0 rgba(255, 255, 255, 0.2), -26px 0 0 rgba(255, 255, 255, 0.2), -19.5px -19.5px 0 rgba(255, 255, 255, 0.2); }
  28% {
    box-shadow: 0px -26px rgba(255, 255, 255, 0.4), 19.5px -19.5px 0 rgba(255, 255, 255, 0.6), 26px 0 0 rgba(255, 255, 255, 0.8), 19.5px 19.5px 0 #ffffff, 0 26px 0 rgba(255, 255, 255, 0.2), -19.5px 19.5px 0 rgba(255, 255, 255, 0.2), -26px 0 0 rgba(255, 255, 255, 0.2), -19.5px -19.5px 0 rgba(255, 255, 255, 0.2); }
  35% {
    box-shadow: 0px -26px rgba(255, 255, 255, 0.2), 19.5px -19.5px 0 rgba(255, 255, 255, 0.4), 26px 0 0 rgba(255, 255, 255, 0.6), 19.5px 19.5px 0 rgba(255, 255, 255, 0.8), 0 26px 0 #ffffff, -19.5px 19.5px 0 rgba(255, 255, 255, 0.2), -26px 0 0 rgba(255, 255, 255, 0.2), -19.5px -19.5px 0 rgba(255, 255, 255, 0.2); }
  42% {
    box-shadow: 0px -26px rgba(255, 255, 255, 0.2), 19.5px -19.5px 0 rgba(255, 255, 255, 0.2), 26px 0 0 rgba(255, 255, 255, 0.4), 19.5px 19.5px 0 rgba(255, 255, 255, 0.6), 0 26px 0 rgba(255, 255, 255, 0.8), -19.5px 19.5px 0 #ffffff, -26px 0 0 rgba(255, 255, 255, 0.2), -19.5px -19.5px 0 rgba(255, 255, 255, 0.2); }
  49% {
    box-shadow: 0px -26px rgba(255, 255, 255, 0.2), 19.5px -19.5px 0 rgba(255, 255, 255, 0.2), 26px 0 0 rgba(255, 255, 255, 0.2), 19.5px 19.5px 0 rgba(255, 255, 255, 0.4), 0 26px 0 rgba(255, 255, 255, 0.6), -19.5px 19.5px 0 rgba(255, 255, 255, 0.8), -26px 0 0 #ffffff, -19.5px -19.5px 0 rgba(255, 255, 255, 0.2); }
  56% {
    box-shadow: 0px -26px rgba(255, 255, 255, 0.2), 19.5px -19.5px 0 rgba(255, 255, 255, 0.2), 26px 0 0 rgba(255, 255, 255, 0.2), 19.5px 19.5px 0 rgba(255, 255, 255, 0.2), 0 26px 0 rgba(255, 255, 255, 0.4), -19.5px 19.5px 0 rgba(255, 255, 255, 0.6), -26px 0 0 rgba(255, 255, 255, 0.8), -19.5px -19.5px 0 #ffffff; }
  63% {
    box-shadow: 0px -26px rgba(255, 255, 255, 0.2), 19.5px -19.5px 0 rgba(255, 255, 255, 0.2), 26px 0 0 rgba(255, 255, 255, 0.2), 19.5px 19.5px 0 rgba(255, 255, 255, 0.2), 0 26px 0 rgba(255, 255, 255, 0.2), -19.5px 19.5px 0 rgba(255, 255, 255, 0.4), -26px 0 0 rgba(255, 255, 255, 0.6), -19.5px -19.5px 0 rgba(255, 255, 255, 0.8); }
  70% {
    box-shadow: 0px -26px rgba(255, 255, 255, 0.2), 19.5px -19.5px 0 rgba(255, 255, 255, 0.2), 26px 0 0 rgba(255, 255, 255, 0.2), 19.5px 19.5px 0 rgba(255, 255, 255, 0.2), 0 26px 0 rgba(255, 255, 255, 0.2), -19.5px 19.5px 0 rgba(255, 255, 255, 0.2), -26px 0 0 rgba(255, 255, 255, 0.4), -19.5px -19.5px 0 rgba(255, 255, 255, 0.6); }
  77% {
    box-shadow: 0px -26px rgba(255, 255, 255, 0.2), 19.5px -19.5px 0 rgba(255, 255, 255, 0.2), 26px 0 0 rgba(255, 255, 255, 0.2), 19.5px 19.5px 0 rgba(255, 255, 255, 0.2), 0 26px 0 rgba(255, 255, 255, 0.2), -19.5px 19.5px 0 rgba(255, 255, 255, 0.2), -26px 0 0 rgba(255, 255, 255, 0.2), -19.5px -19.5px 0 rgba(255, 255, 255, 0.4); }
  84% {
    box-shadow: 0px -26px rgba(255, 255, 255, 0.2), 19.5px -19.5px 0 rgba(255, 255, 255, 0.2), 26px 0 0 rgba(255, 255, 255, 0.2), 19.5px 19.5px 0 rgba(255, 255, 255, 0.2), 0 26px 0 rgba(255, 255, 255, 0.2), -19.5px 19.5px 0 rgba(255, 255, 255, 0.2), -26px 0 0 rgba(255, 255, 255, 0.2), -19.5px -19.5px 0 rgba(255, 255, 255, 0.2); }
  100% {
    box-shadow: 0px -26px rgba(255, 255, 255, 0.2), 19.5px -19.5px 0 rgba(255, 255, 255, 0.2), 26px 0 0 rgba(255, 255, 255, 0.2), 19.5px 19.5px 0 rgba(255, 255, 255, 0.2), 0 26px 0 rgba(255, 255, 255, 0.2), -19.5px 19.5px 0 rgba(255, 255, 255, 0.2), -26px 0 0 rgba(255, 255, 255, 0.2), -19.5px -19.5px 0 rgba(255, 255, 255, 0.2); } }

@keyframes throbberLarge {
  7% {
    box-shadow: 0px -26px #ffffff, 19.5px -19.5px 0 rgba(255, 255, 255, 0.2), 26px 0 0 rgba(255, 255, 255, 0.2), 19.5px 19.5px 0 rgba(255, 255, 255, 0.2), 0 26px 0 rgba(255, 255, 255, 0.2), -19.5px 19.5px 0 rgba(255, 255, 255, 0.2), -26px 0 0 rgba(255, 255, 255, 0.2), -19.5px -19.5px 0 rgba(255, 255, 255, 0.2); }
  14% {
    box-shadow: 0px -26px rgba(255, 255, 255, 0.8), 19.5px -19.5px 0 #ffffff, 26px 0 0 rgba(255, 255, 255, 0.2), 19.5px 19.5px 0 rgba(255, 255, 255, 0.2), 0 26px 0 rgba(255, 255, 255, 0.2), -19.5px 19.5px 0 rgba(255, 255, 255, 0.2), -26px 0 0 rgba(255, 255, 255, 0.2), -19.5px -19.5px 0 rgba(255, 255, 255, 0.2); }
  21% {
    box-shadow: 0px -26px rgba(255, 255, 255, 0.6), 19.5px -19.5px 0 rgba(255, 255, 255, 0.8), 26px 0 0 #ffffff, 19.5px 19.5px 0 rgba(255, 255, 255, 0.2), 0 26px 0 rgba(255, 255, 255, 0.2), -19.5px 19.5px 0 rgba(255, 255, 255, 0.2), -26px 0 0 rgba(255, 255, 255, 0.2), -19.5px -19.5px 0 rgba(255, 255, 255, 0.2); }
  28% {
    box-shadow: 0px -26px rgba(255, 255, 255, 0.4), 19.5px -19.5px 0 rgba(255, 255, 255, 0.6), 26px 0 0 rgba(255, 255, 255, 0.8), 19.5px 19.5px 0 #ffffff, 0 26px 0 rgba(255, 255, 255, 0.2), -19.5px 19.5px 0 rgba(255, 255, 255, 0.2), -26px 0 0 rgba(255, 255, 255, 0.2), -19.5px -19.5px 0 rgba(255, 255, 255, 0.2); }
  35% {
    box-shadow: 0px -26px rgba(255, 255, 255, 0.2), 19.5px -19.5px 0 rgba(255, 255, 255, 0.4), 26px 0 0 rgba(255, 255, 255, 0.6), 19.5px 19.5px 0 rgba(255, 255, 255, 0.8), 0 26px 0 #ffffff, -19.5px 19.5px 0 rgba(255, 255, 255, 0.2), -26px 0 0 rgba(255, 255, 255, 0.2), -19.5px -19.5px 0 rgba(255, 255, 255, 0.2); }
  42% {
    box-shadow: 0px -26px rgba(255, 255, 255, 0.2), 19.5px -19.5px 0 rgba(255, 255, 255, 0.2), 26px 0 0 rgba(255, 255, 255, 0.4), 19.5px 19.5px 0 rgba(255, 255, 255, 0.6), 0 26px 0 rgba(255, 255, 255, 0.8), -19.5px 19.5px 0 #ffffff, -26px 0 0 rgba(255, 255, 255, 0.2), -19.5px -19.5px 0 rgba(255, 255, 255, 0.2); }
  49% {
    box-shadow: 0px -26px rgba(255, 255, 255, 0.2), 19.5px -19.5px 0 rgba(255, 255, 255, 0.2), 26px 0 0 rgba(255, 255, 255, 0.2), 19.5px 19.5px 0 rgba(255, 255, 255, 0.4), 0 26px 0 rgba(255, 255, 255, 0.6), -19.5px 19.5px 0 rgba(255, 255, 255, 0.8), -26px 0 0 #ffffff, -19.5px -19.5px 0 rgba(255, 255, 255, 0.2); }
  56% {
    box-shadow: 0px -26px rgba(255, 255, 255, 0.2), 19.5px -19.5px 0 rgba(255, 255, 255, 0.2), 26px 0 0 rgba(255, 255, 255, 0.2), 19.5px 19.5px 0 rgba(255, 255, 255, 0.2), 0 26px 0 rgba(255, 255, 255, 0.4), -19.5px 19.5px 0 rgba(255, 255, 255, 0.6), -26px 0 0 rgba(255, 255, 255, 0.8), -19.5px -19.5px 0 #ffffff; }
  63% {
    box-shadow: 0px -26px rgba(255, 255, 255, 0.2), 19.5px -19.5px 0 rgba(255, 255, 255, 0.2), 26px 0 0 rgba(255, 255, 255, 0.2), 19.5px 19.5px 0 rgba(255, 255, 255, 0.2), 0 26px 0 rgba(255, 255, 255, 0.2), -19.5px 19.5px 0 rgba(255, 255, 255, 0.4), -26px 0 0 rgba(255, 255, 255, 0.6), -19.5px -19.5px 0 rgba(255, 255, 255, 0.8); }
  70% {
    box-shadow: 0px -26px rgba(255, 255, 255, 0.2), 19.5px -19.5px 0 rgba(255, 255, 255, 0.2), 26px 0 0 rgba(255, 255, 255, 0.2), 19.5px 19.5px 0 rgba(255, 255, 255, 0.2), 0 26px 0 rgba(255, 255, 255, 0.2), -19.5px 19.5px 0 rgba(255, 255, 255, 0.2), -26px 0 0 rgba(255, 255, 255, 0.4), -19.5px -19.5px 0 rgba(255, 255, 255, 0.6); }
  77% {
    box-shadow: 0px -26px rgba(255, 255, 255, 0.2), 19.5px -19.5px 0 rgba(255, 255, 255, 0.2), 26px 0 0 rgba(255, 255, 255, 0.2), 19.5px 19.5px 0 rgba(255, 255, 255, 0.2), 0 26px 0 rgba(255, 255, 255, 0.2), -19.5px 19.5px 0 rgba(255, 255, 255, 0.2), -26px 0 0 rgba(255, 255, 255, 0.2), -19.5px -19.5px 0 rgba(255, 255, 255, 0.4); }
  84% {
    box-shadow: 0px -26px rgba(255, 255, 255, 0.2), 19.5px -19.5px 0 rgba(255, 255, 255, 0.2), 26px 0 0 rgba(255, 255, 255, 0.2), 19.5px 19.5px 0 rgba(255, 255, 255, 0.2), 0 26px 0 rgba(255, 255, 255, 0.2), -19.5px 19.5px 0 rgba(255, 255, 255, 0.2), -26px 0 0 rgba(255, 255, 255, 0.2), -19.5px -19.5px 0 rgba(255, 255, 255, 0.2); }
  100% {
    box-shadow: 0px -26px rgba(255, 255, 255, 0.2), 19.5px -19.5px 0 rgba(255, 255, 255, 0.2), 26px 0 0 rgba(255, 255, 255, 0.2), 19.5px 19.5px 0 rgba(255, 255, 255, 0.2), 0 26px 0 rgba(255, 255, 255, 0.2), -19.5px 19.5px 0 rgba(255, 255, 255, 0.2), -26px 0 0 rgba(255, 255, 255, 0.2), -19.5px -19.5px 0 rgba(255, 255, 255, 0.2); } }

/* line 2226, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.throbber,
.throbber-large {
  position: relative; }

/* line 2230, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.throbber div,
.throbber-large div {
  background: transparent;
  border-radius: 50%;
  left: 50%;
  position: absolute;
  top: 50%; }

/* line 2238, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.throbber {
  height: 40px;
  width: 40px; }

/* line 2242, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.throbber div {
  height: 8px;
  margin: -4px 0 0 -4px;
  width: 8px;
  box-shadow: 0px -15px rgba(255, 255, 255, 0.2), 11.25px -11.25px 0 rgba(255, 255, 255, 0.2), 15px 0 0 rgba(255, 255, 255, 0.2), 11.25px 11.25px 0 rgba(255, 255, 255, 0.2), 0 15px 0 rgba(255, 255, 255, 0.2), -11.25px 11.25px 0 rgba(255, 255, 255, 0.2), -15px 0 0 rgba(255, 255, 255, 0.2), -11.25px -11.25px 0 rgba(255, 255, 255, 0.2);
  -webkit-animation: throbber 1.5s ease infinite;
  animation: throbber 1.5s ease infinite; }

/* line 2250, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.throbber-large {
  height: 70px;
  width: 70px; }

/* line 2254, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.throbber-large div {
  height: 12px;
  margin: -6px 0 0 -6px;
  width: 12px;
  box-shadow: 0px -26px rgba(255, 255, 255, 0.2), 19.5px -19.5px 0 rgba(255, 255, 255, 0.2), 26px 0 0 rgba(255, 255, 255, 0.2), 19.5px 19.5px 0 rgba(255, 255, 255, 0.2), 0 26px 0 rgba(255, 255, 255, 0.2), -19.5px 19.5px 0 rgba(255, 255, 255, 0.2), -26px 0 0 rgba(255, 255, 255, 0.2), -19.5px -19.5px 0 rgba(255, 255, 255, 0.2);
  -webkit-animation: throbberLarge 1.5s ease infinite;
  animation: throbberLarge 1.5s ease infinite; }

/**
 * Initial App Loading Throbber
 *
 * All apps should show the initial throbber in the center of the screen while the
 * app is initially loading. This throbber is the large size (automatically) and centered.
 *
 * Markup:
 * <div class="fake-screen" style="height: 300px; position: relative;">
 *   <div class="throbber-initial"><div></div></div>
 * </div>
 *
 * Styleguide 100.1.1
 */
/* line 2275, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.throbber-initial {
  position: relative;
  height: 70px;
  width: 70px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -35px;
  margin-left: -35px; }

/* line 2285, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.throbber-initial div {
  background: transparent;
  border-radius: 50%;
  left: 50%;
  position: absolute;
  top: 50%; }

/* line 2292, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.throbber-initial div {
  height: 12px;
  margin: -6px 0 0 -6px;
  width: 12px;
  box-shadow: 0px -26px rgba(255, 255, 255, 0.2), 19.5px -19.5px 0 rgba(255, 255, 255, 0.2), 26px 0 0 rgba(255, 255, 255, 0.2), 19.5px 19.5px 0 rgba(255, 255, 255, 0.2), 0 26px 0 rgba(255, 255, 255, 0.2), -19.5px 19.5px 0 rgba(255, 255, 255, 0.2), -26px 0 0 rgba(255, 255, 255, 0.2), -19.5px -19.5px 0 rgba(255, 255, 255, 0.2);
  -webkit-animation: throbberLarge 1.5s ease infinite;
  animation: throbberLarge 1.5s ease infinite; }

/**
 * Error and Offline Pages
 *
 * Just put the markup at the top of the page. (Best to use the template from GLUE!)
 * To display simply add the class `.show-offline-screen` or `.show-error-screen`
 * to the containing element. <br><br>
 * <a class="button" href="error-and-offline.html">See demo!</a>
 *
 * CodeDisplay: $error-and-offline
 *
 * Styleguide 100.1
 */
/* line 2312, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.error-and-offline {
  display: none;
  position: absolute;
  z-index: 1060;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  background-image: url("https://s3.postimg.org/y6ubu8our/error_bg.jpg");
  background-size: cover;
  background-position: center; }

/* line 2325, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.error-and-offline:before {
  content: ' ';
  position: absolute;
  background-color: rgba(255, 255, 255, 0.75);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

/* line 2334, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.error-and-offline > .container {
  position: relative;
  top: 50%;
  margin-top: -100px; }

/* line 2339, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.error-and-offline .offline-content,
.error-and-offline .error-content {
  display: none; }

/* line 2343, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.error-and-offline .offline-content > .button,
.error-and-offline .error-content > .button {
  margin-top: 32px; }

/* line 2347, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.error-and-offline .error-version {
  position: absolute;
  right: 0px;
  bottom: 0px;
  margin: 0 7px; }

/* line 2353, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.show-offline-screen .error-and-offline,
.show-offline-screen .offline-content {
  display: block; }

/* line 2357, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.show-error-screen .error-and-offline,
.show-error-screen .error-content {
  display: block; }

/* line 2361, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.facepile {
  display: inline-block;
  float: left;
  height: 26px;
  margin: 0px 2px;
  width: 26px; }

/* line 2368, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.facepile-list {
  display: inline-block;
  height: 26px; }

/* line 2372, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.facepile-list-container {
  height: 26px; }

/* line 2375, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.facepile-badge {
  display: inline-block;
  float: left;
  margin: 0px 2px;
  height: 26px;
  line-height: 24px;
  padding-top: 2px;
  padding-left: 26px;
  padding-right: 26px;
  border-radius: 13px;
  background: #9CA6AC;
  color: #FFFFFF;
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: transform, box-shadow, color, background-color;
  width: 26px;
  padding-left: 0;
  padding-right: 0;
  padding: 0;
  /* override btn stuff */
  font-size: 10px; }

/* line 2396, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.facepile-badge .b-alt-text {
  margin-top: -24px; }

/* line 2399, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.facepile-badge.contextmenu-active,
.facepile-badge:not(:disabled):hover {
  background-color: #008CD6;
  color: #ffffff; }

/* line 2404, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.facepile-badge:not(:disabled):hover:active {
  background: #9CA6AC;
  color: #56666F;
  transform: scale(1); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2410, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .facepile-badge:not(:disabled):hover:active {
    transform: scale(1); } }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2415, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .facepile-badge {
    transition-duration: 50ms; } }

/* line 2419, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.facepile-badge:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0.7, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2424, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .facepile-badge:after {
    transition-duration: 50ms; } }

/* line 2428, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.facepile-badge.contextmenu-active,
.facepile-badge:not(:disabled):hover {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: transform, box-shadow, color, background-color; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2434, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .facepile-badge.contextmenu-active,
  .facepile-badge:not(:disabled):hover {
    transition-duration: 66ms; } }

/* line 2439, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.facepile-badge.contextmenu-active:after,
.facepile-badge:not(:disabled):hover:after {
  transition: none 33ms cubic-bezier(0.3, 0, 0, 1);
  transition-property: box-shadow; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2445, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .facepile-badge.contextmenu-active:after,
  .facepile-badge:not(:disabled):hover:after {
    transition-duration: 66ms; } }

/* line 2450, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.facepile-badge:not(:disabled):hover:active {
  transition: none; }

/* line 2453, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.facepile-badge:not(:disabled):hover:active:after {
  transition: none; }

/* line 2456, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.facepile-badge:not(:disabled):hover {
  transform: scale(1.07692308); }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2460, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .facepile-badge:not(:disabled):hover {
    transform: scale(1.07692308); } }

/* line 2464, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.facepile-badge:before {
  font-family: "glue1-spoticon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  line-height: inherit;
  vertical-align: bottom;
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
  border-radius: 500px;
  line-height: 26px;
  font-size: 13px;
  padding-left: 6.5px;
  width: calc(100% - 6.5px); }

/* line 2483, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.facepile-badge.button-play:before {
  content: "\f132"; }

/* line 2486, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.facepile-badge.button-play.playing:not(:hover),
.tl-row.playing .facepile-badge.button-play:not(:hover),
.tl-row.playing.facepile-badge.button-play:not(:hover),
.media-object.playing .facepile-badge.button-play:not(:hover),
.media-object.playing.facepile-badge.button-play:not(:hover) {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 2493, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.facepile-badge.button-play.playing:not(:hover):after,
.tl-row.playing .facepile-badge.button-play:not(:hover):after,
.tl-row.playing.facepile-badge.button-play:not(:hover):after,
.media-object.playing .facepile-badge.button-play:not(:hover):after,
.media-object.playing.facepile-badge.button-play:not(:hover):after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 500px;
  box-shadow: inset 0 0 0 1px transparent; }

/* line 2507, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.facepile-badge.button-play.playing:not(:hover).contextmenu-active,
.tl-row.playing .facepile-badge.button-play:not(:hover).contextmenu-active,
.tl-row.playing.facepile-badge.button-play:not(:hover).contextmenu-active,
.media-object.playing .facepile-badge.button-play:not(:hover).contextmenu-active,
.media-object.playing.facepile-badge.button-play:not(:hover).contextmenu-active,
.facepile-badge.button-play.playing:not(:hover):not(:disabled):hover,
.tl-row.playing .facepile-badge.button-play:not(:hover):not(:disabled):hover,
.tl-row.playing.facepile-badge.button-play:not(:hover):not(:disabled):hover,
.media-object.playing .facepile-badge.button-play:not(:hover):not(:disabled):hover,
.media-object.playing.facepile-badge.button-play:not(:hover):not(:disabled):hover {
  box-shadow: inset 0 0 0 1px transparent, 0 0 0 1px transparent; }

/* line 2519, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.facepile-badge.button-play.playing:not(:hover).contextmenu-active:after,
.tl-row.playing .facepile-badge.button-play:not(:hover).contextmenu-active:after,
.tl-row.playing.facepile-badge.button-play:not(:hover).contextmenu-active:after,
.media-object.playing .facepile-badge.button-play:not(:hover).contextmenu-active:after,
.media-object.playing.facepile-badge.button-play:not(:hover).contextmenu-active:after,
.facepile-badge.button-play.playing:not(:hover):not(:disabled):hover:after,
.tl-row.playing .facepile-badge.button-play:not(:hover):not(:disabled):hover:after,
.tl-row.playing.facepile-badge.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing .facepile-badge.button-play:not(:hover):not(:disabled):hover:after,
.media-object.playing.facepile-badge.button-play:not(:hover):not(:disabled):hover:after {
  box-shadow: inset 0 0 0 1px transparent; }

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 2532, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .facepile-badge.button-play.playing:not(:hover).contextmenu-active,
  .tl-row.playing .facepile-badge.button-play:not(:hover).contextmenu-active,
  .tl-row.playing.facepile-badge.button-play:not(:hover).contextmenu-active,
  .media-object.playing .facepile-badge.button-play:not(:hover).contextmenu-active,
  .media-object.playing.facepile-badge.button-play:not(:hover).contextmenu-active,
  .facepile-badge.button-play.playing:not(:hover):not(:disabled):hover,
  .tl-row.playing .facepile-badge.button-play:not(:hover):not(:disabled):hover,
  .tl-row.playing.facepile-badge.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing .facepile-badge.button-play:not(:hover):not(:disabled):hover,
  .media-object.playing.facepile-badge.button-play:not(:hover):not(:disabled):hover {
    box-shadow: inset 0 0 0 1px transparent; }
  /* line 2544, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .facepile-badge.button-play.playing:not(:hover).contextmenu-active:after,
  .tl-row.playing .facepile-badge.button-play:not(:hover).contextmenu-active:after,
  .tl-row.playing.facepile-badge.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing .facepile-badge.button-play:not(:hover).contextmenu-active:after,
  .media-object.playing.facepile-badge.button-play:not(:hover).contextmenu-active:after,
  .facepile-badge.button-play.playing:not(:hover):not(:disabled):hover:after,
  .tl-row.playing .facepile-badge.button-play:not(:hover):not(:disabled):hover:after,
  .tl-row.playing.facepile-badge.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing .facepile-badge.button-play:not(:hover):not(:disabled):hover:after,
  .media-object.playing.facepile-badge.button-play:not(:hover):not(:disabled):hover:after {
    box-shadow: inset 0 0 0 1px transparent; } }

/* line 2557, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.facepile-badge.button-play.playing:not(:hover):not(:disabled):hover:active,
.tl-row.playing .facepile-badge.button-play:not(:hover):not(:disabled):hover:active,
.tl-row.playing.facepile-badge.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing .facepile-badge.button-play:not(:hover):not(:disabled):hover:active,
.media-object.playing.facepile-badge.button-play:not(:hover):not(:disabled):hover:active {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 2564, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.facepile-badge.button-play.playing:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing .facepile-badge.button-play:not(:hover):not(:disabled):hover:active:after,
.tl-row.playing.facepile-badge.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing .facepile-badge.button-play:not(:hover):not(:disabled):hover:active:after,
.media-object.playing.facepile-badge.button-play:not(:hover):not(:disabled):hover:active:after {
  box-shadow: inset 0 0 0 1px transparent; }

/* line 2571, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.facepile-badge.button-play.playing:not(:hover):before,
.tl-row.playing .facepile-badge.button-play:not(:hover):before,
.tl-row.playing.facepile-badge.button-play:not(:hover):before,
.media-object.playing .facepile-badge.button-play:not(:hover):before,
.media-object.playing.facepile-badge.button-play:not(:hover):before {
  content: "\f1D0";
  padding-left: 5.6875px;
  width: calc(100% - 5.6875px); }

/* line 2580, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.facepile-badge.button-play.playing:hover:before,
.tl-row.playing .facepile-badge.button-play:hover:before,
.tl-row.playing.facepile-badge.button-play:hover:before,
.media-object.playing .facepile-badge.button-play:hover:before,
.media-object.playing.facepile-badge.button-play:hover:before {
  content: "\f130"; }

/* line 2587, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.facepile-text {
  float: left;
  margin-right: 10px;
  line-height: 29px; }

@media (max-width: 854px) {
  /* line 2593, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .header-album .facepile-list-container {
    display: none; } }

@media (max-width: 974px) {
  /* line 2598, /Users/Devin/GitHub/spotio/skin/glue1.scss */
  .header .facepile-text {
    display: none; } }

/* line 2602, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.navbar .facepile-list {
  margin-top: 8px; }

/* line 2605, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.h-bar-facepile {
  white-space: normal; }

/* line 2608, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.verified .facepile .mo-verified {
  display: none; }

/* line 2611, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.media-object .facepile .playlist-placeholder,
.media-object .facepile .playlist-folder-placeholder,
.media-object .facepile .album-placeholder,
.media-object .facepile .artist-placeholder,
.media-object .facepile .genre-placeholder {
  display: none; }

/* line 2618, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.media-object .facepile .media-object-user.show-placeholder .mo-image-background-color {
  background: #333333; }

/* line 2621, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.header-album .facepile-list-container {
  bottom: 16px;
  position: absolute;
  right: 20px; }

/**
 * Social user list modal
 *
 * A modal for displaying a list of users, used in for instance social proof, social chart and activity.
 *
 * Template: modal-social-user-list
 * Data: demo-modal-social-user-list
 *
 * Styleguide 50.6.4
 */
/* line 2636, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.modal-social-user-list {
  overflow: hidden;
  padding-bottom: 10px; }

/* line 2640, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.modal-social-user-list .modal-social-user-list-scroll-area {
  height: 400px;
  margin-top: 5px;
  margin-left: 5px;
  margin-right: 5px; }

/* line 2646, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.modal-social-user-list .modal-social-user-list-user {
  padding: 10px;
  padding-right: 20px;
  padding-bottom: 0px; }

/* line 2651, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.modal-social-user-list .modal-social-user-list-user .modal-social-user-list-inner {
  margin-bottom: 10px; }

/* line 2654, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.modal-social-user-list .modal-social-user-list-user .modal-social-user-list-image-container {
  margin-right: 20px; }

/* line 2657, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.modal-social-user-list .modal-social-user-list-user .modal-social-user-list-follow-container {
  margin-top: 2px;
  margin-left: 20px; }

/* line 2661, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.modal-social-user-list .modal-social-user-list-user .modal-social-user-list-user-name {
  font-size: 14px;
  color: #56666F; }

/* line 2665, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.modal-social-user-list .modal-social-user-list-user .modal-social-user-list-user-details {
  font-size: 12px;
  color: #9CA6AC; }

/* line 2669, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.modal-social-user-list .modal-social-user-list-user .media-object-image {
  width: 40px; }

/* line 2672, /Users/Devin/GitHub/spotio/skin/glue1.scss */
.modal-social-user-list hr {
  border-top-color: #E5E8EA; }
