.c1dd45e9fe620256350c797c8b6e1f6f-scss {
    color: #000;
    padding: 24px;
    background-color: #fff;
    max-width: 402px;
    text-align: center;
    border-radius: 4px
}

.c1dd45e9fe620256350c797c8b6e1f6f-scss>:not(:last-child) {
    margin-bottom: 16px
}

._7c3cb70661359265ece7dc36a45def85-scss {
    font-weight: 900;
    font-size: 28px;
    line-height: 36px
}

.GenericModal:focus {
    outline: none
}

.GenericModal--animated {
    -webkit-transition: opacity .3s linear, -webkit-transform .3s ease-out;
    transition: opacity .3s linear, -webkit-transform .3s ease-out;
    transition: opacity .3s linear, transform .3s ease-out;
    transition: opacity .3s linear, transform .3s ease-out, -webkit-transform .3s ease-out;
    opacity: 0;
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%)
}

.GenericModal--afterOpen {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.GenericModal--beforeClose {
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%);
    opacity: 0
}

.GenericModal__overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .7);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden
}

.GenericModal__overlay--animated {
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
    opacity: 0
}

.GenericModal__overlay--afterOpen {
    opacity: 1
}

.GenericModal__overlay--beforeClose {
    opacity: 0
}

.GenericModal__Body--open {
    overflow: hidden
}

.spotify__container--is-desktop:not(.fullscreen) .GenericModal {
    -webkit-app-region: no-drag
}

._2221af4e93029bedeab751d04fab4b8b-scss {
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
    letter-spacing: 1.76px;
    text-transform: uppercase;
    border: 2px solid transparent;
    border-radius: 500px;
    color: #fff;
    -webkit-transition: all 33ms cubic-bezier(.3, 0, 0, 1);
    transition: all 33ms cubic-bezier(.3, 0, 0, 1);
    will-change: transform;
    white-space: nowrap;
    padding: 8px 34px;
    display: inline-block;
    cursor: pointer;
    text-align: center
}

._2221af4e93029bedeab751d04fab4b8b-scss:focus,
._2221af4e93029bedeab751d04fab4b8b-scss:hover {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
}

._2221af4e93029bedeab751d04fab4b8b-scss:active {
    -webkit-transform: scale(1);
    transform: scale(1)
}

._8fec0262e00c11513faad732021ed012-scss {
    background-color: #1db954
}

._8fec0262e00c11513faad732021ed012-scss:active,
._8fec0262e00c11513faad732021ed012-scss:focus,
._8fec0262e00c11513faad732021ed012-scss:hover {
    background-color: #1ed760;
    border-color: transparent
}

._1edf52628d509e6baded2387f6267588-scss {
    background-color: #fff;
    color: #181818
}

._56a12d0978529b654affa11ca9390bd7-scss {
    background-color: transparent;
    border: 1px solid #535353
}

.c74a35c3aba27d72ee478f390f5d8c16-scss {
    background-color: transparent;
    color: #fff
}

.f6a9b2b262b85ce5774a815e15e698af-scss {
    display: block;
    padding: 13px;
    width: 100%
}

._2221af4e93029bedeab751d04fab4b8b-scss:disabled {
    pointer-events: none;
    opacity: .35
}

._2394defcb768efe4a5e35657c09e938d-scss {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #121212;
    height: 100vh;
    width: 100vw
}

._8cc96f5b2950f907fac7132d58366974-scss {
    background-color: #000;
    width: 232px;
    padding-top: 24px
}

.eaf670553e86b1534fb7f8fc85270c38-scss {
    margin-left: 24px
}

.d3ae347a99813252bc487ec1a0801bee-scss {
    margin-top: -24px
}

._2a4fd064c5116935b849103276d34de8-scss {
    width: calc(100vw - 232px);
    padding: 0 32px 45px
}

._33eef80c4ea000f71cc0bedf429e6d30-scss {
    text-align: right;
    margin-bottom: 28px
}

._261a8af83154cdc905cb74ed79c3b3c0-scss {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 44px
}

._334a1005622b5e0033c38b1c18cf8fe5-scss {
    margin-bottom: 29px
}

._334a1005622b5e0033c38b1c18cf8fe5-scss,
.c51cd7405b9e129e5535cfd40935f17f-scss {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.c51cd7405b9e129e5535cfd40935f17f-scss {
    overflow: hidden
}

.db2224cba3dd9aaebe93e4369928a819-scss {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.db2224cba3dd9aaebe93e4369928a819-scss:not(:last-child) {
    margin-right: 14px
}

._30ea7d196832830e8b51aad3f0c77044-scss {
    background-color: #181818;
    height: 64px;
    width: 100vw;
    -ms-flex-item-align: end;
    align-self: flex-end;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 30px 0 15px
}


/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter,
 Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */


/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=35378cd201a131f69c68a64bc4438544)
 * Config saved to config.json and https://gist.github.com/35378cd201a131f69c68a64bc4438544
 */

._5a063eddee6d3ee74c93374490e0da04-scss {
    height: 60px;
    position: relative;
    width: 100%;
    max-width: calc(100vw - 230px);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 3;
    padding: 16px
}

@media (min-width:1024px) {
    ._5a063eddee6d3ee74c93374490e0da04-scss {
        padding: 16px 32px
    }
}

._5a063eddee6d3ee74c93374490e0da04-scss>* {
    white-space: nowrap;
    pointer-events: auto
}

[dir=ltr] ._5a063eddee6d3ee74c93374490e0da04-scss {
    padding-right: 32px
}

@media (min-width:1024px) {
    [dir=ltr] ._5a063eddee6d3ee74c93374490e0da04-scss {
        padding-right: 48px
    }
}

[dir=rtl] ._5a063eddee6d3ee74c93374490e0da04-scss {
    padding-left: 32px
}

@media (min-width:1024px) {
    [dir=rtl] ._5a063eddee6d3ee74c93374490e0da04-scss {
        padding-left: 48px
    }
}

._3225a6a033f94eca7d6f44d178eed562-scss {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    overflow: hidden;
    -webkit-transition: background-color .25s;
    transition: background-color .25s;
    pointer-events: none
}

.b6f244f5093e7fb32f289eb3cb208241-scss {
    height: 100%;
    background-color: rgba(0, 0, 0, .6)
}

.d2ed962cf29ef2ac52e9aa00b50e3db6-scss {
    height: 100vh;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), color-stop(40%, #121212));
    background-image: linear-gradient(rgba(0, 0, 0, .5), #121212 40%)
}

._803b3e6efef7e55564dd7b66828ea93b-scss {
    background-color: rgba(0, 0, 0, .5)
}

.a4c7091df1b05912ad2b28b5d5fc1f1c-scss {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.a4c7091df1b05912ad2b28b5d5fc1f1c-scss .fc31c663ea41dbd640e0db6d2a01da99-scss {
    opacity: 1;
    height: 22px;
    width: 22px
}

.a4c7091df1b05912ad2b28b5d5fc1f1c-scss .cb73696a98ad0bde2f08a3e0c5cbb59f-scss {
    border: none;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    cursor: pointer
}

.no-focus-outline .a4c7091df1b05912ad2b28b5d5fc1f1c-scss .cb73696a98ad0bde2f08a3e0c5cbb59f-scss:focus {
    outline: none
}

.a4c7091df1b05912ad2b28b5d5fc1f1c-scss .cb73696a98ad0bde2f08a3e0c5cbb59f-scss:disabled {
    cursor: not-allowed;
    opacity: .6
}

@media (max-width:1023px) {
    .a4c7091df1b05912ad2b28b5d5fc1f1c-scss ._2b854963d0f0b998445a341234f91e32-scss {
        display: none
    }
}

.ee3722c71a36e1b97e8fe48dfaa06423-scss {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
    pointer-events: none;
    -webkit-app-region: no-drag
}

._5b53343810f2c888ba8cf7c13832fc4a-scss {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-app-region: drag;
    pointer-events: none
}

._5b53343810f2c888ba8cf7c13832fc4a-scss>* {
    pointer-events: auto;
    -webkit-app-region: no-drag
}

._1c3957b9f1cdb4e8e924ae658f0625d2-scss {
    background-color: rgba(0, 0, 0, .7);
    border: 1px solid hsla(0, 0%, 100%, .7)
}

._1c3957b9f1cdb4e8e924ae658f0625d2-scss:hover {
    background-color: #000;
    border: 1px solid #fff
}

[dir=ltr] .a4c7091df1b05912ad2b28b5d5fc1f1c-scss .cb73696a98ad0bde2f08a3e0c5cbb59f-scss {
    margin-right: 16px
}

[dir=ltr] .ecd8834db668ad4565f8a2b3a1d541ca-scss {
    margin-left: 16px
}

[dir=ltr] ._1c3957b9f1cdb4e8e924ae658f0625d2-scss {
    margin-left: auto
}

[dir=ltr] ._94f2f9e78f84a6c9259b8201407144f9-scss {
    margin-right: 32px
}

[dir=rtl] .a4c7091df1b05912ad2b28b5d5fc1f1c-scss .cb73696a98ad0bde2f08a3e0c5cbb59f-scss {
    margin-left: 16px
}

[dir=rtl] .a4c7091df1b05912ad2b28b5d5fc1f1c-scss ._2b854963d0f0b998445a341234f91e32-scss,
[dir=rtl] .a4c7091df1b05912ad2b28b5d5fc1f1c-scss .f7dc7969e2af08a64b99eafb33749e5f-scss {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

[dir=rtl] .ecd8834db668ad4565f8a2b3a1d541ca-scss {
    margin-right: 16px
}

[dir=rtl] ._1c3957b9f1cdb4e8e924ae658f0625d2-scss {
    margin-right: auto
}

[dir=rtl] ._94f2f9e78f84a6c9259b8201407144f9-scss {
    margin-left: 32px
}

.spotify__container--is-desktop.spotify__os--is-windows[dir=ltr] ._5a063eddee6d3ee74c93374490e0da04-scss {
    padding-right: 167px
}

.spotify__container--is-desktop.spotify__os--is-windows[dir=rtl] ._5a063eddee6d3ee74c93374490e0da04-scss {
    padding-left: 167px
}

.spotify__container--is-desktop:not(.fullscreen) ._5a063eddee6d3ee74c93374490e0da04-scss>* {
    -webkit-app-region: no-drag
}

.spotify__container--is-desktop:not(.fullscreen) ._3225a6a033f94eca7d6f44d178eed562-scss {
    -webkit-app-region: drag
}

._5a063eddee6d3ee74c93374490e0da04-scss {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: calc(100vh - 114px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: -60px
}

.fc31c663ea41dbd640e0db6d2a01da99-scss {
    line-height: 64px
}

@-webkit-keyframes loading-icon {
    0% {
        -webkit-animation-timing-function: cubic-bezier(1, 0, .7, 1);
        animation-timing-function: cubic-bezier(1, 0, .7, 1);
        opacity: .5;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    40% {
        -webkit-animation-timing-function: cubic-bezier(.3, 0, 0, 1);
        animation-timing-function: cubic-bezier(.3, 0, 0, 1);
        opacity: .75;
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    72.5% {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        opacity: .5;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        opacity: .5;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes loading-icon {
    0% {
        -webkit-animation-timing-function: cubic-bezier(1, 0, .7, 1);
        animation-timing-function: cubic-bezier(1, 0, .7, 1);
        opacity: .5;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    40% {
        -webkit-animation-timing-function: cubic-bezier(.3, 0, 0, 1);
        animation-timing-function: cubic-bezier(.3, 0, 0, 1);
        opacity: .75;
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    72.5% {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        opacity: .5;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        opacity: .5;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

._64782e1c935b9e7d2cd5823e380a144f-scss {
    fill: #fff;
    -webkit-animation: loading-icon 1.32s linear infinite;
    animation: loading-icon 1.32s linear infinite;
    -webkit-transform-origin: center;
    transform-origin: center
}

._64782e1c935b9e7d2cd5823e380a144f-scss:nth-of-type(2) {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

._64782e1c935b9e7d2cd5823e380a144f-scss:nth-of-type(3) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.b9ef6cbd69337505c3d7d772c7734bf8-scss {
    text-align: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

._10c8e5912ce4b2f82b3d02b3b600e244-scss._10c8e5912ce4b2f82b3d02b3b600e244-scss {
    font-weight: 400
}

._77aa0dbb662a1b800ee1a3f51a768cb4-scss._77aa0dbb662a1b800ee1a3f51a768cb4-scss {
    font-weight: 700
}

._31a43e0b7372a3272f06e8f2364181b2-scss._31a43e0b7372a3272f06e8f2364181b2-scss {
    font-weight: 900
}

._20b94689aa19cba9fb9e63ef1b037e87-scss {
    padding-bottom: 0
}

._77ccab85bb794646035d39a339c41781-scss {
    font-size: 96px;
    font-weight: 900;
    line-height: 96px;
    letter-spacing: -.04em;
    text-transform: none
}

[lang=ar] ._77ccab85bb794646035d39a339c41781-scss {
    letter-spacing: normal;
    line-height: 144px
}

.d5dcb72cfd299105ab6a472855cd66b1-scss {
    font-size: 72px;
    font-weight: 900;
    line-height: 72px;
    letter-spacing: -.04em;
    text-transform: none
}

[lang=ar] .d5dcb72cfd299105ab6a472855cd66b1-scss {
    letter-spacing: normal;
    line-height: 108px
}

.a06a0c0db391ce9064743ccfadce39c7-scss {
    font-size: 48px;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: -.04em;
    text-transform: none
}

[lang=ar] .a06a0c0db391ce9064743ccfadce39c7-scss {
    letter-spacing: normal;
    line-height: 72px
}

.fe734d4199c79a07c0fbcfc81fb4a4b4-scss {
    font-size: 32px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: -.04em;
    text-transform: none
}

[lang=ar] .fe734d4199c79a07c0fbcfc81fb4a4b4-scss {
    letter-spacing: normal;
    line-height: 54px
}

._2e77de28f0b30f1b6e8d479009f45e0e-scss {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -.04em;
    text-transform: none
}

[lang=ar] ._2e77de28f0b30f1b6e8d479009f45e0e-scss {
    letter-spacing: normal;
    line-height: 42px
}

._23106bd31c32e67dcd7330abd8664ec2-scss {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: normal;
    text-transform: none
}

[lang=ar] ._23106bd31c32e67dcd7330abd8664ec2-scss {
    letter-spacing: normal;
    line-height: 36px
}

._9fa68f46c0add52aba0926df6fd82ccf-scss {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: normal;
    text-transform: none
}

[lang=ar] ._9fa68f46c0add52aba0926df6fd82ccf-scss {
    letter-spacing: normal;
    line-height: 36px
}

._7ff08f109bdeea13e543460567a16f29-scss {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: normal;
    text-transform: none
}

[lang=ar] ._7ff08f109bdeea13e543460567a16f29-scss {
    letter-spacing: normal;
    line-height: 36px
}

._0b9ba30a2dd3f1b600a776e2a0cdfdac-scss {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: normal;
    text-transform: none
}

[lang=ar] ._0b9ba30a2dd3f1b600a776e2a0cdfdac-scss {
    letter-spacing: normal;
    line-height: 24px
}

.f92d0df6ae4da826d7d532fbf608d469-scss {
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: normal;
    text-transform: none
}

[lang=ar] .f92d0df6ae4da826d7d532fbf608d469-scss {
    letter-spacing: normal;
    line-height: 24px
}

._58fcc3dd1b12c2102a9f4c243f2c8188-scss {
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: .1em;
    text-transform: uppercase
}

[lang=ar] ._58fcc3dd1b12c2102a9f4c243f2c8188-scss {
    letter-spacing: normal;
    line-height: 24px
}

.e80fc2e59729be32410c909c47ef87a3-scss {
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: normal;
    text-transform: none
}

[lang=ar] .e80fc2e59729be32410c909c47ef87a3-scss {
    letter-spacing: normal;
    line-height: 24px
}

._7714cd49b457d2f73cda106e0f764119-scss {
    font-size: 11px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: normal;
    text-transform: none
}

[lang=ar] ._7714cd49b457d2f73cda106e0f764119-scss {
    letter-spacing: normal;
    line-height: 24px
}

.d3f2f3c437f1cdba1e69d72fbd9fd3a6-scss {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: .1em;
    text-transform: uppercase
}

[lang=ar] .d3f2f3c437f1cdba1e69d72fbd9fd3a6-scss {
    letter-spacing: normal;
    line-height: 24px
}

.b8f3b021cf9de8a4fe5a02dd67893f97-scss {
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: .1em;
    text-transform: uppercase
}

[lang=ar] .b8f3b021cf9de8a4fe5a02dd67893f97-scss {
    letter-spacing: normal;
    line-height: 24px
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline
}

button {
    padding: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1.6
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}


/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter,
 Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */


/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=35378cd201a131f69c68a64bc4438544)
 * Config saved to config.json and https://gist.github.com/35378cd201a131f69c68a64bc4438544
 */

.dialog {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .9);
    z-index: 104
}

.dialog--without-background {
    background-color: transparent
}

.horizontal-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.middle-align {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.media,
.media__bd {
    overflow: hidden;
    _overflow: visible;
    zoom: 1
}

.media__img {
    float: left
}

.ellipsis-one-line {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 1px;
    margin-right: -1px
}


/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter,
 Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */


/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=35378cd201a131f69c68a64bc4438544)
 * Config saved to config.json and https://gist.github.com/35378cd201a131f69c68a64bc4438544
 */


/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter,
 Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */


/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=35378cd201a131f69c68a64bc4438544)
 * Config saved to config.json and https://gist.github.com/35378cd201a131f69c68a64bc4438544
 */

.a79c7613326115d14ae1b50d117a7604-scss {
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    max-width: calc(100vw - 230px);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 3;
    padding: 16px
}

@media (min-width:1024px) {
    .a79c7613326115d14ae1b50d117a7604-scss {
        padding: 16px 32px
    }
}

.a79c7613326115d14ae1b50d117a7604-scss>* {
    white-space: nowrap;
    pointer-events: auto
}

[dir=ltr] .a79c7613326115d14ae1b50d117a7604-scss {
    padding-right: 32px
}

@media (min-width:1024px) {
    [dir=ltr] .a79c7613326115d14ae1b50d117a7604-scss {
        padding-right: 48px
    }
}

[dir=rtl] .a79c7613326115d14ae1b50d117a7604-scss {
    padding-left: 32px
}

@media (min-width:1024px) {
    [dir=rtl] .a79c7613326115d14ae1b50d117a7604-scss {
        padding-left: 48px
    }
}

._6ea6303163893e6056dba62df56e0aee-scss {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    overflow: hidden;
    -webkit-transition: background-color .25s;
    transition: background-color .25s;
    pointer-events: none
}

._7648d91bafbc61068bcc15a83a06c923-scss {
    height: 100%;
    background-color: rgba(0, 0, 0, .6)
}

.b4dc933efca6085231bc38422132c00f-scss {
    height: 100vh;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), color-stop(40%, #121212));
    background-image: linear-gradient(rgba(0, 0, 0, .5), #121212 40%)
}

.c0043421fb245c8e2a119bfe91130d35-scss {
    background-color: rgba(0, 0, 0, .5)
}

._87fd35cfa00e57f8ba6e5fc02f70c440-scss {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

._87fd35cfa00e57f8ba6e5fc02f70c440-scss ._9ade9414fd94593d38faa275a5b0b66c-scss {
    opacity: 1;
    height: 22px;
    width: 22px
}

._87fd35cfa00e57f8ba6e5fc02f70c440-scss ._30501e2c8de4d36502cc07e76557e0d1-scss {
    border: none;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    cursor: pointer
}

.no-focus-outline ._87fd35cfa00e57f8ba6e5fc02f70c440-scss ._30501e2c8de4d36502cc07e76557e0d1-scss:focus {
    outline: none
}

._87fd35cfa00e57f8ba6e5fc02f70c440-scss ._30501e2c8de4d36502cc07e76557e0d1-scss:disabled {
    cursor: not-allowed;
    opacity: .6
}

@media (max-width:1023px) {
    ._87fd35cfa00e57f8ba6e5fc02f70c440-scss ._066b4ae876edca64e9328588dcdf0300-scss {
        display: none
    }
}

._1478530a29dcbfa0f16371ae9022a5bd-scss {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
    pointer-events: none;
    -webkit-app-region: no-drag
}

._37d560ca177e6cacd80bdba271764392-scss {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-app-region: drag;
    pointer-events: none
}

._37d560ca177e6cacd80bdba271764392-scss>* {
    pointer-events: auto;
    -webkit-app-region: no-drag
}

._0d5ed0a71efa7f69e9b9e4034ce56a71-scss {
    background-color: rgba(0, 0, 0, .7);
    border: 1px solid hsla(0, 0%, 100%, .7)
}

._0d5ed0a71efa7f69e9b9e4034ce56a71-scss:hover {
    background-color: #000;
    border: 1px solid #fff
}

[dir=ltr] ._87fd35cfa00e57f8ba6e5fc02f70c440-scss ._30501e2c8de4d36502cc07e76557e0d1-scss {
    margin-right: 16px
}

[dir=ltr] .da1d51a34fa38813fc93f1fbb4060218-scss {
    margin-left: 16px
}

[dir=ltr] ._0d5ed0a71efa7f69e9b9e4034ce56a71-scss {
    margin-left: auto
}

[dir=ltr] ._0f3d36d0bdf936ef74efb2a49fbb2411-scss {
    margin-right: 32px
}

[dir=rtl] ._87fd35cfa00e57f8ba6e5fc02f70c440-scss ._30501e2c8de4d36502cc07e76557e0d1-scss {
    margin-left: 16px
}

[dir=rtl] ._87fd35cfa00e57f8ba6e5fc02f70c440-scss ._066b4ae876edca64e9328588dcdf0300-scss,
[dir=rtl] ._87fd35cfa00e57f8ba6e5fc02f70c440-scss ._8594df3c4b44ec86ca265fa36f12b720-scss {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

[dir=rtl] .da1d51a34fa38813fc93f1fbb4060218-scss {
    margin-right: 16px
}

[dir=rtl] ._0d5ed0a71efa7f69e9b9e4034ce56a71-scss {
    margin-right: auto
}

[dir=rtl] ._0f3d36d0bdf936ef74efb2a49fbb2411-scss {
    margin-left: 32px
}

.spotify__container--is-desktop.spotify__os--is-windows[dir=ltr] .a79c7613326115d14ae1b50d117a7604-scss {
    padding-right: 167px
}

.spotify__container--is-desktop.spotify__os--is-windows[dir=rtl] .a79c7613326115d14ae1b50d117a7604-scss {
    padding-left: 167px
}

.spotify__container--is-desktop:not(.fullscreen) .a79c7613326115d14ae1b50d117a7604-scss>* {
    -webkit-app-region: no-drag
}

.spotify__container--is-desktop:not(.fullscreen) ._6ea6303163893e6056dba62df56e0aee-scss {
    -webkit-app-region: drag
}

html {
    scrollbar-color: hsla(0, 0%, 100%, .3) transparent;
    scrollbar-width: auto
}

::-webkit-scrollbar {
    width: 16px
}

::-webkit-scrollbar-thumb {
    background-color: hsla(0, 0%, 100%, .3)
}

.spotify__os--is-macos::-webkit-scrollbar-thumb {
    border: 4px solid transparent;
    border-radius: 16px;
    background-clip: padding-box;
    min-height: 30px
}

@font-face {
    font-family: glue1-spoticon;
    src: url(https://open.scdn.co/cdn/fonts/spoticon_regular_2.d319d911.woff2) format("woff2"), url(https://open.scdn.co/cdn/fonts/spoticon_regular_2.ff4c6091.woff) format("woff"), url(https://open.scdn.co/cdn/fonts/spoticon_regular_2.127670b5.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

:root {
    --glue-font-weight-normal: 400;
    --glue-font-weight-bold: 700;
    --glue-font-weight-black: 900
}

html {
    background-color: #121212;
    height: 100%
}

body,
button,
input {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .015em;
    font-weight: var(--glue-font-weight-normal);
    color: #b3b3b3;
    text-transform: none;
    font-family: spotify-circular, spotify-circular-cyrillic, spotify-circular-arabic, spotify-circular-hebrew, Helvetica Neue, Helvetica, Arial, Hiragino Kaku Gothic Pro, Meiryo, MS Gothic, sans-serif
}

[lang=ar] body,
[lang=ar] button,
[lang=ar] input {
    letter-spacing: normal;
    line-height: 22px
}

body {
    /*min-width:768px;min-height:600px;display:-webkit-box;display:-ms-flexbox;display:flex;overscroll-behavior-y:none;overflow:hidden;position:fixed;width:100%;height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale*/
}

html[lang=zh-TW] body,
html[lang=zh-TW] button,
html[lang=zh-TW] input {
    font-family: spotify-circular, spotify-circular-cyrillic, spotify-circular-arabic, spotify-circular-hebrew, Helvetica Neue, Helvetica, Arial, Microsoft JhengHei, PingFang TC, Lantinghei TC, Hiragino Kaku Gothic Pro, Meiryo, MS Gothic, sans-serif
}

html[lang=vi] body,
html[lang=vi] button,
html[lang=vi] input {
    font-family: spotify-circular-cyrillic, spotify-circular-arabic, spotify-circular-hebrew, Helvetica Neue, Helvetica, Arial, Microsoft JhengHei, PingFang TC, Lantinghei TC, Hiragino Kaku Gothic Pro, Meiryo, MS Gothic, sans-serif
}

.spotify__container--is-desktop body {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.spotify__container--is-desktop:not(.fullscreen) .body-drag-top {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    -webkit-app-region: drag
}

.spotify__container--is-desktop:not(.fullscreen).spotify__os--is-macos .body-drag-top {
    height: 40px
}

.spotify__container--is-desktop:not(.fullscreen).spotify__os--is-windows .body-drag-top {
    height: 32px
}

a {
    color: #fff;
    border-bottom: 1px solid transparent
}

a,
a:focus,
a:hover {
    text-decoration: none
}

a:focus,
a:hover {
    border-bottom-color: currentcolor
}

.link-subtle {
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    color: #b3b3b3
}

.link-subtle:focus,
.link-subtle:hover {
    color: #fff
}

.no-focus-outline a:focus,
.no-focus-outline a:hover,
.no-focus-outline button:focus,
.no-focus-outline button:hover {
    outline: none
}

#login-container {
    -webkit-animation-name: glue-keyframes-fade-in;
    animation-name: glue-keyframes-fade-in;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-timing-function: cubic-bezier(.3, 0, 0, 1);
    animation-timing-function: cubic-bezier(.3, 0, 0, 1);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

#main {
    width: 100%;
    z-index: 0;
    isolation: isolate
}

#main,
.Root {
    height: 100%;
    position: relative
}

.Root {
    -webkit-transition: none .5s cubic-bezier(.3, 0, .4, 1);
    transition: none .5s cubic-bezier(.3, 0, .4, 1);
    -webkit-transition-property: background;
    transition-property: background
}

.Root__top-container {
    min-height: 100%;
    width: 100%;
    height: 100%;
    position: relative;
    display: grid;
    grid-template-rows: 1fr auto;
    grid-template-columns: auto 1fr;
    grid-template-areas: "nav-bar         main-view       buddy-feed" "now-playing-bar now-playing-bar now-playing-bar"
}

.Root__top-container--has-notice-bar {
    padding-top: 50px
}

.Root__now-playing-bar {
    grid-area: now-playing-bar;
    background-color: #181818;
    width: 100%;
    z-index: 4
}

.Root__top-bar {
    grid-area: main-view;
    height: 60px;
    z-index: 2;
    pointer-events: none
}

.Root__nav-bar {
    grid-area: nav-bar;
    background-color: rgba(0, 0, 0, .8);
    width: 230px;
    will-change: transform;
    z-index: 3
}

.Root__main-view,
.Root__nav-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 0
}

.Root__main-view {
    grid-area: main-view;
    width: 100%;
    position: relative
}

.Root__main-view>section.content {
    padding: 32px
}

.Root__main-view>section:after {
    content: "";
    clear: both;
    display: block
}

.main-view-container {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0
}

.main-view-container__scroll-node {
    height: 100%;
    overflow-y: scroll;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.main-view-container__scroll-node-child-spacer {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    height: 60px
}

.main-view-container__scroll-node-child {
    isolation: isolate;
    padding-bottom: 32px
}

.contentSpacing {
    padding: 0 32px;
    margin: 0;
    max-width: 1955px
}

.Root__ads-container--is-hidden,
.Root__ads-container-desktop--is-hidden {
    display: none
}

.is-blurred {
    -webkit-filter: blur(4px);
    filter: blur(4px);
    overflow: hidden
}

.navBar-logo--size-small {
    display: none
}

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

.navBar {
    padding-top: 24px;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default
}

.navBar,
.navBar-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.navBar-header {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.navBar-header .logo {
    border: 0;
    padding-bottom: 18px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.no-focus-outline .navBar-header .logo:focus {
    outline: none
}

.spotify__container--is-desktop:not(.fullscreen) .navBar__entry-points {
    padding-top: 24px
}

[dir=ltr] .navBar-header .logo {
    padding-left: 24px
}

[dir=rtl] .navBar-header .logo {
    padding-right: 24px
}

.navBar-group-header {
    padding-top: 24px;
    padding-bottom: 7px
}

html:not([lang=ar]) .navBar-group-header {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: .015em;
    font-weight: var(--glue-font-weight-normal);
    color: #b3b3b3;
    text-transform: uppercase;
    letter-spacing: .16em;
    color: #fff;
    opacity: .6
}

[lang=ar] html:not([lang=ar]) .navBar-group-header {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: normal
}

[lang=ar] .navBar-group-header {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .015em;
    font-weight: var(--glue-font-weight-normal);
    color: #b3b3b3;
    text-transform: none;
    color: #fff;
    opacity: .6;
    margin-right: -8px
}

[lang=ar] [lang=ar] .navBar-group-header {
    letter-spacing: normal;
    line-height: 22px
}

[dir=ltr] .navBar-group-header {
    padding-left: 24px;
    padding-right: 0
}

[dir=rtl] .navBar-group-header {
    padding-left: 0;
    padding-right: 24px
}

.NavBar__download-item {
    background-color: #000
}

.NavBar__download-item a {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .015em
}

[lang=ar] .NavBar__download-item a {
    letter-spacing: normal;
    line-height: 22px
}

[dir=ltr] .NavBar__download-item a {
    padding-right: 20px
}

[dir=rtl] .NavBar__download-item a {
    padding-left: 20px
}

.navBar-item {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .015em;
    font-weight: var(--glue-font-weight-bold);
    padding: 0 8px
}

.navBar-item a,
.navBar-item button {
    outline: none
}

.navBar-item:focus-within {
    outline: 1px dotted #212121;
    outline: 5px auto -webkit-focus-ring-color
}

.no-focus-outline .navBar-item:focus-within {
    outline: none
}

[lang=ar] .navBar-item {
    letter-spacing: normal;
    line-height: 22px
}

.navBar-item .collection-active-icon,
.navBar-item .collection-icon,
.navBar-item .home-active-icon,
.navBar-item .home-icon,
.navBar-item .search-active-icon,
.navBar-item .search-icon {
    height: 24px;
    width: 24px
}

.navBar-item .collection-active-icon,
.navBar-item .home-active-icon,
.navBar-item .navBar-link--active .collection-icon,
.navBar-item .navBar-link--active .home-icon,
.navBar-item .navBar-link--active .search-icon,
.navBar-item .search-active-icon {
    display: none
}

.navBar-item .navBar-link--active .collection-active-icon,
.navBar-item .navBar-link--active .home-active-icon,
.navBar-item .navBar-link--active .search-active-icon {
    display: block
}

.navBar-item .download-icon {
    height: 20px;
    width: 20px
}

.navBar-item .GlueDropTarget--active {
    color: #1ed760
}

.navBar-item .GlueDropTarget--active a {
    color: inherit
}

.navBar-item .GlueDropTarget--active:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: -4px;
    border: 1px solid #1ed760;
    border-radius: 4px;
    color: #1ed760
}

.navBar-item--small {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .015em;
    font-weight: var(--glue-font-weight-normal);
    color: #b3b3b3;
    text-transform: none;
    color: #fff
}

[lang=ar] .navBar-item--small {
    letter-spacing: normal;
    line-height: 22px
}

.navbar-link__text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.navBar-item--with-icon-left,
.navBar-item--with-icon-right {
    position: relative
}

.navBar-item--with-icon-left .navBar-link-text-with-icon-wrapper,
.navBar-item--with-icon-right .navBar-link-text-with-icon-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

[dir=ltr] .navBar-item--with-icon-left .navbar-link__text {
    margin-left: 16px
}

[dir=ltr] .navBar-item--with-icon-right .navbar-link__text,
[dir=rtl] .navBar-item--with-icon-left .navbar-link__text {
    margin-right: 16px
}

[dir=rtl] .navBar-item--with-icon-right .navbar-link__text {
    margin-left: 16px
}

.navBar-link {
    border: 0;
    border-radius: 4px;
    width: 100%;
    padding: 0 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 40px;
    margin-right: 0
}

.navBar-link--active {
    background-color: #282828
}

.navBar-link--active,
.navBar-link--active:focus,
.navBar-link--active:hover {
    color: #fff
}

[dir=ltr] .navBar-link--active:before {
    left: 0
}

[dir=rtl] .navBar-link--active:before {
    right: 0
}

.navBar-signupPrompt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.navBar-GDPR {
    position: absolute;
    width: 100%;
    bottom: 24px
}

._7c8ecc5bad102919f405ec2d007f61d7-scss {
    margin: 32px 0;
    padding: 0 24px;
    width: 100%
}

.f51ab32cb99da5079e97b6c4bfa067a2-scss {
    text-align: center;
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.f51ab32cb99da5079e97b6c4bfa067a2-scss a {
    font-size: 12px;
    color: #b3b3b3;
    vertical-align: top;
    display: inline-block
}

.no-focus-outline .f51ab32cb99da5079e97b6c4bfa067a2-scss a:focus {
    outline: none
}

.f43628ec2b705c242210d26021e32d6a-scss {
    vertical-align: top;
    display: inline-block;
    height: 1px;
    width: 13px;
    border-bottom: 1px solid #b3b3b3;
    border-left: none;
    margin: 7px 0
}

._6ecacee3c212a971ca9c2c5bb3fb2eb7-scss {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 8px 24px;
    padding: 0;
    font-weight: var(--glue-font-weight-bold);
    cursor: pointer;
    border: none;
    background-color: transparent
}

._6ecacee3c212a971ca9c2c5bb3fb2eb7-scss:active,
._6ecacee3c212a971ca9c2c5bb3fb2eb7-scss:hover,
._6ecacee3c212a971ca9c2c5bb3fb2eb7-scss:link,
._6ecacee3c212a971ca9c2c5bb3fb2eb7-scss:visited {
    border: none
}

._7e8f1b53d6c5eed2f2f0d9277f0ce527-scss {
    height: 28px;
    width: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 500px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

._7e8f1b53d6c5eed2f2f0d9277f0ce527-scss svg {
    color: #1ed760;
    height: 16px;
    width: 16px
}

._74c3e54a3637a580d127e10419cec7e1-scss {
    text-align: start;
    line-height: 1.3
}

[dir=ltr] ._74c3e54a3637a580d127e10419cec7e1-scss {
    margin-left: 8px
}

[dir=rtl] ._74c3e54a3637a580d127e10419cec7e1-scss {
    margin-right: 8px
}

.NavBarFooter {
    margin-top: auto
}

.d6e5892a336f6ae43bf066f2245c81b1-scss {
    position: relative;
    isolation: isolate;
    height: 230px;
    width: 100%;
    will-change: height
}

.df53dfdfedda0cf8eb90c87501988af2-scss {
    height: 0
}

._2ca1340cef4913f1884c76a5b4946807-scss {
    height: 230px
}

._2ca1340cef4913f1884c76a5b4946807-scss,
._60519efa4d6db52ac90a34bb18a3c3ac-scss {
    -webkit-transition: height .25s cubic-bezier(.3, 0, 0, 1);
    transition: height .25s cubic-bezier(.3, 0, 0, 1)
}

._60519efa4d6db52ac90a34bb18a3c3ac-scss {
    height: 0;
    z-index: -1
}

._958f2c2b6b2a2b2456f034ab40efdd8e-scss {
    height: 230px;
    z-index: inherit
}

.d6e5892a336f6ae43bf066f2245c81b1-scss:hover .CoverSlotExpanded__actionButton {
    opacity: 1
}

.d6e5892a336f6ae43bf066f2245c81b1-scss:focus-within .CoverSlotExpanded__actionButton {
    opacity: 1
}

.cover-art {
    margin: 0;
    display: block;
    border: 0;
    outline: 0;
    position: relative;
    z-index: 0;
    background-color: #282828
}

.cover-art.actionable {
    -webkit-transition: none 33ms cubic-bezier(.3, 0, .7, 1);
    transition: none 33ms cubic-bezier(.3, 0, .7, 1);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

@media (-webkit-min-device-pixel-ratio:2) {
    .cover-art.actionable {
        -webkit-transition-duration: 50ms;
        transition-duration: 50ms
    }
}

.cover-art.actionable.linking:active {
    -webkit-transition: none;
    transition: none;
    -webkit-transform: scale3d(.97, .97, 1);
    transform: scale3d(.97, .97, 1);
    -webkit-box-shadow: none;
    box-shadow: none
}

.no-focus-outline .cover-art.linking:focus {
    outline: none
}

.cover-art.rounded {
    border-radius: 50%
}

.cover-art.shadow {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    box-shadow: 0 0 10px rgba(0, 0, 0, .3)
}

.cover-art .cover-art-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: 50%;
    background-color: #000;
    background-repeat: no-repeat
}

.cover-art .cover-art-image .cover-art-image-artist {
    border-radius: 50%
}

.cover-art .cover-art-playback {
    -webkit-transition: none 33ms cubic-bezier(.3, 0, .7, 1);
    transition: none 33ms cubic-bezier(.3, 0, .7, 1);
    -webkit-transition-property: all;
    transition-property: all;
    background-color: transparent;
    display: none;
    position: absolute;
    z-index: 3;
    width: 62px;
    height: 62px;
    margin-left: -31px;
    margin-top: -31px;
    top: 50%;
    left: 50%;
    color: #fff;
    border: 0;
    border-radius: 500px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    outline: none;
    -webkit-box-shadow: inset 0 0 0 1px #b3b3b3;
    box-shadow: inset 0 0 0 1px #b3b3b3
}

@media (-webkit-min-device-pixel-ratio:2) {
    .cover-art .cover-art-playback {
        -webkit-transition-duration: 50ms;
        transition-duration: 50ms
    }
}

.cover-art .cover-art-playback:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 500px;
    -webkit-box-shadow: inset 0 0 0 1px #b3b3b3;
    box-shadow: inset 0 0 0 1px #b3b3b3
}

.cover-art .cover-art-playback:hover {
    -webkit-transition: none 33ms cubic-bezier(.3, 0, 0, 1);
    transition: none 33ms cubic-bezier(.3, 0, 0, 1);
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transform: scale(1.06);
    transform: scale(1.06);
    -webkit-box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px transparent;
    box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px transparent
}

@media (-webkit-min-device-pixel-ratio:2) {
    .cover-art .cover-art-playback:hover {
        -webkit-transition-duration: 66ms;
        transition-duration: 66ms;
        -webkit-box-shadow: inset 0 0 0 1px #fff;
        box-shadow: inset 0 0 0 1px #fff
    }
}

.cover-art .cover-art-playback:hover:after {
    -webkit-box-shadow: inset 0 0 0 1px #fff;
    box-shadow: inset 0 0 0 1px #fff
}

.cover-art .cover-art-playback.linking:hover:active {
    -webkit-transition: none;
    transition: none;
    -webkit-transform: scale(.99);
    transform: scale(.99)
}

.cover-art .cover-art-playback svg {
    -webkit-transform: scale(.5);
    transform: scale(.5);
    width: 100%;
    height: 100%
}

.cover-art .cover-art-playback .icon-play {
    margin-left: 4px
}

.cover-art .cover-art-playback.playing {
    border-color: #fff;
    display: block
}

.cover-art .icon {
    position: absolute;
    top: 35%;
    bottom: 35%;
    left: 35%;
    right: 35%
}

.cover-art .icon svg {
    width: 100%;
    height: 100%
}

.cover-art--with-auto-height {
    padding-top: 100%
}

._31deeacc1d30b0519bfefa0e970ef31d-scss {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center
}

.ecbbaf9d3b71bdc7cc50dd40f55aa653-scss {
    min-height: 1px;
    min-width: 1px
}

[draggable] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.dnd-image-shelter {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #181818;
    width: 300px;
    height: 300px;
    z-index: -1
}

.dnd-image {
    position: fixed;
    display: inline-block;
    font-size: 13px;
    padding: 3px 10px;
    max-width: 300px;
    max-height: 300px;
    border-left: 10px solid transparent
}

.dnd-image,
.dnd-image:before {
    top: 0;
    left: 0;
    color: #fff;
    border-radius: 4px;
    z-index: -2
}

.dnd-image:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    background: #282828;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .4);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .4)
}

._17e1446153e0d1f5c3d2dbb5ac332e02-scss {
    display: none;
    border: 0;
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.c9551bce501b9964edd143bdc8a69f5c-scss {
    display: initial
}

._17e1446153e0d1f5c3d2dbb5ac332e02-scss video {
    width: 230px;
    height: 230px
}

._5cc30ad41e9c87b4c45756acdbac4a4c-scss {
    padding: 0;
    opacity: 0;
    z-index: 1;
    position: absolute;
    top: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-width: 0;
    border-radius: 500px;
    background: rgba(0, 0, 0, .7);
    color: #b3b3b3;
    height: 24px;
    width: 24px;
    line-height: 24px
}

._5cc30ad41e9c87b4c45756acdbac4a4c-scss:focus,
._5cc30ad41e9c87b4c45756acdbac4a4c-scss:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    color: #fff;
    background: rgba(0, 0, 0, .8)
}

._17bfdd2b97642b2ad1547d8cf711bb99-scss {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    fill: currentColor;
    padding: 2px
}

[dir=rtl] ._5cc30ad41e9c87b4c45756acdbac4a4c-scss {
    left: 5px
}

[dir=ltr] ._5cc30ad41e9c87b4c45756acdbac4a4c-scss {
    right: 5px
}

.d93ead58f4a7392a71fa845d6e0e84e7-scss {
    padding: 0;
    opacity: 0;
    z-index: 1;
    position: absolute;
    top: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-width: 0;
    border-radius: 500px;
    background: rgba(0, 0, 0, .7);
    color: #b3b3b3;
    height: 24px;
    width: 24px;
    line-height: 24px
}

.d93ead58f4a7392a71fa845d6e0e84e7-scss:focus,
.d93ead58f4a7392a71fa845d6e0e84e7-scss:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    color: #fff;
    background: rgba(0, 0, 0, .8)
}

._0477e2ee2cabd30d0e2ec3bce2333c26-scss {
    fill: currentColor;
    padding: 2px
}

[dir=rtl] .d93ead58f4a7392a71fa845d6e0e84e7-scss {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    left: 5px
}

[dir=ltr] .d93ead58f4a7392a71fa845d6e0e84e7-scss {
    right: 5px
}

.logo {
    position: relative
}

.logo:hover {
    text-decoration: none;
    border-color: transparent
}

.logo .spotify-logo--text {
    width: 131px;
    height: 40px
}

.logo .spotify-logo {
    width: 32px;
    height: 32px
}

[dir=ltr] .RootlistItem {
    padding-left: calc(var(--left-sidebar-padding-left) + var(--indentation)*var(--left-sidebar-item-indentation-width) - var(--left-sidebar-padding-right)/3);
    padding-right: var(--left-sidebar-padding-right);
    position: relative
}

[dir=rtl] .RootlistItem {
    padding-right: calc(var(--left-sidebar-padding-left) + var(--indentation)*var(--left-sidebar-item-indentation-width) - var(--left-sidebar-padding-right)/3);
    padding-left: var(--left-sidebar-padding-right);
    position: relative
}

.RootlistItem--is-active {
    position: relative
}

[dir=ltr] .RootlistItem--is-active:before {
    left: 0
}

[dir=rtl] .RootlistItem--is-active:before {
    right: 0
}

.RootlistItem--is-drop-target-active .GlueDropTarget {
    position: relative;
    color: #1ed760
}

.RootlistItem--is-drop-target-active .GlueDropTarget a {
    color: inherit
}

.RootlistItem--is-drop-target-active .GlueDropTarget:after {
    content: "";
    position: absolute;
    top: 0;
    right: calc(-1*var(--left-sidebar-padding-right)/3);
    bottom: 0;
    left: calc(-1*var(--left-sidebar-padding-right)/3);
    border: 1px solid #1ed760;
    border-radius: 4px;
    color: #1ed760;
    pointer-events: none
}

.RootlistItem__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.RootlistItem__inner a,
.RootlistItem__inner button {
    outline: none
}

.RootlistItem__inner:focus-within {
    outline: 1px dotted #212121;
    outline: 5px auto -webkit-focus-ring-color
}

.no-focus-outline .RootlistItem__inner:focus-within {
    outline: none
}

.RootlistItem__link-container {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: var(--left-sidebar-item-height)
}

[dir=ltr] .RootlistItem__link-container {
    padding-left: calc(var(--left-sidebar-padding-right)/3)
}

[dir=rtl] .RootlistItem__link-container {
    padding-right: calc(var(--left-sidebar-padding-right)/3)
}

.RootlistItem__link {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: var(--left-sidebar-item-height);
    line-height: var(--left-sidebar-item-height);
    border-bottom: none;
    overflow: hidden
}

[dir=ltr] .RootlistItem__link:before {
    margin-right: 16px
}

[dir=rtl] .RootlistItem__link:before {
    margin-left: 16px
}

.RootlistItem__link:link,
.RootlistItem__link:visited {
    cursor: default;
    text-decoration: none;
    color: #b3b3b3
}

.RootlistItem__link:focus,
.RootlistItem__link:hover {
    color: #fff
}

.RootlistItem__link:active {
    opacity: .8
}

.RootlistItem__link--is-highlighted:hover,
.RootlistItem__link--is-highlighted:link,
.RootlistItem__link--is-highlighted:visited {
    color: #fff
}

[data-dragging-type="text/x-spotify-folders"] .RootlistItem .RootlistItem__drop-target,
[data-dragging-type="text/x-spotify-playlists"] .RootlistItem .RootlistItem__drop-target {
    opacity: 1
}

.PlayButton {
    background-color: transparent;
    border: none;
    color: #b3b3b3;
    width: var(--button-size);
    min-width: var(--button-size);
    height: var(--button-size);
    position: relative
}

.PlayButton--pause {
    color: #fff;
    border: 2px solid #fff;
    border-radius: 500px
}

.TextInput__input {
    background-color: #fff;
    color: #000
}

.bd88a7dd5117eb05c9f260f8b888a1b3-scss {
    stroke: #7f7f7f;
    stroke-width: 2;
    fill: transparent
}

.d7c0faebcfa295b869a9825edf679bfb-scss {
    -webkit-transition: stroke-dashoffset .35s;
    transition: stroke-dashoffset .35s;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    stroke: #1db954;
    stroke-width: 2;
    fill: transparent
}

.b07b006ddf0c3418a4b453c2853ef658-scss {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.RootlistItemPlaylist__text-wrapper {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    height: var(--left-sidebar-item-height)
}

[dir=ltr] .RootlistItemPlaylist__play-button {
    line-height: 1;
    margin-left: 8px
}

[dir=rtl] .RootlistItemPlaylist__play-button {
    line-height: 1;
    margin-right: 8px
}

.RootlistItemPlaylist__downloaded-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.RootlistItemPlaylist__collaborative-icon {
    width: 8px;
    height: 8px;
    fill: #b3b3b3
}

.RootlistItemPlaylist__downloaded-icon,
[dir=ltr] .RootlistItemPlaylist__collaborative-icon {
    margin-right: 8px
}

.RootlistItemPlaylist__downloaded-icon,
[dir=rtl] .RootlistItemPlaylist__collaborative-icon {
    margin-left: 8px
}

.RootlistItemFolder__name {
    background: none;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: #b3b3b3
}

.RootlistItemFolder__name-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

[dir=ltr] .RootlistItemFolder__name-text {
    text-align: left
}

[dir=rtl] .RootlistItemFolder__name-text {
    text-align: right
}

.RootlistItemFolder__arrow {
    text-align: center;
    -webkit-transition: -webkit-transform .1s linear;
    transition: -webkit-transform .1s linear;
    transition: transform .1s linear;
    transition: transform .1s linear, -webkit-transform .1s linear;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    background: none;
    border: none;
    outline: 0;
    padding: 0 var(--left-sidebar-item-pill-horizontal-padding)
}

[dir=ltr] .RootlistItemFolder__arrow {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

[dir=rtl] .RootlistItemFolder__arrow {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.RootlistItemFolder__arrow:focus,
.RootlistItemFolder__arrow:hover,
.RootlistItemFolder__name:focus,
.RootlistItemFolder__name:hover {
    color: #fff
}

[dir=ltr] .RootlistItemFolder__arrow--is-rotated,
[dir=rtl] .RootlistItemFolder__arrow--is-rotated {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.Rootlist {
    --left-sidebar-item-height: 32px;
    --left-sidebar-padding-left: 24px;
    --left-sidebar-padding-right: 24px;
    --left-sidebar-item-pill-horizontal-padding: 7px;
    --left-sidebar-item-indentation-width: 16px;
    --left-sidebar-edit-input-height: 26px;
    position: relative;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-height: 0;
    margin-top: 24px
}

.Rootlist,
.Rootlist__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.Rootlist__content {
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.Rootlist__drop-indicator {
    position: absolute;
    top: 0;
    height: 1px;
    background: #1db954;
    pointer-events: none
}

[dir=ltr] .Rootlist__drop-indicator {
    right: var(--left-sidebar-padding-right)
}

[dir=rtl] .Rootlist__drop-indicator {
    left: var(--left-sidebar-padding-right)
}

.Rootlist__header {
    --left-sidebar-padding-left: 24px;
    --left-sidebar-padding-right: 24px;
    margin: 0 var(--left-sidebar-padding-right) 0 var(--left-sidebar-padding-left)
}

html:not([lang=ar]) .Rootlist__header {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: .015em;
    font-weight: var(--glue-font-weight-normal);
    color: #b3b3b3;
    text-transform: uppercase;
    letter-spacing: .16em
}

[lang=ar] html:not([lang=ar]) .Rootlist__header {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: normal
}

html[lang=ar] .Rootlist__header {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .015em;
    font-weight: var(--glue-font-weight-normal);
    color: #b3b3b3;
    text-transform: none;
    margin-left: 12px;
    margin-bottom: 8px
}

[lang=ar] html[lang=ar] .Rootlist__header {
    letter-spacing: normal;
    line-height: 22px
}

.Rootlist__playlists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0
}

.Rootlist__playlists-header {
    --left-sidebar-padding-left: 24px;
    --left-sidebar-padding-right: 24px;
    margin: 0 var(--left-sidebar-padding-right) 12px var(--left-sidebar-padding-left)
}

html:not([lang=ar]) .Rootlist__playlists-header {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: .015em;
    font-weight: var(--glue-font-weight-normal);
    color: #b3b3b3;
    text-transform: uppercase;
    letter-spacing: .16em
}

[lang=ar] html:not([lang=ar]) .Rootlist__playlists-header {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: normal
}

html[lang=ar] .Rootlist__playlists-header {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .015em;
    font-weight: var(--glue-font-weight-normal);
    color: #b3b3b3;
    text-transform: none;
    margin-left: 12px;
    margin-bottom: 8px
}

[lang=ar] html[lang=ar] .Rootlist__playlists-header {
    letter-spacing: normal;
    line-height: 22px
}

.Rootlist__divider {
    margin: 8px var(--left-sidebar-padding-right) 8px var(--left-sidebar-padding-left);
    background-color: #282828;
    border: none;
    height: 1px
}

.Rootlist__playlists-scroll-node {
    overflow-y: auto;
    overscroll-behavior-y: contain;
    list-style: none;
    margin: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.no-focus-outline .Rootlist__playlists-scroll-node:focus {
    outline: none
}

.CreatePlaylistButton {
    color: #fff;
    opacity: .6;
    margin: 0;
    font-weight: var(--glue-font-weight-bold);
    background-color: transparent;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px var(--left-sidebar-padding-right) 5px var(--left-sidebar-padding-left);
    min-height: -webkit-max-content;
    min-height: -moz-max-content;
    min-height: max-content;
    cursor: pointer;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.no-focus-outline .CreatePlaylistButton:focus {
    outline: none
}

.CreatePlaylistButton:focus,
.CreatePlaylistButton:hover {
    opacity: 1
}

.CreatePlaylistButton__svg {
    background: #fff;
    width: 32px;
    height: 32px;
    padding: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

[dir=ltr] .CreatePlaylistButton__svg {
    margin-right: 16px
}

[dir=rtl] .CreatePlaylistButton__svg {
    margin-left: 16px
}

[dir=ltr] .CreatePlaylistButton__text {
    text-align: left
}

[dir=rtl] .CreatePlaylistButton__text {
    text-align: right
}

.CreatePlaylistButton__svg-plus-path {
    fill: #000
}

.CreatePlaylistButton--is-drop-target-active {
    opacity: 1;
    position: relative
}

.CreatePlaylistButton--is-drop-target-active:after {
    content: "";
    position: absolute;
    border: 1px solid #1ed760;
    border-radius: 4px;
    color: #1ed760;
    left: calc(var(--left-sidebar-padding-right)/3);
    right: calc(var(--left-sidebar-padding-right)/3);
    top: 0;
    bottom: 0
}

.d3a60496d4f3220a5d8ee78c4547f503-scss {
    color: #fff;
    opacity: .6;
    font-weight: var(--glue-font-weight-bold);
    background-color: transparent;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px var(--left-sidebar-padding-right) 5px var(--left-sidebar-padding-left);
    min-height: -webkit-max-content;
    min-height: -moz-max-content;
    min-height: max-content;
    cursor: pointer;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.d3a60496d4f3220a5d8ee78c4547f503-scss.c72d5d517bc2c1b0a9ac45e5ce4016aa-scss,
.d3a60496d4f3220a5d8ee78c4547f503-scss:focus,
.d3a60496d4f3220a5d8ee78c4547f503-scss:hover {
    opacity: 1
}

.a69c5b4d773e91fec62ac96606d44251-scss {
    background: linear-gradient(135deg, #450af5, #c4efd9);
    width: 32px;
    height: 32px;
    padding: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

[dir=ltr] .a69c5b4d773e91fec62ac96606d44251-scss {
    margin-right: 16px
}

[dir=rtl] .a69c5b4d773e91fec62ac96606d44251-scss {
    margin-left: 16px
}

.f5df992c0a2ca28b52dff11b39ebeffc-scss {
    opacity: 1;
    position: relative
}

.f5df992c0a2ca28b52dff11b39ebeffc-scss:after {
    content: "";
    position: absolute;
    border: 1px solid #1ed760;
    border-radius: 4px;
    color: #1ed760;
    left: calc(var(--left-sidebar-padding-right)/3);
    right: calc(var(--left-sidebar-padding-right)/3);
    top: 0;
    bottom: 0
}

._9a4ec5c07743c528c666b4ff9bb84bfc-scss {
    font-variant-numeric: tabular-nums;
    font-weight: 400;
    letter-spacing: 1px
}

[dir=rtl] ._9a4ec5c07743c528c666b4ff9bb84bfc-scss {
    margin-right: 10px
}

[dir=ltr] ._9a4ec5c07743c528c666b4ff9bb84bfc-scss {
    margin-left: 10px
}

._47fba3edcdb4b91f8841c779e5252042-scss {
    height: 2px;
    margin: 0 8px;
    overflow: hidden
}

.f4ae0232f7e4957e86603a47970bc7a1-scss {
    height: 100%;
    -webkit-transition: -webkit-transform .35s;
    transition: -webkit-transform .35s;
    transition: transform .35s;
    transition: transform .35s, -webkit-transform .35s;
    background-color: #1db954
}

.e5531882fe3919080a6c8ad4d05f462f-scss {
    margin-top: -2px
}

.f8173b6c9c83185b5ba509aefd178eb8-scss {
    background-image: -webkit-gradient(linear, left top, right top, from(#af2896), to(#509bf5));
    background-image: linear-gradient(90deg, #af2896, #509bf5);
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer;
    position: relative
}

[dir=ltr] .f8173b6c9c83185b5ba509aefd178eb8-scss {
    padding: 11px 24px 7px 15px
}

[dir=rtl] .f8173b6c9c83185b5ba509aefd178eb8-scss {
    padding: 11px 15px 7px 24px
}

[dir=ltr] ._96b4405acee78323cb7fb51e6f98222e-scss {
    margin-left: 24px
}

[dir=rtl] ._96b4405acee78323cb7fb51e6f98222e-scss {
    margin-right: 24px
}

._47ab568573b9400a424f1df1b0848009-scss {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: .015em;
    font-weight: var(--glue-font-weight-normal);
    color: #b3b3b3;
    text-transform: uppercase;
    letter-spacing: .16em;
    color: #fff;
    margin: 0 0 4px
}

[lang=ar] ._47ab568573b9400a424f1df1b0848009-scss {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: normal
}

.bce789cda26bf2b4b33caf795bc58d83-scss {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .015em;
    font-weight: var(--glue-font-weight-normal);
    color: #b3b3b3;
    text-transform: none;
    color: #fff
}

[lang=ar] .bce789cda26bf2b4b33caf795bc58d83-scss {
    letter-spacing: normal;
    line-height: 26px
}

.a09c8c1ea5b18f4266ecf378b4d2b1a5-scss {
    margin: 8px 0 12px;
    white-space: nowrap;
    font-size: 14px;
    color: #2e77d0;
    padding: 8px 48px
}

[dir=ltr] .a09c8c1ea5b18f4266ecf378b4d2b1a5-scss {
    margin-left: 24px
}

[dir=rtl] .a09c8c1ea5b18f4266ecf378b4d2b1a5-scss {
    margin-right: 24px
}

.ConnectBar {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .015em;
    background-color: #1db954;
    color: #fff;
    height: 24px;
    line-height: 24px;
    padding: 0 16px;
    position: relative
}

[lang=ar] .ConnectBar {
    letter-spacing: normal
}

[dir=ltr] .ConnectBar {
    text-align: right
}

[dir=rtl] .ConnectBar {
    text-align: left
}

.ConnectBar:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #1db954;
    position: absolute;
    top: -10px
}

[dir=ltr] .ConnectBar:after {
    right: 138px
}

[dir=rtl] .ConnectBar:after {
    left: 138px
}

.ConnectBar__device-name {
    font-weight: var(--glue-font-weight-bold)
}

.ExtraControls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ExtraControls__toggle-queue {
    border: 0;
    display: inline-block;
    position: relative
}

.GlueDropTarget--active .ExtraControls__toggle-queue {
    color: #1ed760
}

.GlueDropTarget--active .ExtraControls__toggle-queue a {
    color: inherit
}

.GlueDropTarget--active .ExtraControls__toggle-queue:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid #1ed760;
    border-radius: 100%;
    color: #1ed760
}

.volume-bar {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 136px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

[dir=rtl] .volume-bar {
    margin-right: 4px
}

.volume-bar--disabled {
    opacity: .3;
    pointer-events: none
}

.progress-bar {
    height: 12px;
    position: relative;
    width: 100%
}

.progress-bar__bg {
    background-color: #535353;
    border-radius: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 4px;
    width: 100%
}

.progress-bar__fg_wrapper {
    overflow: hidden;
    width: 100%;
    height: 4px;
    border-radius: 2px
}

.progress-bar__fg {
    background-color: #b3b3b3;
    border-radius: 2px;
    height: 4px;
    width: 100%;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.progress-bar__slider {
    background-color: #fff;
    border: 0;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    margin-left: -6px;
    z-index: 100;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
    opacity: 0
}

.no-focus-outline .progress-bar__slider:focus {
    outline: none
}

.progress-bar__slider:after {
    margin: -2px
}

.progress-bar--is-active .progress-bar__fg {
    background-color: #1db954
}

.progress-bar--is-active .progress-bar__slider {
    opacity: 1
}

:not(.no-focus-outline) .progress-bar:focus-within .progress-bar__fg {
    background-color: #1db954
}

:not(.no-focus-outline) .progress-bar__slider:focus {
    opacity: 1
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.connect-device-picker {
    position: relative
}

.connect-device-list-container {
    position: absolute;
    width: 280px;
    bottom: 30px;
    right: -121px;
    display: none;
    background: #282828;
    border-radius: 5px;
    z-index: 1002;
    -webkit-box-shadow: 0 4px 12px 4px rgba(0, 0, 0, .5);
    box-shadow: 0 4px 12px 4px rgba(0, 0, 0, .5)
}

.connect-device-list-container--is-visible {
    display: block;
    -webkit-animation: fadeIn 333ms cubic-bezier(.3, 0, 0, 1);
    animation: fadeIn 333ms cubic-bezier(.3, 0, 0, 1)
}

.connect-device-list-container:before {
    bottom: -20px;
    left: auto;
    right: 138px;
    margin-left: -10px;
    margin-right: -10px;
    border: 10px solid transparent;
    border-top-color: #282828;
    position: absolute;
    content: ""
}

.connect-device-list-content {
    padding: 5px;
    overflow-y: auto;
    max-height: calc(100vh - 90px)
}

.is-connectBarVisible .connect-device-list-content {
    max-height: calc(100vh - 114px)
}

.connect-device-list {
    margin: 0 -5px -5px
}

.connect-device-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #282828;
    border: 0;
    padding: 10px 15px;
    position: relative;
    width: 100%
}

.connect-device-list-item:focus,
.connect-device-list-item:hover {
    background-color: #333
}

.connect-device-list-item--active {
    color: #1db954
}

.connect-device-list-item--disabled {
    color: #535353
}

.connect-device-list-item__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

[dir=ltr] .connect-device-list-item__info {
    text-align: left
}

[dir=rtl] .connect-device-list-item__info {
    text-align: right
}

.connect-device-list-item__device-title {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .015em;
    width: 100%
}

[lang=ar] .connect-device-list-item__device-title {
    letter-spacing: normal
}

.connect-device-list-item__device-subtitle {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .015em;
    font-weight: var(--glue-font-weight-bold);
    color: #fff;
    text-transform: none;
    width: 100%;
    padding-bottom: 5px
}

[lang=ar] .connect-device-list-item__device-subtitle {
    letter-spacing: normal;
    line-height: 22px
}

.connect-device-list-item .connect-device-list-item__device-subtitle {
    color: #fff
}

.connect-device-list-item--active .connect-device-list-item__device-subtitle {
    color: #1db954
}

.connect-device-list-item--disabled .connect-device-list-item__device-subtitle {
    color: #535353
}

.connect-device-list-item__icon {
    color: #fff
}

.connect-device-list-item__icon .device {
    line-height: 32px
}

[dir=ltr] .connect-device-list-item__icon {
    padding-right: 15px
}

[dir=rtl] .connect-device-list-item__icon {
    padding-left: 15px
}

.connect-device-list-item--active .connect-device-list-item__icon {
    color: #1db954
}

.connect-device-list-item--disabled .connect-device-list-item__icon {
    color: #535353
}

.connect-title {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .015em;
    font-weight: var(--glue-font-weight-black);
    color: #fff;
    text-transform: none;
    position: relative;
    text-align: center
}

[lang=ar] .connect-title {
    letter-spacing: normal;
    line-height: 30px
}

.connect-title__text {
    display: block;
    padding: 14px 35px 10px 14px
}

.connect-title__text:focus {
    outline: none
}

.connect-title__help {
    border: 0;
    display: block;
    position: absolute;
    top: 10px;
    max-width: 100%;
    height: auto
}

[dir=ltr] .connect-title__help {
    right: 5px
}

[dir=rtl] .connect-title__help {
    left: 5px
}

.connect-info {
    text-align: center;
    padding: 0 15px 20px
}

.connect-device-button {
    margin-top: 16px
}

.connect-header {
    text-align: center;
    padding: 16px 0
}

.connect-header__image {
    width: 180px
}

.control-button,
.control-button-wrapper {
    position: relative
}

.control-button {
    background-color: transparent;
    border: none;
    color: #b3b3b3;
    width: 32px;
    min-width: 32px;
    height: 32px
}

.no-focus-outline .control-button:focus {
    outline: none
}

.control-button:focus,
.control-button:hover {
    color: #fff
}

.control-button:focus:active,
.control-button:hover:active {
    color: #b3b3b3
}

.control-button--active {
    color: #1db954
}

.control-button--active:not(.control-button--disabled):focus,
.control-button--active:not(.control-button--disabled):hover {
    color: #1ed760
}

.control-button--active:not(.control-button--disabled):active {
    color: #b3b3b3
}

.control-button--active:not(.control-button--disabled):active:focus,
.control-button--active:not(.control-button--disabled):active:hover {
    color: #1db954
}

.control-button--active-dot:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 4px;
    height: 4px;
    content: "";
    border-radius: 50%;
    background-color: #1db954;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@-webkit-keyframes circle-button-spinning {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    to {
        -webkit-transform: rotate(315deg);
        transform: rotate(315deg)
    }
}

@keyframes circle-button-spinning {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    to {
        -webkit-transform: rotate(315deg);
        transform: rotate(315deg)
    }
}

.control-button--circled {
    -webkit-transition: none 33ms cubic-bezier(.3, 0, .7, 1);
    transition: none 33ms cubic-bezier(.3, 0, .7, 1);
    -webkit-transition-property: all;
    transition-property: all
}

@media (-webkit-min-device-pixel-ratio:2) {
    .control-button--circled {
        -webkit-transition-duration: 50ms;
        transition-duration: 50ms
    }
}

.control-button--circled:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 500px;
    border: 1px solid hsla(0, 0%, 100%, .6)
}

.control-button--circled:focus,
.control-button--circled:hover {
    -webkit-transition: none 33ms cubic-bezier(.3, 0, 0, 1);
    transition: none 33ms cubic-bezier(.3, 0, 0, 1);
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
}

@media (-webkit-min-device-pixel-ratio:2) {
    .control-button--circled:focus,
    .control-button--circled:hover {
        -webkit-transition-duration: 66ms;
        transition-duration: 66ms
    }
}

.control-button--circled:focus:after,
.control-button--circled:hover:after {
    border-color: #fff
}

.control-button--circled:focus:active,
.control-button--circled:hover:active {
    -webkit-transition: none;
    transition: none;
    -webkit-transform: scale(.99);
    transform: scale(.99)
}

.control-button--circled:focus:active:after,
.control-button--circled:hover:active:after {
    border-color: hsla(0, 0%, 100%, .6)
}

.control-button--circled.control-button--loading:after {
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border: 3px solid transparent;
    border-top-color: #fff;
    -webkit-animation: circle-button-spinning .65s ease infinite;
    animation: circle-button-spinning .65s ease infinite
}

.control-button--disabled,
.control-button--disabled:hover {
    color: #535353
}

.control-button--circled.control-button--disabled:after {
    border: 1px solid #535353
}

.now-playing-bar-container {
    min-width: 620px;
    background-color: #282828;
    border-top: 1px solid #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.now-playing-bar-container--npv {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .8)));
    background: linear-gradient(transparent, rgba(0, 0, 0, .8));
    border-width: 0
}

.now-playing-bar {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 90px;
    padding: 0 16px
}

.now-playing-bar__ad video {
    width: 210px;
    height: 210px;
    bottom: 0;
    position: absolute;
    left: 0;
    z-index: 3
}

.now-playing-bar__left {
    width: 30%;
    min-width: 180px
}

.now-playing-bar__center {
    width: 40%;
    max-width: 722px
}

.now-playing-bar__right {
    width: 30%;
    min-width: 180px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.now-playing-bar__right__inner {
    width: 180px
}

[class*=" spoticon-"]:before,
[class^=spoticon-]:before {
    font-family: glue1-spoticon;
    font-style: normal;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: inherit;
    vertical-align: bottom;
    display: inline-block;
    text-decoration: inherit
}

.spoticon-pause-16:before {
    content: "\f130";
    font-size: 16px
}

.spoticon-pause-24:before {
    content: "\f1D3";
    font-size: 24px
}

.spoticon-pause-32:before {
    content: "\f131";
    font-size: 32px
}

.spoticon-play-16:before {
    content: "\f132";
    font-size: 16px
}

.spoticon-play-24:before {
    content: "\f1C8";
    font-size: 24px
}

.spoticon-play-32:before {
    content: "\f133";
    font-size: 32px
}

.spoticon-shuffle-16:before {
    content: "\f144";
    font-size: 16px
}

.spoticon-shuffle-24:before {
    content: "\f1D5";
    font-size: 24px
}

.spoticon-shuffle-32:before {
    content: "\f145";
    font-size: 32px
}

.spoticon-skip-back-16:before {
    content: "\f146";
    font-size: 16px
}

.spoticon-skip-back-24:before {
    content: "\f1D6";
    font-size: 24px
}

.spoticon-skip-back-32:before {
    content: "\f147";
    font-size: 32px
}

.spoticon-skip-forward-16:before {
    content: "\f148";
    font-size: 16px
}

.spoticon-skip-forward-24:before {
    content: "\f1D7";
    font-size: 24px
}

.spoticon-skip-forward-32:before {
    content: "\f149";
    font-size: 32px
}

.spoticon-skipback15-16:before {
    content: "\f280";
    font-size: 16px
}

.spoticon-skipback15-24:before {
    content: "\f3CC";
    font-size: 24px
}

.spoticon-skipback15-32:before {
    content: "\f281";
    font-size: 32px
}

.spoticon-skipforward15-16:before {
    content: "\f283";
    font-size: 16px
}

.spoticon-skipforward15-24:before {
    content: "\f3CD";
    font-size: 24px
}

.spoticon-skipforward15-32:before {
    content: "\f284";
    font-size: 32px
}

.spoticon-repeat-16:before {
    content: "\f13e";
    font-size: 16px
}

.spoticon-repeat-24:before {
    content: "\f1D4";
    font-size: 24px
}

.spoticon-repeat-32:before {
    content: "\f13f";
    font-size: 32px
}

.spoticon-repeatonce-16:before {
    content: "\f200";
    font-size: 16px
}

.spoticon-repeatonce-24:before {
    content: "\f201";
    font-size: 24px
}

.spoticon-repeatonce-32:before {
    content: "\f202";
    font-size: 32px
}

.spoticon-menu-16:before {
    content: "\f1FD";
    font-size: 16px
}

.spoticon-menu-32:before {
    content: "\f1FE";
    font-size: 32px
}

.spoticon-artist-placeholder-32:before {
    content: "\f103";
    font-size: 32px
}

.spoticon-track-16:before {
    content: "\f156";
    font-size: 16px
}

.spoticon-track-32:before {
    content: "\f157";
    font-size: 32px
}

.spoticon-video-16:before {
    content: "\f26B";
    font-size: 16px
}

.spoticon-video-24:before {
    content: "\f2A0";
    font-size: 24px
}

.spoticon-video-32:before {
    content: "\f26C";
    font-size: 32px
}

.spoticon-volume-16:before {
    content: "\f15e";
    font-size: 16px
}

.spoticon-volume-off-16:before {
    content: "\f1EF";
    font-size: 16px
}

.spoticon-volume-onewave-16:before {
    content: "\f203";
    font-size: 16px
}

.spoticon-volume-twowave-16:before {
    content: "\f206";
    font-size: 16px
}

.spoticon-spotifylogo-16:before {
    content: "\f298";
    font-size: 16px
}

.spoticon-spotifylogo-32:before {
    content: "\f299";
    font-size: 32px
}

.spoticon-spotify-connect-16:before {
    content: "\f1A3";
    font-size: 16px
}

.spoticon-spotify-connect-24:before {
    content: "\f1D8";
    font-size: 24px
}

.spoticon-spotify-connect-32:before {
    content: "\f1A4";
    font-size: 32px
}

.spoticon-connect-to-devices-16:before {
    content: "\f328";
    font-size: 16px
}

.spoticon-connect-to-devices-32:before {
    content: "\f327";
    font-size: 32px
}

.spoticon-device-arm-16:before {
    content: "\f305";
    font-size: 16px
}

.spoticon-device-arm-32:before {
    content: "\f306";
    font-size: 32px
}

.spoticon-device-car-16:before {
    content: "\f317";
    font-size: 16px
}

.spoticon-device-car-32:before {
    content: "\f318";
    font-size: 32px
}

.spoticon-device-computer-16:before {
    content: "\f29B";
    font-size: 16px
}

.spoticon-device-computer-32:before {
    content: "\f29C";
    font-size: 32px
}

.spoticon-device-mobile-16:before {
    content: "\f301";
    font-size: 16px
}

.spoticon-device-mobile-32:before {
    content: "\f302";
    font-size: 32px
}

.spoticon-device-multispeaker-16:before {
    content: "\f315";
    font-size: 16px
}

.spoticon-device-multispeaker-32:before {
    content: "\f316";
    font-size: 32px
}

.spoticon-device-other-16:before {
    content: "\f29F";
    font-size: 16px
}

.spoticon-device-other-32:before {
    content: "\f300";
    font-size: 32px
}

.spoticon-device-speaker-16:before {
    content: "\f29D";
    font-size: 16px
}

.spoticon-device-speaker-32:before {
    content: "\f29E";
    font-size: 32px
}

.spoticon-device-tablet-16:before {
    content: "\f303";
    font-size: 16px
}

.spoticon-device-tablet-32:before {
    content: "\f304";
    font-size: 32px
}

.spoticon-device-tv-16:before {
    content: "\f307";
    font-size: 16px
}

.spoticon-device-tv-32:before {
    content: "\f308";
    font-size: 32px
}

.spoticon-devices-16:before {
    content: "\f213";
    font-size: 16px
}

.spoticon-devices-32:before {
    content: "\f214";
    font-size: 32px
}

.spoticon-heart-16:before {
    content: "\f320";
    font-size: 16px
}

.spoticon-heart-24:before {
    content: "\f3DB";
    font-size: 24px
}

.spoticon-heart-32:before {
    content: "\f31F";
    font-size: 32px
}

.spoticon-heart-active-16:before {
    content: "\f322";
    font-size: 16px
}

.spoticon-heart-active-24:before {
    content: "\f3DC";
    font-size: 24px
}

.spoticon-heart-active-32:before {
    content: "\f321";
    font-size: 32px
}

.spoticon-block-16:before {
    content: "\f106";
    font-size: 16px
}

.spoticon-block-32:before {
    content: "\f107";
    font-size: 32px
}

.spoticon-ban-16:before {
    content: "\f31E";
    font-size: 16px
}

.spoticon-ban-32:before {
    content: "\f31D";
    font-size: 32px
}

.spoticon-thumbs-down-16:before {
    content: "\f14e";
    font-size: 16px
}

.spoticon-thumbs-down-32:before {
    content: "\f14f";
    font-size: 32px
}

.spoticon-thumbs-up-16:before {
    content: "\f150";
    font-size: 16px
}

.spoticon-thumbs-up-32:before {
    content: "\f151";
    font-size: 32px
}

.spoticon-ellipsis-16:before {
    content: "\f12c";
    font-size: 16px
}

.spoticon-ellipsis-24:before {
    content: "\f12c";
    font-size: 24px;
    position: relative;
    top: 1px
}

.spoticon-ellipsis-32:before {
    content: "\f12d";
    font-size: 32px
}

.spoticon-add-16:before {
    content: "\f138";
    font-size: 16px
}

.spoticon-added-16:before {
    content: "\f10a";
    font-size: 16px
}

.spoticon-remove-16:before,
.spoticon-x-16:before {
    content: "\f160";
    font-size: 16px
}

.spoticon-queue-16:before {
    content: "\f13a";
    font-size: 16px;
    -webkit-transform: translateX(-1px);
    transform: translateX(-1px)
}

.spoticon-chart-down-16:before {
    content: "\f25E";
    font-size: 16px
}

.spoticon-chart-down-32:before {
    content: "\f25F";
    font-size: 32px
}

.spoticon-chart-new-16:before {
    content: "\f25B";
    font-size: 16px
}

.spoticon-chart-new-32:before {
    content: "\f25C";
    font-size: 32px
}

.spoticon-chart-up-16:before {
    content: "\f262";
    font-size: 16px
}

.spoticon-chart-up-32:before {
    content: "\f263";
    font-size: 32px
}

.spoticon-radio-24:before {
    content: "\f1C7";
    font-size: 24px
}

.spoticon-search-16:before {
    content: "\f140";
    font-size: 16px
}

.spoticon-search-24:before {
    content: "\f140";
    font-size: 24px
}

.spoticon-add-to-playlist-24:before {
    content: "\f3AC";
    font-size: 24px
}

.spoticon-browse-24:before {
    content: "\f393";
    font-size: 24px
}

.spoticon-now-playing-16:before {
    content: "\f345";
    font-size: 16px
}

.spoticon-now-playing-24:before {
    content: "\f346";
    font-size: 24px
}

.spoticon-artist-24:before {
    content: "\f392";
    font-size: 24px
}

.spoticon-androidshare-24:before {
    content: "\f48f";
    font-size: 24px
}

.spoticon-me-alt-24:before {
    content: "\f44A";
    font-size: 24px
}

.spoticon-playlist-16:before {
    content: "\f134";
    font-size: 16px
}

.spoticon-playlist-24:before {
    content: "\f3A2";
    font-size: 24px
}

.spoticon-playlist-64:before {
    content: "\f18E";
    font-size: 64px
}

.spoticon-album-16:before {
    content: "\f100";
    font-size: 16px
}

.spoticon-album-64:before {
    content: "\f167";
    font-size: 64px
}

.spoticon-artist-16:before {
    content: "\f102";
    font-size: 16px
}

.spoticon-artist-64:before {
    content: "\f168";
    font-size: 64px
}

.spoticon-podcasts-16:before {
    content: "\f238";
    font-size: 16px
}

.spoticon-podcasts-64:before {
    content: "\f23A";
    font-size: 64px
}

.spoticon-warning-64:before {
    content: "\f1F4";
    font-size: 64px
}

.spoticon-offline-64:before {
    content: "\f21F";
    font-size: 64px
}

.spoticon-fullscreen-16:before {
    content: "\f28C";
    font-size: 16px
}

.spoticon-fullscreen-24:before {
    content: "\f3CE";
    font-size: 24px
}

.spoticon-fullscreen-32:before {
    content: "\f28D";
    font-size: 32px
}

.spoticon-minimise-16:before {
    content: "\f268";
    font-size: 16px
}

.spoticon-minimise-24:before {
    content: "\f3CB";
    font-size: 24px
}

.spoticon-minimise-32:before {
    content: "\f269";
    font-size: 32px
}

.spoticon-helpcircle-16:before {
    content: "\f23B";
    font-size: 16px
}

.spoticon-warning-16:before {
    content: "\f1F2";
    font-size: 16px
}

.spoticon-chevron-up-16:before {
    content: "\f112";
    font-size: 16px
}

.spoticon-chevron-down-16:before {
    content: "\f10c";
    font-size: 16px
}

[dir=rtl] .spoticon-helpcircle-16:before {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.now-playing {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform .25s cubic-bezier(.3, 0, 0, 1);
    transition: -webkit-transform .25s cubic-bezier(.3, 0, 0, 1);
    transition: transform .25s cubic-bezier(.3, 0, 0, 1);
    transition: transform .25s cubic-bezier(.3, 0, 0, 1), -webkit-transform .25s cubic-bezier(.3, 0, 0, 1)
}

[dir=rtl] .now-playing--cover-expanded {
    -webkit-transform: translateX(72px);
    transform: translateX(72px)
}

[dir=ltr] .now-playing--cover-expanded {
    -webkit-transform: translateX(-72px);
    transform: translateX(-72px)
}

.now-playing__cover-art {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative
}

.now-playing__widget-overlay {
    position: relative
}

.picture-in-picture-button {
    padding-top: 3px;
    position: relative
}

.no-focus-outline .picture-in-picture-button:focus {
    outline: none
}


/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter,
 Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */


/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=35378cd201a131f69c68a64bc4438544)
 * Config saved to config.json and https://gist.github.com/35378cd201a131f69c68a64bc4438544
 */

._56e7eb66839e1315d2c7305d3f63ceb2-scss {
    position: relative;
    isolation: isolate
}

._56e7eb66839e1315d2c7305d3f63ceb2-scss:hover ._8e5150a4e789e81616d957dd43b62c31-scss {
    opacity: 1
}

._56e7eb66839e1315d2c7305d3f63ceb2-scss:focus-within ._8e5150a4e789e81616d957dd43b62c31-scss {
    opacity: 1
}

._8e5150a4e789e81616d957dd43b62c31-scss {
    padding: 0;
    opacity: 0;
    z-index: 1;
    position: absolute;
    top: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-width: 0;
    border-radius: 500px;
    background: rgba(0, 0, 0, .7);
    color: #b3b3b3;
    height: 24px;
    width: 24px;
    line-height: 24px
}

._8e5150a4e789e81616d957dd43b62c31-scss:focus,
._8e5150a4e789e81616d957dd43b62c31-scss:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    color: #fff;
    background: rgba(0, 0, 0, .8)
}

.e13aaab7f9f5a632183614c111a67e19-scss {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    fill: currentColor;
    padding: 2px
}

[dir=rtl] ._8e5150a4e789e81616d957dd43b62c31-scss {
    left: 5px
}

[dir=ltr] ._8e5150a4e789e81616d957dd43b62c31-scss {
    right: 5px
}

._2d35c1726829c507fca5a9b5b1aae1a2-scss {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 14px
}

.c319b99793755cc3bba709fe1b1fda42-scss {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .015em;
    color: #fff;
    text-align: left
}

[lang=ar] .c319b99793755cc3bba709fe1b1fda42-scss {
    letter-spacing: normal;
    line-height: 22px
}

.c319b99793755cc3bba709fe1b1fda42-scss a {
    position: relative
}

.no-focus-outline .c319b99793755cc3bba709fe1b1fda42-scss a:focus {
    outline: none
}

._44843c8513baccb36b3fa171573a128f-scss {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .015em;
    text-align: left
}

[lang=ar] ._44843c8513baccb36b3fa171573a128f-scss {
    letter-spacing: normal
}

._44843c8513baccb36b3fa171573a128f-scss a {
    position: relative
}

.no-focus-outline ._44843c8513baccb36b3fa171573a128f-scss a:focus {
    outline: none
}

._44843c8513baccb36b3fa171573a128f-scss a:link,
._44843c8513baccb36b3fa171573a128f-scss a:visited {
    color: #b3b3b3
}

._44843c8513baccb36b3fa171573a128f-scss a:active,
._44843c8513baccb36b3fa171573a128f-scss a:focus,
._44843c8513baccb36b3fa171573a128f-scss a:hover {
    color: #fff
}

[dir=rtl] ._44843c8513baccb36b3fa171573a128f-scss,
[dir=rtl] .c319b99793755cc3bba709fe1b1fda42-scss {
    text-align: right
}

.playback-bar {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.playback-bar canvas {
    pointer-events: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100
}

.playback-bar__progress-time {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: .015em;
    min-width: 40px;
    text-align: center
}

[lang=ar] .playback-bar__progress-time {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: normal
}

.player-controls {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.player-controls,
.player-controls__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.player-controls__buttons {
    margin-bottom: 12px;
    width: 224px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.ce71223909cc9aa5b9e1390764a1cabf-scss {
    width: 80px;
    line-height: 16px;
    max-height: 32px;
    padding: 0 4px
}

.d5e858c91235d0c8ba58e59164c5269d-scss {
    color: #fff;
    font-weight: 700;
    font-variant: tabular-nums
}

[dir=ltr] .d5e858c91235d0c8ba58e59164c5269d-scss {
    margin-left: 5px
}

[dir=rtl] .d5e858c91235d0c8ba58e59164c5269d-scss {
    margin-right: 5px
}

._0efd6b9f9de35e4d1fe896fe2ce5c17c-scss,
.af7ed65aa06ef3900474134b117200be-scss,
.cacb8cb3c5f560fff6c0be6aae25b5d0-scss {
    width: 100%;
    height: 100vh;
    left: 0;
    top: 0;
    position: fixed
}

._0efd6b9f9de35e4d1fe896fe2ce5c17c-scss {
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: background-color .25s;
    transition: background-color .25s
}

.af7ed65aa06ef3900474134b117200be-scss {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), color-stop(40%, #121212));
    background-image: linear-gradient(rgba(0, 0, 0, .5), #121212 40%)
}

.cacb8cb3c5f560fff6c0be6aae25b5d0-scss {
    background-color: #121212
}

._179103717d6ffb622468dffd93f84319-scss {
    opacity: 0
}

._1ea91432ae97d3fdb575115eaadd7fe1-scss {
    text-align: center
}

._8a09e03858b46f0fb996a348427de0c1-scss {
    -webkit-app-region: no-drag
}

.f8640d1cc9e056095f8f93cd01ba964b-scss {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 20px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

._2d6fe2fc1efef617042ff1e8a5021bd0-scss {
    margin: 20px 0
}

._614529195bac88f444387369672fc702-scss {
    margin-top: 16px
}

._4349a90db6a6587c6309651115b70fb3-scss {
    height: 100%;
    overflow-y: scroll
}

._587844af67ca3c14dbf7deb3d5e64f69-scss {
    font-size: 28px;
    line-height: 1.6;
    font-weight: 600;
    letter-spacing: -.36px;
    color: #fff;
    margin: 16px 0
}

._587844af67ca3c14dbf7deb3d5e64f69-scss a:hover {
    border-bottom: none
}

._5412ff4755f6290f88433d33ae2fe65e-scss {
    font-size: 28px;
    line-height: 36px;
    letter-spacing: -.005em;
    font-weight: var(--glue-font-weight-black);
    color: #fff;
    text-transform: none
}

[lang=ar] ._5412ff4755f6290f88433d33ae2fe65e-scss {
    letter-spacing: normal;
    line-height: 46px
}

.d437f883c49a54bba1849d160344bcec-scss {
    font-size: 48px;
    line-height: 56px;
    letter-spacing: -.005em;
    font-weight: var(--glue-font-weight-black);
    color: #fff;
    text-transform: none
}

[lang=ar] .d437f883c49a54bba1849d160344bcec-scss {
    letter-spacing: normal;
    line-height: 78px
}

._235a7ac4681d5c85fd44bfe99ae6dc19-scss {
    font-size: 72px;
    line-height: 82px;
    letter-spacing: -.005em;
    font-weight: var(--glue-font-weight-black);
    color: #fff;
    text-transform: none
}

[lang=ar] ._235a7ac4681d5c85fd44bfe99ae6dc19-scss {
    letter-spacing: normal;
    line-height: 118px
}

.ae53752b1f86f10b73a09cf4742055a4-scss {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .015em;
    font-weight: var(--glue-font-weight-normal)
}

[lang=ar] .ae53752b1f86f10b73a09cf4742055a4-scss {
    letter-spacing: normal;
    line-height: 30px
}

.dc7c9bd9ad4fccaad6a9320a2df95857-scss {
    margin: 0
}

.dc1cc34e88857bd0de4d7a4dc3c528a5-scss {
    text-align: center
}


/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter,
 Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */


/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=35378cd201a131f69c68a64bc4438544)
 * Config saved to config.json and https://gist.github.com/35378cd201a131f69c68a64bc4438544
 */

.b7c8a052011f3edcfdec21922c905eb6-scss {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.b7c8a052011f3edcfdec21922c905eb6-scss.one-line>div {
    display: none
}

.b7c8a052011f3edcfdec21922c905eb6-scss.one-line>div:nth-child(-n+2) {
    display: block
}

@media (min-width:768px) {
    .b7c8a052011f3edcfdec21922c905eb6-scss.one-line>div:nth-child(-n+3) {
        display: block
    }
}

@media (min-width:992px) {
    .b7c8a052011f3edcfdec21922c905eb6-scss.one-line>div:nth-child(-n+4) {
        display: block
    }
}

@media (min-width:1200px) {
    .b7c8a052011f3edcfdec21922c905eb6-scss.one-line>div:nth-child(-n+6) {
        display: block
    }
}

@media (min-width:1500px) {
    .b7c8a052011f3edcfdec21922c905eb6-scss.one-line>div:nth-child(-n+6) {
        display: block
    }
}

.grid--limit>div {
    display: none
}

.grid--limit>div:nth-child(-n+2) {
    display: block
}

@media (min-width:768px) {
    .grid--limit>div:nth-child(-n+3) {
        display: block
    }
}

@media (min-width:992px) {
    .grid--limit>div:nth-child(-n+8) {
        display: block
    }
}

@media (min-width:1200px) {
    .grid--limit>div:nth-child(-n+12) {
        display: block
    }
}

@media (min-width:1500px) {
    .grid--limit>div:nth-child(-n+12) {
        display: block
    }
}


/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter,
 Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */


/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=35378cd201a131f69c68a64bc4438544)
 * Config saved to config.json and https://gist.github.com/35378cd201a131f69c68a64bc4438544
 */

.media-object {
    position: relative;
    padding-bottom: 2.5em
}

.media-object a {
    border-bottom-width: 0
}

.media-object .cover-art.rounded .cover-art-image {
    border-radius: 50%
}

.GlueDropTarget--active .media-object {
    color: #1ed760
}

.GlueDropTarget--active .media-object a {
    color: inherit
}

.GlueDropTarget--active .media-object:after {
    content: "";
    position: absolute;
    top: -7px;
    right: -7px;
    bottom: 7px;
    left: -7px;
    border: 1px solid #1ed760;
    border-radius: 4px;
    color: #1ed760
}

.mo-info {
    margin: 12px 0 4px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    display: block
}

.no-focus-outline .mo-info a:focus {
    outline: none
}

@supports (-webkit-line-clamp:2) {
    [dir=ltr] .mo-info {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }
}

.mo-info-name {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .015em;
    font-weight: var(--glue-font-weight-bold);
    color: #fff;
    text-transform: none
}

[lang=ar] .mo-info-name {
    letter-spacing: normal;
    line-height: 22px
}

.mo-meta {
    text-align: center
}

.mo-meta .react-contextmenu-wrapper {
    display: inline
}

.mo-meta span {
    color: #fff;
    opacity: .6
}

.mo-meta a {
    border-bottom-width: 1px
}

.no-focus-outline .mo-meta a:focus {
    outline: none
}

.mo-meta a:link,
.mo-meta a:visited {
    color: #fff;
    opacity: .6
}

.mo-meta a:active,
.mo-meta a:focus,
.mo-meta a:hover {
    opacity: 1
}

.mo-meta__owner {
    color: #fff;
    opacity: .6
}

.mo-coverArt-hover {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .7);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mo-coverArt-hoverContainer {
    position: relative
}

.mo-coverArt-hoverContainer:hover .mo-coverArt-hover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.media-object .media-object-hoverable.playing .icon,
.media-object .media-object-hoverable:focus .icon,
.media-object .media-object-hoverable:hover .icon {
    display: none
}

.media-object .media-object-hoverable.playing .cover-art-image,
.media-object .media-object-hoverable:focus .cover-art-image,
.media-object .media-object-hoverable:hover .cover-art-image {
    -webkit-transition-property: -webkit-filter;
    transition-property: -webkit-filter;
    transition-property: filter;
    transition-property: filter, -webkit-filter;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: cubic-bezier(.3, 0, 0, 1);
    transition-timing-function: cubic-bezier(.3, 0, 0, 1);
    -webkit-filter: brightness(.3);
    filter: brightness(.3)
}

.media-object .media-object-hoverable.playing .cover-art-playback,
.media-object .media-object-hoverable:focus .cover-art-playback,
.media-object .media-object-hoverable:hover .cover-art-playback {
    display: block
}

@media (max-width:768px) {
    .mo-info {
        white-space: normal
    }
}

.asideButton-container {
    position: relative;
    width: 100%;
    text-align: center
}

.asideButton-container,
.bf5f0e3120a568434ce7ed7fe108e659-scss {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.bf5f0e3120a568434ce7ed7fe108e659-scss {
    height: 100%
}

._7c0399398b8b07b1b1fa6764a3ed59b1-scss {
    width: 100%;
    padding: 0 20%;
    background-color: #282828
}

@media (max-width:1200px) {
    ._7c0399398b8b07b1b1fa6764a3ed59b1-scss {
        padding: 0
    }
}

.inputBox {
    position: relative;
    background-color: #282828;
    padding: 32px 0
}

.inputBox-label {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .015em;
    font-weight: var(--glue-font-weight-bold);
    color: #fff;
    text-transform: none;
    margin-bottom: .5em
}

[lang=ar] .inputBox-label {
    letter-spacing: normal;
    line-height: 22px
}

.inputBox-input {
    font-size: 48px;
    line-height: 56px;
    letter-spacing: -.005em;
    font-weight: var(--glue-font-weight-black);
    color: #fff;
    text-transform: none;
    caret-color: #1db954;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    background-color: transparent;
    border: none
}

[lang=ar] .inputBox-input {
    letter-spacing: normal;
    line-height: 78px
}

.inputBox-input:focus,
.inputBox-input:hover {
    outline: 0
}

.inputBox-input::-webkit-input-placeholder {
    color: #535353
}

.inputBox-input::-moz-placeholder {
    color: #535353
}

.inputBox-input:-ms-input-placeholder {
    color: #535353
}

.inputBox-input::-ms-input-placeholder {
    color: #535353
}

.inputBox-input::placeholder {
    color: #535353
}

.c274c2fc85e627f4f899272a283b5e06-scss {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 28px 0
}

.c71b732861d6dfbb9bb4b7375bcbd760-scss {
    padding: 0 10px
}

._7d83224a9a2555a5aff90818d24a3ab5-scss {
    margin-top: 16px
}

._7d83224a9a2555a5aff90818d24a3ab5-scss>a,
._7d83224a9a2555a5aff90818d24a3ab5-scss>button {
    display: inline-block;
    min-width: 240px
}

._3b7f426a2a328818b1deca91b8af7ca9-scss,
._3ba88a6ade061b6fce43a52ef7cf3d0e-scss {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@-webkit-keyframes ModalBackdropAnimation {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes ModalBackdropAnimation {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes ModalModalAnimation {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    to {
        opacity: 1;
        -webkit-transform: initial;
        transform: none
    }
}

@keyframes ModalModalAnimation {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    to {
        opacity: 1;
        -webkit-transform: initial;
        transform: none
    }
}

._03e05da965a6f8329095a78a1b6c20d4-scss {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-animation: ModalBackdropAnimation .2s 1;
    animation: ModalBackdropAnimation .2s 1;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.f4ad5bef309319a685a887601392b76b-scss {
    position: relative;
    width: 812px;
    -webkit-box-shadow: 0 2px 8px 2px rgba(0, 0, 0, .33);
    box-shadow: 0 2px 8px 2px rgba(0, 0, 0, .33);
    overflow: hidden;
    background: #000 url(https://open.scdn.co/cdn/images/improved-modal-bg.23e5dcb1.jpg) 50% no-repeat;
    background-size: 100% 100%;
    border-radius: 12px;
    padding: 65px 50px 50px;
    -webkit-animation: ModalModalAnimation .4s ease-in-out 1;
    animation: ModalModalAnimation .4s ease-in-out 1;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: .15s;
    animation-delay: .15s
}

._2ac8d2d43d98b9fba25b67afc6a45127-scss {
    background-image: -webkit-gradient(linear, left top, right top, from(#af2896), to(#509bf5));
    background-image: linear-gradient(90deg, #af2896, #509bf5);
    border-radius: 8px;
    height: 110px;
    margin: 0 0 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

._196ca82f2ae218c099b65adf6d2de910-scss {
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    line-height: 48px
}

._86ef282664aff1e04fe33e5302fd9b59-scss {
    color: #fff;
    font-size: 18px;
    font-weight: 200;
    line-height: 24px
}

._9c89bd207d36b5bbe323acdb69a51ad4-scss {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

._57d6f62c1a682a72b732469260057ae0-scss,
.c31218d6bfd71079cb0672521fef3b02-scss {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 10px
}

._5480ffa5f8036fdf063cb6480c1c8c92-scss {
    padding: 32px;
    background: #fff;
    -webkit-box-shadow: 0 8px 24px 0 rgba(0, 0, 0, .3), 0 24px 16px -5px rgba(0, 0, 0, .17);
    box-shadow: 0 8px 24px 0 rgba(0, 0, 0, .3), 0 24px 16px -5px rgba(0, 0, 0, .17);
    border-radius: 8px
}

._4fb410ff0b890d2eecdb109146686239-scss {
    height: 1px;
    background: #b3b3b3;
    margin: 32px 8px 26px
}

._270bdd3b21d74f2d6acd1bc3451e5ff5-scss {
    color: #fff;
    margin-bottom: 8px;
    font-size: 48px;
    font-weight: 700;
    line-height: 48px
}

.d6d00fa9f2799b75edfc089b5211e713-scss {
    stroke: #fff;
    vertical-align: middle
}

[dir=ltr] .d6d00fa9f2799b75edfc089b5211e713-scss {
    margin-right: 8px
}

[dir=rtl] .d6d00fa9f2799b75edfc089b5211e713-scss {
    margin-left: 8px
}

.cfed1e90b85f0b22ffee71f98d1b975e-scss {
    margin-bottom: 6px;
    margin-top: 28px
}

.b22d44682f513cdf44da437338ad95ad-scss {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .015em;
    position: relative;
    color: #fff;
    margin-top: 10px
}

[lang=ar] .b22d44682f513cdf44da437338ad95ad-scss {
    letter-spacing: normal;
    line-height: 26px
}

.b22d44682f513cdf44da437338ad95ad-scss>svg {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    margin-top: -6px
}

[dir=ltr] .b22d44682f513cdf44da437338ad95ad-scss {
    padding-left: 28px
}

[dir=ltr] .b22d44682f513cdf44da437338ad95ad-scss>svg {
    left: 0
}

[dir=rtl] .b22d44682f513cdf44da437338ad95ad-scss {
    padding-right: 28px
}

[dir=rtl] .b22d44682f513cdf44da437338ad95ad-scss>svg {
    right: 0
}

._432c41250baedd54ac68e7b99710994b-scss {
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    color: #000;
    margin-bottom: 1em
}

._38e41a2624dd536e1e2dc22e0c5f4f0f-scss {
    font-size: 18px;
    line-height: 24px
}

.a98bdcc3f0645d16e0eef5452baab9f8-scss {
    border: 1px solid #000
}

.d9a9f85ba49bbe3f3d32cac42f650996-scss {
    padding: 0;
    border-radius: 0;
    margin-top: 28px
}

.d9a9f85ba49bbe3f3d32cac42f650996-scss:hover {
    -webkit-transform: scale(1);
    transform: scale(1);
    border-bottom: 1px solid #fff
}

@-webkit-keyframes UpsellShowAnimation {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes UpsellShowAnimation {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes UpsellContainerAnimation {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    to {
        opacity: 1;
        -webkit-transform: initial;
        transform: none
    }
}

@keyframes UpsellContainerAnimation {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    to {
        opacity: 1;
        -webkit-transform: initial;
        transform: none
    }
}

.b1b51f4f25a79aa2a5033988d30f29bd-scss {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .4)), to(#282828));
    background-image: linear-gradient(-180deg, rgba(0, 0, 0, .4), #282828);
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-animation: UpsellContainerAnimation .4s ease-in-out 1;
    animation: UpsellContainerAnimation .4s ease-in-out 1;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: .15s;
    animation-delay: .15s
}

.f213f7c9c9d1f8bc6ab4b35ee9856194-scss {
    width: 100%;
    margin-top: 24px
}

@media (min-width:615px) {
    ._21cfd0711bd462bd1846b227d0b8cbad-scss {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-animation: UpsellShowAnimation .2s 1;
        animation: UpsellShowAnimation .2s 1;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }
    .b1b51f4f25a79aa2a5033988d30f29bd-scss {
        border-radius: 8px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: auto;
        position: relative
    }
    .f213f7c9c9d1f8bc6ab4b35ee9856194-scss {
        bottom: -56px;
        left: 0;
        position: absolute
    }
}

._0644a547882eb83b4188d7dcf37ea969-scss {
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    margin: 32px 0 0
}

._0644a547882eb83b4188d7dcf37ea969-scss button {
    padding: 0 10px
}

._1d2862cd853b70091162685e15b2bfde-scss {
    bottom: 0;
    left: 0
}

._1d2862cd853b70091162685e15b2bfde-scss,
.a78913277bb78b08ba3658cb0f82207e-scss {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.a78913277bb78b08ba3658cb0f82207e-scss {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    font-size: 32px;
    font-weight: 700;
    line-height: 32px;
    text-align: center;
    max-width: 304px;
    margin: 0 auto
}

.a78913277bb78b08ba3658cb0f82207e-scss .aa98a1d8eeb8ca0c5e38e85284d0b2e6-scss {
    margin: 32px 0 0;
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    letter-spacing: -.4px
}

.a78913277bb78b08ba3658cb0f82207e-scss .d26a56fb2de704030131d3c3795ced94-scss {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    margin: 24px 0 0
}

.a78913277bb78b08ba3658cb0f82207e-scss a,
.a78913277bb78b08ba3658cb0f82207e-scss button {
    font-weight: 600
}

.f132fadf48d040a2651e7a0f95a2c3fa-scss {
    min-height: 168px
}

.f132fadf48d040a2651e7a0f95a2c3fa-scss img {
    border-radius: 8px;
    display: block;
    margin: auto
}

._01bad7c1bc658e54beb9601331182596-scss._1d2862cd853b70091162685e15b2bfde-scss {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

._01bad7c1bc658e54beb9601331182596-scss .a78913277bb78b08ba3658cb0f82207e-scss>button:first-of-type {
    margin-top: 32px
}

._01bad7c1bc658e54beb9601331182596-scss .f132fadf48d040a2651e7a0f95a2c3fa-scss img {
    max-width: 168px
}

._1acdc596c7607d18c08bee82c4cd6dd0-scss._1d2862cd853b70091162685e15b2bfde-scss {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    padding: 56px
}

._1acdc596c7607d18c08bee82c4cd6dd0-scss .a78913277bb78b08ba3658cb0f82207e-scss>button:first-of-type {
    margin-top: 32px
}

._1acdc596c7607d18c08bee82c4cd6dd0-scss .f132fadf48d040a2651e7a0f95a2c3fa-scss img {
    max-width: 232px
}

._64deb3f023b99b5629dd226da0653918-scss._1d2862cd853b70091162685e15b2bfde-scss {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 810px;
    padding: 64px
}

._64deb3f023b99b5629dd226da0653918-scss .a78913277bb78b08ba3658cb0f82207e-scss {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    padding: 0;
    margin: 0
}

._64deb3f023b99b5629dd226da0653918-scss .aa98a1d8eeb8ca0c5e38e85284d0b2e6-scss {
    font-size: 32px;
    margin: 8px 0 24px
}

._64deb3f023b99b5629dd226da0653918-scss .d26a56fb2de704030131d3c3795ced94-scss {
    margin: 0 0 24px
}

._64deb3f023b99b5629dd226da0653918-scss .f132fadf48d040a2651e7a0f95a2c3fa-scss {
    margin-right: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

._64deb3f023b99b5629dd226da0653918-scss .f132fadf48d040a2651e7a0f95a2c3fa-scss img {
    max-width: 315px
}

._07cbff744c844eead4cd55d6f1fbb6c4-scss {
    margin-top: 16px;
    width: 100%
}

._3132cd88846f72010b6350865bbc02e7-scss {
    background: none;
    border: none;
    color: #fff;
    display: block;
    font-weight: 400;
    text-transform: none;
    width: 100%
}

._6a3b84e65211f0896a0bde9ac682315c-scss {
    background: transparent;
    border: 0;
    color: #fff
}

._6a3b84e65211f0896a0bde9ac682315c-scss:focus,
._6a3b84e65211f0896a0bde9ac682315c-scss:hover {
    text-decoration: underline
}

._66e70e00dff6ec4d94daab98608a0798-scss {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

._99e669129d8e1ed225e96c48ee7d6f53-scss {
    background-color: #181818;
    border-radius: 10px;
    text-align: left;
    max-width: 700px;
    padding: 20px
}

[dir=rtl] ._99e669129d8e1ed225e96c48ee7d6f53-scss {
    text-align: right
}

._99e669129d8e1ed225e96c48ee7d6f53-scss a {
    position: relative
}

.no-focus-outline ._99e669129d8e1ed225e96c48ee7d6f53-scss a:focus {
    outline: none
}

.a3d1bf028150b86f5f90d46414b5b44f-scss {
    position: absolute;
    border: none;
    background-color: transparent;
    margin: 0;
    font-size: 0;
    cursor: pointer;
    top: 0;
    padding: 16px
}

.no-focus-outline .a3d1bf028150b86f5f90d46414b5b44f-scss:focus {
    outline: none
}

.a3d1bf028150b86f5f90d46414b5b44f-scss svg>path {
    stroke-width: 2px
}

.a3d1bf028150b86f5f90d46414b5b44f-scss:hover {
    color: #fff
}

html[dir=ltr] .a3d1bf028150b86f5f90d46414b5b44f-scss {
    right: 0
}

html[dir=rtl] .a3d1bf028150b86f5f90d46414b5b44f-scss {
    left: 0
}

._77af5ae7bc26b2e852c1b2afe292902f-scss>:not(:last-child) {
    padding-bottom: 20px
}

._5d5fb3f772ba8cb722095b105693d4b4-scss {
    font-size: 12px;
    line-height: 18px;
    padding: 10px;
    background-color: #282828;
    border-radius: 4px
}

.a1ec82e5dfcf8cb7747e992b0aeeb962-scss {
    margin-bottom: 20px
}

.a1ec82e5dfcf8cb7747e992b0aeeb962-scss span {
    display: block
}

._3ce464f9c4ec3541e802d96999b98f35-scss {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

._3ce464f9c4ec3541e802d96999b98f35-scss>img {
    height: 20px;
    margin: 10px 6px 0
}

._3ce464f9c4ec3541e802d96999b98f35-scss>img:first-child {
    margin-left: 0
}

[dir=rtl] ._3ce464f9c4ec3541e802d96999b98f35-scss>img:first-child {
    margin-right: 0
}

._912c4ed7ccda1c7d16b60235d722d08f-scss {
    position: relative
}

@media (max-width:600px) {
    .a8dcc4d7684132ab07b57a622f822dd9-scss {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        bottom: 2%;
        position: absolute
    }
}

._9cf5b1fa65cc0972ec9bfd29003271b7-scss {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .4)), to(#282828));
    background-image: linear-gradient(-180deg, rgba(0, 0, 0, .4), #282828);
    border-radius: 8px
}

.a7d6a17abf4a54bc0598b4c2b2306868-scss:after {
    content: " "
}

._6c6171aadf038468c977fdcc43b21103-scss {
    display: inline-block;
    vertical-align: middle
}

._982833569286a9d3071046bda4d5db20-scss {
    border-radius: 0
}

._6199f8f253083ff4e43bb3043788653b-scss {
    background-color: #181818;
    border-radius: 10px;
    text-align: center;
    max-width: 700px;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 650px;
    height: 500px
}

._6199f8f253083ff4e43bb3043788653b-scss a,
._6199f8f253083ff4e43bb3043788653b-scss button {
    position: relative
}

.no-focus-outline ._6199f8f253083ff4e43bb3043788653b-scss a:focus,
.no-focus-outline ._6199f8f253083ff4e43bb3043788653b-scss button:focus {
    outline: none
}

._2cb1a46a984a3afbe8998aff1e07cd7a-scss {
    font-size: 28px;
    line-height: 36px;
    font-weight: 700;
    letter-spacing: -.36px;
    color: #fff;
    padding: 0
}

._6801d288e075ef65b5ceaca0a1248763-scss {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

._6801d288e075ef65b5ceaca0a1248763-scss>:not(:last-child) {
    padding-bottom: 20px
}

._3b2a36038414a1f310a6774d20a56c5c-scss {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #fff
}

._588f72108e8f6f15ef9dc3f326d1ec99-scss {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.react-contextmenu {
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    background-color: #282828;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
    outline: none;
    pointer-events: none;
    opacity: 0;
    z-index: 1003
}

.react-contextmenu.react-contextmenu--visible {
    opacity: 1;
    pointer-events: auto
}

.react-contextmenu-item {
    width: 100%;
    padding: 3px 20px;
    clear: both;
    line-height: 32px;
    white-space: nowrap;
    background: 0 0;
    border: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default
}

.react-contextmenu-item.active,
.react-contextmenu-item:hover {
    color: #fff;
    background-color: #333;
    border-color: #333;
    text-decoration: none
}

.react-contextmenu-wrapper {
    display: inline
}

.spotify__container--is-desktop:not(.fullscreen) .react-contextmenu {
    -webkit-app-region: no-drag
}

._3c08e30e0b5018cc15edf990e21d3dc5-scss {
    background-color: #181818;
    border-top: 1px solid #282828;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#leaderboard-ad-element {
    width: 760px;
    height: 90px;
    margin: 16px auto;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (max-width:1024px) {
    #leaderboard-ad-element {
        padding: 0 8px;
        margin: 8px auto
    }
}

@media (max-height:768px) {
    #leaderboard-ad-element {
        margin: 8px auto
    }
}

._759904f944cb2420680734ecad0043ed-scss {
    position: fixed;
    bottom: 8px;
    max-width: 380px;
    background-color: #2e77d0;
    color: #fff;
    border-radius: 4px;
    padding: 16px;
    z-index: 5;
    font-weight: 700;
    letter-spacing: .25px;
    line-height: 16px;
    font-size: 12px
}

._759904f944cb2420680734ecad0043ed-scss a {
    position: relative;
    border-bottom: none;
    text-decoration: underline
}

.no-focus-outline ._759904f944cb2420680734ecad0043ed-scss a:focus {
    outline: none
}

html[dir=ltr] ._759904f944cb2420680734ecad0043ed-scss {
    text-align: left;
    left: 8px
}

html[dir=rtl] ._759904f944cb2420680734ecad0043ed-scss {
    text-align: right;
    right: 8px
}

@media screen and (max-width:380px) {
    ._759904f944cb2420680734ecad0043ed-scss {
        right: 8px;
        left: 8px;
        max-width: none
    }
}

._2149e78c326c5ec8fde097cb163e7e5b-scss {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px
}

._12c3dbe5599fc2955032e2b955a4bbb2-scss {
    position: absolute;
    border: none;
    background-color: transparent;
    margin: 0;
    font-size: 0;
    cursor: pointer;
    top: 0;
    padding: 16px
}

.no-focus-outline ._12c3dbe5599fc2955032e2b955a4bbb2-scss:focus {
    outline: none
}

._12c3dbe5599fc2955032e2b955a4bbb2-scss svg {
    width: 12px;
    height: 12px
}

._12c3dbe5599fc2955032e2b955a4bbb2-scss svg>path {
    stroke: #fff;
    stroke-width: 2px
}

html[dir=ltr] ._12c3dbe5599fc2955032e2b955a4bbb2-scss {
    right: 0
}

html[dir=rtl] ._12c3dbe5599fc2955032e2b955a4bbb2-scss {
    left: 0
}

.cookieNotice-animation-exit-active {
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.NowPlayingView {
    display: none
}

.NowPlayingView--is-open {
    position: fixed;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    overflow: hidden;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.NowPlayingView--is-open,
.NowPlayingView__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.NowPlayingView__header {
    padding: 24px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100vw
}

.NowPlayingView__header-inner {
    padding: 8px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .5);
    height: 64px;
    position: relative;
    min-width: 320px
}

.NowPlayingView__header-inner,
.NowPlayingView__playing-from {
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    opacity: 0
}

.NowPlayingView__playing-from {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: .015em;
    font-weight: var(--glue-font-weight-normal);
    color: #b3b3b3;
    text-transform: uppercase;
    letter-spacing: .16em
}

[lang=ar] .NowPlayingView__playing-from {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: normal
}

.NowPlayingView__context-title {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .015em;
    font-weight: var(--glue-font-weight-bold);
    color: #fff;
    text-transform: none;
    opacity: 0;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

[lang=ar] .NowPlayingView__context-title {
    letter-spacing: normal;
    line-height: 22px
}

.NowPlayingView__minimise-button {
    margin-left: 15px;
    border-width: 0;
    background: none;
    height: 32px;
    line-height: 32px;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    opacity: 0
}

.NowPlayingView__minimise-button:before {
    color: #fff;
    opacity: .6;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.NowPlayingView__minimise-button:hover:before {
    border-color: #fff;
    opacity: 1
}

.NowPlayingView__footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding-top: 30px;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    opacity: 0
}

.NowPlayingView--controls-visible .NowPlayingView__context-title,
.NowPlayingView--controls-visible .NowPlayingView__footer,
.NowPlayingView--controls-visible .NowPlayingView__header-inner,
.NowPlayingView--controls-visible .NowPlayingView__minimise-button,
.NowPlayingView--controls-visible .NowPlayingView__playing-from {
    opacity: 1
}

.SocialSessionModal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .7);
    z-index: 9999
}

.SocialSessionModal__container {
    position: absolute;
    min-width: 30rem;
    margin-left: -15rem;
    top: 10%;
    left: 50%;
    border-radius: 8px;
    display: none;
    -webkit-box-shadow: 0 0 60px rgba(0, 0, 0, .2);
    box-shadow: 0 0 60px rgba(0, 0, 0, .2);
    background: -webkit-gradient(linear, left top, right top, from(#af2896), to(#491377));
    background: linear-gradient(90deg, #af2896 0, #491377);
    text-align: center;
    overflow: hidden
}

.SocialSessionModal__container--visible {
    display: block
}

.SocialSessionModal__close-button {
    position: absolute;
    top: 1rem;
    width: 1rem;
    text-align: right;
    margin: 0;
    background: none;
    border: none;
    outline: none
}

[dir=ltr] .SocialSessionModal__close-button {
    right: 1rem
}

[dir=rtl] .SocialSessionModal__close-button {
    left: 1rem
}

.SocialSessionModal__content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2.5rem 2.5rem 0;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(20%, transparent), to(rgba(0, 0, 0, .7)));
    background: linear-gradient(180deg, transparent 0, transparent 20%, rgba(0, 0, 0, .7))
}

.SocialSessionModal__host-profile-wrapper {
    margin-bottom: 1rem
}

.SocialSessionModal__host-profile-image {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background-position: 50%;
    background-size: cover
}

.SocialSessionModal__anonymous-profile-image {
    width: 150px;
    height: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #000
}

.SocialSessionModal__cover-art-wrapper {
    width: 15rem;
    margin: 0 auto
}

.SocialSessionModal__cover-art-wrapper .media-object {
    padding-bottom: 0
}

.SocialSessionModal__description {
    padding: 0 0 1rem;
    max-width: 20rem;
    margin: 0 auto
}

.VideoPlayer {
    position: fixed;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.VideoPlayer video {
    -o-object-fit: contain;
    object-fit: contain
}

.VideoPlayer--closed {
    display: none
}

.VideoPlayer--floating {
    bottom: 100px;
    -webkit-transition: -webkit-transform .25s ease-in-out;
    transition: -webkit-transform .25s ease-in-out;
    transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out
}

[dir=ltr] .VideoPlayer--floating {
    right: 10px
}

[dir=rtl] .VideoPlayer--floating {
    left: 10px
}

.VideoPlayer--landscape,
.VideoPlayer--landscape video {
    width: 25vw
}

.VideoPlayer--portrait,
.VideoPlayer--portrait video {
    height: 40vh
}

[dir=ltr] .VideoPlayer--floating.VideoPlayer--connect-device-picker-open {
    -webkit-transform: translateX(-290px);
    transform: translateX(-290px)
}

[dir=rtl] .VideoPlayer--floating.VideoPlayer--connect-device-picker-open {
    -webkit-transform: translateX(290px);
    transform: translateX(290px)
}

.VideoPlayer--leaderboard-ad-visible {
    bottom: 202px
}

.VideoPlayer--fullscreen {
    background: #000;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh
}

.VideoPlayer--fullscreen video {
    height: 100vh;
    width: 100vw
}

.VideoPlayer__button {
    margin-left: 15px;
    border-width: 0;
    background: none;
    height: 32px;
    line-height: 32px
}

.VideoPlayer__button:before {
    color: #fff;
    opacity: .6;
    border: 1px solid hsla(0, 0%, 100%, .15);
    border-radius: 32px;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px
}

.VideoPlayer__button:hover:before {
    border-color: #fff;
    color: #fff
}

.VideoPlayer__overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 15px
}

.VideoPlayer__overlay .VideoPlayer__button {
    display: none
}

.VideoPlayer__overlay:hover {
    background: rgba(0, 0, 0, .5)
}

.VideoPlayer__overlay:hover .VideoPlayer__button {
    display: block
}

._735fcc25dcbafb766ac475b9600cdfc3-scss {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c9ba76fd82c33e24f62ff4318ce3fdda-scss {
    position: relative;
    border: 0
}

.no-focus-outline .c9ba76fd82c33e24f62ff4318ce3fdda-scss:focus {
    outline: none
}

.a7ca0610f95fe3acdc7cf60bcc696f99-scss {
    -ms-flex-item-align: end;
    align-self: flex-end;
    position: relative;
    border: 0;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px;
    color: #7f7f7f
}

.no-focus-outline .a7ca0610f95fe3acdc7cf60bcc696f99-scss:focus {
    outline: none
}

.a7ca0610f95fe3acdc7cf60bcc696f99-scss:focus,
.a7ca0610f95fe3acdc7cf60bcc696f99-scss:hover {
    color: #b3b3b3;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

._751c3db22158505ed756cb216b68063a-scss {
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    -webkit-transform-origin: -15% 80%;
    transform-origin: -15% 80%;
    -webkit-transform: scale(0);
    transform: scale(0)
}

._1e870dee2ac799de37cb41276462f230-scss {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.b7a49cd78f062c653f835ec9933fd726-scss {
    -webkit-transform: scale(0);
    transform: scale(0)
}

@media (max-width:1000px) {
    .c9ba76fd82c33e24f62ff4318ce3fdda-scss video {
        width: 540px
    }
}

@media (min-width:1000px) and (max-width:1279px) {
    .c9ba76fd82c33e24f62ff4318ce3fdda-scss video {
        width: 640px
    }
}

@media (min-width:1280px) and (max-width:1899px) {
    .c9ba76fd82c33e24f62ff4318ce3fdda-scss video {
        width: 854px
    }
}

@media (min-width:1900px) {
    .c9ba76fd82c33e24f62ff4318ce3fdda-scss video {
        width: 1280px
    }
}

[dir=rtl] .a7ca0610f95fe3acdc7cf60bcc696f99-scss {
    margin-left: -8px
}

[dir=ltr] .a7ca0610f95fe3acdc7cf60bcc696f99-scss {
    margin-right: -8px
}

._7978d1a53eb00cc7b3a900c911fd0493-scss {
    display: inline-block;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 12px 4px rgba(0, 0, 0, .5);
    box-shadow: 0 4px 12px 4px rgba(0, 0, 0, .5);
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    max-width: 450px;
    padding: 12px 36px;
    text-align: center;
    -webkit-transition: none .5s cubic-bezier(.3, 0, .4, 1);
    transition: none .5s cubic-bezier(.3, 0, .4, 1);
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.a5d8be7c04739decf516dac5e0ff550b-scss {
    background: #e22134
}

._8bfc65eb3b883f9eed4b640911ea9302-scss {
    background: #2e77d0
}

._0b4f79d9019e884fb42aad360bb02eda-scss {
    padding: 8px 16px;
    max-width: 100%;
    min-width: 305px;
    text-align: inherit;
    white-space: normal
}

._639719926331c18540fd600d20d6aba4-scss {
    position: relative
}

._639719926331c18540fd600d20d6aba4-scss svg {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px
}

.a889e9e5f6f3d3a7b7878f4b93c6dc92-scss a,
.a889e9e5f6f3d3a7b7878f4b93c6dc92-scss button {
    pointer-events: all
}

.a889e9e5f6f3d3a7b7878f4b93c6dc92-scss a {
    border-bottom-color: currentcolor
}

._11017c449b05e4d02526cfd47e8e8713-scss {
    opacity: 0;
    pointer-events: none
}

._5d9eb984e6242f119bb34507df163b22-scss {
    opacity: 1;
    -webkit-transition: none .5s cubic-bezier(.6, 0, .7, 1);
    transition: none .5s cubic-bezier(.6, 0, .7, 1);
    -webkit-transition-property: opacity;
    transition-property: opacity
}

._7fe0e9ecf3fced195fa014602e1b459e-scss {
    opacity: 1
}

.cd28b13ddeeda4d7cd1158adb72e3217-scss {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: none .5s cubic-bezier(.6, 0, .7, 1);
    transition: none .5s cubic-bezier(.6, 0, .7, 1);
    -webkit-transition-property: opacity;
    transition-property: opacity
}

._5e1f1f280975344c6f429aef7edce8ed-scss {
    position: relative
}

._5e1f1f280975344c6f429aef7edce8ed-scss:after {
    top: 100%;
    left: 50%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    margin-left: -10px;
    border: 8px solid transparent;
    border-top-color: #2e77d0
}

.ce791fbc27dc77ab9c2f9dccc84d6d66-scss {
    position: relative
}

.ce791fbc27dc77ab9c2f9dccc84d6d66-scss:after {
    bottom: 100%;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border: 8px solid transparent;
    border-bottom-color: #2e77d0
}

.ffc34145f17285b6b55784c1ef3ece23-scss {
    position: relative
}

.ffc34145f17285b6b55784c1ef3ece23-scss:after {
    bottom: 100%;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border: 8px solid transparent;
    border-bottom-color: #2e77d0
}

.c5e6b4072cbe57bc7ba7879658445010-scss {
    position: relative
}

.c5e6b4072cbe57bc7ba7879658445010-scss:before {
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border: 8px solid transparent
}

[dir=ltr] .ce791fbc27dc77ab9c2f9dccc84d6d66-scss:after {
    margin-left: -10px;
    right: 10%
}

[dir=ltr] .ffc34145f17285b6b55784c1ef3ece23-scss:after {
    margin-right: -10px;
    left: 10%
}

[dir=ltr] .c5e6b4072cbe57bc7ba7879658445010-scss:before {
    right: 100%;
    border-right-color: #2e77d0
}

[dir=ltr] .c18e2403d70d12f42fdd2e7774434696-scss:after {
    right: 10%
}

[dir=ltr] ._639719926331c18540fd600d20d6aba4-scss {
    padding: 12px 36px 12px 12px;
    text-align: left
}

[dir=ltr] ._639719926331c18540fd600d20d6aba4-scss svg {
    right: 10px
}

[dir=rtl] .ce791fbc27dc77ab9c2f9dccc84d6d66-scss:after {
    margin-right: -10px;
    left: 10%
}

[dir=rtl] .ffc34145f17285b6b55784c1ef3ece23-scss:after {
    margin-left: -10px;
    right: 10%
}

[dir=rtl] .c5e6b4072cbe57bc7ba7879658445010-scss:before {
    left: 100%;
    border-left-color: #2e77d0
}

[dir=rtl] .c18e2403d70d12f42fdd2e7774434696-scss:after {
    left: 10%
}

[dir=rtl] ._639719926331c18540fd600d20d6aba4-scss {
    padding: 12px 12px 12px 36px;
    text-align: right
}

[dir=rtl] ._639719926331c18540fd600d20d6aba4-scss svg {
    left: 10px
}

._885aba49a0600c4f37894dd00ef10f8e-scss {
    z-index: 1;
    pointer-events: none;
    position: absolute;
    bottom: 18px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

._7e92df01ea64ded1bddd2787ed9cdf2c-scss {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #1db954;
    padding: 5px 20px;
    position: fixed;
    left: 0;
    right: 0;
    min-height: 50px;
    z-index: 102;
    color: #fff
}

.bd1d40ed0d698aaa8cead09591b8e349-scss {
    background-color: #e22134
}

.c868ad2b8f4bc4f6cd908d22362ff353-scss {
    background-color: #f59b23
}

._2f73114445e2a16fa1fd1abdcd211d61-scss {
    background-color: #2e77d0
}

._921c456fc20bd71b28821804e29c0b81-scss {
    background-color: rgba(0, 0, 0, .8);
    font-size: 12px
}

.a3e927f1520627899a6e9f35818af121-scss {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.no-focus-outline .a3e927f1520627899a6e9f35818af121-scss a:focus {
    outline: none
}

.a3e927f1520627899a6e9f35818af121-scss a:active,
.a3e927f1520627899a6e9f35818af121-scss a:hover,
.a3e927f1520627899a6e9f35818af121-scss a:link,
.a3e927f1520627899a6e9f35818af121-scss a:visited {
    border-bottom: 1px solid #fff
}

._2b341790c1811dcba0907884a8e66afb-scss {
    background: transparent;
    border: none;
    color: currentColor;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.no-focus-outline ._2b341790c1811dcba0907884a8e66afb-scss:focus {
    outline: none
}

._23eb5ef9a98f9a533ba4ebbdcf7a0910-scss {
    border-bottom-color: currentcolor
}

.feedbackBar-animation-enter {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px)
}

.feedbackBar-animation-enter-active {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-timing-function: cubic-bezier(.3, 0, 0, 1);
    transition-timing-function: cubic-bezier(.3, 0, 0, 1);
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.feedbackBar-animation-exit-active {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: cubic-bezier(1, 0, .7, 1);
    transition-timing-function: cubic-bezier(1, 0, .7, 1);
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px)
}


/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter,
 Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */


/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=35378cd201a131f69c68a64bc4438544)
 * Config saved to config.json and https://gist.github.com/35378cd201a131f69c68a64bc4438544
 */

.b5b01e376bfe3156c865cba3909f11c3-scss {
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    max-width: calc(100vw - 230px);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 3;
    padding: 16px
}

@media (min-width:1024px) {
    .b5b01e376bfe3156c865cba3909f11c3-scss {
        padding: 16px 32px
    }
}

.b5b01e376bfe3156c865cba3909f11c3-scss>* {
    white-space: nowrap;
    pointer-events: auto
}

[dir=ltr] .b5b01e376bfe3156c865cba3909f11c3-scss {
    padding-right: 32px
}

@media (min-width:1024px) {
    [dir=ltr] .b5b01e376bfe3156c865cba3909f11c3-scss {
        padding-right: 48px
    }
}

[dir=rtl] .b5b01e376bfe3156c865cba3909f11c3-scss {
    padding-left: 32px
}

@media (min-width:1024px) {
    [dir=rtl] .b5b01e376bfe3156c865cba3909f11c3-scss {
        padding-left: 48px
    }
}

._21f29c9d16bf3b2adbeb2fe04bdcbe8b-scss {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    overflow: hidden;
    -webkit-transition: background-color .25s;
    transition: background-color .25s;
    pointer-events: none
}

.e082d93e1995fad3363fcbc6ae888189-scss {
    height: 100%;
    background-color: rgba(0, 0, 0, .6)
}

._3b943ec8f1f007315a04a11373727778-scss {
    height: 100vh;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), color-stop(40%, #121212));
    background-image: linear-gradient(rgba(0, 0, 0, .5), #121212 40%)
}

._3a86f45d81725794b5ca3eee9de8d462-scss {
    background-color: rgba(0, 0, 0, .5)
}

._26d9e31a05dd5fba3afe1b281ae2cf9e-scss {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

._26d9e31a05dd5fba3afe1b281ae2cf9e-scss ._6be6d9f3103325b95e6d4c0f6b10b783-scss {
    opacity: 1;
    height: 22px;
    width: 22px
}

._26d9e31a05dd5fba3afe1b281ae2cf9e-scss ._66febc2caff37c822a831232b6e73171-scss {
    border: none;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    cursor: pointer
}

.no-focus-outline ._26d9e31a05dd5fba3afe1b281ae2cf9e-scss ._66febc2caff37c822a831232b6e73171-scss:focus {
    outline: none
}

._26d9e31a05dd5fba3afe1b281ae2cf9e-scss ._66febc2caff37c822a831232b6e73171-scss:disabled {
    cursor: not-allowed;
    opacity: .6
}

@media (max-width:1023px) {
    ._26d9e31a05dd5fba3afe1b281ae2cf9e-scss .e06b9585e170a5bfbfb886e70217ea9f-scss {
        display: none
    }
}

._48e360f8825a4f1e777dae4da035dc61-scss {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
    pointer-events: none;
    -webkit-app-region: no-drag
}

._2ad467a52f00fff4e36adb25e591bf7c-scss {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-app-region: drag;
    pointer-events: none
}

._2ad467a52f00fff4e36adb25e591bf7c-scss>* {
    pointer-events: auto;
    -webkit-app-region: no-drag
}

.a88f0b25501df313b75b70d458d9fe87-scss {
    background-color: rgba(0, 0, 0, .7);
    border: 1px solid hsla(0, 0%, 100%, .7)
}

.a88f0b25501df313b75b70d458d9fe87-scss:hover {
    background-color: #000;
    border: 1px solid #fff
}

[dir=ltr] ._26d9e31a05dd5fba3afe1b281ae2cf9e-scss ._66febc2caff37c822a831232b6e73171-scss {
    margin-right: 16px
}

[dir=ltr] ._876bd25fbfc04e9c85aa1ff5b9235107-scss {
    margin-left: 16px
}

[dir=ltr] .a88f0b25501df313b75b70d458d9fe87-scss {
    margin-left: auto
}

[dir=ltr] .aa699e31db7036cd8def43c2b48281e7-scss {
    margin-right: 32px
}

[dir=rtl] ._26d9e31a05dd5fba3afe1b281ae2cf9e-scss ._66febc2caff37c822a831232b6e73171-scss {
    margin-left: 16px
}

[dir=rtl] ._26d9e31a05dd5fba3afe1b281ae2cf9e-scss ._7d846137186e6bfd0724a32565d216cb-scss,
[dir=rtl] ._26d9e31a05dd5fba3afe1b281ae2cf9e-scss .e06b9585e170a5bfbfb886e70217ea9f-scss {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

[dir=rtl] ._876bd25fbfc04e9c85aa1ff5b9235107-scss {
    margin-right: 16px
}

[dir=rtl] .a88f0b25501df313b75b70d458d9fe87-scss {
    margin-right: auto
}

[dir=rtl] .aa699e31db7036cd8def43c2b48281e7-scss {
    margin-left: 32px
}

.spotify__container--is-desktop.spotify__os--is-windows[dir=ltr] .b5b01e376bfe3156c865cba3909f11c3-scss {
    padding-right: 167px
}

.spotify__container--is-desktop.spotify__os--is-windows[dir=rtl] .b5b01e376bfe3156c865cba3909f11c3-scss {
    padding-left: 167px
}

.spotify__container--is-desktop:not(.fullscreen) .b5b01e376bfe3156c865cba3909f11c3-scss>* {
    -webkit-app-region: no-drag
}

.spotify__container--is-desktop:not(.fullscreen) ._21f29c9d16bf3b2adbeb2fe04bdcbe8b-scss {
    -webkit-app-region: drag
}


/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter,
 Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */


/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=35378cd201a131f69c68a64bc4438544)
 * Config saved to config.json and https://gist.github.com/35378cd201a131f69c68a64bc4438544
 */


/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter,
 Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */


/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=35378cd201a131f69c68a64bc4438544)
 * Config saved to config.json and https://gist.github.com/35378cd201a131f69c68a64bc4438544
 */

._6ce91c15e0b7ce8657ac5d01294a0e65-scss {
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    max-width: calc(100vw - 230px);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 3;
    padding: 16px
}

@media (min-width:1024px) {
    ._6ce91c15e0b7ce8657ac5d01294a0e65-scss {
        padding: 16px 32px
    }
}

._6ce91c15e0b7ce8657ac5d01294a0e65-scss>* {
    white-space: nowrap;
    pointer-events: auto
}

[dir=ltr] ._6ce91c15e0b7ce8657ac5d01294a0e65-scss {
    padding-right: 32px
}

@media (min-width:1024px) {
    [dir=ltr] ._6ce91c15e0b7ce8657ac5d01294a0e65-scss {
        padding-right: 48px
    }
}

[dir=rtl] ._6ce91c15e0b7ce8657ac5d01294a0e65-scss {
    padding-left: 32px
}

@media (min-width:1024px) {
    [dir=rtl] ._6ce91c15e0b7ce8657ac5d01294a0e65-scss {
        padding-left: 48px
    }
}

._88e7f919d423dfa0ef0024d3b1fc4646-scss {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    overflow: hidden;
    -webkit-transition: background-color .25s;
    transition: background-color .25s;
    pointer-events: none
}

.b32aed76258f256754362d103d63ec78-scss {
    height: 100%;
    background-color: rgba(0, 0, 0, .6)
}

._2438059985520beed4072c675d91f8b4-scss {
    height: 100vh;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), color-stop(40%, #121212));
    background-image: linear-gradient(rgba(0, 0, 0, .5), #121212 40%)
}

._50ee16cc49848d2dd1d129f137e07bac-scss {
    background-color: rgba(0, 0, 0, .5)
}

._4905642f873a5b007f24e13c33f57440-scss {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

._4905642f873a5b007f24e13c33f57440-scss .eff5061bce30556b2067fcc841473099-scss {
    opacity: 1;
    height: 22px;
    width: 22px
}

._4905642f873a5b007f24e13c33f57440-scss ._68d0af753e7ddd602ceac499207fc50e-scss {
    border: none;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    cursor: pointer
}

.no-focus-outline ._4905642f873a5b007f24e13c33f57440-scss ._68d0af753e7ddd602ceac499207fc50e-scss:focus {
    outline: none
}

._4905642f873a5b007f24e13c33f57440-scss ._68d0af753e7ddd602ceac499207fc50e-scss:disabled {
    cursor: not-allowed;
    opacity: .6
}

@media (max-width:1023px) {
    ._4905642f873a5b007f24e13c33f57440-scss .e954b3fe244502b87e0e92aa9eccd09a-scss {
        display: none
    }
}

.d4711bde476ce19a6c137cc01e9f4600-scss {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
    pointer-events: none;
    -webkit-app-region: no-drag
}

.b81d917619ae69b72a1654810680047a-scss {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-app-region: drag;
    pointer-events: none
}

.b81d917619ae69b72a1654810680047a-scss>* {
    pointer-events: auto;
    -webkit-app-region: no-drag
}

._217369154de4eba3f9bf0ed6987b0a20-scss {
    background-color: rgba(0, 0, 0, .7);
    border: 1px solid hsla(0, 0%, 100%, .7)
}

._217369154de4eba3f9bf0ed6987b0a20-scss:hover {
    background-color: #000;
    border: 1px solid #fff
}

[dir=ltr] ._4905642f873a5b007f24e13c33f57440-scss ._68d0af753e7ddd602ceac499207fc50e-scss {
    margin-right: 16px
}

[dir=ltr] .c181106bc3ecf13e48265c4c1ea2b7cf-scss {
    margin-left: 16px
}

[dir=ltr] ._217369154de4eba3f9bf0ed6987b0a20-scss {
    margin-left: auto
}

[dir=ltr] .bc2c2fb2f76f2e393644b6b60cfaff87-scss {
    margin-right: 32px
}

[dir=rtl] ._4905642f873a5b007f24e13c33f57440-scss ._68d0af753e7ddd602ceac499207fc50e-scss {
    margin-left: 16px
}

[dir=rtl] ._4905642f873a5b007f24e13c33f57440-scss ._0b05fbde3fe2a506576f623bcf7fd238-scss,
[dir=rtl] ._4905642f873a5b007f24e13c33f57440-scss .e954b3fe244502b87e0e92aa9eccd09a-scss {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

[dir=rtl] .c181106bc3ecf13e48265c4c1ea2b7cf-scss {
    margin-right: 16px
}

[dir=rtl] ._217369154de4eba3f9bf0ed6987b0a20-scss {
    margin-right: auto
}

[dir=rtl] .bc2c2fb2f76f2e393644b6b60cfaff87-scss {
    margin-left: 32px
}

.spotify__container--is-desktop.spotify__os--is-windows[dir=ltr] ._6ce91c15e0b7ce8657ac5d01294a0e65-scss {
    padding-right: 167px
}

.spotify__container--is-desktop.spotify__os--is-windows[dir=rtl] ._6ce91c15e0b7ce8657ac5d01294a0e65-scss {
    padding-left: 167px
}

.spotify__container--is-desktop:not(.fullscreen) ._6ce91c15e0b7ce8657ac5d01294a0e65-scss>* {
    -webkit-app-region: no-drag
}

.spotify__container--is-desktop:not(.fullscreen) ._88e7f919d423dfa0ef0024d3b1fc4646-scss {
    -webkit-app-region: drag
}

._4babb9256febd5fec6666c663ba9985c-scss {
    position: relative;
    display: inline-block
}

._8590c692ba7506fd532576e77a50b225-scss {
    background-color: #2e77d0;
    color: #fff;
    border-radius: 23px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700;
    border: none;
    height: 32px;
    width: 32px
}

._7c0e568b9fb1ddc6a74e49baef1205e5-scss {
    cursor: pointer
}

._8cd24ec85fb08e67f59abce3ae2e9b63-scss {
    position: absolute;
    display: block;
    top: calc(100% + 16px)
}

[dir=ltr] ._4babb9256febd5fec6666c663ba9985c-scss+._4babb9256febd5fec6666c663ba9985c-scss {
    margin-left: 8px
}

[dir=ltr] ._8cd24ec85fb08e67f59abce3ae2e9b63-scss {
    right: -24px
}

[dir=rtl] ._4babb9256febd5fec6666c663ba9985c-scss+._4babb9256febd5fec6666c663ba9985c-scss {
    margin-right: 8px
}

[dir=rtl] ._8cd24ec85fb08e67f59abce3ae2e9b63-scss {
    left: -24px
}

._4f6cff0f3480e8d8cc3614e38afad63d-scss {
    overflow: hidden;
    position: relative;
    display: inline-block
}

._4f6cff0f3480e8d8cc3614e38afad63d-scss.af7b79aa49b53277856f565198731255-scss:after {
    content: "";
    position: absolute;
    background: #2e77d0;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 1px #000;
    box-shadow: 0 0 0 1px #000;
    top: 5%;
    right: 0;
    width: 20%;
    height: 20%;
    z-index: 100
}

._71b2b74d199d96b907da0c433c3c8da6-scss {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

._19813d13f17b9971773e54f5957ee593-scss {
    border-radius: 50%;
    background-color: #333;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}


/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter,
 Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */


/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=35378cd201a131f69c68a64bc4438544)
 * Config saved to config.json and https://gist.github.com/35378cd201a131f69c68a64bc4438544
 */


/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter,
 Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */


/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=35378cd201a131f69c68a64bc4438544)
 * Config saved to config.json and https://gist.github.com/35378cd201a131f69c68a64bc4438544
 */

@media (min-width:768px) {
    .container {
        width: 750px
    }
}

@media (min-width:992px) {
    .container {
        width: 970px
    }
}

@media (min-width:1200px) {
    .container {
        width: 1170px
    }
}

@media (min-width:1500px) {
    .container {
        width: 1450px
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 8px;
    padding-right: 8px
}

.row {
    margin-left: -16px;
    margin-right: -16px
}

.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,
.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-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-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.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 {
    position: relative;
    min-height: 1px;
    padding-left: 8px;
    padding-right: 8px
}

.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
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width:768px) {
    .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 {
        float: left
    }
    .col-sm-12 {
        width: 100%
    }
    .col-sm-11 {
        width: 91.66666667%
    }
    .col-sm-10 {
        width: 83.33333333%
    }
    .col-sm-9 {
        width: 75%
    }
    .col-sm-8 {
        width: 66.66666667%
    }
    .col-sm-7 {
        width: 58.33333333%
    }
    .col-sm-6 {
        width: 50%
    }
    .col-sm-5 {
        width: 41.66666667%
    }
    .col-sm-4 {
        width: 33.33333333%
    }
    .col-sm-3 {
        width: 25%
    }
    .col-sm-2 {
        width: 16.66666667%
    }
    .col-sm-1 {
        width: 8.33333333%
    }
    .col-sm-pull-12 {
        right: 100%
    }
    .col-sm-pull-11 {
        right: 91.66666667%
    }
    .col-sm-pull-10 {
        right: 83.33333333%
    }
    .col-sm-pull-9 {
        right: 75%
    }
    .col-sm-pull-8 {
        right: 66.66666667%
    }
    .col-sm-pull-7 {
        right: 58.33333333%
    }
    .col-sm-pull-6 {
        right: 50%
    }
    .col-sm-pull-5 {
        right: 41.66666667%
    }
    .col-sm-pull-4 {
        right: 33.33333333%
    }
    .col-sm-pull-3 {
        right: 25%
    }
    .col-sm-pull-2 {
        right: 16.66666667%
    }
    .col-sm-pull-1 {
        right: 8.33333333%
    }
    .col-sm-pull-0 {
        right: auto
    }
    .col-sm-push-12 {
        left: 100%
    }
    .col-sm-push-11 {
        left: 91.66666667%
    }
    .col-sm-push-10 {
        left: 83.33333333%
    }
    .col-sm-push-9 {
        left: 75%
    }
    .col-sm-push-8 {
        left: 66.66666667%
    }
    .col-sm-push-7 {
        left: 58.33333333%
    }
    .col-sm-push-6 {
        left: 50%
    }
    .col-sm-push-5 {
        left: 41.66666667%
    }
    .col-sm-push-4 {
        left: 33.33333333%
    }
    .col-sm-push-3 {
        left: 25%
    }
    .col-sm-push-2 {
        left: 16.66666667%
    }
    .col-sm-push-1 {
        left: 8.33333333%
    }
    .col-sm-push-0 {
        left: auto
    }
    .col-sm-offset-12 {
        margin-left: 100%
    }
    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }
    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }
    .col-sm-offset-9 {
        margin-left: 75%
    }
    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }
    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }
    .col-sm-offset-6 {
        margin-left: 50%
    }
    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }
    .col-sm-offset-3 {
        margin-left: 25%
    }
    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }
    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }
    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width:992px) {
    .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 {
        float: left
    }
    .col-md-12 {
        width: 100%
    }
    .col-md-11 {
        width: 91.66666667%
    }
    .col-md-10 {
        width: 83.33333333%
    }
    .col-md-9 {
        width: 75%
    }
    .col-md-8 {
        width: 66.66666667%
    }
    .col-md-7 {
        width: 58.33333333%
    }
    .col-md-6 {
        width: 50%
    }
    .col-md-5 {
        width: 41.66666667%
    }
    .col-md-4 {
        width: 33.33333333%
    }
    .col-md-3 {
        width: 25%
    }
    .col-md-2 {
        width: 16.66666667%
    }
    .col-md-1 {
        width: 8.33333333%
    }
    .col-md-pull-12 {
        right: 100%
    }
    .col-md-pull-11 {
        right: 91.66666667%
    }
    .col-md-pull-10 {
        right: 83.33333333%
    }
    .col-md-pull-9 {
        right: 75%
    }
    .col-md-pull-8 {
        right: 66.66666667%
    }
    .col-md-pull-7 {
        right: 58.33333333%
    }
    .col-md-pull-6 {
        right: 50%
    }
    .col-md-pull-5 {
        right: 41.66666667%
    }
    .col-md-pull-4 {
        right: 33.33333333%
    }
    .col-md-pull-3 {
        right: 25%
    }
    .col-md-pull-2 {
        right: 16.66666667%
    }
    .col-md-pull-1 {
        right: 8.33333333%
    }
    .col-md-pull-0 {
        right: auto
    }
    .col-md-push-12 {
        left: 100%
    }
    .col-md-push-11 {
        left: 91.66666667%
    }
    .col-md-push-10 {
        left: 83.33333333%
    }
    .col-md-push-9 {
        left: 75%
    }
    .col-md-push-8 {
        left: 66.66666667%
    }
    .col-md-push-7 {
        left: 58.33333333%
    }
    .col-md-push-6 {
        left: 50%
    }
    .col-md-push-5 {
        left: 41.66666667%
    }
    .col-md-push-4 {
        left: 33.33333333%
    }
    .col-md-push-3 {
        left: 25%
    }
    .col-md-push-2 {
        left: 16.66666667%
    }
    .col-md-push-1 {
        left: 8.33333333%
    }
    .col-md-push-0 {
        left: auto
    }
    .col-md-offset-12 {
        margin-left: 100%
    }
    .col-md-offset-11 {
        margin-left: 91.66666667%
    }
    .col-md-offset-10 {
        margin-left: 83.33333333%
    }
    .col-md-offset-9 {
        margin-left: 75%
    }
    .col-md-offset-8 {
        margin-left: 66.66666667%
    }
    .col-md-offset-7 {
        margin-left: 58.33333333%
    }
    .col-md-offset-6 {
        margin-left: 50%
    }
    .col-md-offset-5 {
        margin-left: 41.66666667%
    }
    .col-md-offset-4 {
        margin-left: 33.33333333%
    }
    .col-md-offset-3 {
        margin-left: 25%
    }
    .col-md-offset-2 {
        margin-left: 16.66666667%
    }
    .col-md-offset-1 {
        margin-left: 8.33333333%
    }
    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width:1200px) {
    .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 {
        float: left
    }
    .col-lg-12 {
        width: 100%
    }
    .col-lg-11 {
        width: 91.66666667%
    }
    .col-lg-10 {
        width: 83.33333333%
    }
    .col-lg-9 {
        width: 75%
    }
    .col-lg-8 {
        width: 66.66666667%
    }
    .col-lg-7 {
        width: 58.33333333%
    }
    .col-lg-6 {
        width: 50%
    }
    .col-lg-5 {
        width: 41.66666667%
    }
    .col-lg-4 {
        width: 33.33333333%
    }
    .col-lg-3 {
        width: 25%
    }
    .col-lg-2 {
        width: 16.66666667%
    }
    .col-lg-1 {
        width: 8.33333333%
    }
    .col-lg-pull-12 {
        right: 100%
    }
    .col-lg-pull-11 {
        right: 91.66666667%
    }
    .col-lg-pull-10 {
        right: 83.33333333%
    }
    .col-lg-pull-9 {
        right: 75%
    }
    .col-lg-pull-8 {
        right: 66.66666667%
    }
    .col-lg-pull-7 {
        right: 58.33333333%
    }
    .col-lg-pull-6 {
        right: 50%
    }
    .col-lg-pull-5 {
        right: 41.66666667%
    }
    .col-lg-pull-4 {
        right: 33.33333333%
    }
    .col-lg-pull-3 {
        right: 25%
    }
    .col-lg-pull-2 {
        right: 16.66666667%
    }
    .col-lg-pull-1 {
        right: 8.33333333%
    }
    .col-lg-pull-0 {
        right: auto
    }
    .col-lg-push-12 {
        left: 100%
    }
    .col-lg-push-11 {
        left: 91.66666667%
    }
    .col-lg-push-10 {
        left: 83.33333333%
    }
    .col-lg-push-9 {
        left: 75%
    }
    .col-lg-push-8 {
        left: 66.66666667%
    }
    .col-lg-push-7 {
        left: 58.33333333%
    }
    .col-lg-push-6 {
        left: 50%
    }
    .col-lg-push-5 {
        left: 41.66666667%
    }
    .col-lg-push-4 {
        left: 33.33333333%
    }
    .col-lg-push-3 {
        left: 25%
    }
    .col-lg-push-2 {
        left: 16.66666667%
    }
    .col-lg-push-1 {
        left: 8.33333333%
    }
    .col-lg-push-0 {
        left: auto
    }
    .col-lg-offset-12 {
        margin-left: 100%
    }
    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }
    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }
    .col-lg-offset-9 {
        margin-left: 75%
    }
    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }
    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }
    .col-lg-offset-6 {
        margin-left: 50%
    }
    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }
    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }
    .col-lg-offset-3 {
        margin-left: 25%
    }
    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }
    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }
    .col-lg-offset-0 {
        margin-left: 0
    }
}

@media (min-width:1500px) {
    .col-xl-1,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12 {
        float: left
    }
    .col-xl-12 {
        width: 100%
    }
    .col-xl-11 {
        width: 91.66666667%
    }
    .col-xl-10 {
        width: 83.33333333%
    }
    .col-xl-9 {
        width: 75%
    }
    .col-xl-8 {
        width: 66.66666667%
    }
    .col-xl-7 {
        width: 58.33333333%
    }
    .col-xl-6 {
        width: 50%
    }
    .col-xl-5 {
        width: 41.66666667%
    }
    .col-xl-4 {
        width: 33.33333333%
    }
    .col-xl-3 {
        width: 25%
    }
    .col-xl-2 {
        width: 16.66666667%
    }
    .col-xl-1 {
        width: 8.33333333%
    }
    .col-xl-pull-12 {
        right: 100%
    }
    .col-xl-pull-11 {
        right: 91.66666667%
    }
    .col-xl-pull-10 {
        right: 83.33333333%
    }
    .col-xl-pull-9 {
        right: 75%
    }
    .col-xl-pull-8 {
        right: 66.66666667%
    }
    .col-xl-pull-7 {
        right: 58.33333333%
    }
    .col-xl-pull-6 {
        right: 50%
    }
    .col-xl-pull-5 {
        right: 41.66666667%
    }
    .col-xl-pull-4 {
        right: 33.33333333%
    }
    .col-xl-pull-3 {
        right: 25%
    }
    .col-xl-pull-2 {
        right: 16.66666667%
    }
    .col-xl-pull-1 {
        right: 8.33333333%
    }
    .col-xl-pull-0 {
        right: auto
    }
    .col-xl-push-12 {
        left: 100%
    }
    .col-xl-push-11 {
        left: 91.66666667%
    }
    .col-xl-push-10 {
        left: 83.33333333%
    }
    .col-xl-push-9 {
        left: 75%
    }
    .col-xl-push-8 {
        left: 66.66666667%
    }
    .col-xl-push-7 {
        left: 58.33333333%
    }
    .col-xl-push-6 {
        left: 50%
    }
    .col-xl-push-5 {
        left: 41.66666667%
    }
    .col-xl-push-4 {
        left: 33.33333333%
    }
    .col-xl-push-3 {
        left: 25%
    }
    .col-xl-push-2 {
        left: 16.66666667%
    }
    .col-xl-push-1 {
        left: 8.33333333%
    }
    .col-xl-push-0 {
        left: auto
    }
    .col-xl-offset-12 {
        margin-left: 100%
    }
    .col-xl-offset-11 {
        margin-left: 91.66666667%
    }
    .col-xl-offset-10 {
        margin-left: 83.33333333%
    }
    .col-xl-offset-9 {
        margin-left: 75%
    }
    .col-xl-offset-8 {
        margin-left: 66.66666667%
    }
    .col-xl-offset-7 {
        margin-left: 58.33333333%
    }
    .col-xl-offset-6 {
        margin-left: 50%
    }
    .col-xl-offset-5 {
        margin-left: 41.66666667%
    }
    .col-xl-offset-4 {
        margin-left: 33.33333333%
    }
    .col-xl-offset-3 {
        margin-left: 25%
    }
    .col-xl-offset-2 {
        margin-left: 16.66666667%
    }
    .col-xl-offset-1 {
        margin-left: 8.33333333%
    }
    .col-xl-offset-0 {
        margin-left: 0
    }
}

.clearfix:after,
.container-fluid:after,
.container:after,
.row:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right!important
}

.pull-left {
    float: left!important
}

.hide {
    display: none!important
}

.show {
    display: block!important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none!important
}

.affix {
    position: fixed
}

._2d572e64d66f9e1f76966535690bfbe6-scss {
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    max-width: calc(100vw - 230px);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 3;
    padding: 16px
}

@media (min-width:1024px) {
    ._2d572e64d66f9e1f76966535690bfbe6-scss {
        padding: 16px 32px
    }
}

._2d572e64d66f9e1f76966535690bfbe6-scss>* {
    white-space: nowrap;
    pointer-events: auto
}

[dir=ltr] ._2d572e64d66f9e1f76966535690bfbe6-scss {
    padding-right: 32px
}

@media (min-width:1024px) {
    [dir=ltr] ._2d572e64d66f9e1f76966535690bfbe6-scss {
        padding-right: 48px
    }
}

[dir=rtl] ._2d572e64d66f9e1f76966535690bfbe6-scss {
    padding-left: 32px
}

@media (min-width:1024px) {
    [dir=rtl] ._2d572e64d66f9e1f76966535690bfbe6-scss {
        padding-left: 48px
    }
}

._1f3fbaded16ff030102c0b379174f179-scss {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    overflow: hidden;
    -webkit-transition: background-color .25s;
    transition: background-color .25s;
    pointer-events: none
}

._7095de02f55d9be4348a1e38ba4b06e0-scss {
    height: 100%;
    background-color: rgba(0, 0, 0, .6)
}

.f132a73bef8fbc0a8b395e5d104e4fc6-scss {
    height: 100vh;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), color-stop(40%, #121212));
    background-image: linear-gradient(rgba(0, 0, 0, .5), #121212 40%)
}

.e52b70ca04703f404d6d6bdf214f5050-scss {
    background-color: rgba(0, 0, 0, .5)
}

._9af4fb3084f6ffed65a02b765ea45809-scss {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

._9af4fb3084f6ffed65a02b765ea45809-scss .f3603350444aa766d815b2fe414e7fad-scss {
    opacity: 1;
    height: 22px;
    width: 22px
}

._9af4fb3084f6ffed65a02b765ea45809-scss ._25e9ba77649ec1c5c74e273c3ff20e10-scss {
    border: none;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    cursor: pointer
}

.no-focus-outline ._9af4fb3084f6ffed65a02b765ea45809-scss ._25e9ba77649ec1c5c74e273c3ff20e10-scss:focus {
    outline: none
}

._9af4fb3084f6ffed65a02b765ea45809-scss ._25e9ba77649ec1c5c74e273c3ff20e10-scss:disabled {
    cursor: not-allowed;
    opacity: .6
}

@media (max-width:1023px) {
    ._9af4fb3084f6ffed65a02b765ea45809-scss ._94571f1638ed27c44645e80707558abd-scss {
        display: none
    }
}

._1e7b5a0d43e4ed708d8270d2e9eb2469-scss {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
    pointer-events: none;
    -webkit-app-region: no-drag
}

.a5b76339a3ebf8c182d9d095613a73b0-scss {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-app-region: drag;
    pointer-events: none
}

.a5b76339a3ebf8c182d9d095613a73b0-scss>* {
    pointer-events: auto;
    -webkit-app-region: no-drag
}

._2728551e8fd39d9c8fa09a1eec4d8399-scss {
    background-color: rgba(0, 0, 0, .7);
    border: 1px solid hsla(0, 0%, 100%, .7)
}

._2728551e8fd39d9c8fa09a1eec4d8399-scss:hover {
    background-color: #000;
    border: 1px solid #fff
}

[dir=ltr] ._9af4fb3084f6ffed65a02b765ea45809-scss ._25e9ba77649ec1c5c74e273c3ff20e10-scss {
    margin-right: 16px
}

[dir=ltr] .ab362e2ea4b6844c68f3d547882a7610-scss {
    margin-left: 16px
}

[dir=ltr] ._2728551e8fd39d9c8fa09a1eec4d8399-scss {
    margin-left: auto
}

[dir=ltr] .c72875a93b8cffb4ed17eaa5b032e46a-scss {
    margin-right: 32px
}

[dir=rtl] ._9af4fb3084f6ffed65a02b765ea45809-scss ._25e9ba77649ec1c5c74e273c3ff20e10-scss {
    margin-left: 16px
}

[dir=rtl] ._9af4fb3084f6ffed65a02b765ea45809-scss ._429f6d1c4eefe513f136aab5fac41e8a-scss,
[dir=rtl] ._9af4fb3084f6ffed65a02b765ea45809-scss ._94571f1638ed27c44645e80707558abd-scss {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

[dir=rtl] .ab362e2ea4b6844c68f3d547882a7610-scss {
    margin-right: 16px
}

[dir=rtl] ._2728551e8fd39d9c8fa09a1eec4d8399-scss {
    margin-right: auto
}

[dir=rtl] .c72875a93b8cffb4ed17eaa5b032e46a-scss {
    margin-left: 32px
}

.spotify__container--is-desktop.spotify__os--is-windows[dir=ltr] ._2d572e64d66f9e1f76966535690bfbe6-scss {
    padding-right: 167px
}

.spotify__container--is-desktop.spotify__os--is-windows[dir=rtl] ._2d572e64d66f9e1f76966535690bfbe6-scss {
    padding-left: 167px
}

.spotify__container--is-desktop:not(.fullscreen) ._2d572e64d66f9e1f76966535690bfbe6-scss>* {
    -webkit-app-region: no-drag
}

.spotify__container--is-desktop:not(.fullscreen) ._1f3fbaded16ff030102c0b379174f179-scss {
    -webkit-app-region: drag
}

._34098cfd13d48e2910679f35aea2c377-scss {
    background-color: rgba(0, 0, 0, .7);
    border-radius: 23px;
    height: 32px;
    min-width: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 0;
    cursor: pointer;
    color: #fff;
    padding: 2px
}

.no-focus-outline ._34098cfd13d48e2910679f35aea2c377-scss:focus {
    outline: none
}

._61ab7cffe8117f2123af98dc70709f39-scss,
._34098cfd13d48e2910679f35aea2c377-scss:hover {
    background-color: #282828
}

._3e3f1fb43bacb2cdd445b4dabd8481a8-scss {
    color: #1db954
}

._1cbbc2381b5bd2615676e5c522e5756c-scss {
    font-weight: var(--glue-font-weight-bold);
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 110px;
    pointer-events: none
}

._2815d3e2f19ac6b05c4f162b733c12f0-scss {
    position: absolute;
    opacity: 0;
    pointer-events: none
}

.fd6c3f91314f789ca788da635f13cea7-scss {
    color: #4687d6
}

.d8ff12bac344f7ccf13022e4553f1a76-scss {
    position: absolute;
    top: 4px
}

[dir=ltr] .d8ff12bac344f7ccf13022e4553f1a76-scss {
    right: 2px
}

[dir=rtl] .d8ff12bac344f7ccf13022e4553f1a76-scss {
    left: 2px
}

[dir=ltr] ._34098cfd13d48e2910679f35aea2c377-scss {
    margin-left: 16px
}

[dir=ltr] ._1cbbc2381b5bd2615676e5c522e5756c-scss,
[dir=ltr] .bcdaf2d12c2c21e06601f61efb5ee4c0-scss {
    margin-left: 8px
}

[dir=ltr] .bcdaf2d12c2c21e06601f61efb5ee4c0-scss {
    margin-right: 6px
}

[dir=rtl] ._34098cfd13d48e2910679f35aea2c377-scss {
    margin-right: 16px
}

[dir=rtl] ._1cbbc2381b5bd2615676e5c522e5756c-scss,
[dir=rtl] .bcdaf2d12c2c21e06601f61efb5ee4c0-scss {
    margin-right: 8px
}

[dir=rtl] .bcdaf2d12c2c21e06601f61efb5ee4c0-scss {
    margin-left: 6px
}

@media (max-width:1279px) {
    ._1cbbc2381b5bd2615676e5c522e5756c-scss,
    .bcdaf2d12c2c21e06601f61efb5ee4c0-scss {
        display: none
    }
    .d8ff12bac344f7ccf13022e4553f1a76-scss {
        top: -2px
    }
    [dir=ltr] .d8ff12bac344f7ccf13022e4553f1a76-scss {
        right: -2px
    }
    [dir=rtl] .d8ff12bac344f7ccf13022e4553f1a76-scss {
        left: -2px
    }
}

._3a2dbd61921e0194803774bdcfb4a9f3-scss {
    position: relative
}

.spotify__container--is-desktop:not(.fullscreen) ._3a2dbd61921e0194803774bdcfb4a9f3-scss {
    -webkit-app-region: no-drag
}

._7d5bb5bfd500c0c322fb865b69181717-scss {
    min-width: 100%;
    background-color: #282828;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .7);
    box-shadow: 0 4px 4px rgba(0, 0, 0, .7);
    pointer-events: auto;
    position: absolute;
    top: 100%;
    margin-top: 8px;
    z-index: 1003;
    visibility: hidden
}

._7d5bb5bfd500c0c322fb865b69181717-scss._9173295a5e436849e664636287948cb1-scss {
    visibility: visible
}

._7d5bb5bfd500c0c322fb865b69181717-scss>:first-child {
    border-radius: 4px 4px 0 0
}

._7d5bb5bfd500c0c322fb865b69181717-scss>:last-child {
    border-radius: 0 0 4px 4px
}

[dir=ltr] ._7d5bb5bfd500c0c322fb865b69181717-scss {
    right: 0
}

[dir=rtl] ._7d5bb5bfd500c0c322fb865b69181717-scss {
    left: 0
}

.e11aa2b1af385a92d27eab6f6d49ee6b-scss ._5d8857b271ece35ed4dd191b5b15f48e-scss {
    position: relative
}

[dir=ltr] .e11aa2b1af385a92d27eab6f6d49ee6b-scss ._5d8857b271ece35ed4dd191b5b15f48e-scss {
    padding-left: 40px
}

[dir=rtl] .e11aa2b1af385a92d27eab6f6d49ee6b-scss ._5d8857b271ece35ed4dd191b5b15f48e-scss {
    padding-right: 40px
}

.e11aa2b1af385a92d27eab6f6d49ee6b-scss svg {
    position: absolute
}

[dir=ltr] .e11aa2b1af385a92d27eab6f6d49ee6b-scss svg {
    left: 12px
}

[dir=rtl] .e11aa2b1af385a92d27eab6f6d49ee6b-scss svg {
    right: 12px
}

._5d8857b271ece35ed4dd191b5b15f48e-scss {
    width: 100%;
    padding: 3px 20px;
    line-height: 32px;
    white-space: nowrap;
    background: none;
    border: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    color: #b3b3b3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

._5d8857b271ece35ed4dd191b5b15f48e-scss:hover {
    color: #fff;
    background-color: #333
}

._5a56451e3b25cab593c5c63696d87285-scss {
    color: #4687d6
}

.b1b6f67740779440315549e39354d155-scss {
    height: 0;
    border-top: 1px solid #404040
}

._5c71ddcbad79b97300b9c7056c319e2c-scss {
    display: grid;
    grid-template-columns: 1fr auto;
    justify-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-height:825px),
(max-width:1200px) {
    ._5c71ddcbad79b97300b9c7056c319e2c-scss {
        width: 800px
    }
}

@media (max-height:725px),
(max-width:1000px) {
    ._5c71ddcbad79b97300b9c7056c319e2c-scss {
        width: 600px
    }
}

._5d0d90790834bfeb8152cbd81d8d1f6e-scss {
    justify-self: center;
    text-transform: uppercase;
    color: #b3b3b3
}

._9337cfc94ce006110511df8d9676da5f-scss {
    position: relative;
    border: 0;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px;
    color: #7f7f7f
}

.no-focus-outline ._9337cfc94ce006110511df8d9676da5f-scss:focus {
    outline: none
}

._9337cfc94ce006110511df8d9676da5f-scss:focus,
._9337cfc94ce006110511df8d9676da5f-scss:hover {
    color: #b3b3b3;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

._5d0d90790834bfeb8152cbd81d8d1f6e-scss {
    display: block;
    width: 100%;
    border: 0;
    text-align: center;
    font-size: 11px;
    letter-spacing: 1.8px;
    outline: 0
}

.e74028c6dfc8aec2a08b7957c84a17fe-scss {
    position: relative;
    grid-column: 1/-1;
    border: 0;
    max-width: 80vw;
    max-height: 80vh
}

.no-focus-outline .e74028c6dfc8aec2a08b7957c84a17fe-scss:focus {
    outline: none
}

.ab8d7c558a306b36ba8d1938ea45ee9c-scss {
    width: 100%;
    height: 100%
}

._038b09eff4c4714e0840ca3a87693f2a-scss {
    background-color: #181818;
    border-top: 1px solid #282828;
    padding-bottom: 5px;
    padding-top: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fa310f6c07a67584d6d4c8b91bf77e50-scss {
    border: 0;
    height: 90px;
    display: block;
    max-width: 728px;
    width: 100%;
    cursor: pointer
}

.no-focus-outline .fa310f6c07a67584d6d4c8b91bf77e50-scss:focus {
    outline: none
}

._5e9e0acdcb94f6b5f67b513b93072556-scss {
    height: auto;
    width: 100%
}

@-webkit-keyframes downAndOut {
    to {
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0);
        opacity: 0;
        visibility: hidden
    }
}

@keyframes downAndOut {
    to {
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0);
        opacity: 0;
        visibility: hidden
    }
}

[dir=rtl] ._9337cfc94ce006110511df8d9676da5f-scss {
    margin-left: -8px
}

[dir=ltr] ._9337cfc94ce006110511df8d9676da5f-scss {
    margin-right: -8px
}

.fdc6268829d12625ac8238140ba3e4b1-scss {
    min-height: 75vh;
    text-align: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.fdc6268829d12625ac8238140ba3e4b1-scss>:not(:last-child) {
    margin-bottom: 16px
}

.fdc6268829d12625ac8238140ba3e4b1-scss .b7c55d7511468b330032be63c821e553-scss {
    line-height: 1;
    font-weight: 900;
    min-width: auto;
    padding: 13px 20px
}

._3d6bec59fa17ca8cb747be8a9849176f-scss {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 402px;
    color: #fff;
    padding: 24px;
    background-color: #2e77d0;
    text-align: center;
    border-radius: 4px
}

.b1f4b8f63960295c0deb71c9d1e789bb-scss {
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 20px
}

._4f2240d656e993ed29f26a78b3dc788b-scss {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px
}

._2a7cae8841feb585be22d4121157bfa8-scss {
    font-size: 11px;
    line-height: 16px
}

.b11294dc1405bd23d0513bc8b966c6c6-scss {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #121212;
    padding: 16px;
    background-color: #fff;
    text-align: start;
    border-radius: 8px
}

._016bc249bdef28e927a78371436728ad-scss {
    margin-bottom: 8px
}

.b6d8b408f9b7565810830630de879f14-scss {
    margin-bottom: 24px;
    max-width: 320px;
    max-height: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

._9aaddd469b6e93d3923bfcaad5900c39-scss {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ee009e5493fb7a8d7b64c0db9505c09b-scss {
    color: rgba(0, 0, 0, .5)
}

.c0a591656705169f5a7258d882c9be4e-scss {
    grid-area: buddy-feed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 0;
    width: 72px;
    position: relative
}

.db7f0d42005ae07936b0b361675910c8-scss {
    width: 0;
    opacity: 0
}

.e9f313a89162eb6d86fa854b0886334c-scss {
    position: absolute;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #000;
    min-height: 0;
    width: 320px;
    z-index: 3;
    left: 0;
    top: 0;
    bottom: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-timing-function: cubic-bezier(.3, 0, 0, 1);
    transition-timing-function: cubic-bezier(.3, 0, 0, 1)
}

.e9f313a89162eb6d86fa854b0886334c-scss:focus,
.e9f313a89162eb6d86fa854b0886334c-scss:hover {
    -webkit-transform: translateX(-14px);
    transform: translateX(-14px)
}

.e9f313a89162eb6d86fa854b0886334c-scss:after,
.e9f313a89162eb6d86fa854b0886334c-scss:before {
    content: "";
    position: absolute;
    left: 0;
    right: 25px;
    height: 30px;
    z-index: 2
}

.e9f313a89162eb6d86fa854b0886334c-scss:before {
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent));
    background: linear-gradient(180deg, #000, transparent);
    top: 40px;
    pointer-events: none
}

.e9f313a89162eb6d86fa854b0886334c-scss:after {
    background: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent));
    background: linear-gradient(0deg, #000, transparent);
    bottom: 0;
    pointer-events: none
}

[dir=rtl] .e9f313a89162eb6d86fa854b0886334c-scss {
    right: 0
}

[dir=rtl] .e9f313a89162eb6d86fa854b0886334c-scss:hover {
    -webkit-transform: translateX(14px);
    transform: translateX(14px)
}

[dir=rtl] .e9f313a89162eb6d86fa854b0886334c-scss:after,
[dir=rtl] .e9f313a89162eb6d86fa854b0886334c-scss:before {
    left: 25px;
    right: 0
}

._3e4171419843f201ce8793b6de63eea8-scss {
    -webkit-box-shadow: 0 4px 60px rgba(0, 0, 0, .5);
    box-shadow: 0 4px 60px rgba(0, 0, 0, .5)
}

._3e4171419843f201ce8793b6de63eea8-scss,
._3e4171419843f201ce8793b6de63eea8-scss:focus,
._3e4171419843f201ce8793b6de63eea8-scss:hover {
    -webkit-transform: translateX(-248px);
    transform: translateX(-248px)
}

._3e4171419843f201ce8793b6de63eea8-scss ._218211a1e2092e64b6081879f8f3ef70-scss {
    opacity: 1
}

[dir=rtl] ._3e4171419843f201ce8793b6de63eea8-scss,
[dir=rtl] ._3e4171419843f201ce8793b6de63eea8-scss:hover {
    -webkit-transform: translateX(248px);
    transform: translateX(248px)
}

._3e4171419843f201ce8793b6de63eea8-scss,
.e9f313a89162eb6d86fa854b0886334c-scss:hover {
    -webkit-box-shadow: 0 4px 60px rgba(0, 0, 0, .5);
    box-shadow: 0 4px 60px rgba(0, 0, 0, .5);
    background-color: #282828;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: cubic-bezier(.3, 0, 0, 1);
    transition-timing-function: cubic-bezier(.3, 0, 0, 1)
}

._3e4171419843f201ce8793b6de63eea8-scss:before,
.e9f313a89162eb6d86fa854b0886334c-scss:hover:before {
    background: -webkit-gradient(linear, left top, left bottom, from(#282828), to(transparent));
    background: linear-gradient(180deg, #282828, transparent)
}

._3e4171419843f201ce8793b6de63eea8-scss:after,
.e9f313a89162eb6d86fa854b0886334c-scss:hover:after {
    background: -webkit-gradient(linear, left bottom, left top, from(#282828), to(transparent));
    background: linear-gradient(0deg, #282828, transparent)
}

.ac3a7e3711539c1378e6a2d01df27b43-scss {
    height: 40px;
    padding: 16px;
    opacity: 1;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: cubic-bezier(.3, 0, 0, 1);
    transition-timing-function: cubic-bezier(.3, 0, 0, 1)
}

.f193d495bb8b9f82477849bdbeaa31ff-scss {
    opacity: 0
}

._20e30f1d7aebfc444e5f96f2e223d23f-scss {
    color: #fff
}

._13e7e71a400aaa1260228ac7753d9618-scss {
    height: 100%;
    overflow: hidden auto;
    position: relative;
    padding-top: 16px
}

._3e4171419843f201ce8793b6de63eea8-scss ._13e7e71a400aaa1260228ac7753d9618-scss:before,
.e9f313a89162eb6d86fa854b0886334c-scss:hover ._13e7e71a400aaa1260228ac7753d9618-scss:before {
    background: -webkit-gradient(linear, left top, left bottom, from(#282828), to(transparent));
    background: linear-gradient(180deg, #282828, transparent)
}

._3e4171419843f201ce8793b6de63eea8-scss ._13e7e71a400aaa1260228ac7753d9618-scss:after,
.e9f313a89162eb6d86fa854b0886334c-scss:hover ._13e7e71a400aaa1260228ac7753d9618-scss:after {
    background: -webkit-gradient(linear, left bottom, left top, from(#282828), to(transparent));
    background: linear-gradient(0deg, #282828, transparent)
}

._42930590d1e45bcdf615c22ce7b0a3a4-scss {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px
}

._61fecd82bb300ea6be0dc4d93407586c-scss {
    position: relative;
    color: #b3b3b3;
    padding-top: 2px
}

._61fecd82bb300ea6be0dc4d93407586c-scss ._27a6532bf555c0bb203018a8e6a03f17-scss {
    opacity: 0;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background-color: rgba(0, 0, 0, .5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff;
    border: none
}

._61fecd82bb300ea6be0dc4d93407586c-scss ._27a6532bf555c0bb203018a8e6a03f17-scss:focus,
._61fecd82bb300ea6be0dc4d93407586c-scss ._27a6532bf555c0bb203018a8e6a03f17-scss:hover {
    opacity: 1;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

._61fecd82bb300ea6be0dc4d93407586c-scss ._655d2912c1f01c2005f0fcefb1708468-scss {
    width: 16px;
    height: 16px
}

._218211a1e2092e64b6081879f8f3ef70-scss {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 12px;
    overflow: hidden;
    opacity: 0;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: cubic-bezier(.3, 0, 0, 1);
    transition-timing-function: cubic-bezier(.3, 0, 0, 1)
}

._218211a1e2092e64b6081879f8f3ef70-scss ._0375b1f0471c368dc62c57259bf944d6-scss {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #fff
}

._218211a1e2092e64b6081879f8f3ef70-scss ._0375b1f0471c368dc62c57259bf944d6-scss ._0fbe5fcf7984eaa476faf5a122075df9-scss {
    padding-right: 4px;
    padding-bottom: 2px;
    padding-left: 0
}

._218211a1e2092e64b6081879f8f3ef70-scss ._0375b1f0471c368dc62c57259bf944d6-scss ._979bc571f249dd4d9b27c516012280b1-scss {
    white-space: nowrap;
    color: hsla(0, 0%, 100%, .7)
}

._218211a1e2092e64b6081879f8f3ef70-scss ._1e30b10dc861d4235c2d64dd23f7ae52-scss {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    padding-bottom: 2px
}

._218211a1e2092e64b6081879f8f3ef70-scss ._76ca4fa1b7b542098883aba4801472d5-scss:before {
    font-size: 11px;
    padding-right: 4px;
    padding-left: 0
}

._218211a1e2092e64b6081879f8f3ef70-scss .e3b8d8b1fa949b055c33e13f77700f37-scss {
    padding-bottom: 2px
}

._218211a1e2092e64b6081879f8f3ef70-scss ._70077ace764998c027db7fcc70f0486f-scss {
    color: hsla(0, 0%, 100%, .7)
}

[dir=rtl] ._218211a1e2092e64b6081879f8f3ef70-scss {
    margin-right: 12px
}

[dir=rtl] ._218211a1e2092e64b6081879f8f3ef70-scss ._979bc571f249dd4d9b27c516012280b1-scss,
[dir=rtl] ._218211a1e2092e64b6081879f8f3ef70-scss ._70077ace764998c027db7fcc70f0486f-scss {
    color: #b3b3b3
}

[dir=rtl] ._218211a1e2092e64b6081879f8f3ef70-scss ._76ca4fa1b7b542098883aba4801472d5-scss:before,
[dir=rtl] ._218211a1e2092e64b6081879f8f3ef70-scss ._0375b1f0471c368dc62c57259bf944d6-scss ._0fbe5fcf7984eaa476faf5a122075df9-scss {
    padding-left: 4px;
    padding-right: 0
}

._7ea86789e4af7992dcd49c8342079eca-scss {
    text-decoration: none
}

._7ea86789e4af7992dcd49c8342079eca-scss:hover {
    border-bottom: 1px solid;
    -webkit-transition: color .2s linear;
    transition: color .2s linear
}

@-webkit-keyframes pulsing-height-1 {
    0% {
        height: 20%;
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%)
    }
    30% {
        height: 70%;
        -webkit-transform: translateY(-70%);
        transform: translateY(-70%)
    }
    50% {
        height: 60%;
        -webkit-transform: translateY(-60%);
        transform: translateY(-60%)
    }
    to {
        height: 30%;
        -webkit-transform: translateY(-30%);
        transform: translateY(-30%)
    }
}

@keyframes pulsing-height-1 {
    0% {
        height: 20%;
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%)
    }
    30% {
        height: 70%;
        -webkit-transform: translateY(-70%);
        transform: translateY(-70%)
    }
    50% {
        height: 60%;
        -webkit-transform: translateY(-60%);
        transform: translateY(-60%)
    }
    to {
        height: 30%;
        -webkit-transform: translateY(-30%);
        transform: translateY(-30%)
    }
}

@-webkit-keyframes pulsing-height-2 {
    0% {
        height: 60%;
        -webkit-transform: translateY(-60%);
        transform: translateY(-60%)
    }
    30% {
        height: 95%;
        -webkit-transform: translateY(-95%);
        transform: translateY(-95%)
    }
    70% {
        height: 30%;
        -webkit-transform: translateY(-30%);
        transform: translateY(-30%)
    }
    to {
        height: 60%;
        -webkit-transform: translateY(-60%);
        transform: translateY(-60%)
    }
}

@keyframes pulsing-height-2 {
    0% {
        height: 60%;
        -webkit-transform: translateY(-60%);
        transform: translateY(-60%)
    }
    30% {
        height: 95%;
        -webkit-transform: translateY(-95%);
        transform: translateY(-95%)
    }
    70% {
        height: 30%;
        -webkit-transform: translateY(-30%);
        transform: translateY(-30%)
    }
    to {
        height: 60%;
        -webkit-transform: translateY(-60%);
        transform: translateY(-60%)
    }
}

@-webkit-keyframes pulsing-height-3 {
    0% {
        height: 90%;
        -webkit-transform: translateY(-90%);
        transform: translateY(-90%)
    }
    30% {
        height: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    60% {
        height: 95%;
        -webkit-transform: translateY(-95%);
        transform: translateY(-95%)
    }
    80% {
        height: 40%;
        -webkit-transform: translateY(-40%);
        transform: translateY(-40%)
    }
    to {
        height: 100%;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes pulsing-height-3 {
    0% {
        height: 90%;
        -webkit-transform: translateY(-90%);
        transform: translateY(-90%)
    }
    30% {
        height: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    60% {
        height: 95%;
        -webkit-transform: translateY(-95%);
        transform: translateY(-95%)
    }
    80% {
        height: 40%;
        -webkit-transform: translateY(-40%);
        transform: translateY(-40%)
    }
    to {
        height: 100%;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-webkit-keyframes pulsing-height-4 {
    0% {
        height: 20%;
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%)
    }
    20% {
        height: 95%;
        -webkit-transform: translateY(-95%);
        transform: translateY(-95%)
    }
    40% {
        height: 30%;
        -webkit-transform: translateY(-30%);
        transform: translateY(-30%)
    }
    50% {
        height: 40%;
        -webkit-transform: translateY(-40%);
        transform: translateY(-40%)
    }
    70% {
        height: 20%;
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%)
    }
    to {
        height: 30%;
        -webkit-transform: translateY(-30%);
        transform: translateY(-30%)
    }
}

@keyframes pulsing-height-4 {
    0% {
        height: 20%;
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%)
    }
    20% {
        height: 95%;
        -webkit-transform: translateY(-95%);
        transform: translateY(-95%)
    }
    40% {
        height: 30%;
        -webkit-transform: translateY(-30%);
        transform: translateY(-30%)
    }
    50% {
        height: 40%;
        -webkit-transform: translateY(-40%);
        transform: translateY(-40%)
    }
    70% {
        height: 20%;
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%)
    }
    to {
        height: 30%;
        -webkit-transform: translateY(-30%);
        transform: translateY(-30%)
    }
}

._7b220d8763a25d0531e1e0f4597ef215-scss {
    height: 10px;
    width: 10px;
    color: #fff
}

._7b220d8763a25d0531e1e0f4597ef215-scss ._6ec25edc4ea55935dcd655a1e77fbb67-scss:first-child {
    -webkit-animation-duration: 1.1s;
    animation-duration: 1.1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: pulsing-height-1;
    animation-name: pulsing-height-1
}

._7b220d8763a25d0531e1e0f4597ef215-scss ._6ec25edc4ea55935dcd655a1e77fbb67-scss:nth-child(2) {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: pulsing-height-2;
    animation-name: pulsing-height-2
}

._7b220d8763a25d0531e1e0f4597ef215-scss ._6ec25edc4ea55935dcd655a1e77fbb67-scss:nth-child(3) {
    -webkit-animation-duration: 1.7s;
    animation-duration: 1.7s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: pulsing-height-3;
    animation-name: pulsing-height-3
}

._7b220d8763a25d0531e1e0f4597ef215-scss ._6ec25edc4ea55935dcd655a1e77fbb67-scss:nth-child(4) {
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: pulsing-height-4;
    animation-name: pulsing-height-4
}

.d14de01faa0aea1746cef44e5874ad3b-scss {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 80vh;
    color: #000;
    background-color: #fff;
    border-radius: 4px
}

._05e0e8600b88a4be62f5bfba7ca3781e-scss {
    display: grid;
    grid-template-columns: 1fr auto;
    padding: 24px;
    border-bottom: 1px solid #b3b3b3
}

.b42b50fb3eadc0875fca1bb1e17e2656-scss {
    margin-bottom: 8px
}

.b2c99336b6e76ea5244d27c379206be3-scss {
    -ms-flex-item-align: start;
    align-self: start;
    background-color: transparent;
    border: 0;
    padding: 8px;
    margin-top: -8px;
    -webkit-margin-end: -8px;
    margin-inline-end: -8px;
    color: #000
}

[dir=lrt] .b2c99336b6e76ea5244d27c379206be3-scss {
    margin-right: -8px
}

[dir=rtl] .b2c99336b6e76ea5244d27c379206be3-scss {
    margin-left: -8px
}

.b2c99336b6e76ea5244d27c379206be3-scss:focus,
.b2c99336b6e76ea5244d27c379206be3-scss:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.b2c99336b6e76ea5244d27c379206be3-scss:active {
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

._0e2b1e46175d1e866229e51021d87450-scss {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0
}

.dcf436b686eca23f0aa86ecbb4d371f1-scss {
    padding: 24px;
    height: 100%;
    overflow-y: auto
}

.dcf436b686eca23f0aa86ecbb4d371f1-scss::-webkit-scrollbar-thumb {
    background-color: #7f7f7f
}

._2cde3bf2bfbf1b966c59045499304050-scss:not(:first-child) {
    margin-top: 24px
}

._663b5b372599894fbebff426f102a18b-scss {
    margin: 16px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

._2496a1305d91ae56badde0fb24cb9a52-scss {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

[dir=ltr] ._2496a1305d91ae56badde0fb24cb9a52-scss {
    margin-right: 16px
}

[dir=rtl] ._2496a1305d91ae56badde0fb24cb9a52-scss {
    margin-left: 16px
}

._4c7e391de7123967131cb57acece3c13-scss {
    display: inline-block;
    border: 1px solid #b3b3b3;
    border-radius: 4px;
    padding: 2px 8px;
    margin: 0 4px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 0 0 2px #fff inset;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .3), inset 0 0 0 2px #fff;
    background-color: #f8f8f8
}

[dir=ltr] ._4c7e391de7123967131cb57acece3c13-scss:last-child {
    margin-right: 0
}

[dir=rtl] ._4c7e391de7123967131cb57acece3c13-scss:last-child {
    margin-left: 0
}

.ErrorPage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#1e3264), color-stop(40%, #121212));
    background: linear-gradient(180deg, #1e3264, #121212 40%)
}

.ErrorPage__inner {
    padding: 24px;
    border-radius: 4px;
    text-align: center;
    width: 100%
}

.tracklist-container {
    position: relative
}

.tracklist-container .tracklist {
    width: 100%;
    margin-bottom: 1.5em
}

.tracklist-container--rendering-bug-hack-2019-07-08 {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.TrackList__drop-indicator {
    position: absolute;
    width: 100%;
    top: 0;
    height: 1px;
    background: #1db954;
    pointer-events: none;
    will-change: top
}

.tracklist-play-pause {
    color: #fff;
    display: none
}

.tracklist-play-pause svg {
    height: 1em;
    width: 1em
}

.tracklist-play-pause.is-recommended {
    display: block;
    color: #535353
}

.tracklist-row {
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 4.56em;
    list-style-type: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative
}

.no-focus-outline .tracklist-row:focus {
    outline: none
}

.tracklist-row .more {
    min-width: 65px
}

.tracklist-row .more .react-contextmenu-wrapper {
    display: none
}

.tracklist-row .tracklist-duration {
    color: #fff;
    opacity: .6
}

@-webkit-keyframes highlightRow {
    0% {
        background-color: hsla(0, 0%, 100%, 0)
    }
    to {
        background-color: hsla(0, 0%, 100%, .1)
    }
}

@keyframes highlightRow {
    0% {
        background-color: hsla(0, 0%, 100%, 0)
    }
    to {
        background-color: hsla(0, 0%, 100%, .1)
    }
}

.tracklist-row--highlighted {
    -webkit-animation-name: highlightRow;
    animation-name: highlightRow;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(1, 0, .7, 1);
    animation-timing-function: cubic-bezier(1, 0, .7, 1)
}

[dir=ltr] .tracklist-row .more {
    text-align: right;
    padding-right: 1em
}

[dir=rtl] .tracklist-row .more {
    text-align: left;
    padding-left: 1em
}

.track-row__episode-date {
    color: #fff;
    opacity: .6
}

.tracklist-name {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .015em;
    color: #fff
}

[lang=ar] .tracklist-name {
    letter-spacing: normal;
    line-height: 26px
}

.tracklist-row--active .position,
.tracklist-row--active .tracklist-duration,
.tracklist-row--active .tracklist-name,
.tracklist-row--active .tracklist-play-pause {
    color: #1ed760!important
}

.tracklist-row--active .tracklist-duration {
    opacity: 1
}

.tracklist-row:focus,
.tracklist-row:hover {
    background-color: hsla(0, 0%, 100%, .1)
}

.tracklist-row:focus .tracklist-play-pause,
.tracklist-row:hover .tracklist-play-pause {
    display: block;
    color: #fff
}

.tracklist-row:focus .position,
.tracklist-row:hover .position {
    display: none
}

.tracklist-row:focus .more .react-contextmenu-wrapper,
.tracklist-row:hover .more .react-contextmenu-wrapper {
    display: block
}

.tracklist-row:focus-within {
    background-color: hsla(0, 0%, 100%, .1)
}

.tracklist-row:focus-within .tracklist-play-pause {
    display: block;
    color: #fff
}

.tracklist-row:focus-within .position {
    display: none
}

.tracklist-row:focus-within .more .react-contextmenu-wrapper {
    display: block
}

.tracklist-row .position {
    color: #fff;
    opacity: .6
}

.tracklist-row-unplayable .position,
.tracklist-row-unplayable .spoticon-ellipsis-16,
.tracklist-row-unplayable .track-name-wrapper .second-line-separator,
.tracklist-row-unplayable .track-name-wrapper .TrackListRow__episode-release-date,
.tracklist-row-unplayable .tracklist-duration,
.tracklist-row-unplayable .tracklist-name,
.tracklist-row-unplayable .TrackListRow__album,
.tracklist-row-unplayable .TrackListRow__artists,
.tracklist-row-unplayable .TrackListRow__explicit-label {
    opacity: .4
}

.tracklist-row-unplayable:focus,
.tracklist-row-unplayable:hover {
    background-color: hsla(0, 0%, 100%, 0)
}

.tracklist-row-unplayable:focus .tracklist-play-pause,
.tracklist-row-unplayable:hover .tracklist-play-pause {
    display: none
}

.tracklist-row-unplayable:focus .position,
.tracklist-row-unplayable:hover .position {
    display: block
}

.tracklist-row-unplayable:focus .TrackListRow__explicit-label,
.tracklist-row-unplayable:hover .TrackListRow__explicit-label {
    opacity: 1
}

.tracklist-col {
    display: block;
    height: 4.56em
}

.tracklist-col.position-outer {
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum";
    letter-spacing: 0;
    width: 3em
}

.tracklist-col.name {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    width: 0;
    overflow: hidden;
    padding-right: 1px;
    margin-right: -1px
}

[dir=ltr] .tracklist-col.position-outer {
    text-align: right;
    padding-right: 1em
}

[dir=rtl] .tracklist-col.position-outer {
    text-align: left;
    padding-left: 1em
}

.tracklist-col-recommended-add {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

[dir=ltr] .tracklist-col-recommended-add {
    padding-right: 1em
}

[dir=rtl] .tracklist-col-recommended-add {
    padding-left: 1em
}

.tracklist-col-premium {
    padding: 0 8px
}

.tracklist-col-premium span {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: .015em;
    font-weight: var(--glue-font-weight-normal);
    color: #b3b3b3;
    text-transform: uppercase;
    letter-spacing: .16em;
    font-weight: var(--glue-font-weight-bold);
    display: inline-block;
    background-color: #fff;
    border-radius: 2px;
    color: #000;
    padding: 5px
}

[lang=ar] .tracklist-col-premium span {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: normal
}

.tracklist-col-duration {
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum";
    letter-spacing: 0;
    width: 3.9em
}

[dir=ltr] .tracklist-col-duration {
    text-align: right;
    padding-right: 1em
}

[dir=rtl] .tracklist-col-duration {
    text-align: left;
    padding-left: 1em
}

.TrackListRow__explicit-label {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: .015em;
    display: inline-block;
    text-transform: uppercase;
    background-color: hsla(0, 0%, 100%, .6);
    color: #000;
    border-radius: 2px;
    padding: 0 .3em
}

[lang=ar] .TrackListRow__explicit-label {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: normal
}

.TrackListRow__nineteen-icon {
    overflow: visible;
    margin-left: .1em
}

[dir=ltr] .TrackListRow__explicit-label,
[dir=ltr] .TrackListRow__nineteen-icon {
    margin-right: .67em;
    margin-left: .1em
}

[dir=rtl] .TrackListRow__explicit-label,
[dir=rtl] .TrackListRow__nineteen-icon {
    margin-left: .67em;
    margin-right: .1em
}

.track-name-wrapper .second-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.track-name-wrapper .second-line-separator {
    color: #fff;
    opacity: .6;
    display: inline-block;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    font-size: .8em;
    padding: 0 8px
}

.track-name-wrapper .second-line__main {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.track-name-wrapper .progress-bar {
    width: 20%
}

.track-name-wrapper .progress-bar .progress-bar__bg {
    background-color: hsla(0, 0%, 100%, .2)
}

.track-name-wrapper .TrackListRow__episode-release-date {
    color: #fff;
    opacity: .6
}

.track-name-wrapper .tracklist-row__album-name-link,
.track-name-wrapper .tracklist-row__artist-name-link {
    color: #fff;
    opacity: .6;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.track-name-wrapper .tracklist-row__album-name-link:hover,
.track-name-wrapper .tracklist-row__artist-name-link:hover {
    opacity: 1
}

.tracklist-col-cover-art-thumb {
    display: block
}

[dir=ltr] .tracklist-col-cover-art-thumb {
    margin-right: 1em
}

[dir=rtl] .tracklist-col-cover-art-thumb {
    margin-left: 1em
}

[dir=ltr] .TrackListRow__download {
    float: left;
    margin-top: 2px;
    margin-right: 5px
}

[dir=rtl] .TrackListRow__download {
    float: right;
    margin-top: 2px;
    margin-left: 5px
}

.tracklist-top-align {
    margin-top: .7em
}

.tracklist-top-align .icon-pause,
.tracklist-top-align .icon-play {
    -webkit-transform: translateY(4px);
    transform: translateY(4px)
}

.tracklist-top-align.position {
    margin-top: .75em
}

.tracklist-middle-align {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.tracklist-middle-align .icon-pause,
.tracklist-middle-align .icon-play {
    -webkit-transform: translateY(3px);
    transform: translateY(3px)
}

.tracklist-row.tracklist-row--oneline,
.tracklist-row.tracklist-row--oneline .tracklist-col {
    height: 4em
}

.no-focus-outline .tracklist-row {
    outline: none
}

.PopoverOnboardingAnchor--active .tracklist-row {
    background-color: rgba(0, 0, 0, .3)
}

.PopoverOnboardingAnchor--active .tracklist-row .tracklist-play-pause {
    display: block
}

.PopoverOnboardingAnchor--active .tracklist-row .position {
    display: none
}

.PopoverOnboardingAnchor--active .tracklist-row .more {
    display: block
}

.tracklist-col-preview {
    padding: 0 8px
}

.tracklist-col-preview span {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: .015em;
    font-weight: var(--glue-font-weight-normal);
    color: #b3b3b3;
    text-transform: uppercase;
    letter-spacing: .16em;
    font-weight: var(--glue-font-weight-bold);
    display: inline-block;
    background-color: #fff;
    border-radius: 2px;
    color: #000;
    padding: 5px
}

[lang=ar] .tracklist-col-preview span {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: normal
}

@-webkit-keyframes glue-keyframes-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes glue-keyframes-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes glue-keyframes-fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes glue-keyframes-fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.PlaylistRecommendedTracks {
    padding-top: 30px;
    min-height: 750px
}

.PlaylistRecommendedTracks__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px
}

.PlaylistRecommendedTracks__top .PlaylistRecommendedTracks__header {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.PlaylistRecommendedTracks__top .PlaylistRecommendedTracks__title {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .015em;
    font-weight: var(--glue-font-weight-black);
    color: #fff;
    text-transform: none
}

[lang=ar] .PlaylistRecommendedTracks__top .PlaylistRecommendedTracks__title {
    letter-spacing: normal;
    line-height: 26px
}

.PlaylistRecommendedTracks__top .PlaylistRecommendedTracks__list,
.PlaylistRecommendedTracks__top .PlaylistRecommendedTracks__refresh,
.PlaylistRecommendedTracks__top .PlaylistRecommendedTracks__subtitle {
    -webkit-transition: opacity .2s cubic-bezier(.3, 0, .7, 1);
    transition: opacity .2s cubic-bezier(.3, 0, .7, 1)
}

[dir=ltr] .PlaylistRecommendedTracks__top {
    margin-left: 1em
}

[dir=rtl] .PlaylistRecommendedTracks__top {
    margin-right: 1em
}

.PlaylistRecommendedTracks__header-toggle {
    background: none;
    border: none
}

.no-focus-outline .PlaylistRecommendedTracks__header-toggle:focus {
    outline: none
}

.PlaylistRecommendedTracks__header-toggle .PlaylistRecommendedTracks__title-icon {
    color: #fff;
    opacity: .6;
    margin: 0 10px
}

.PlaylistRecommendedTracks__header-toggle:focus .PlaylistRecommendedTracks__title-icon,
.PlaylistRecommendedTracks__header-toggle:hover .PlaylistRecommendedTracks__title-icon {
    opacity: 1
}

.PlaylistRecommendedTracks.PlaylistRecommendedTracks--closed .PlaylistRecommendedTracks__header-toggle:focus .PlaylistRecommendedTracks__title,
.PlaylistRecommendedTracks.PlaylistRecommendedTracks--closed .PlaylistRecommendedTracks__header-toggle:focus .PlaylistRecommendedTracks__title-icon,
.PlaylistRecommendedTracks.PlaylistRecommendedTracks--closed .PlaylistRecommendedTracks__header-toggle:hover .PlaylistRecommendedTracks__title,
.PlaylistRecommendedTracks.PlaylistRecommendedTracks--closed .PlaylistRecommendedTracks__header-toggle:hover .PlaylistRecommendedTracks__title-icon {
    color: #fff
}

.PlaylistRecommendedTracks.PlaylistRecommendedTracks--closed .PlaylistRecommendedTracks__title {
    color: #b3b3b3
}

.PlaylistRecommendedTracks.PlaylistRecommendedTracks--closed .PlaylistRecommendedTracks__list,
.PlaylistRecommendedTracks.PlaylistRecommendedTracks--closed .PlaylistRecommendedTracks__refresh,
.PlaylistRecommendedTracks.PlaylistRecommendedTracks--closed .PlaylistRecommendedTracks__subtitle {
    opacity: 0
}

.PlaylistRecommendedTracks__refresh {
    margin: 0;
    padding: 10px 0;
    min-width: auto
}

@font-face {
    font-family: spotify-circular;
    src: url(https://open.scdn.co/cdn/fonts/CircularSpUIv3T-Light.afd9ab26.woff2) format("woff2"), url(https://open.scdn.co/cdn/fonts/CircularSpUIv3T-Light.2a78c017.woff) format("woff"), url(https://open.scdn.co/cdn/fonts/CircularSpUIv3T-Light.89e4be2e.ttf) format("truetype");
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: spotify-circular;
    src: url(https://open.scdn.co/cdn/fonts/CircularSpUIv3T-Book.3466e0ec.woff2) format("woff2"), url(https://open.scdn.co/cdn/fonts/CircularSpUIv3T-Book.ea8d19db.woff) format("woff"), url(https://open.scdn.co/cdn/fonts/CircularSpUIv3T-Book.a357677a.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: spotify-circular;
    src: url(https://open.scdn.co/cdn/fonts/CircularSpUIv3T-Bold.8d0a45cc.woff2) format("woff2"), url(https://open.scdn.co/cdn/fonts/CircularSpUIv3T-Bold.10e93738.woff) format("woff"), url(https://open.scdn.co/cdn/fonts/CircularSpUIv3T-Bold.7eb7d0f7.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: spotify-circular;
    src: url(https://open.scdn.co/cdn/fonts/CircularSpUIv3T-Black.c21e63c5.woff2) format("woff2"), url(https://open.scdn.co/cdn/fonts/CircularSpUIv3T-Black.effa986f.woff) format("woff"), url(https://open.scdn.co/cdn/fonts/CircularSpUIv3T-Black.ce8ef887.ttf) format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: spotify-circular-arabic;
    src: url(https://open.scdn.co/cdn/fonts/CircularSpUIAraOnly-Light.dde45e52.woff2) format("woff2"), url(https://open.scdn.co/cdn/fonts/CircularSpUIAraOnly-Light.5c7ed8d8.woff) format("woff"), url(https://open.scdn.co/cdn/fonts/CircularSpUIAraOnly-Light.f0833f3b.otf) format("opentype");
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: spotify-circular-arabic;
    src: url(https://open.scdn.co/cdn/fonts/CircularSpUIAraOnly-Book.aaab109b.woff2) format("woff2"), url(https://open.scdn.co/cdn/fonts/CircularSpUIAraOnly-Book.3ad862e2.woff) format("woff"), url(https://open.scdn.co/cdn/fonts/CircularSpUIAraOnly-Book.f0effcd1.otf) format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: spotify-circular-arabic;
    src: url(https://open.scdn.co/cdn/fonts/CircularSpUIAraOnly-Bold.317e96e5.woff2) format("woff2"), url(https://open.scdn.co/cdn/fonts/CircularSpUIAraOnly-Bold.9ddc7126.woff) format("woff"), url(https://open.scdn.co/cdn/fonts/CircularSpUIAraOnly-Bold.f97cb921.otf) format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: spotify-circular-arabic;
    src: url(https://open.scdn.co/cdn/fonts/CircularSpUIAraOnly-Black.c32951f4.woff2) format("woff2"), url(https://open.scdn.co/cdn/fonts/CircularSpUIAraOnly-Black.05b31ded.woff) format("woff"), url(https://open.scdn.co/cdn/fonts/CircularSpUIAraOnly-Black.6d6a4c25.otf) format("opentype");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: spotify-circular-hebrew;
    src: url(https://open.scdn.co/cdn/fonts/CircularSpUIHbrOnly-Light.4884da16.woff2) format("woff2"), url(https://open.scdn.co/cdn/fonts/CircularSpUIHbrOnly-Light.2128eeac.woff) format("woff"), url(https://open.scdn.co/cdn/fonts/CircularSpUIHbrOnly-Light.2e1df62a.otf) format("opentype");
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: spotify-circular-hebrew;
    src: url(https://open.scdn.co/cdn/fonts/CircularSpUIHbrOnly-Book.cb36b6ec.woff2) format("woff2"), url(https://open.scdn.co/cdn/fonts/CircularSpUIHbrOnly-Book.ad2b13cd.woff) format("woff"), url(https://open.scdn.co/cdn/fonts/CircularSpUIHbrOnly-Book.fae4aece.otf) format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: spotify-circular-hebrew;
    src: url(https://open.scdn.co/cdn/fonts/CircularSpUIHbrOnly-Bold.ef043f44.woff2) format("woff2"), url(https://open.scdn.co/cdn/fonts/CircularSpUIHbrOnly-Bold.9f406804.woff) format("woff"), url(https://open.scdn.co/cdn/fonts/CircularSpUIHbrOnly-Bold.57b36278.otf) format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: spotify-circular-hebrew;
    src: url(https://open.scdn.co/cdn/fonts/CircularSpUIHbrOnly-Black.217fb21f.woff2) format("woff2"), url(https://open.scdn.co/cdn/fonts/CircularSpUIHbrOnly-Black.0a11e734.woff) format("woff"), url(https://open.scdn.co/cdn/fonts/CircularSpUIHbrOnly-Black.11abebe4.otf) format("opentype");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: spotify-circular-cyrillic;
    src: url(https://open.scdn.co/cdn/fonts/CircularSpUICyrOnly-Light.55fa9f4a.woff2) format("woff2"), url(https://open.scdn.co/cdn/fonts/CircularSpUICyrOnly-Light.034997d0.woff) format("woff"), url(https://open.scdn.co/cdn/fonts/CircularSpUICyrOnly-Light.b10eb959.otf) format("opentype");
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: spotify-circular-cyrillic;
    src: url(https://open.scdn.co/cdn/fonts/CircularSpUICyrOnly-Book.6a858994.woff2) format("woff2"), url(https://open.scdn.co/cdn/fonts/CircularSpUICyrOnly-Book.918c53b8.woff) format("woff"), url(https://open.scdn.co/cdn/fonts/CircularSpUICyrOnly-Book.15af6ebe.otf) format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: spotify-circular-cyrillic;
    src: url(https://open.scdn.co/cdn/fonts/CircularSpUICyrOnly-Bold.30dc9fb2.woff2) format("woff2"), url(https://open.scdn.co/cdn/fonts/CircularSpUICyrOnly-Bold.909126fc.woff) format("woff"), url(https://open.scdn.co/cdn/fonts/CircularSpUICyrOnly-Bold.67641b90.otf) format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: spotify-circular-cyrillic;
    src: url(https://open.scdn.co/cdn/fonts/CircularSpUICyrOnly-Black.f5526fc4.woff2) format("woff2"), url(https://open.scdn.co/cdn/fonts/CircularSpUICyrOnly-Black.7536a73f.woff) format("woff"), url(https://open.scdn.co/cdn/fonts/CircularSpUICyrOnly-Black.50cd1ca9.otf) format("opentype");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

#qual_ol.qual_ol.qual_ol {
    font-family: spotify-circular, spotify-circular-cyrillic, spotify-circular-arabic, spotify-circular-hebrew, Helvetica Neue, Helvetica, Arial, Hiragino Kaku Gothic Pro, Meiryo, MS Gothic, sans-serif;
    bottom: 90px
}

#qual_ol.qual_ol.qual_ol .qual_ol_ans_item {
    border-color: #d9d9d9;
    border-radius: 8px
}

#qual_ol.qual_ol.qual_ol .qual_ol_qtitle {
    font-weight: 400
}

body.qualaroo--hidden #qual_ol.qual_ol.qual_ol {
    display: none
}

body.qualaroo--connect-bar-visible #qual_ol.qual_ol.qual_ol {
    bottom: 114px
}