@charset "UTF-8";

.ReactVirtualized__Table__headerRow {
    font-weight: 700;
    text-transform: uppercase
}

.ReactVirtualized__Table__headerRow,
.ReactVirtualized__Table__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.ReactVirtualized__Table__headerTruncatedText {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.ReactVirtualized__Table__headerColumn,
.ReactVirtualized__Table__rowColumn {
    margin-right: 10px;
    min-width: 0
}

.ReactVirtualized__Table__rowColumn {
    text-overflow: ellipsis;
    white-space: nowrap
}

.ReactVirtualized__Table__headerColumn:first-of-type,
.ReactVirtualized__Table__rowColumn:first-of-type {
    margin-left: 10px
}

.ReactVirtualized__Table__sortableHeaderColumn {
    cursor: pointer
}

.ReactVirtualized__Table__sortableHeaderIconContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.ReactVirtualized__Table__sortableHeaderIcon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 24px;
    -moz-box-flex: 0;
    flex: 0 0 24px;
    height: 1em;
    width: 1em;
    fill: currentColor
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    70% {
        opacity: 1;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes bounceIn {
    0% {
        opacity: 0;
        -moz-transform: scale(.3);
        transform: scale(.3)
    }

    50% {
        opacity: 1;
        -moz-transform: scale(1.05);
        transform: scale(1.05)
    }

    70% {
        opacity: 1;
        -moz-transform: scale(.9);
        transform: scale(.9)
    }

    to {
        opacity: 1;
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -moz-transform: scale(.3);
        transform: scale(.3)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        transform: scale(1.05)
    }

    70% {
        opacity: 1;
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        transform: scale(.9)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.app-badge {
    display: inline-block
}

.app-badges--inline .app-badge {
    margin: 0 5px
}

.app-badge--image {
    background-color: #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 130px;
    height: 40px;
    background-image: url(/static/images/desktop/app-badges.png)
}

@media (-moz-min-device-pixel-ratio:2),
(-webkit-min-device-pixel-ratio:2) {
    .app-badge--image {
        background-image: url(/static/images/desktop/app-badges@2x.png);
        -moz-background-size: 130px 80px;
        background-size: 130px 80px
    }
}

.app-badge--google {
    background-position: 0 -40px
}

.dmca-notice {
    width: 85%;
    margin: 25px auto 0;
    text-align: center;
    font-weight: 600;
    letter-spacing: -.4px;
    font-size: .75rem
}

.no-cssremunit .dmca-notice {
    font-size: 12px
}

[data-alert-count]:after {
    content: attr(data-alert-count);
    display: inline-block;
    background: #ffa200;
    color: #0d0d0d;
    z-index: 2;
    min-width: 17px;
    height: 17px;
    line-height: 17px;
    padding: 0 5px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    font-size: 10px;
    font-weight: 800;
    position: relative;
    letter-spacing: -.5px
}

.bet-partner {
    background: #000;
    max-width: 960px;
    margin: 40px auto 0;
    color: #fff;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .02);
    -moz-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .02);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .02)
}

.bet-partner>a {
    display: block;
    padding: 25px 35px
}

@media screen and (max-width:640px) {
    .bet-partner .u-flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column
    }
}

.bet-partner__title {
    color: #fff;
    font-size: 1.692em;
    letter-spacing: -1.2px;
    line-height: 1.1;
    margin: 0 0 4px
}

.bet-partner p {
    font-size: 1.077em;
    letter-spacing: -.4px;
    line-height: 1.4;
    color: #fff
}

.bet-partner p span {
    color: #ffa200
}

@media screen and (max-width:640px) {
    .bet-partner__image {
        margin: 0 auto 20px
    }
}

@media screen and (min-width:640px) {
    .bet-partner__image {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 135px;
        -moz-box-flex: 0;
        flex: 0 0 135px
    }
}

.bet-partner__button-wrap {
    margin-top: 30px
}

@media screen and (min-width:640px) {
    .bet-partner__button-wrap {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 190px;
        -moz-box-flex: 0;
        flex: 0 0 190px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        justify-content: flex-end;
        margin: 0
    }
}

.bet-partner .button {
    width: 160px
}

.bet-partner .button:focus,
.bet-partner .button:hover {
    background: #b37100
}

.c-scroll-up {
    width: 24px;
    height: 15px;
    color: #c7c7c7;
    position: fixed;
    right: 40px;
    bottom: 0;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    z-index: 3;
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    transform: translateY(-100px);
    -webkit-transition: color .2s ease-in-out, opacity .2s ease-in-out, -webkit-transform .2s ease-in-out;
    transition: color .2s ease-in-out, opacity .2s ease-in-out, -webkit-transform .2s ease-in-out;
    -moz-transition: color .2s ease-in-out, opacity .2s ease-in-out, transform .2s ease-in-out, -moz-transform .2s ease-in-out;
    transition: color .2s ease-in-out, opacity .2s ease-in-out, transform .2s ease-in-out;
    transition: color .2s ease-in-out, opacity .2s ease-in-out, transform .2s ease-in-out, -webkit-transform .2s ease-in-out, -moz-transform .2s ease-in-out
}

.has-collapsed-player .c-scroll-up {
    -webkit-transform: translateY(-70px);
    -moz-transform: translateY(-70px);
    transform: translateY(-70px)
}

@media screen and (min-width:1370px) {
    .c-scroll-up {
        display: block
    }
}

.c-scroll-up:focus,
.c-scroll-up:hover {
    color: #888
}

.c-scroll-up--active {
    opacity: 1;
    pointer-events: auto
}

.facebook-btn {
    background: #3b5998;
    display: inline-block;
    color: #fff;
    height: 42px;
    font-size: 12px;
    padding: 0;
    letter-spacing: -.25px;
    width: 100%;
    position: relative
}

.facebook-btn span {
    display: block;
    float: left
}

.facebook-btn:focus,
.facebook-btn:hover {
    background: #344e86
}

.facebook-btn__icon {
    background: #344e86;
    width: 42px;
    height: 42px;
    position: absolute;
    top: 0;
    left: 0
}

.facebook-btn__icon svg {
    width: 17px;
    height: 42px;
    margin: 0
}

.facebook-btn__text {
    line-height: 42px;
    width: 100%;
    padding: 0 28px 0 42px;
    text-align: center;
    white-space: nowrap
}

.facebook-btn__text,
.social-button {
    font-weight: 700;
    text-transform: uppercase
}

.social-button {
    background: #ffa200;
    display: inline-block;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color: #fff;
    padding: 9px 20px;
    font-size: .923em;
    -webkit-transition: color .2s ease-in-out, opacity .2s ease-in-out;
    -moz-transition: color .2s ease-in-out, opacity .2s ease-in-out;
    transition: color .2s ease-in-out, opacity .2s ease-in-out
}

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

.social-button__icon {
    width: 17px;
    height: 17px;
    vertical-align: top
}

.social-button--twitter {
    background: #55acee
}

.social-button--facebook {
    background: #3b5998
}

.social-button--facebook .social-button__icon {
    width: 15px;
    height: 15px;
    vertical-align: middle
}

.social-button:hover {
    color: #fff;
    opacity: .7
}

.facebook-input-container,
.instagram-input-container,
.linktree-input-container,
.twitter-input-container,
.youtube-input-container {
    position: relative
}

.facebook-input-container svg,
.instagram-input-container svg,
.linktree-input-container svg,
.twitter-input-container svg,
.youtube-input-container svg {
    position: absolute;
    left: 10px;
    color: #ff0002;
    width: 24px;
    top: 10px;
    height: 24px
}

.facebook-input-container input,
.instagram-input-container input,
.linktree-input-container input,
.twitter-input-container input,
.youtube-input-container input {
    padding-left: 45px
}

.linktree-input-container svg {
    color: #1de9b6
}

.tiktok-input-container {
    position: relative
}

.tiktok-input-container svg {
    position: absolute;
    left: 10px;
    width: 24px;
    top: 10px;
    height: 24px
}

.tiktok-input-container input {
    padding-left: 45px
}

.facebook-input-container svg {
    width: 30px;
    height: 20px;
    top: 12px;
    color: #3b5998
}

.facebook-input-container input {
    padding-left: 45px
}

.instagram-input-container svg {
    color: #000
}

.twitter-input-container svg {
    width: 30px;
    height: 20px;
    top: 12px;
    color: #55acee
}

.help-prompt {
    background: #ffa200;
    display: inline-block;
    color: var(--primaryDark);
    width: 12px;
    height: 12px;
    line-height: 12px;
    text-align: center;
    font-size: .769em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-weight: 800;
    cursor: pointer
}

.help-prompt:before {
    bottom: 100%
}

.help-prompt:after {
    bottom: -webkit-calc(100% - 4px);
    bottom: -moz-calc(100% - 4px);
    bottom: calc(100% - 4px)
}

.dashboard-table__help-prompt:after {
    bottom: -webkit-calc(100% + 4px);
    bottom: -moz-calc(100% + 4px);
    bottom: calc(100% + 4px)
}

.status-icon {
    background: #ffa200;
    display: inline-block;
    width: 16px;
    height: 16px;
    color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding: 3px;
    vertical-align: middle
}

.status-icon--active,
.status-icon--success {
    background: #66b659
}

.status-icon--error {
    background: #d41a00
}

.status-icon svg {
    display: block
}

.form__input-group {
    margin: 0 -15px
}

.form__input {
    padding: 0 15px
}

.form__input--half {
    width: 50%;
    float: left
}

.form__input--has-error {
    border-color: red !important
}

.form__error-message {
    font-weight: 700;
    text-align: center;
    color: red;
    display: none
}

.form__password-toggle {
    position: absolute;
    width: 42px;
    height: 42px;
    top: 0;
    right: 0;
    padding: 0 9px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    cursor: pointer
}

.form--show-labels .form__password-toggle {
    top: 28px
}

.form__password-toggle svg {
    opacity: .4;
    width: 24px;
    height: 15px;
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.form__password-toggle:hover svg {
    opacity: .7
}

.partner {
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .09);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .09);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .09);
    position: relative
}

.partner--bandzoogle {
    margin: 30px auto 0;
    max-width: 960px
}

.partner--kali {
    max-width: 1020px
}

.partner img {
    width: 100%;
    height: auto
}

.partner__close {
    width: 15px;
    height: 15px;
    color: #999;
    position: absolute;
    cursor: pointer;
    display: block;
    top: 15px;
    right: 15px;
    z-index: 3
}

.partner--large .partner__close {
    display: none
}

.partner__sponsor-tag {
    position: absolute;
    top: 0;
    left: 0;
    color: #c7c7c7;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: -.5px;
    -webkit-transform: translateY(-120%);
    -moz-transform: translateY(-120%);
    transform: translateY(-120%);
    font-size: .625rem
}

.kali-audio {
    max-width: 1100px
}

.kali-content {
    padding: 12px 25px
}

@media screen and (min-width:57.1875em) {
    .kali-content {
        height: 120px
    }
}

.kali-content a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column
}

@media screen and (min-width:57.1875em) {
    .kali-content a {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        flex-direction: row
    }
}

.kali-content p {
    line-height: 1.1875rem;
    color: #222
}

.kali__logo {
    width: 70px;
    height: 80px;
    margin-right: 25px
}

.kali__quote {
    margin-top: 30px
}

@media screen and (min-width:57.1875em) {
    .kali__quote {
        margin: 0
    }
}

.edit-music-wrap {
    position: fixed;
    top: 275px;
    right: 0;
    z-index: 23;
    opacity: 0;
    -webkit-transform: translateY(65px);
    -moz-transform: translateY(65px);
    transform: translateY(65px);
    -webkit-animation: animateButtonIn .5s ease-in-out forwards;
    -moz-animation: animateButtonIn .5s ease-in-out forwards;
    animation: animateButtonIn .5s ease-in-out forwards;
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    animation-delay: .5s
}

.has-cookie-alert .edit-music-wrap {
    top: 230px
}

.edit-music-button {
    background: #ffa200;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    width: 45px;
    height: 45px;
    -webkit-border-radius: 25px 0 0 25px;
    -moz-border-radius: 25px 0 0 25px;
    border-radius: 25px 0 0 25px;
    color: #fff;
    letter-spacing: -.55px;
    cursor: pointer;
    font-weight: 700;
    -webkit-box-shadow: 0 2px 30px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 2px 30px rgba(0, 0, 0, .15);
    box-shadow: 0 2px 30px rgba(0, 0, 0, .15);
    -webkit-transition: background-color .3s ease-in-out, width .2s ease-in-out;
    -moz-transition: background-color .3s ease-in-out, width .2s ease-in-out;
    transition: background-color .3s ease-in-out, width .2s ease-in-out
}

.edit-music-button--active {
    background: #000;
    width: 95px
}

.edit-music-button__icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 22px;
    -moz-box-flex: 0;
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    display: block;
    margin: 0 10px;
    -webkit-transition: -webkit-transform .45s ease-in-out;
    transition: -webkit-transform .45s ease-in-out;
    -moz-transition: transform .45s ease-in-out, -moz-transform .45s ease-in-out;
    transition: transform .45s ease-in-out;
    transition: transform .45s ease-in-out, -webkit-transform .45s ease-in-out, -moz-transform .45s ease-in-out
}

.edit-music-button:hover {
    background: #000
}

.edit-music-button:hover .edit-music-button__icon {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg)
}

.edit-music-button__label {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out, -webkit-transform .2s ease-in-out;
    transition: opacity .3s ease-in-out, -webkit-transform .2s ease-in-out;
    -moz-transition: transform .2s ease-in-out, opacity .3s ease-in-out, -moz-transform .2s ease-in-out;
    transition: transform .2s ease-in-out, opacity .3s ease-in-out;
    transition: transform .2s ease-in-out, opacity .3s ease-in-out, -webkit-transform .2s ease-in-out, -moz-transform .2s ease-in-out;
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s
}

.edit-music-button--active .edit-music-button__label {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0)
}

.edit-music__tooltip {
    background: #000;
    width: 335px;
    top: 50%;
    right: -webkit-calc(100% + 5px);
    right: -moz-calc(100% + 5px);
    right: calc(100% + 5px);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform-origin: center right;
    -moz-transform-origin: center right;
    transform-origin: center right
}

.is-admin-user .edit-music__tooltip .sub-menu__icon {
    display: none
}

.edit-music__tooltip:before {
    top: auto;
    top: 50%;
    right: -5px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #000;
    border-style: solid;
    border-width: 5px 0 5px 5px
}

@-webkit-keyframes animateButtonIn {
    0% {
        opacity: 0;
        -webkit-transform: translateY(65px);
        transform: translateY(65px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }

    90% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes animateButtonIn {
    0% {
        opacity: 0;
        -moz-transform: translateY(65px);
        transform: translateY(65px)
    }

    60% {
        opacity: 1;
        -moz-transform: translateY(-12px);
        transform: translateY(-12px)
    }

    90% {
        -moz-transform: translateY(3px);
        transform: translateY(3px)
    }

    to {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes animateButtonIn {
    0% {
        opacity: 0;
        -webkit-transform: translateY(65px);
        -moz-transform: translateY(65px);
        transform: translateY(65px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-12px);
        -moz-transform: translateY(-12px);
        transform: translateY(-12px)
    }

    90% {
        -webkit-transform: translateY(3px);
        -moz-transform: translateY(3px);
        transform: translateY(3px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

.music-detail {
    --waveformButtonSize: 55px
}

.music-detail--large {
    --waveformButtonSize: 90px
}

.waveform-wrap {
    position: relative;
    height: 40px;
    margin-top: 15px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0)
}

.music-detail--large .waveform-wrap {
    height: 70px;
    margin-top: 15px;
    z-index: 4
}

.pinned-items--condensed .waveform-wrap {
    display: none
}

.waveform-container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.waveform-wrap--has-button .waveform-container {
    width: -webkit-calc(100% - var(--waveformButtonSize));
    width: -moz-calc(100% - var(--waveformButtonSize));
    width: calc(100% - var(--waveformButtonSize));
    left: var(--waveformButtonSize)
}

.waveform {
    width: 100%;
    height: 100%
}

.waveform,
.waveform__time {
    position: absolute;
    bottom: 0
}

.waveform__time {
    background: var(--waveformTimeBackground);
    font-weight: 700;
    line-height: 20px;
    padding: 0 7px;
    text-align: center;
    font-size: .6875rem;
    pointer-events: none;
    -webkit-transition: background-color var(--colorTransitionTime) ease-in-out;
    -moz-transition: background-color var(--colorTransitionTime) ease-in-out;
    transition: background-color var(--colorTransitionTime) ease-in-out
}

.waveform__time--dark {
    background: rgba(0, 0, 0, .5);
    color: #fff
}

.waveform__elapsed {
    left: 0
}

.waveform-wrap--has-button .waveform__elapsed {
    left: var(--waveformButtonSize)
}

.waveform__duration {
    right: 0
}

.music-subtext {
    text-align: left;
    margin-top: 1em;
    line-height: 1.6;
    white-space: pre-wrap
}

.music-detail--upcoming .music-subtext {
    padding-bottom: 30px
}

.music-subtext span {
    word-break: break-word
}

.tracklist__track-wrap {
    position: relative
}

.tracklist__track {
    position: relative;
    padding: 0 10px;
    font-family: Open Sans, sans-serif
}

.tracklist__track:focus,
.tracklist__track:hover {
    background: var(--tracklistTrackBackground)
}

.tracklist__track:first-child {
    padding-top: 0
}

.tracklist__track:first-child .tracklist__track-details {
    border: 0
}

.listen__tracklist-wrap--expanded .tracklist__track:last-child .tracklist__track-details {
    border-bottom: 0
}

.tracklist__track--active {
    background: var(--tracklistTrackBackground)
}

.tracklist__track--active .tracklist__track-details-left {
    pointer-events: none;
    cursor: default
}

.tracklist__track--active .tracklist__track-title {
    color: var(--brandColor)
}

.tracklist__track--inactive .tracklist__track-add,
.tracklist__track--inactive .tracklist__track-details-left,
.tracklist__track--inactive .tracklist__track-interaction-icon {
    opacity: .5
}

.tracklist__track--disabled {
    pointer-events: none
}

.tracklist__track--dark:focus,
.tracklist__track--dark:hover {
    background: #383838
}

.tracklist__track--dark:focus .tracklist__track-remove,
.tracklist__track--dark:hover .tracklist__track-remove {
    display: block
}

.tracklist__track--dark .tracklist__track-duration,
.tracklist__track--dark .tracklist__track-title {
    color: #fff
}

.tracklist__track--dark .tracklist__track-artist {
    color: #757575
}

.tracklist__track--dark.tracklist__track--active {
    background: #222
}

.tracklist__track--dark.tracklist__track--active .tracklist__track-artist {
    color: var(--brandColor)
}

.tracklist__track--dark .tracklist__track-add,
.tracklist__track--dark .tracklist__track-remove {
    color: #666
}

.tracklist__track--dark .tracklist__track-add:focus,
.tracklist__track--dark .tracklist__track-add:hover,
.tracklist__track--dark .tracklist__track-remove:focus,
.tracklist__track--dark .tracklist__track-remove:hover {
    color: #999
}

.tracklist__track--queue {
    background: #161616
}

.tracklist__track--queue:last-child .tracklist__track-details {
    border-bottom: 0
}

.tracklist__track--queue:focus .tracklist__track-title,
.tracklist__track--queue:hover .tracklist__track-title {
    color: inherit
}

.tracklist__track--queue.tracklist__track--active .tracklist__track-title {
    color: var(--brandColor)
}

.tracklist__track--queue.tracklist__track--active .tracklist__track-artist {
    color: #757575
}

.tracklist__track--queue .tracklist__track-icon {
    margin-right: 0;
    left: 0;
    position: relative
}

.tracklist__track--queue .tracklist__track-add {
    left: 25px
}

.tracklist__track--queue .tracklist__track-title {
    width: -webkit-calc(100% - 110px);
    width: -moz-calc(100% - 110px);
    width: calc(100% - 110px)
}

.tracklist__track--queue .tracklist__track-details-left {
    padding-left: 68px
}

.tracklist__track--queue .tracklist__track-interaction-icon--dots:focus,
.tracklist__track--queue .tracklist__track-interaction-icon--dots:hover {
    color: var(--brandColor)
}

.tracklist__track-link {
    position: absolute;
    right: 125px;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 8px;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(1px);
    -moz-transform: translateY(1px);
    transform: translateY(1px);
    color: #999;
    z-index: 1;
    -webkit-transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out
}

.tracklist__track:hover .tracklist__track-link {
    pointer-events: auto;
    opacity: 1
}

.tracklist__track-link svg {
    display: block
}

.tracklist__track-fav {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 95px;
    color: #999;
    z-index: 1
}

.tracklist__track-fav--active,
.tracklist__track-fav:focus,
.tracklist__track-fav:hover {
    color: var(--brandColor)
}

.tracklist__track-details {
    font-weight: 600;
    height: 52px
}

.tracklist--playlist .tracklist__track-details {
    height: 55px
}

.tracklist__track--active+.tracklist__track .tracklist__track-details,
.tracklist__track--active .tracklist__track-details {
    border-color: #f8f8f8
}

.tracklist__track-details-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

.tracklist__track-details-left {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    font-family: Open Sans, sans-serif;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    flex-grow: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between
}

.tracklist__details-wrap {
    width: -webkit-calc(100% - 130px);
    width: -moz-calc(100% - 130px);
    width: calc(100% - 130px)
}

.tracklist__track--queue .tracklist__details-wrap {
    font-size: .8125rem
}

.tracklist__track-number {
    color: #666;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 65px;
    -moz-box-flex: 0;
    flex: 0 0 65px;
    margin-right: 15px
}

.tracklist__track-add {
    width: 35px;
    height: 35px;
    padding: 10px;
    position: absolute;
    left: 30px;
    color: #c3c3c3;
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
    z-index: 2
}

.tracklist__track-add:focus,
.tracklist__track-add:hover {
    color: #383838
}

.tracklist__track-add[data-tooltip]:before {
    background: #333;
    color: #ffa201
}

.tracklist__track-add[data-tooltip]:after {
    border-top-color: #333
}

.tracklist__track-remove {
    width: 11px;
    height: 11px;
    margin-right: 15px;
    padding: 5px;
    position: absolute;
    right: 90px;
    color: #c3c3c3;
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
    z-index: 2;
    display: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 0
}

.tracklist__track-remove:focus,
.tracklist__track-remove:hover {
    color: #383838
}

.tracklist__track-icon {
    color: var(--brandColor);
    height: 15px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 15px;
    -moz-box-flex: 0;
    flex: 0 0 15px;
    margin-right: 65px;
    pointer-events: none
}

.tracklist__track-lock-icon {
    color: var(--brandColor);
    height: 12px;
    width: 20px;
    pointer-events: none
}

.tracklist__track-title {
    width: -webkit-calc(100% - 30px);
    width: -moz-calc(100% - 30px);
    width: calc(100% - 30px);
    text-align: left
}

.tracklist__track:hover .tracklist__track-title {
    color: var(--brandColor)
}

.tracklist--playlist .tracklist__track-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.tracklist__track-artist {
    display: block;
    color: #999
}

.tracklist__track-featuring {
    margin-left: 3px
}

.tracklist__track-duration {
    color: var(--textSecondary);
    line-height: 17px;
    width: 35px;
    text-align: right
}

.tracklist__track--queue .tracklist__track-duration {
    font-size: .8125rem
}

.tracklist__track-artwork {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 28px;
    -moz-box-flex: 0;
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    margin-right: 20px;
    background: #b2b2b2;
    overflow: hidden;
    display: inline-block
}

.tracklist__track-interactions {
    position: absolute;
    right: 35px;
    z-index: 2
}

.tracklist__track-interactions,
.tracklist__track-interactions>li {
    height: 100%
}

.tracklist__track-interactions .tooltip {
    bottom: 100%;
    right: 12px;
    z-index: 15
}

.tracklist__track-interaction {
    margin-right: 30px
}

.tracklist__track-interaction-icon {
    color: #c3c3c3;
    height: 12px;
    margin-right: 3px
}

.tracklist__track-interaction-icon--dots {
    width: 35px;
    height: 100%;
    color: #999;
    margin-right: 20px;
    cursor: pointer;
    padding: 10px
}

.tracklist__track-interaction-icon--dots svg {
    display: block
}

.tracklist__track-handle {
    width: 18px;
    height: 13px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-align-self: center;
    align-self: center;
    margin-right: 20px;
    position: relative;
    left: -19px;
    padding: 15px 10px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    cursor: move;
    cursor: -moz-grab;
    cursor: -webkit-grab;
    cursor: grab;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 2
}

.tracklist__track-handle:active {
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.tracklist__track-handle span,
.tracklist__track-handle span:after,
.tracklist__track-handle span:before {
    height: 2px;
    background: #757575;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    width: 100%;
    position: relative
}

.tracklist__track-handle span:after,
.tracklist__track-handle span:before {
    content: "";
    display: block
}

.tracklist__track-handle span:before {
    top: -5px
}

.tracklist__track-handle span:after {
    top: 3px
}

.tracklist__premium-notice {
    background: #222;
    color: #fff;
    padding: 5px 14px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-weight: 600;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 5;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.tracklist__track-wrap:hover .tracklist__premium-notice {
    opacity: 1;
    pointer-events: auto
}

.music__heading {
    line-height: 1.2;
    margin: 0;
    letter-spacing: -1.2px;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    font-size: 1.375rem;
    color: var(--textPrimary)
}

.no-cssremunit .music__heading {
    font-size: 22px
}

.music-detail--large .music__heading {
    line-height: 30px
}

@media (min-width:640px) {
    .music-detail--fixed .music__heading {
        max-width: 42%
    }
}

.music-detail--album-large .music__heading {
    line-height: 32px
}

.pinned-items--condensed .music__heading {
    font-size: 1.125rem;
    line-height: 1.1;
    letter-spacing: -.06875rem;
    text-align: center
}

.pinned-items--2 .music__heading {
    padding-right: 100px
}

.music-card .music__heading {
    font-size: 1rem
}

.no-cssremunit .music-card .music__heading {
    font-size: 16px
}

.music__heading--artist {
    font-weight: 400;
    line-height: 1;
    padding-bottom: 4px
}

.music__heading--title {
    font-weight: 700;
    line-height: 1;
    padding-bottom: 3px
}

.music-detail--album-large .music__heading--title {
    font-size: 1.75rem
}

.no-cssremunit .music-detail--album-large .music__heading--title {
    font-size: 28px
}

.music__heading--count {
    font-weight: 500;
    font-size: .8125rem;
    letter-spacing: -.5px;
    display: none
}

.music-detail--fixed .music__heading--count {
    display: block
}

.music__meta {
    list-style: none;
    margin: 0 0 3px;
    line-height: 18px;
    letter-spacing: -.37px
}

.music__meta a {
    font-weight: 700
}

.music-meta__bio>p {
    width: -webkit-calc(100% - 30px);
    width: -moz-calc(100% - 30px);
    width: calc(100% - 30px)
}

.music__meta-check {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%) translateX(1.25em);
    -moz-transform: translateY(-50%) translateX(1.25em);
    transform: translateY(-50%) translateX(1.25em)
}

.pinned-items--condensed .u-hide-when-pin-condensed {
    display: none
}

.music-info__description {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    flex: 1
}

.music-info__description-tag {
    text-transform: uppercase;
    font-size: .6875rem
}

.no-cssremunit .music-info__description-tag {
    font-size: 11px
}

.music-info__description-copy {
    line-height: 19px;
    letter-spacing: -.54px;
    white-space: pre-wrap;
    word-break: break-word
}

.music-info__description-empty {
    color: #c7c7c7
}

.music-info__read-more {
    margin-top: 10px;
    display: inline-block;
    padding-right: 15px;
    cursor: pointer
}

.music-info__read-more:after {
    border-color: #ffa200 transparent transparent;
    border-width: 5px 4px 0;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-1px);
    -moz-transform: translateY(-1px);
    transform: translateY(-1px)
}

.music-info__read-more--less:after,
.music-info__read-more:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute
}

.music-info__read-more--less:after {
    border-color: transparent transparent #ffa200;
    border-width: 0 4px 5px
}

.music-detail-container {
    position: relative;
    -webkit-transition: background-color var(--colorTransitionTime) ease-in-out;
    -moz-transition: background-color var(--colorTransitionTime) ease-in-out;
    transition: background-color var(--colorTransitionTime) ease-in-out
}

.music-detail-container--fixed {
    border-bottom: 1px solid var(--defaultBorder);
    background: var(--contentBox);
    z-index: 21
}

.music-feed:not(.music-feed--chart) .music-detail-container,
.recent-tracks .music-detail-container {
    padding-bottom: 1em;
    border-bottom: 1px solid #eaeaea
}

.pinned-items .music-detail-container {
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important
}

.music-feed {
    padding: 40px 0 0
}

.music-feed--has-fixed-nav {
    padding: 100px 0 40px
}

.music-feed--artist>h3 {
    margin-bottom: 15px
}

.music-feed__loader {
    display: block;
    margin: 0 auto
}

.music-feed__context-switcher {
    margin-bottom: 60px;
    z-index: 4
}

.music-feed__context-switcher--fixed {
    position: fixed;
    width: 100%;
    max-width: 1020px;
    top: 61px;
    z-index: 14
}

.music-feed .context-switcher {
    margin-top: 10px;
    padding: 15px 20px;
    text-align: right
}

.music-feed--artists>header {
    margin-bottom: 50px
}

.am-partner+.music-feed {
    padding-top: 20px
}

.music-detail {
    --headingFontSize: 22px;
    --headingLineHeight: 1.15;
    --headingMaxHeight: -webkit-calc(var(--headingFontSize)*var(--headingLineHeight)*2);
    --headingMaxHeight: -moz-calc(var(--headingFontSize)*var(--headingLineHeight)*2);
    --headingMaxHeight: calc(var(--headingFontSize)*var(--headingLineHeight)*2);
    padding: 10px 0;
    position: relative;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .02);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .02);
    box-shadow: 0 0 20px rgba(0, 0, 0, .02)
}

.music-detail-title {
    margin-bottom: 60px;
    padding: 0 20px;
    letter-spacing: -.6px
}

.music-detail--no-play .artwork-play-button,
.music-detail--no-play .music-artwork__overlay {
    cursor: default
}

.music-detail--no-play .play-button {
    display: none
}

.music-detail--profile {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.music-detail+.album-tracklist,
.music-detail--feed {
    background: var(--musicBackground)
}

.music-detail+.album-tracklist {
    padding: 10px 0 5px
}

.music-detail+.album-tracklist>.column {
    padding-left: 10px;
    padding-right: 10px
}

.music-detail--profile+.album-tracklist {
    margin-bottom: 0
}

.music-detail--related+.album-tracklist .column {
    padding: 0
}

.pinned-item .music-detail {
    background: none;
    margin: 0;
    padding: 0
}

.music-detail .music__heading:not(.music__heading--trunc) span {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.music-detail .music__heading--trunc {
    line-height: 1.5
}

@media print,
screen and (min-width:40em) {
    .music-detail .music__heading--trunc span {
        line-height: var(--headingLineHeight);
        max-height: var(--headingMaxHeight);
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }
}

.music-detail:not(.music-detail--profile):not(.music-detail--large) .column,
.music-detail:not(.music-detail--profile):not(.music-detail--large) .waveform-wrap {
    padding-left: var(--spacing2x);
    padding-right: var(--spacing2x)
}

.music-detail__interaction-wrap,
.music-detail__stats-wrap {
    margin-top: 10px
}

@media screen and (max-width:1285px) {

    .search-page .music-detail__interaction-wrap,
    .search-page .music-detail__stats-wrap {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: left
    }
}

.music-detail .music-meta__icon--soundcloud {
    width: 30px;
    height: 22px;
    display: inline-block;
    position: relative;
    top: 6px;
    margin-left: 5px;
    color: #999
}

.music-detail .music-meta__icon--soundcloud:focus,
.music-detail .music-meta__icon--soundcloud:hover {
    color: #ffa200
}

.music-detail__embed-wrap {
    overflow: hidden;
    margin: 0 -10px;
    padding: 10px 10px 0
}

.music-detail__embed-inner {
    -webkit-box-shadow: inset 5px 5px 5px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 5px 5px 5px rgba(0, 0, 0, .05);
    box-shadow: inset 5px 5px 5px rgba(0, 0, 0, .05);
    width: 104%;
    margin: 0 -2%;
    padding: 0 2%;
    position: relative
}

.modal .music-detail__embed-inner {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.music-detail__embed-textarea {
    margin: 0 0 5px;
    background: var(--inputBackground);
    padding: 15px 35px 15px 15px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    resize: none;
    border: 0;
    font-family: Open Sans, sans-serif;
    font-weight: 600;
    color: var(--textTertiary);
    max-height: 75px
}

.modal .music-detail__embed-textarea {
    height: 80px
}

.music-detail__embed-toggle {
    font-weight: 600;
    line-height: 30px;
    cursor: pointer;
    letter-spacing: -.35px;
    font-size: .875rem
}

.no-cssremunit .music-detail__embed-toggle {
    font-size: 14px
}

.music-detail__embed-close {
    position: absolute;
    color: #999;
    width: 15px;
    height: 15px;
    right: 40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%)
}

.music-detail__embed-close:focus,
.music-detail__embed-close:hover {
    color: #404040
}

.music-detail__embed-toggle-icon {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin: -2px 0 0 4px;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1)
}

.music-detail__subtext {
    text-align: center;
    margin-top: 1em
}

.music-detail__link {
    display: block;
    margin-bottom: 2px
}

.music-detail__ranking-label {
    text-transform: uppercase;
    font-size: .7rem
}

.music-detail__ranking-number {
    color: #ffa200;
    font-weight: 600;
    font-size: 1.1rem;
    line-height: .9;
    margin-bottom: .5em
}

.music-detail__reup-label {
    font-weight: 700;
    text-transform: uppercase;
    font-size: .6875rem
}

.no-cssremunit .music-detail__reup-label {
    font-size: 11px
}

.music-feed .music-detail__reup-label {
    position: absolute;
    top: -25px;
    margin-left: 180px
}

.user-profile__feed-item .music-detail__reup-label {
    position: relative;
    margin: 0;
    top: auto
}

.pinned-item .music-detail__reup-label {
    position: relative;
    top: 0;
    margin: 0
}

.music-detail__reup-label .u-text-icon {
    color: #ffa200;
    width: 1.3em;
    height: 1.3em
}

.music-detail__reup-label .u-text-icon--star {
    position: relative;
    top: -2px
}

.music-detail__image {
    -webkit-box-shadow: 0 2px 30px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 2px 30px rgba(0, 0, 0, .15);
    box-shadow: 0 2px 30px rgba(0, 0, 0, .15)
}

@media print,
screen and (min-width:40em) {
    .music-detail__image {
        margin-top: -30px
    }
}

.user-profile__feed .music-detail__image {
    margin-top: 0
}

.music-detail__play {
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    width: 45px;
    height: 45px
}

.music-detail__content {
    padding-left: 0;
    min-width: 0;
    max-width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column
}

.dashboard-music-detail .music-detail__content {
    -webkit-align-self: center;
    align-self: center
}

.music-detail--feed .music-detail__content,
.music-detail--profile .music-detail__content {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    max-width: 100%
}

.pinned-items--4 .music-detail__content {
    max-width: 200px
}

.music-detail--large.music-detail--patronage .music-detail__content {
    padding-right: var(--spacing2x)
}

.music-detail__top {
    min-height: 120px
}

.search-page__result--artist .music-detail__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.music-detail:not(.music-detail--large) .music-detail__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.pinned-items--condensed .music-detail__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column
}

.pinned-items--4 .music-detail__top {
    margin: 0
}

.music-detail__top-left {
    padding: 0
}

.pinned-items--condensed .music-detail__top-left {
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    width: 100%
}

.pinned-items--3 .music-detail__top-left,
.pinned-items--4 .music-detail__top-left {
    padding: 0
}

.music-detail--patronage .music-detail__top-left {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    flex: 1
}

.music-detail__top-right {
    padding: 0
}

.music-detail--patronage .music-detail__top-right {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-box-flex: 0;
    flex: 0 0 100%;
    max-width: none
}

@media (min-width:785px) {
    .music-detail--patronage .music-detail__top-right {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 200px;
        -moz-box-flex: 0;
        flex: 0 0 200px
    }
}

.music-detail__lower-meta {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    padding-top: 10px
}

.music-detail--large .music-detail__lower-meta {
    padding-top: 20px
}

.music-detail--album-large .music-detail__lower-meta {
    padding-top: 15px
}

.music-detail__stats {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    flex: 1
}

.music-detail--large {
    --headingFontSize: 32px;
    padding: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.music-detail--large .music-detail__inner {
    padding: 20px 0 0
}

.music-detail--large .music-detail__content {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

.music-detail--large .music-detail__top {
    min-height: 190px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.music-detail--large .music-artwork {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 230px;
    -moz-box-flex: 0;
    flex: 0 0 230px;
    width: 230px;
    height: 230px;
    margin-right: auto;
    margin-left: auto;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

@media print,
screen and (min-width:40em) {
    .music-detail--large .music-artwork {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 280px;
        -moz-box-flex: 0;
        flex: 0 0 280px;
        width: 280px;
        height: 280px;
        margin-right: 30px;
        margin-left: 0;
        margin-top: -40px
    }
}

.music-detail--large .music-artwork img {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.music-detail--large .play-button:not(.waveform-wrap__play-button) {
    width: 40px;
    height: 45px
}

.music-detail--large .music-detail__link {
    margin-bottom: 0
}

.music-detail--large .music__heading {
    font-size: 1.5rem;
    letter-spacing: -.06875rem
}

@media (min-width:675px) {
    .music-detail--large .music__heading {
        font-size: 2rem
    }
}

.music-detail--large .music__meta {
    line-height: 20px;
    margin-bottom: 9px
}

.music-detail--large .music__meta a {
    font-weight: 600
}

.music-detail--large .music__meta-album,
.music-detail--large .music__meta-featuring {
    font-size: 1.125rem;
    line-height: 1.5;
    font-weight: 600;
    letter-spacing: -.03125rem
}

@media print,
screen and (min-width:40em) {

    .music-detail--large .music__meta-album,
    .music-detail--large .music__meta-featuring {
        line-height: 1.3
    }
}

@media print,
screen and (min-width:40em) {
    .music-detail--large .music__meta-featuring {
        max-height: -webkit-calc(rem-calc(18)*1.3*2);
        max-height: -moz-calc(rem-calc(18)*1.3*2);
        max-height: calc(rem-calc(18)*1.3*2);
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }
}

.music-detail--large .listen__tracklist-wrap {
    min-height: 250px;
    margin-top: 20px
}

.music-detail--album-large {
    padding-bottom: 1.2em
}

.music-detail--album-large+.album-tracklist {
    padding-top: 0
}

.music-detail--album-large .music__meta-featuring {
    margin: 0 0 8px
}

.music-detail--fixed .music-detail-container {
    -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .05);
    padding-left: var(--spacing2x)
}

.music-detail--fixed .music-detail__inner {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
    -webkit-animation: dropIn .3s ease-in-out forwards;
    -moz-animation: dropIn .3s ease-in-out forwards;
    animation: dropIn .3s ease-in-out forwards;
    -webkit-animation-delay: .05s;
    -moz-animation-delay: .05s;
    animation-delay: .05s;
    padding: 12px 0 0
}

@media (max-width:639px) {
    .music-detail--fixed .music-detail__inner {
        padding-bottom: 12px
    }
}

.music-detail--fixed .music-artwork {
    width: 55px;
    height: 55px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 55px;
    -moz-box-flex: 0;
    flex: 0 0 55px;
    margin-top: 0
}

@media print,
screen and (min-width:40em) {
    .music-detail--fixed .music-artwork {
        margin-right: 15px
    }
}

.music-detail--fixed .music-artwork img {
    min-height: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.music-detail--fixed .music-detail__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    padding-right: 20px
}

@media (max-width:639px) {
    .music-detail--fixed .music-detail__content {
        padding-left: 20px
    }
}

.music-detail--fixed .u-hide-when-fixed {
    display: none
}

.music-detail--fixed .listen__tracklist-buttons {
    display: none;
    margin: 10px
}

@media (min-width:640px) {
    .music-detail--fixed .listen__tracklist-buttons {
        display: block
    }
}

.music-detail--fixed .music-detail__top {
    min-height: 0
}

.music-detail--fixed .music-detail__top-left {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    flex: 1;
    max-width: 100%;
    padding-right: 0
}

@media (max-width:639px) {
    .music-detail--fixed .music-detail__top-left {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        align-items: center
    }
}

.music-detail--fixed .music-detail__top-right {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 80px;
    -moz-box-flex: 0;
    flex: 0 0 80px;
    padding-left: 0
}

.music-detail--fixed .music__meta {
    margin-bottom: 5px;
    position: relative;
    top: -3px
}

.music-detail--fixed .music__heading--artist,
.music-detail--fixed .music__heading--title {
    font-size: 1.1rem;
    line-height: 1.1
}

.music-detail--fixed .music__heading--artist {
    margin-top: 3px;
    padding-bottom: 2px
}

.music-detail--fixed .music-interactions__inner {
    position: absolute;
    top: 30px;
    right: 90px
}

.music-detail--fixed .music-interactions--above-rank {
    position: relative;
    top: 12px
}

.music-detail__tag {
    background: #e2e2e2;
    display: inline-block;
    font-size: .6875rem;
    font-weight: 700;
    letter-spacing: -.03125rem;
    color: #666;
    padding: 4px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.music-detail__tag:focus,
.music-detail__tag:hover {
    background: #ffa200;
    color: #fff
}

.music-detail__tag+.music-detail__tag {
    margin-left: 10px
}

.music-detail__track-list {
    margin: 10px 0 0;
    padding: 5px 0 0 30px;
    line-height: 31px;
    color: #666;
    border-top: 1px solid #ebebeb;
    font-size: 1.077em
}

.music-detail__track-list-item {
    list-style-type: decimal;
    padding: 0 10px 5px 1em;
    position: relative;
    display: list-item;
    line-height: inherit;
    font-weight: 600
}

.music-detail__track-list-item .icon {
    width: 17px;
    height: 17px;
    position: absolute;
    left: -1.25em;
    top: 7px;
    display: none
}

.music-detail__track-list-item--active {
    list-style: none;
    color: #ffa200
}

.music-detail__track-list-item--active .icon {
    display: block
}

.music-detail__track-list-button {
    display: inline-block;
    width: 100%;
    text-align: left;
    font-family: Open Sans, sans-serif;
    color: #222;
    font-size: 1.071em;
    letter-spacing: -.5px
}

.music-detail__track-list-item--active .music-detail__track-list-button {
    color: #ffa200
}

.music-detail__track-list-button[disabled] {
    cursor: default;
    background: none
}

.music-detail__track-list-button:focus,
.music-detail__track-list-button:hover {
    color: #ffa200;
    background: none !important
}

.music-detail__track-list-title {
    font-weight: 600;
    letter-spacing: -.5px
}

.music-detail__track-list-duration {
    font-weight: 700;
    color: #666;
    letter-spacing: -.5px;
    font-size: .867em
}

.music__meta {
    letter-spacing: -.35px;
    line-height: 1.125rem
}

.pinned-items--condensed .music__meta {
    line-height: 1.3
}

.music__meta .u-orange-check {
    display: inline-block
}

.search-page__result .music-detail__image {
    margin-top: -25px
}

.verified-label {
    text-transform: uppercase;
    font-weight: 700;
    color: #ffa200;
    font-size: .7rem;
    letter-spacing: -.03em
}

@-webkit-keyframes dropIn {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-moz-keyframes dropIn {
    0% {
        -moz-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0
    }

    to {
        -moz-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes dropIn {
    0% {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.user-detail {
    background: var(--contentBox);
    padding: 10px 0;
    position: relative;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .02);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .02);
    box-shadow: 0 0 20px rgba(0, 0, 0, .02);
    margin-bottom: 60px;
    -webkit-transition: background-color var(--colorTransitionTime) ease-in-out;
    -moz-transition: background-color var(--colorTransitionTime) ease-in-out;
    transition: background-color var(--colorTransitionTime) ease-in-out
}

.user-detail .column {
    padding-left: 10px;
    padding-right: 10px
}

.user-detail__image {
    -webkit-box-shadow: 0 2px 30px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 2px 30px rgba(0, 0, 0, .15);
    box-shadow: 0 2px 30px rgba(0, 0, 0, .15);
    margin-right: auto;
    margin-left: auto;
    width: 160px;
    height: 160px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 160px;
    -moz-box-flex: 0;
    flex: 0 0 160px
}

@media print,
screen and (min-width:40em) {
    .user-detail__image {
        margin-right: 20px;
        margin-top: -30px
    }
}

.user-profile__feed .user-detail__image {
    margin-top: 0
}

.user-detail__link {
    display: block;
    margin-bottom: 3px
}

@media print,
screen and (min-width:40em) {
    .user-detail__link {
        float: left
    }
}

.user-detail__content {
    margin-bottom: 1em;
    padding-left: 0;
    min-width: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column
}

@media print,
screen and (min-width:40em) {
    .user-detail__content {
        margin-bottom: 0
    }
}

.music-artwork {
    width: 165px;
    height: 165px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 165px;
    -moz-box-flex: 0;
    flex: 0 0 165px;
    position: relative;
    z-index: 2;
    display: inline-block
}

@media print,
screen and (min-width:40em) {
    .music-artwork {
        display: inline;
        margin-right: 20px
    }
}

.search-page__result--artist .music-artwork {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 160px;
    -moz-box-flex: 0;
    flex: 0 0 160px
}

.pinned-items--condensed .music-artwork {
    margin: 0 0 10px;
    width: 100%;
    height: auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    flex: 0 0 auto;
    position: relative;
    padding-bottom: 100%
}

.pinned-items--condensed .music-artwork img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0
}

.pinned-items--condensed .music-artwork--album,
.pinned-items--condensed .music-artwork--playlist {
    width: -webkit-calc(100% - 8px);
    width: -moz-calc(100% - 8px);
    width: calc(100% - 8px);
    margin-top: 8px
}

.music-artwork img {
    position: relative;
    z-index: 1;
    width: 100%;
    min-height: 150px;
    margin: 0 auto;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.music-artwork--large {
    width: 260px;
    height: 260px
}

.music-artwork--round {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.music-artwork .play-button__artwork {
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .22);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .22);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .22)
}

.music-artwork:hover .play-button__icon {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1)
}

.music-artwork .loader-container {
    margin: -8px 0 0 -8px
}

.music-artwork__overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    line-height: 1;
    z-index: 5;
    color: #ffa200;
    font-size: 50px;
    cursor: pointer;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

.music-artwork__play-button {
    color: #fff;
    position: absolute;
    width: 40px;
    height: 40px;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    z-index: 5;
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.music-artwork__play-button.play-button--playing {
    opacity: 1
}

.music-artwork__play-button .play-button__icon {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    margin: 0
}

.music-artwork:hover .music-artwork__play-button {
    opacity: 1
}

.playlist-artwork img {
    display: block;
    width: 50%;
    min-height: inherit;
    float: left;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.countdown {
    background: #fff;
    padding: 12px 16px;
    letter-spacing: -.4px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #e1e1e1
}

.countdown--dark {
    background: #2a2a2a;
    color: #fff;
    border: 0
}

.listen {
    background: #fff;
    min-height: 250px;
    padding: 20px
}

.listen .music__meta {
    line-height: 22px;
    margin-bottom: 9px
}

.listen .music__rankings {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #e9e9e9
}

.listen__load-more {
    font-weight: 700;
    letter-spacing: -.4px;
    border-top: 1px solid #ebebeb;
    margin-top: 15px;
    padding: 15px 0;
    position: relative;
    cursor: pointer;
    display: block;
    width: 100%
}

.listen__load-more-arrow {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: 7px;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-color: #ffa200 transparent transparent;
    border-style: solid;
    border-width: 6px 4.5px 0
}

.listen__load-more-wrap {
    padding-top: 20px
}

.listen__content-top {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px
}

.listen__inner {
    border-bottom: 1px solid #e2e2e2;
    position: relative;
    padding-bottom: 20px
}

.listen__content--left {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 260px;
    -moz-box-flex: 0;
    flex: 0 0 260px;
    padding: 0 10px
}

.listen__content--right {
    padding-left: 25px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    flex-grow: 1
}

.listen__artwork {
    width: 260px;
    height: 260px;
    margin: -40px -10px 0;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .22);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .22);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .22)
}

.listen__details-am-app-badge {
    display: block;
    margin: 25px auto
}

.listen__heading {
    margin: 0;
    padding: 13px 0
}

.listen__tracklist-wrap {
    height: 100%;
    position: relative
}

.listen__tracklist-wrap .button-group {
    padding-left: 10px;
    padding-right: 10px
}

.listen__tracklist-wrap .button-group>div {
    border-top: 1px solid var(--defaultBorder)
}

.listen__tracklist-title {
    color: #ffa200;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 20px;
    margin: 5px 0 20px;
    font-size: .75rem
}

.no-cssremunit .listen__tracklist-title {
    font-size: 12px
}

.listen__tracklist-buttons {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 245px;
    -moz-box-flex: 0;
    flex: 0 0 245px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

@media print,
screen and (min-width:40em) {
    .listen__tracklist-buttons {
        -webkit-box-pack: initial;
        -webkit-justify-content: initial;
        -moz-box-pack: initial;
        justify-content: normal;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        align-items: center
    }
}

.listen__tracklist-buttons .button {
    height: 32px;
    -webkit-box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .06);
    -moz-box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .06)
}

.listen__tracklist-buttons .button--admin svg {
    width: 15px;
    height: 15px
}

.listen__tracklist-buttons .button+.button {
    margin-left: 10px
}

.listen__tracklist-buttons .button__icon {
    width: auto;
    height: 12px
}

.listen__tracklist-buttons .share-button {
    width: 25px;
    height: 25px;
    margin-left: 10px
}

.listen__tracklist-buttons .share-button__icon--twitter {
    color: #55acee
}

.listen__tracklist-buttons .share-button__icon--facebook {
    color: #3b5998
}

.listen__tracklist-buttons .button__icon--fav {
    height: 12px
}

.listen__tracklist-buttons .button__icon--embed {
    height: 11px
}

.listen__tracklist-buttons .button__icon--reup {
    height: 10px
}

.listen__tracklist-buttons .button__icon--pin {
    height: 15px
}

.listen__tracklist-buttons .button--more {
    width: 32px;
    margin-left: 10px;
    padding: 10px 8px
}

.listen__tracklist-button.hide {
    display: none
}

@media screen and (min-width:58.125em) {
    .listen__tracklist-button.show-for-medium {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-box;
        display: inline-flex
    }
}

.listen__tracklist-submenu {
    bottom: -webkit-calc(100% + 10px);
    bottom: -moz-calc(100% + 10px);
    bottom: calc(100% + 10px);
    right: -10px;
    z-index: 10
}

.music-detail-container--fixed .listen__tracklist-submenu {
    top: -webkit-calc(100% + 10px);
    top: -moz-calc(100% + 10px);
    top: calc(100% + 10px);
    bottom: auto
}

.music-detail-container--fixed .listen__tracklist-submenu:before {
    top: auto;
    bottom: -webkit-calc(100% - 1px);
    bottom: -moz-calc(100% - 1px);
    bottom: calc(100% - 1px);
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent transparent #222;
    border-style: solid;
    border-width: 0 5px 6px
}

.listen__waveform-wrap--has-artwork {
    width: 100%;
    height: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

.tracklist__track-artwork-container {
    margin-right: 1em
}

.tracklist__waveform {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    flex-grow: 1;
    position: relative;
    height: 100%
}

.notifications-header .clear-all {
    text-align: right;
    letter-spacing: -.55px;
    color: var(--brandColor);
    font-weight: 700;
    cursor: pointer
}

.notification-list {
    font-size: .8125rem
}

.notification-list__list-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    height: 40px;
    margin-bottom: 15px;
    font-weight: 600;
    letter-spacing: -.3px
}

.notification-list__list-item-meta {
    font-weight: 500;
    color: var(--textTertiary);
    font-size: .923em;
    -webkit-transition: color var(--colorTransitionTime) ease-in-out;
    -moz-transition: color var(--colorTransitionTime) ease-in-out;
    transition: color var(--colorTransitionTime) ease-in-out
}

.notification-list__list-item--main {
    background: var(--contentBox);
    margin: 0;
    padding: 20px 40px 0;
    height: auto;
    display: block;
    position: relative;
    -webkit-transition: background-color var(--colorTransitionTime) ease-in-out;
    -moz-transition: background-color var(--colorTransitionTime) ease-in-out;
    transition: background-color var(--colorTransitionTime) ease-in-out
}

.notification-list__list-item--main.notification-list__list-item--unread:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background: var(--brandColor);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute
}

.notification-list__list-item--main .notification-list__content {
    border-bottom: 1px solid var(--defaultBorder);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    padding-bottom: 20px;
    -webkit-transition: border-color var(--colorTransitionTime) ease-in-out;
    -moz-transition: border-color var(--colorTransitionTime) ease-in-out;
    transition: border-color var(--colorTransitionTime) ease-in-out
}

.notification-list__list-item--main .notification-list__icon {
    margin-right: .25em
}

.notification-list__list-item--main .notification-list__icon--heart {
    height: 11px;
    width: 11px;
    position: relative;
    top: -1px
}

.notification-list__list-item--main .notification-list__icon--retweet {
    position: relative;
    top: -1px
}

.notification-list__list-item--main .notification-list__icon--playlist {
    width: 12px;
    height: 12px;
    position: relative;
    top: -2px
}

.notification-list__list-item--main .notification-list__list-item-target a {
    font-weight: 700;
    color: var(--textPrimary);
    -webkit-transition: color var(--colorTransitionTime) ease-in-out;
    -moz-transition: color var(--colorTransitionTime) ease-in-out;
    transition: color var(--colorTransitionTime) ease-in-out
}

.notification-list__item-wrap:first-child>div {
    padding-top: 30px
}

.notification-list__item-wrap:last-child .notification-list__content {
    border-bottom: 0
}

.notification-list a:focus,
.notification-list a:hover {
    text-decoration: underline
}

.notification-list__list-item-left {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 40px;
    -moz-box-flex: 0;
    flex: 0 0 40px
}

.notification-list__list-item-content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    flex-grow: 1;
    margin: 0 10px;
    line-height: 19px;
    letter-spacing: -.4px
}

.notifcations-tooltip .notification-list__list-item-content {
    line-height: 1.5
}

.notification-list__list-item-content--header {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.notification-list__track-title a {
    color: var(--textPrimary);
    -webkit-transition: color var(--colorTransitionTime) ease-in-out;
    -moz-transition: color var(--colorTransitionTime) ease-in-out;
    transition: color var(--colorTransitionTime) ease-in-out
}

.notification-list__list-item-right {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 40px;
    -moz-box-flex: 0;
    flex: 0 0 40px
}

.notification-list__button-wrap {
    margin-top: 25px
}

.notification-list .button {
    padding: 10px 22px
}

.notification-list__icon--retweet {
    width: 18px;
    height: 10px
}

.notification-list--main {
    font-weight: 600;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

.feed-bar {
    position: relative;
    background: var(--contentBox);
    width: 100%;
    -webkit-transition: background-color var(--colorTransitionTime) ease-in-out;
    -moz-transition: background-color var(--colorTransitionTime) ease-in-out;
    transition: background-color var(--colorTransitionTime) ease-in-out
}

@media print,
screen and (min-width:40em) {
    .feed-bar {
        height: 60px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        align-items: center
    }

    .comments .feed-bar {
        height: 40px;
        margin-bottom: 15px
    }
}

.feed-bar .menu-button {
    margin-right: 20px
}

.feed-bar .menu-button:last-child {
    margin-right: 0
}

.feed-bar__tooltip {
    margin-top: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    z-index: 2
}

.feed-bar__title {
    font-weight: 400;
    line-height: 34px;
    letter-spacing: -.7px;
    margin: 0
}

@media print,
screen and (min-width:40em) {
    .feed-bar__title {
        float: left;
        display: inline-block
    }
}

.feed-bar--padded {
    padding: 13px 20px
}

.feed-bar--playlist {
    margin-bottom: 35px
}

.feed-bar--artists {
    margin-bottom: 50px
}

.feed-bar--underline {
    border-bottom: 1px solid var(--defaultBorder)
}

.feed-bar--has-menu .feed-bar__title {
    margin: 0 0 .5em
}

@media print,
screen and (min-width:40em) {
    .feed-bar--has-menu .feed-bar__title {
        margin: 0
    }
}

.feed-bar__title-icon {
    color: var(--brandColor);
    margin: 0 5px 0 4px;
    position: relative
}

.feed-bar__title-icon--fire {
    width: 14px;
    height: 19px;
    top: -2px
}

.feed-bar__title-icon--graph {
    top: -2px
}

.feed-bar__title-icon--music {
    width: 20px;
    height: 20px
}

.feed-bar__title-icon--playlist {
    top: -2px;
    margin-right: 10px
}

.feed-bar__title-icon--recent {
    width: 18px;
    height: 18px
}

.feed-bar__title-icon--album {
    width: 30px;
    height: 25px;
    top: -2px
}

.feed-bar__title-icon--medium {
    width: 18px;
    height: 18px;
    top: -2px;
    margin-right: 10px
}

.feed-bar__title-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.feed-bar__title-link {
    font-size: .9em;
    font-weight: 600;
    margin-left: .75em
}

.feed-bar__title-link a {
    border-left: 1px solid var(--defaultBorder);
    padding-left: .75em
}

.feed-bar__title-link--trending {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: -.5px;
    margin-top: 6px
}

.feed-bar__marker {
    height: 3px;
    background: var(--brandColor);
    width: 0;
    bottom: 0;
    position: absolute;
    left: 0;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: width .15s ease-in, -webkit-transform .15s;
    transition: width .15s ease-in, -webkit-transform .15s;
    -moz-transition: transform .15s, width .15s ease-in, -moz-transform .15s;
    transition: transform .15s, width .15s ease-in;
    transition: transform .15s, width .15s ease-in, -webkit-transform .15s, -moz-transform .15s;
    display: none
}

@media print,
screen and (min-width:40em) {
    .feed-bar__marker {
        display: block
    }
}

.feed-bar__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    white-space: nowrap;
    font-weight: 700;
    height: 100%;
    width: 100%;
    overflow-y: hidden;
    -webkit-touch-overflow-scrolling: touch
}

@media print,
screen and (min-width:40em) {
    .song-upload__metadata .feed-bar__list {
        white-space: normal
    }
}

.feed-bar--align-right .feed-bar__list {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    justify-content: flex-end
}

.feed-bar__list--overflow {
    overflow-x: scroll
}

.feed-bar__list-item {
    display: inline-block;
    letter-spacing: -.56px
}

.feed-bar__list-item a,
.feed-bar__list-item button {
    color: var(--textPrimary);
    display: block;
    letter-spacing: -.4px;
    height: 58px;
    padding: 18px 15px;
    -webkit-transition: color var(--colorTransitionTime) ease-in-out;
    -moz-transition: color var(--colorTransitionTime) ease-in-out;
    transition: color var(--colorTransitionTime) ease-in-out
}

@media screen and (min-width:75em) {

    .feed-bar__list-item a,
    .feed-bar__list-item button {
        padding: 18px 24px
    }
}

.highlights-feed-bar .feed-bar__list-item a,
.highlights-feed-bar .feed-bar__list-item button {
    padding: 18px 15px
}

.feed-bar__list-item--active a,
.feed-bar__list-item--active button,
.feed-bar__list-item a:focus,
.feed-bar__list-item a:hover,
.feed-bar__list-item button:focus,
.feed-bar__list-item button:hover {
    color: var(--brandColor)
}

@media screen and (min-width:768px) {
    .feed-bar__list-item--delete {
        margin-left: auto
    }
}

.feed-bar__list--overflow .feed-bar__list-item--delete {
    float: none
}

.feed-bar__list-item--delete a,
.feed-bar__list-item--delete button {
    color: #d41a00
}

.feed-bar__list-item--delete a:focus,
.feed-bar__list-item--delete a:hover,
.feed-bar__list-item--delete button:focus,
.feed-bar__list-item--delete button:hover {
    color: var(--textPrimary)
}

.menu-button {
    display: inline
}

.menu-button__inner {
    position: relative
}

.menu-button__button {
    min-width: 110px;
    height: 34px;
    text-align: center;
    letter-spacing: -.7px;
    padding-right: 25px
}

.menu-button__button:after {
    top: 50%;
    right: 12px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-bottom: 0 solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid var(--background)
}

.menu-button__button:focus,
.menu-button__button:hover {
    background: var(--buttonHoverBackground)
}

.menu-button__button--comments {
    color: #222
}

.menu-button__button--comments strong:after {
    border-top-color: #ffa200
}

.menu-button__button--comments:focus,
.menu-button__button--comments:hover {
    background: none
}

.menu-button__label {
    margin-right: 8px;
    line-height: 20px;
    letter-spacing: -.7px;
    font-weight: 600;
    font-size: 13px;
    display: inline-block
}

.menu-button__label-icon {
    width: 23px;
    height: 23px;
    -webkit-transform: translateY(6px);
    -moz-transform: translateY(6px);
    transform: translateY(6px)
}

.menu-button__label-icon--sort {
    width: 18px;
    height: 18px;
    -webkit-transform: translateY(4px);
    -moz-transform: translateY(4px);
    transform: translateY(4px)
}

.menu-button__active {
    position: relative;
    padding: 10px 25px 10px 15px;
    letter-spacing: -.55px;
    cursor: pointer;
    background: #ffa200;
    color: #fff
}

.menu-button__active:after {
    top: 50%;
    right: 12px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0
}

.menu-button__active:focus,
.menu-button__active:hover {
    background: #222
}

.menu-button__list-item {
    font-weight: 600;
    cursor: pointer;
    color: #fff
}

.menu-button__list-item--active a,
.menu-button__list-item--active button,
.menu-button__list-item:focus a,
.menu-button__list-item:focus button {
    color: #ffa200
}

.menu-button__tooltip {
    width: 110px;
    min-width: inherit;
    margin-top: -10px;
    right: 16px;
    top: 50px
}

.info-icon {
    background: #ffa200;
    display: inline-block;
    width: 12px;
    height: 12px;
    color: var(--primaryDark);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    margin-left: 4px;
    padding: 2px;
    vertical-align: sub;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.info-icon svg {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    transform: translateY(-5px)
}

.interaction-stats {
    font-weight: 700;
    font-size: .923em
}

.interaction-stats--inline li {
    margin-right: 10px;
    display: inline-block
}

.interaction-stat-icon {
    color: #ffa200;
    width: 15px;
    height: 15px;
    margin-right: .25em
}

.interaction-stat-icon--play {
    width: 12px;
    height: 13px
}

.interaction-stat-icon--playlist {
    width: 12px
}

.interaction-stat-icon--reup {
    width: 22px;
    height: 12px
}

.music-interactions--above-rank {
    position: absolute;
    top: 10px;
    right: 10px;
    margin: 0
}

.music-detail--large .music-interactions--above-rank {
    top: 20px;
    right: 20px
}

.music-detail--fixed .music-interactions--above-rank {
    top: 10px;
    right: 0
}

.music-detail .music-interactions {
    margin-top: 10px
}

.music-detail--feed .music-interactions {
    padding: 0 var(--spacing2x)
}

.pinned-items--multiple .music-interactions {
    display: none
}

.music-interactions__wrap.row {
    margin-left: -10px;
    margin-right: -10px
}

.music-detail--related .music-interactions__wrap.row {
    margin: 0
}

.music-interactions__social {
    margin-left: 10px
}

.pinned-items--condensed .music-interactions__social {
    display: none
}

.music-detail--regular .music-interactions__social {
    position: absolute;
    top: 15px;
    right: 15px;
    margin: 0
}

.pinned-items--2 .music-interactions__social {
    margin-right: 30px
}

.music-interactions__words {
    text-align: right
}

@media screen and (max-width:900px) {

    .music-detail--search .music-interactions__counts,
    .music-detail--search .music-interactions__words {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        flex: 0 0 100%;
        text-align: left
    }
}

.music-interactions__admin {
    margin-right: 10px
}

.music-detail--fixed .music-interactions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

@media print,
screen and (min-width:40em) {
    .music-detail--fixed .music-interactions {
        position: absolute;
        top: 19px;
        right: 75px
    }
}

.music-detail--fixed .music-interactions .column {
    padding: 0
}

.music-detail--fixed .music-interactions__counts,
.music-detail--fixed .music-interactions__words {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    flex: 0 0 auto;
    max-width: 100%
}

.music-interaction {
    display: inline-block;
    color: var(--textPrimary);
    border: 1px solid var(--interactionButtonBorder);
    height: 25px;
    font-size: .923em;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -.34px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 5px 8px;
    white-space: nowrap;
    -webkit-transition: border-color var(--colorTransitionTime) linear, background-color var(--colorTransitionTime) linear, color var(--colorTransitionTime) linear;
    -moz-transition: border-color var(--colorTransitionTime) linear, background-color var(--colorTransitionTime) linear, color var(--colorTransitionTime) linear;
    transition: border-color var(--colorTransitionTime) linear, background-color var(--colorTransitionTime) linear, color var(--colorTransitionTime) linear
}

.music-interaction+.music-interaction {
    margin-left: 10px
}

.music-interaction:focus,
.music-interaction:hover {
    color: var(--interactionButtonHover)
}

.music-interaction--active {
    background: var(--brandColor);
    border-color: var(--brandColor);
    color: var(--secondary)
}

.music-interaction--active:focus,
.music-interaction--active:hover {
    color: #fff;
    border-color: #ffa200
}

.music-interaction--social {
    width: 18px;
    height: 18px;
    border: 0;
    padding: 0
}

.music-interaction__inner {
    display: inline-block
}

.music-interaction__icon {
    color: #ffa200;
    max-width: 20px;
    max-height: 15px;
    vertical-align: middle;
    -webkit-transform: translate3d(0, -1px, 0);
    -moz-transform: translate3d(0, -1px, 0);
    transform: translate3d(0, -1px, 0);
    margin-right: 5px
}

.music-interaction__icon--download {
    margin-right: 3px
}

.music-interaction__icon--comment,
.music-interaction__icon--playlist {
    width: 13px;
    height: 13px
}

.music-interaction__icon--playlist {
    width: 16px
}

.music-interaction__icon--pin {
    width: 14px;
    height: 14px
}

.music-interaction__icon--fav {
    width: 12px;
    height: 12px
}

.music-interaction__icon--play {
    width: 10px;
    height: 13px
}

.music-interaction__icon--buy,
.music-interaction__icon--download {
    width: 14px;
    height: 13px
}

.music-interaction--active .music-interaction__icon {
    color: #fff
}

.music-interaction__icon--twitter {
    color: #55acee;
    margin-left: 20px;
    width: 18px;
    height: 18px
}

.music-interactions__social .music-interaction__icon--twitter {
    margin-left: 0
}

.music-interaction__icon--facebook {
    color: #3b5998;
    width: 18px;
    height: 18px
}

.music-interaction[data-tooltip]:before {
    background: #000;
    margin-bottom: 12px
}

.music-interaction[data-tooltip]:after {
    bottom: -webkit-calc(100% - 3px);
    bottom: -moz-calc(100% - 3px);
    bottom: calc(100% - 3px);
    border-top-color: #000
}

.music-interaction--queue {
    position: relative;
    cursor: pointer
}

.music-interaction--queue .tooltip {
    font-weight: 600;
    position: absolute;
    bottom: -webkit-calc(100% + 8px);
    bottom: -moz-calc(100% + 8px);
    bottom: calc(100% + 8px)
}

.music-interaction--queue .tooltip:after {
    content: "";
    display: block;
    width: 100%;
    height: 10px;
    position: absolute;
    bottom: -10px;
    left: 0
}

.music-interaction--queue .tooltip button:focus,
.music-interaction--queue .tooltip button:hover {
    color: #ffa200
}

.music-interaction--queue:focus .tooltip,
.music-interaction--queue:hover .tooltip {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1)
}

.artwork-play-button {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-bottom: 100%
}

.artwork-play-button img {
    position: absolute;
    height: 100%;
    width: auto;
    max-width: none;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.artwork-play-button__rank {
    background: #ffa200;
    display: block;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    z-index: 6
}

.song-upload {
    -webkit-transition: -webkit-transform .15s ease-in, -webkit-box-shadow .4s ease-in-out;
    transition: -webkit-transform .15s ease-in, -webkit-box-shadow .4s ease-in-out;
    -moz-transition: transform .15s ease-in, box-shadow .4s ease-in-out, -moz-transform .15s ease-in, -moz-box-shadow .4s ease-in-out;
    transition: transform .15s ease-in, box-shadow .4s ease-in-out;
    transition: transform .15s ease-in, box-shadow .4s ease-in-out, -webkit-transform .15s ease-in, -moz-transform .15s ease-in, -webkit-box-shadow .4s ease-in-out, -moz-box-shadow .4s ease-in-out;
    max-width: 900px;
    margin: 0 auto 40px
}

.song-upload:last-child {
    margin-bottom: 0
}

.no-transition .song-upload,
.song-upload--dragging .song-upload {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none
}

.song-upload--dragging .song-upload {
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .3);
    box-shadow: 0 0 8px rgba(0, 0, 0, .3)
}

.song-upload__top {
    padding: 40px 25px 20px
}

@media screen and (min-width:640px) {
    .song-upload__top {
        padding-top: 30px
    }
}

.song-upload--album .song-upload__top {
    padding: 40px 25px 20px 70px
}

@media screen and (min-width:640px) {
    .song-upload--album .song-upload__top {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

.song-upload__original-title {
    color: #d8d8d8
}

.song-upload__toggle {
    background: none;
    display: block;
    width: 100%;
    color: hsla(0, 0%, 60%, .5);
    position: relative;
    top: 12px
}

.song-upload__toggle svg {
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: -webkit-transform .2s ease-out;
    -moz-transition: transform .2s ease-out, -moz-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out, -moz-transform .2s ease-out;
    width: 14px;
    height: 10px
}

.song-upload__title {
    font-weight: 600;
    font-size: .875rem;
    letter-spacing: -.45px;
    line-height: 20px;
    display: inline-block
}

.song-upload__progress {
    color: #8d8d8d;
    font-size: .82rem;
    line-height: 20px
}

.song-upload__progress-status {
    position: relative
}

.song-upload__progress-status .loader-container {
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    transform-origin: top right;
    position: absolute;
    top: 0;
    right: -30px
}

.song-upload__edit,
.song-upload__errors {
    position: absolute;
    right: 25px;
    top: 15px;
    font-weight: 700
}

@media screen and (min-width:640px) {

    .song-upload__edit,
    .song-upload__errors {
        top: 30px
    }
}

.song-upload__edit {
    padding-right: 0;
    padding-left: 0
}

.song-upload__copyright {
    max-width: 700px;
    margin: 0 auto
}

.song-upload .button--input:focus,
.song-upload .button--input:hover {
    color: #000
}

.song-upload .feed-bar {
    margin-bottom: 30px
}

.song-upload__save-as-single {
    position: absolute;
    right: 25px;
    top: 165px
}

.song-upload__save-as-single--normal-text {
    font-size: 1em;
    font-weight: 400 !important
}

.song-upload__album-track-delete-button {
    position: absolute;
    right: 25px;
    top: 120px;
    color: grey;
    padding-left: 12px;
    border-left: 1px solid #afafaf;
    font-weight: 700;
    z-index: 1
}

.song-upload__album-track-delete-icon {
    height: 18px;
    width: 18px;
    display: inline-block
}

.song-upload__album-track-replace-button {
    position: absolute;
    right: 66px;
    top: 118px;
    color: red;
    font-weight: 700;
    z-index: 1
}

.upload-progress-bar {
    padding: 3px;
    position: relative;
    height: 18px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border: 1px solid #e5e2e2;
    width: -webkit-calc(100% - 30px);
    width: -moz-calc(100% - 30px);
    width: calc(100% - 30px);
    margin: 1em 10px 0 0;
    display: inline-block
}

.upload-progress-bar__fill {
    width: 0;
    height: 100%;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: -moz-linear-gradient(left, #fd8625 0, #febe31 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #fd8625), to(#febe31));
    background: -webkit-linear-gradient(left, #fd8625, #febe31);
    background: -moz-linear-gradient(left, #fd8625 0, #febe31);
    background: linear-gradient(90deg, #fd8625, #febe31)
}

.upload-progress-bar--failed .upload-progress-bar__fill {
    background: #d41a00
}

.upload-progress-bar__tooltip {
    color: #fff;
    position: absolute;
    left: 0;
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    transform: translateY(-4px)
}

.upload-progress-bar__tooltip:before {
    background: #000;
    padding: 6px 16px;
    font-size: 1.077em
}

.upload-progress-bar__tooltip:after {
    border-top-color: #000
}

.upload__progress-icon {
    display: inline-block;
    width: 18px;
    height: 18px
}

.upload__progress-icon svg {
    display: block
}

.upload__progress-icon--close {
    cursor: pointer;
    background: #939393;
    -webkit-transition: background .12 ease-out;
    -moz-transition: background .12 ease-out;
    transition: background .12 ease-out;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    width: 20px;
    height: 20px;
    vertical-align: super
}

.upload__progress-icon--close:before {
    background: #000
}

.upload__progress-icon--close:after {
    border-top-color: #000
}

.upload__progress-icon--close:focus,
.upload__progress-icon--close:hover {
    -webkit-transition: background .12 ease-in;
    -moz-transition: background .12 ease-in;
    transition: background .12 ease-in;
    background: #000
}

.upload__progress-icon--close svg {
    padding: 4px;
    color: #fff;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: sub
}

.upload__progress-icon--check {
    color: #66b659
}

.upload__progress-icon--failed svg {
    padding: 2px
}

.song-upload--open .song-upload__toggle svg {
    -webkit-transition: -webkit-transform .2s ease-in;
    transition: -webkit-transform .2s ease-in;
    -moz-transition: transform .2s ease-in, -moz-transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in, -webkit-transform .2s ease-in, -moz-transform .2s ease-in;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg)
}

.upload-dropzone {
    border: 1px dashed #999;
    padding: 25px;
    display: block
}

.upload-overlay {
    -webkit-transition: .12s ease-out;
    -moz-transition: .12s ease-out;
    transition: .12s ease-out;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(215, 138, 34, .85);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    z-index: 31;
    text-align: center;
    font-size: 3.3em;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    color: #fff;
    font-weight: 700
}

.upload-overlay__plus {
    width: 126px;
    height: 126px;
    color: #fff;
    margin-bottom: .5em
}

.upload-overlay__title {
    letter-spacing: -1.43px
}

body.dragging .upload-overlay {
    opacity: 1;
    -webkit-transition: .12s ease-in;
    -moz-transition: .12s ease-in;
    transition: .12s ease-in
}

.upload-form--gray .upload-dropzone {
    background: #f8f8f8;
    font-weight: 500
}

.upload-form__add-existing-upload {
    z-index: 1
}

.upload-form__button-wrap {
    position: relative;
    display: inline-block
}

.upload-form__button-wrap input {
    opacity: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute
}

.upload-form__button {
    text-transform: uppercase;
    padding: 14px 25px;
    font-size: .846em
}

@media screen and (min-width:640px) {
    .upload-form__button {
        padding: 14px 60px;
        font-size: 1.077em
    }
}

.upload-form__head-text {
    margin-bottom: 1em;
    font-size: 1.154em;
    letter-spacing: -.38px;
    color: var(--textPrimary)
}

.upload-form__subtext {
    color: #404040;
    margin: 1em 0;
    display: block;
    font-size: .846em;
    letter-spacing: -.28px
}

.upload-form--footer {
    max-width: 900px;
    margin: 50px auto
}

.upload-intro {
    max-width: 900px;
    padding: 22px 30px;
    margin: 60px auto
}

@media print,
screen and (min-width:40em) {
    .upload-intro {
        padding: 35px 100px 55px
    }
}

.upload-intro--medium {
    max-width: 700px
}

.upload-intro--album {
    padding: 50px 75px
}

.upload-intro__title {
    padding: 0 60px
}

@media print,
screen and (min-width:40em) {
    .upload-intro__title {
        padding: 0
    }
}

.upload-intro .upload__main-title--album {
    margin-bottom: 0
}

.upload-intro__description {
    margin: 10px 0 0
}

.upload-intro__byline {
    color: #404040;
    margin-bottom: 3em;
    position: relative;
    display: inline-block
}

.upload-intro .button-link {
    position: absolute;
    right: -3em;
    top: 2px
}

.upload-intro__soundcloud,
.upload-intro__tos {
    margin-top: 2em;
    line-height: 20px;
    color: #666
}

.upload-intro__soundcloud a,
.upload-intro__tos a {
    font-weight: 600
}

.upload-intro__soundcloud {
    font-weight: 700;
    padding: 0 8%;
    letter-spacing: -.2px
}

.upload-intro__tos {
    letter-spacing: -.5px
}

.upload-intro__form {
    margin-top: 3em
}

.upload-intro--album .upload-intro__form {
    margin-top: 3.2em
}

.upload-intro__form label {
    text-align: left;
    display: block
}

.upload-intro__form label strong {
    display: inline-block;
    margin-bottom: 10px
}

.upload-intro__form [type=text] {
    outline: none
}

.upload-intro__form [type=text]:focus {
    border-color: #b5b5b5
}

.upload-intro__form .button {
    width: 200px;
    margin-top: 2em
}

.upload-intro__form .upload-intro--album [type=text] {
    margin-top: 10px
}

.upload-back-link {
    position: absolute;
    top: 37px;
    left: 15px;
    letter-spacing: -.55px;
    color: var(--textPrimary);
    font-weight: 700;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media print,
screen and (min-width:40em) {
    .upload-back-link {
        top: 45px;
        left: 35px;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
}

.upload-back-link span {
    color: #ffa200;
    margin-right: 2px
}

.upload-back-link:focus,
.upload-back-link:hover {
    color: #ffa200
}

.upload__main-title {
    font-size: 1.3rem;
    letter-spacing: -.06875rem;
    line-height: 1.3;
    color: var(--textPrimary);
    margin-bottom: 1.25rem
}

@media screen and (min-width:640px) {
    .upload__main-title {
        font-size: 1.875rem;
        line-height: 41px;
        letter-spacing: -.04688rem;
        margin-bottom: 2.5rem;
        padding: 0
    }
}

@-webkit-keyframes saveFade {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-moz-keyframes saveFade {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes saveFade {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.album-actions {
    text-align: center;
    margin-bottom: 40px
}

.album-actions .button {
    margin-left: 0;
    margin-right: 1em
}

.album-actions .button--start-over {
    color: #222
}

@media (min-width:1260px) {
    .album-actions {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        position: fixed;
        -webkit-align-content: center;
        align-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        top: 0;
        height: 100%;
        right: 0;
        margin-right: 30px;
        margin-bottom: 0;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        justify-content: flex-end;
        padding-bottom: 60px;
        z-index: 2
    }

    .album-actions .button {
        margin-bottom: 1em;
        margin-right: 0
    }

    .album-actions .button:last-child {
        margin-bottom: 2em
    }
}

.album-actions__saving {
    margin-bottom: 1em
}

.album-actions__saving--saved {
    -webkit-animation: saveFade 1s ease-out forwards;
    -moz-animation: saveFade 1s ease-out forwards;
    animation: saveFade 1s ease-out forwards
}

.album-actions__preview {
    color: #222;
    background: #fff
}

@media screen and (min-width:768px) {
    .song-upload__info-panel {
        height: 400px
    }
}

.album-actions__saving,
.button--finishing {
    position: relative
}

.album-actions__saving:after,
.button--finishing:after {
    content: "\2026";
    position: absolute;
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    -webkit-animation: ellipsis 1.7s steps(4) infinite;
    -moz-animation: ellipsis steps(4) 1.7s infinite;
    animation: ellipsis 1.7s steps(4) infinite;
    width: 0
}

.upload-form-error {
    background: red;
    padding: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #fff
}

.upload-form-error__icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 40px;
    -moz-box-flex: 0;
    flex: 0 0 40px
}

.upload-form-error p {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    flex: 1;
    line-height: 1.4;
    font-weight: 700
}

@-webkit-keyframes ellipsis {
    to {
        width: 1.25em
    }
}

@-moz-keyframes ellipsis {
    to {
        width: 1.25em
    }
}

@keyframes ellipsis {
    to {
        width: 1.25em
    }
}

.song-upload__metadata--album {
    margin-bottom: 40px
}

.song-upload__metadata-inner {
    width: 102%;
    height: 100%;
    margin: 0 -1%;
    padding: 0 10px calc(1% + 30px)
}

@media screen and (min-width:640px) {
    .song-upload__metadata-inner {
        padding: 0 calc(1% + 30px) calc(1% + 30px)
    }
}

.song-upload__metadata [data-tooltip]:before {
    background: #000;
    bottom: auto;
    top: 50%;
    left: -webkit-calc(100% + 8px);
    left: -moz-calc(100% + 8px);
    left: calc(100% + 8px);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 195px;
    white-space: pre-wrap;
    line-height: 1.4
}

.song-upload__metadata [data-tooltip]:after,
.song-upload__metadata [data-tooltip]:before,
.song-upload__metadata [data-tooltip]:hover:before {
    -webkit-transform: translateY(-50%) translateZ(0);
    -moz-transform: translateY(-50%) translateZ(0);
    transform: translateY(-50%) translateZ(0)
}

.song-upload__metadata [data-tooltip]:after {
    border-top: 5px solid transparent;
    border-right: 5px solid #000;
    left: 10px;
    top: 50%
}

.song-upload__metadata [data-tooltip]:hover:after {
    -webkit-transform: translateY(-50%) translateZ(0);
    -moz-transform: translateY(-50%) translateZ(0);
    transform: translateY(-50%) translateZ(0)
}

.song-upload__metadata [name=description] {
    height: 215px
}

.song-upload__checkbox-label {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column
}

.song-upload__basic-image-wrap,
.song-upload__checkbox-label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

.song-upload__basic-image-wrap {
    margin-bottom: 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

@media screen and (min-width:640px) {
    .song-upload__basic-image-wrap {
        display: block;
        margin-bottom: 35px
    }
}

@media screen and (max-width:639px) {
    .song-upload__basic-image-wrap .button {
        padding-left: 14px;
        padding-right: 14px
    }
}

.song-upload__basic-image {
    background: url(/static/images/default-song-image.jpg) #f3f3f3;
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100px;
    -moz-box-flex: 0;
    flex: 0 0 100px;
    margin: 0 15px 0 0
}

@media screen and (min-width:640px) {
    .song-upload__basic-image {
        margin-right: 0;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px
    }
}

.song-upload__basic-image--has-image {
    background: none
}

.song-upload__basic-image img {
    margin: 0 auto
}

@media screen and (min-width:640px) {
    .song-upload__basic-image img {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px
    }
}

.song-upload__basic-image-req {
    font-size: .923em;
    margin-top: 10px;
    line-height: 17px;
    letter-spacing: -.4px;
    color: #666
}

.song-upload__basic-info {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-box-flex: 0;
    flex: 0 0 100%
}

@media screen and (min-width:768px) {
    .song-upload__basic-info {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        flex: 1
    }
}

.song-upload__description {
    height: 100%
}

.song-upload__description textarea {
    height: 125px
}

.input--prepend {
    background: var(--inputPrependBackground);
    border: 1px solid var(--defaultBorder);
    border-right: 0;
    width: auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    flex: 0 0 auto;
    max-width: 250px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: none
}

@media screen and (min-width:640px) {
    .input--prepend {
        display: block
    }
}

.input--prepend+input {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    flex: 1
}

.song-upload__tos {
    letter-spacing: -.4px;
    line-height: 1.538em;
    color: #666;
    margin-bottom: 20px
}

.song-upload__meta-bottom-arrow {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25px;
    -moz-box-flex: 0;
    flex: 0 0 25px;
    color: #ddd;
    cursor: pointer
}

.song-upload__meta-bottom-arrow:hover {
    color: #333
}

.song-upload__meta-bottom-arrow svg {
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
}

@media screen and (max-width:639px) {
    .song-upload__meta-bottom-buttons {
        padding: 0 15px
    }
}

.song-upload__meta-bottom-button-wrap {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    flex: 1
}

.song-upload__meta-bottom-button {
    font-size: 1.077em;
    font-weight: 700;
    text-transform: uppercase;
    padding: 13px 35px
}

@media screen and (min-width:640px) {
    .song-upload__meta-bottom-button {
        padding: 13px 78px
    }
}

.song-upload__check-icon {
    width: 16px;
    height: 16px
}

.song-upload__option-message--private {
    padding-top: 28px
}

.song-upload__option-message {
    margin-top: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

@media screen and (min-width:768px) {
    .song-upload__option-message {
        margin-top: 0
    }
}

.song-upload__option-message>.u-flex {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.song-upload__option-message .bolded {
    display: block;
    font-weight: 700;
    font-size: 1.231em;
    line-height: 20px;
    letter-spacing: -.4px;
    margin-left: 0
}

.song-upload__option-message--release .bolded {
    font-size: 1em
}

.song-upload__option-message input[type=checkbox] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20px;
    -moz-box-flex: 0;
    flex: 0 0 20px
}

.song-upload__option-message--small {
    font-weight: 600;
    letter-spacing: -.4px;
    margin: 0 0 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.song-upload__option-message--small span {
    display: inline-block;
    margin-right: 10px
}

.upload-start__options {
    max-width: 1000px;
    margin: 20px auto 10px;
    padding: 0 9px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width:640px) {
    .upload-start__options {
        margin: 40px auto
    }
}

.upload-start__option {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-box-flex: 0;
    flex: 0 0 100%;
    margin-bottom: 10px;
    cursor: pointer
}

@media screen and (min-width:641px) {
    .upload-start__option {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        flex: 0 0 50%;
        margin-bottom: 20px;
        padding: 0 9px
    }
}

@media screen and (min-width:850px) {
    .upload-start__option {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.333%;
        -moz-box-flex: 0;
        flex: 0 0 33.333%;
        margin: 0
    }
}

.upload-start__option-inner {
    padding: 10px 30px 10px 10px;
    height: 70px;
    border: 2px solid #fff;
    -webkit-transition: border-color .2s ease-in-out;
    -moz-transition: border-color .2s ease-in-out;
    transition: border-color .2s ease-in-out;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 10px rgba(0, 0, 0, .05)
}

@media screen and (min-width:640px) {
    .upload-start__option-inner {
        padding: 35px 35px 15px;
        display: block;
        height: auto
    }
}

.upload-start__option-inner:hover {
    border-color: #dedede
}

.upload-start__option--selected .upload-start__option-inner {
    border-color: #ffa200
}

.upload-start__option-overlay {
    background: #000;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    color: #fff;
    padding: 15px;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
    -webkit-transition: opacity .25s ease-in-out, -webkit-transform .25s ease-in-out;
    transition: opacity .25s ease-in-out, -webkit-transform .25s ease-in-out;
    -moz-transition: transform .25s ease-in-out, opacity .25s ease-in-out, -moz-transform .25s ease-in-out;
    transition: transform .25s ease-in-out, opacity .25s ease-in-out;
    transition: transform .25s ease-in-out, opacity .25s ease-in-out, -webkit-transform .25s ease-in-out, -moz-transform .25s ease-in-out
}

.upload-start__option-overlay--active {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.upload-start__option-overlay-close {
    width: 12px;
    height: 12px;
    position: absolute;
    top: 12px;
    right: 12px;
    color: #686868;
    cursor: pointer;
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
}

.upload-start__option-overlay-close:hover {
    color: #fff
}

.upload-start__option-overlay h4 {
    color: #fff;
    font-weight: 700;
    font-size: 1.231em;
    letter-spacing: -.5px;
    line-height: 1.3;
    margin: 0 0 5px
}

.upload-start__option-overlay p {
    letter-spacing: -.4px;
    line-height: 1.3;
    margin-bottom: 15px
}

.upload-start__option-overlay .button:hover {
    background: #cc8200
}

.upload-start__option-icon {
    color: #ffa200;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 52px;
    -moz-box-flex: 0;
    flex: 0 0 52px;
    margin: 0 15px 0 0
}

@media screen and (min-width:640px) {
    .upload-start__option-icon {
        height: 90px;
        margin: 0 auto 15px 0
    }
}

@media screen and (max-width:639px) {
    .upload-start__option-icon--song {
        padding: 0 6px
    }
}

@media screen and (max-width:639px) {
    .upload-start__option-icon--mix {
        padding: 0 4px
    }
}

@media screen and (max-width:639px) {
    .upload-start__option-icon--podcast {
        padding: 0 9px
    }
}

@media screen and (max-width:639px) {
    .upload-start__option-text {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        align-items: center
    }
}

.upload-start__option-title {
    font-size: 1.385em;
    letter-spacing: -.45px;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 15px
}

@media screen and (max-width:639px) {
    .upload-start__option-title {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        flex: 1;
        margin: 0;
        text-align: left
    }
}

.upload-start__option-check {
    background: #d8d8d8;
    display: inline-block;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    padding: 4px;
    -webkit-transition: background-color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out
}

.upload-start__option--selected .upload-start__option-check {
    background: #ffa200
}

.upload-start__option-check svg {
    vertical-align: super;
    opacity: 0;
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.upload-start__option--selected .upload-start__option-check svg {
    opacity: 1
}

.upload-start__meta {
    margin-top: 20px
}

@media print,
screen and (min-width:40em) {
    .upload-start__meta {
        margin-top: 40px
    }
}

.upload-start__meta p {
    letter-spacing: -.5px;
    line-height: 20px;
    max-width: 650px;
    margin: 0 auto
}

.upload-start__meta p+p {
    margin-top: 20px
}

.upload-start__button {
    text-transform: uppercase;
    padding: 14px 80px
}

.upload-start__partner {
    max-width: 850px;
    margin: 40px auto 0;
    padding: 25px 20px 20px
}

.upload-start__partner h3 {
    font-size: 1.385em;
    line-height: 1.33;
    letter-spacing: -1px;
    margin: 0 0 5px
}

.upload-start__partner p {
    line-height: 1.38;
    letter-spacing: -.4px;
    margin: 0 0 12px
}

.upload-start__partner .button {
    padding: 10px 38px
}

.upload-partner {
    max-width: 960px;
    margin: 40px auto 0
}

.upload-complete {
    padding: 0
}

@media screen and (min-width:768px) {
    .upload-complete {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex
    }
}

@media screen and (min-width:768px) {
    .upload-complete__col {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        flex: 1;
        max-width: -webkit-calc(100% - 300px);
        max-width: -moz-calc(100% - 300px);
        max-width: calc(100% - 300px)
    }
}

@media screen and (min-width:768px) {
    .upload-complete__col--left {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center
    }
}

.upload-complete__col--right {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 300px;
    -moz-box-flex: 0;
    flex: 0 0 300px;
    padding: 0
}

.upload-complete__col-inner {
    padding: 25px 30px;
    width: 100%
}

@media screen and (min-width:768px) {
    .upload-complete__col-inner {
        padding: 25px 60px
    }
}

.upload-complete__col-inner--less-padding {
    padding-left: 0
}

.upload-complete__title {
    font-size: 1.6em;
    line-height: 1.3;
    letter-spacing: -.4px;
    font-weight: 700;
    margin: 0
}

@media screen and (min-width:768px) {
    .upload-complete__title {
        font-size: 1.846em;
        line-height: 1.8
    }
}

.upload-complete__subtitle {
    margin: 0 0 20px
}

.upload-complete__artwork {
    width: 100px;
    height: 100px;
    margin: 10px auto
}

.upload-complete__track-info {
    font-size: 1.077em;
    letter-spacing: -.4px;
    line-height: 1.5;
    margin: 0
}

.upload-complete__track-info--link,
.upload-complete__track-info--title {
    font-weight: 600
}

.upload-complete__app-badges {
    margin: 5px 0 20px
}

.upload-complete__app-badges>a {
    display: inline-block;
    margin: 0 8px
}

.upload-complete__social {
    margin-top: 15px
}

.upload-complete__social-button {
    display: block;
    max-width: 200px;
    margin: 0 auto
}

.upload-complete__social-button+.upload-complete__social-button {
    margin-top: 15px
}

.upload-complete__promo-link {
    background: var(--uploadCompletePromoBoxBackground)
}

.upload-complete__promo-button {
    width: 220px;
    padding-top: 17px;
    padding-bottom: 17px;
    position: relative;
    -webkit-box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .1)
}

.upload-complete__promo-button-icon {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    right: 27px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%)
}

.upload-share-wrap+.upload-share-wrap {
    margin-top: 20px
}

.upload-share {
    border: 1px solid var(--defaultBorder);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.upload-share--facebook {
    background: var(--contentBox)
}

.upload-share__heading-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 5px
}

.upload-share__heading-icon--twitter {
    color: var(--twitter);
    -webkit-transform: translateY(2px);
    -moz-transform: translateY(2px);
    transform: translateY(2px)
}

.upload-share__heading-icon--facebook {
    color: var(--facebook);
    width: 15px;
    height: 16px
}

.upload-share__image {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 125px;
    -moz-box-flex: 0;
    flex: 0 0 125px;
    height: 125px
}

.upload-share__details {
    max-width: -webkit-calc(100% - 125px);
    max-width: -moz-calc(100% - 125px);
    max-width: calc(100% - 125px)
}

.upload-share__top-am {
    display: none
}

.upload-share--facebook .upload-share__top-am {
    display: block
}

.upload-share--facebook .upload-share__title {
    font-weight: 700
}

.upload-share__desc {
    line-height: 1.25rem
}

.upload-share__bottom-am {
    display: none
}

.player,
.upload-share--twitter .upload-share__bottom-am {
    display: block
}

.player {
    width: 100%;
    height: 80px;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 28;
    -webkit-transition: width .2s, height .2s, -webkit-transform .25s cubic-bezier(.455, .03, .515, .955) .5s;
    transition: width .2s, height .2s, -webkit-transform .25s cubic-bezier(.455, .03, .515, .955) .5s;
    -moz-transition: transform .25s cubic-bezier(.455, .03, .515, .955) .5s, width .2s, height .2s, -moz-transform .25s cubic-bezier(.455, .03, .515, .955) .5s;
    transition: transform .25s cubic-bezier(.455, .03, .515, .955) .5s, width .2s, height .2s;
    transition: transform .25s cubic-bezier(.455, .03, .515, .955) .5s, width .2s, height .2s, -webkit-transform .25s cubic-bezier(.455, .03, .515, .955) .5s, -moz-transform .25s cubic-bezier(.455, .03, .515, .955) .5s;
    will-change: transform, width, height;
    -webkit-transform: translateY(150%) translateZ(0);
    -moz-transform: translateY(150%) translateZ(0);
    transform: translateY(150%) translateZ(0);
    padding: 0;
    min-width: 220px
}

.player__inner {
    background-color: #161616;
    position: relative;
    padding: 13px 20px;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

body.dark-theme .player__inner {
    background: #090909
}

.player__waveform {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    flex-grow: 1;
    height: 100%;
    margin: 0 20px;
    padding-top: 15px;
    color: #fff;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    transition: opacity .2s;
    display: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    min-width: 100px
}

@media (min-width:500px) {
    .player__waveform {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex
    }
}

.player__waveform .waveform-wrap {
    margin: 0;
    height: 100%;
    width: 100%
}

.player__album-text {
    margin-top: -20px;
    display: block;
    font-weight: 600;
    letter-spacing: -.0375rem;
    font-size: .6875rem
}

.player__album-text,
.player__icons {
    position: absolute;
    width: 100%;
    text-align: center
}

.player__icons {
    height: 100%;
    top: 0;
    left: 0;
    margin: 0;
    line-height: 58px;
    z-index: 1;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    transition: opacity .2s;
    opacity: 0;
    pointer-events: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    padding: 0 90px 0 25px
}

@media print,
screen and (min-width:64em) {
    .player__icons {
        opacity: 1;
        pointer-events: auto;
        position: relative;
        display: inline-block;
        padding-left: 0;
        padding-right: 50px
    }
}

.player__icons-wrap {
    color: #fff;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 55px;
    -moz-box-flex: 0;
    flex: 0 0 55px
}

@media print,
screen and (min-width:40em) {
    .player__icons-wrap {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -moz-box-flex: 0;
        flex: 0 0 auto
    }
}

.player__icon {
    margin-left: 20px;
    width: 20px;
    height: 20px;
    color: #fff;
    vertical-align: middle;
    z-index: 4;
    position: relative;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

@media print,
screen and (min-width:64em) {
    .player__icon {
        display: inline-block
    }
}

.player__icon--active,
.player__icon:focus,
.player__icon:hover {
    color: #ffa200
}

.player__icon--airplay {
    margin-top: 3px
}

.player__icon--queue {
    padding-top: 3px
}

.player__icon--embed {
    width: 25px
}

.player__icon--reup {
    width: 17px
}

.player__icon--fav {
    width: 18px
}

.player__icon--oplaylist {
    width: 22px
}

.player__icon--volume {
    width: 18px;
    height: 18px;
    padding: 0 1px 0 0
}

.player__icon--volume-high,
.player__icon--volume-low {
    padding: 2px 0 0
}

.player__icon--soundcloud {
    height: 30px;
    width: 30px
}

.player__icon--chromecast {
    --disconnected-color: #fff;
    --connected-color: #ffa200;
    display: none !important;
    margin-left: 0
}

.player__icon--chromecast:focus,
.player__icon--chromecast:hover {
    --disconnected-color: #ffa200
}

.player__icon--chromecast.player__icon--active {
    display: inline-block !important
}

.player__icon--chromecast.player__icon--error {
    --disconnected-color: #d41a00 !important
}

.player__icon svg {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0)
}

.player__icon-trigger {
    display: block;
    cursor: pointer;
    z-index: 2;
    color: #fff;
    position: absolute;
    right: 55px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media print,
screen and (min-width:40em) {
    .player__icon-trigger {
        right: 45px
    }
}

@media (min-width:500px) {
    .player__icon-trigger {
        position: relative;
        top: auto;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
        right: auto;
        margin-right: 45px
    }
}

.player__icon-trigger svg {
    width: 20px
}

.player__icon-collapse {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 25px;
    color: #757575;
    z-index: 2;
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: -webkit-transform .2s ease-out;
    -moz-transition: transform .2s ease-out, -moz-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out, -moz-transform .2s ease-out;
    width: 16px;
    height: 18px
}

.player__controls {
    color: #fff;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100px;
    -moz-box-flex: 0;
    flex: 0 0 100px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    transition: opacity .2s;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

@media print,
screen and (min-width:40em) {
    .player__controls {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 110px;
        -moz-box-flex: 0;
        flex: 0 0 110px;
        margin-right: 15px
    }
}

.player__controls .loader-container {
    margin: -17px 0 0 -17px
}

.player__control {
    width: 25px;
    height: 17px;
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    color: #fff !important
}

@media print,
screen and (min-width:40em) {
    .player__control {
        width: 28px;
        height: 20px
    }
}

.player__control:focus:not([disabled]),
.player__control:hover:not([disabled]) {
    color: #ffa200 !important
}

.player__control:active {
    top: 1px
}

.player__control--back[disabled],
.player__control--forwards[disabled],
.player__control--main[disabled] {
    background: none;
    color: #999 !important
}

.player--active {
    -webkit-transform: translateY(0) translateZ(0);
    -moz-transform: translateY(0) translateZ(0);
    transform: translateY(0) translateZ(0)
}

.player--icon-visible .player__controls,
.player--icon-visible .player__details-wrap,
.player--icon-visible .player__waveform {
    opacity: 0;
    pointer-events: none
}

.player--icon-visible .player__icons {
    opacity: 1;
    pointer-events: auto
}

@media print,
screen and (min-width:64em) {

    .player--icon-visible .player__controls,
    .player--icon-visible .player__details-wrap,
    .player--icon-visible .player__waveform {
        opacity: 1;
        pointer-events: auto
    }
}

.player--collapsed {
    width: 220px;
    height: 50px
}

.player--collapsed .player__icon-trigger {
    display: none
}

.player--collapsed .player__icon-collapse {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: -webkit-transform .2s ease-out;
    -moz-transition: transform .2s ease-out, -moz-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out, -moz-transform .2s ease-out
}

.player--collapsed .player__details-wrap,
.player--collapsed .player__icons,
.player--collapsed .player__waveform {
    opacity: 0;
    width: 0;
    min-width: auto;
    margin: 0;
    padding: 0;
    pointer-events: none
}

.player--collapsed .player__icon--chromecast {
    display: none !important
}

.volume-container {
    position: relative
}

.volume-slider {
    background: #222;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    position: absolute;
    height: 100px;
    bottom: 50px;
    left: 20px;
    width: 25px;
    padding: 20px 0;
    pointer-events: none;
    -webkit-transition: opacity .12s ease-in, -webkit-transform .12s ease-in;
    transition: opacity .12s ease-in, -webkit-transform .12s ease-in;
    -moz-transition: opacity .12s ease-in, transform .12s ease-in, -moz-transform .12s ease-in;
    transition: opacity .12s ease-in, transform .12s ease-in;
    transition: opacity .12s ease-in, transform .12s ease-in, -webkit-transform .12s ease-in, -moz-transform .12s ease-in;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 0;
    z-index: 5
}

.volume-container:hover .volume-slider {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    pointer-events: auto;
    opacity: 1
}

.volume-slider__scrubber {
    z-index: 2;
    width: 15px;
    height: 15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    left: 50%;
    margin-left: -8px;
    bottom: 0;
    -webkit-transform: translateY(7px);
    -moz-transform: translateY(7px);
    transform: translateY(7px);
    position: absolute;
    -webkit-transition: -webkit-transform .1s;
    transition: -webkit-transform .1s;
    -moz-transition: transform .1s, -moz-transform .1s;
    transition: transform .1s;
    transition: transform .1s, -webkit-transform .1s, -moz-transform .1s;
    cursor: pointer;
    cursor: -webkit-grab
}

.volume-slider__scrubber:active {
    cursor: -webkit-grabbing
}

.volume-slider:focus .volume-slider__scrubber,
.volume-slider:hover .volume-slider__scrubber {
    -webkit-transform: translateY(7px) scale(1.1);
    -moz-transform: translateY(7px) scale(1.1);
    transform: translateY(7px) scale(1.1)
}

.volume-slider__inner {
    position: relative;
    display: block;
    height: 100%;
    width: 100%
}

.volume-slider__backfill,
.volume-slider__fill {
    background: #404040;
    position: absolute;
    width: 2px;
    left: 11px;
    z-index: 0;
    bottom: 0;
    cursor: pointer
}

.volume-slider__backfill {
    height: 100%
}

.volume-slider__fill {
    background: #ffa200;
    z-index: 1;
    height: 10px
}

.player-queue-menu {
    position: absolute;
    bottom: 60px;
    left: 0;
    max-width: 630px;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: -webkit-calc(100vw - 50px);
    width: -moz-calc(100vw - 50px);
    width: calc(100vw - 50px);
    height: -webkit-calc(100vh - 150px);
    height: -moz-calc(100vh - 150px);
    height: calc(100vh - 150px);
    background: #161616;
    max-height: 520px
}

body.dark-theme .player-queue-menu {
    background: #090909
}

@media print,
screen and (min-width:64em) {
    .player-queue-menu {
        left: auto;
        right: -15px
    }
}

.player-queue-menu__header {
    padding: 5px 5px 15px
}

.player-queue-menu__header .button--pill:focus,
.player-queue-menu__header .button--pill:hover {
    background: #e69200
}

.player-queue-menu__list {
    height: -webkit-calc(100% - 60px);
    height: -moz-calc(100% - 60px);
    height: calc(100% - 60px);
    max-height: 450px;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    width: 100%
}

.player-queue-menu__shuffle {
    width: 20px;
    height: 18px
}

.player-queue-menu__shuffle[disabled] {
    background: none;
    color: #383838
}

.player-queue-menu__close {
    color: #666;
    vertical-align: middle;
    display: inline-block;
    margin-left: 1em;
    width: 16px;
    height: 16px
}

.player-queue__modal-form {
    padding: 0 5px
}

.player-queue__modal-form .column {
    padding: 0 10px
}

.list__title {
    font-weight: 700;
    text-transform: uppercase
}

.list-item {
    color: #fff;
    position: relative;
    -webkit-transition: -webkit-transform .15s ease-in;
    transition: -webkit-transform .15s ease-in;
    -moz-transition: transform .15s ease-in, -moz-transform .15s ease-in;
    transition: transform .15s ease-in;
    transition: transform .15s ease-in, -webkit-transform .15s ease-in, -moz-transform .15s ease-in;
    margin-bottom: 1.5em
}

.list-item--small {
    margin-bottom: 1.15em
}

.list-item--small:last-child {
    margin-bottom: 2em
}

.list-item__inner {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

.list-item__image,
.list-item__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    position: relative
}

.list-item__image {
    max-width: 100px;
    max-height: 100px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100px;
    -moz-box-flex: 0;
    flex: 0 0 100px;
    overflow: hidden
}

.list-item__image.u-album-stack {
    overflow: visible
}

.list-item--small .list-item__image {
    max-width: 70px;
    max-height: 70px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 70px;
    -moz-box-flex: 0;
    flex: 0 0 70px
}

.list-item__details {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    flex-grow: 1;
    max-width: -webkit-calc(100% - 100px);
    max-width: -moz-calc(100% - 100px);
    max-width: calc(100% - 100px);
    padding-left: 14px;
    font-size: .9rem;
    color: #000
}

.list-item--small .list-item__details {
    max-width: -webkit-calc(100% - 70px);
    max-width: -moz-calc(100% - 70px);
    max-width: calc(100% - 70px);
    padding-left: 10px
}

.list-item__details-link {
    color: #000;
    display: inline-block;
    width: 100%;
    line-height: 1.3
}

.list-item__details-link:focus,
.list-item__details-link:hover {
    color: #ffa200
}

.list-item--featured .list-item__details-link {
    display: block
}

.list-item__details-artist {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.2;
    letter-spacing: -.5px
}

.list-item--featured .list-item__details-artist {
    font-size: .875rem;
    line-height: 1.285
}

.no-cssremunit .list-item--featured .list-item__details-artist {
    font-size: 14px
}

.list-item__details-meta {
    font-size: .8125rem;
    letter-spacing: -.5px
}

.no-cssremunit .list-item__details-meta {
    font-size: 13px
}

.list-item--featured .list-item__details-meta {
    font-size: .875rem;
    line-height: 1.285
}

.no-cssremunit .list-item--featured .list-item__details-meta {
    font-size: 14px
}

.list-item__details-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.3;
    font-weight: 700
}

.list-item__details-title a {
    color: #fff
}

.list-item__details-featuring {
    line-height: 1
}

.list-item__desc {
    letter-spacing: -.37px;
    line-height: 1.385;
    display: block;
    display: -webkit-box;
    height: 36.01px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .8125rem;
    margin: 5px auto 0
}

.no-cssremunit .list-item__desc {
    font-size: 13px
}

.toast-notification {
    background: #222;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .05);
    box-shadow: 0 0 10px rgba(0, 0, 0, .05);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: fixed;
    left: 50%;
    -webkit-transform: translate(-50%, 20px);
    -moz-transform: translate(-50%, 20px);
    transform: translate(-50%, 20px);
    -webkit-transition: -webkit-transform .2s ease-in;
    transition: -webkit-transform .2s ease-in;
    -moz-transition: transform .2s ease-in, -moz-transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in, -webkit-transform .2s ease-in, -moz-transform .2s ease-in;
    will-change: transform, margin;
    z-index: 33;
    letter-spacing: -.5px;
    padding: 10px 20px;
    -webkit-animation: toasted 5s ease-in forwards;
    -moz-animation: toasted 5s forwards ease-in;
    animation: toasted 5s ease-in forwards
}

.toast-notification,
.toast-notification__item {
    color: #fff;
    font-weight: 700
}

.toast-notification__icon {
    color: #ffa200
}

@-webkit-keyframes toasted {

    0%,
    to {
        opacity: 0;
        margin-top: -10px
    }

    5%,
    95% {
        opacity: 1;
        margin-top: 0
    }
}

@-moz-keyframes toasted {

    0%,
    to {
        opacity: 0;
        margin-top: -10px
    }

    5%,
    95% {
        opacity: 1;
        margin-top: 0
    }
}

@keyframes toasted {

    0%,
    to {
        opacity: 0;
        margin-top: -10px
    }

    5%,
    95% {
        opacity: 1;
        margin-top: 0
    }
}

.persistent-message {
    background: #ffa200;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
    box-shadow: 0 0 20px rgba(0, 0, 0, .15);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: fixed;
    top: var(--headerSize)15;
    right: 15px;
    -webkit-transition: -webkit-transform .2s ease-in;
    transition: -webkit-transform .2s ease-in;
    -moz-transition: transform .2s ease-in, -moz-transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in, -webkit-transform .2s ease-in, -moz-transform .2s ease-in;
    z-index: 34;
    color: #fff;
    padding: 10px;
    font-weight: 700;
    letter-spacing: -.55px;
    -webkit-animation: fadeIn .12s ease-in forwards;
    -moz-animation: fadeIn .12s forwards ease-in;
    animation: fadeIn .12s ease-in forwards
}

.persistent-message .button-link,
.persistent-message a {
    color: #fff;
    text-decoration: underline
}

.persistent-message .button-link:focus,
.persistent-message .button-link:hover,
.persistent-message a:focus,
.persistent-message a:hover {
    color: #fff;
    text-decoration: none
}

.avatar-container {
    max-width: 300px;
    max-height: 300px;
    position: relative
}

.avatar-container--overflow {
    overflow: visible
}

.avatar-container img {
    display: block;
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.dashboard-music-detail .avatar-container,
.music-detail--profile .avatar-container img {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.dashboard-music-detail .avatar-container {
    overflow: visible;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 190px;
    -moz-box-flex: 0;
    flex: 0 0 190px;
    width: 190px;
    height: 190px
}

.avatar-container--square img,
.dashboard-music-detail .avatar-container img {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.avatar-container__input-wrap {
    background: rgba(0, 0, 0, .5);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    cursor: pointer
}

.avatar-container__input-wrap,
.avatar-container__input-wrap input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.avatar-container__input-wrap input {
    opacity: 0;
    z-index: 2
}

.user-profile__avatar-wrap .avatar-container__input-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.avatar-container--dirty .avatar-container__input-wrap {
    background: transparent
}

.avatar-container__icon {
    color: #fff;
    width: 30%;
    height: 30%;
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    transform: translateY(-15px)
}

.avatar-container--zoomable {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
    background: #d8d8d8;
    z-index: 4;
    -webkit-transition: -webkit-transform .12s ease-out;
    transition: -webkit-transform .12s ease-out;
    -moz-transition: transform .12s ease-out, -moz-transform .12s ease-out;
    transition: transform .12s ease-out;
    transition: transform .12s ease-out, -webkit-transform .12s ease-out, -moz-transform .12s ease-out
}

.avatar-container--zoomable img {
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition: -webkit-transform .12s ease-in;
    transition: -webkit-transform .12s ease-in;
    -moz-transition: transform .12s ease-in, -moz-transform .12s ease-in;
    transition: transform .12s ease-in;
    transition: transform .12s ease-in, -webkit-transform .12s ease-in, -moz-transform .12s ease-in
}

.avatar-container--active {
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out;
    cursor: zoom-out
}

.avatar-container.music-artwork {
    overflow: visible
}

.auth--page {
    max-width: 400px;
    margin: 0 auto !important
}

.auth form [type=email],
.auth form [type=password],
.auth form [type=text],
.auth form textarea {
    background: var(--inputBackground);
    font-size: 14px;
    color: var(--textPrimary);
    -webkit-transition: background-color var(--colorTransitionTime) ease-in-out, color var(--colorTransitionTime) ease-in-out, -webkit-box-shadow var(--colorTransitionTime) ease-in-out;
    transition: background-color var(--colorTransitionTime) ease-in-out, color var(--colorTransitionTime) ease-in-out, -webkit-box-shadow var(--colorTransitionTime) ease-in-out;
    -moz-transition: background-color var(--colorTransitionTime) ease-in-out, color var(--colorTransitionTime) ease-in-out, box-shadow var(--colorTransitionTime) ease-in-out, -moz-box-shadow var(--colorTransitionTime) ease-in-out;
    transition: background-color var(--colorTransitionTime) ease-in-out, color var(--colorTransitionTime) ease-in-out, box-shadow var(--colorTransitionTime) ease-in-out;
    transition: background-color var(--colorTransitionTime) ease-in-out, color var(--colorTransitionTime) ease-in-out, box-shadow var(--colorTransitionTime) ease-in-out, -webkit-box-shadow var(--colorTransitionTime) ease-in-out, -moz-box-shadow var(--colorTransitionTime) ease-in-out
}

.auth form [type=email]:-webkit-autofill,
.auth form [type=password]:-webkit-autofill,
.auth form [type=text]:-webkit-autofill,
.auth form textarea:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px var(--inputBackground) inset;
    box-shadow: 0 0 0 1000px var(--inputBackground) inset;
    border: 1px solid #ddd
}

.auth form :-moz-placeholder,
.auth form ::-moz-placeholder {
    color: #868686 !important;
    opacity: 1;
    font-weight: 600
}

.auth form ::-ms-input-placeholder {
    color: #868686 !important;
    opacity: 1;
    font-weight: 600
}

.auth form ::-webkit-input-placeholder {
    color: #868686 !important;
    opacity: 1;
    font-weight: 600
}

.auth form :-moz-placeholder,
.auth form ::-moz-placeholder {
    color: #868686 !important;
    opacity: 1;
    font-weight: 600
}

.auth form ::placeholder {
    color: #868686 !important;
    opacity: 1;
    font-weight: 600
}

.auth form :-ms-input-placeholder {
    color: #868686 !important;
    opacity: 1;
    font-weight: 600
}

.auth .form__input--has-error {
    margin-bottom: 0
}

.auth .modal__footer {
    font-weight: 600;
    font-size: 14px
}

.auth-in-page {
    max-width: 400px;
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 0 50px
}

.auth-head__logo {
    color: var(--brandColor);
    height: 40px
}

.auth-form label {
    display: none
}

.auth-form.form--show-labels label {
    display: block;
    text-align: left
}

.auth__left,
.auth__right {
    width: 50%;
    height: 100%;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    padding: 0 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column
}

.auth-top {
    padding: 40px;
    margin: 0 auto
}

.auth-top__logo {
    width: 160px;
    height: 34px;
    display: block;
    margin: 0 auto
}

.auth__bottom {
    padding: 25px 35px
}

.auth__left {
    border-bottom: 1px solid #d8d8d8
}

@media print,
screen and (min-width:40em) {
    .auth__left {
        border-right: 1px solid #d8d8d8;
        border-bottom: 0
    }
}

.auth__btn {
    font-family: Open Sans, sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 1em;
    width: 100%;
    max-width: 280px;
    padding-top: 14px;
    padding-bottom: 14px
}

.auth__btn--login {
    margin-top: 1.5em
}

.auth__forgot {
    font-size: 12px
}

.auth__small-text {
    color: #404040;
    line-height: 18px
}

.auth__submit-wrap {
    max-width: 300px;
    margin: 10px auto 15px;
    text-align: center
}

.auth__error {
    color: #d41a00;
    display: block;
    margin-bottom: 1rem
}

.g-recaptcha>div>div {
    margin: 0 auto
}

.join-submit-container {
    margin-top: 15px
}

.g-recaptcha {
    margin-bottom: 15px
}

.auth__submit {
    width: 100%;
    -webkit-box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .1);
    font-size: .875rem;
    letter-spacing: -.03125rem;
    padding: 17px
}

.auth__button--join {
    margin-top: 30px
}

.auth__button {
    width: 100%;
    height: 48px;
    display: block;
    text-align: center;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    position: relative;
    padding: 0 48px;
    -webkit-box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .06);
    -moz-box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .06);
    -webkit-transition: background-color var(--colorTransitionTime) ease-in-out, width .2s ease-in-out, color var(--colorTransitionTime) ease-in-out;
    -moz-transition: background-color var(--colorTransitionTime) ease-in-out, width .2s ease-in-out, color var(--colorTransitionTime) ease-in-out;
    transition: background-color var(--colorTransitionTime) ease-in-out, width .2s ease-in-out, color var(--colorTransitionTime) ease-in-out
}

.auth__button:focus,
.auth__button:hover {
    background: var(--buttonHoverBackground);
    color: var(--buttonHoverText)
}

.auth__button-selected {
    width: 110%
}

.auth__button-text {
    height: 48px;
    padding: 15px 0
}

.auth__button--facebook {
    background: #3b5998
}

.auth__button--facebook:focus,
.auth__button--facebook:hover {
    background: #314b81;
    color: #fff
}

.auth__button--twitter {
    background: #55acee
}

.auth__button--twitter:focus,
.auth__button--twitter:hover {
    background: #499edf;
    color: #fff
}

.auth__button--instagram {
    background: #232323
}

.auth__button--instagram:focus,
.auth__button--instagram:hover {
    background: #000;
    color: #fff
}

.auth__button--google {
    background: #4285f4
}

.auth__button--google:focus,
.auth__button--google:hover {
    background: #1266f1;
    color: #fff
}

.auth__button--google[disabled] .auth__button-icon {
    border: 0;
    background: none
}

.auth__button--google[disabled] svg path {
    fill: #fff
}

.auth__button--apple {
    background: #000
}

.auth__button--apple:focus,
.auth__button--apple:hover {
    background: #262626;
    color: #fff
}

.auth__button--apple .auth__button-icon {
    top: -1px
}

.auth__button+.auth__button {
    margin-top: 15px
}

.auth__button-icon {
    width: 48px;
    height: 48px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

.auth__button-icon-selected {
    position: absolute;
    right: 1%;
    top: 30%;
    width: 40px;
    -webkit-animation: fadeIn .12s ease-in forwards;
    -moz-animation: fadeIn .12s forwards ease-in;
    animation: fadeIn .12s ease-in forwards
}

.auth__button--google .auth__button-icon {
    background: #fff;
    border: 5px solid #4285f4
}

.auth__button--submit .auth__button-icon {
    left: auto;
    right: 0
}

.auth__button-icon svg {
    width: 18px;
    height: 18px
}

.auth-back {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 16px;
    height: 16px;
    color: var(--modalClose);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg)
}

.auth-back:hover {
    color: var(--modalCloseHover)
}

.unregistered-email {
    background: var(--unregisteredEmail);
    letter-spacing: -.038rem;
    margin-bottom: 20px;
    padding: 10px 20px;
    text-align: center;
    line-height: 1.4;
    -webkit-transition: background-color var(--colorTransitionTime) ease-in-out;
    -moz-transition: background-color var(--colorTransitionTime) ease-in-out;
    transition: background-color var(--colorTransitionTime) ease-in-out
}

.grid-wrap {
    margin-bottom: 30px
}

.card-grid__load-more {
    margin-top: 25px
}

.card {
    margin-top: 15px;
    margin-bottom: 15px;
    display: block
}

.homepage__section .card {
    margin-top: 0;
    margin-bottom: 0
}

.card__image {
    width: 100%
}

.card__info {
    width: 100%;
    padding: 15px 10px;
    height: 105px;
    background: #fff;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

.card__title {
    font-size: 1.231em;
    line-height: 24px;
    margin: 0 0 8px;
    padding: 0 10px;
    letter-spacing: -.6px;
    max-height: 48px;
    overflow: hidden;
    color: #222;
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
}

.card__title:hover {
    color: #ffa200
}

.card__title span {
    display: -webkit-inline-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.card__meta {
    font-size: 1em;
    font-weight: 600;
    color: #6e6e6e;
    margin: 0;
    padding: 0 10px;
    letter-spacing: -.75px
}

.music-card__content {
    min-height: 110px
}

.music-card--featured .music-card__content {
    min-height: 105px
}

.music-card__interactions {
    position: absolute;
    bottom: 16px;
    right: 16px;
    width: 18px;
    height: 16px;
    color: #999
}

.music-card__interactions--active {
    color: #ffa200
}

.music-card__interactions .tooltip {
    background: #000;
    min-width: 170px;
    bottom: -webkit-calc(100% + 5px);
    bottom: -moz-calc(100% + 5px);
    bottom: calc(100% + 5px);
    right: -15px;
    z-index: 13
}

.music-card__interactions button {
    padding: 4px 0
}

.music-card__artwork img {
    width: 100%
}

.music-card__artwork .music-artwork__overlay {
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.music-card__artwork .play-button {
    color: #fff;
    width: 60px;
    height: 60px
}

.music-card__artwork--playing .music-artwork__overlay,
.music-card__artwork:hover .music-artwork__overlay {
    opacity: 1
}

.ad-container {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    z-index: 29;
    top: 0;
    left: 0;
    display: block
}

.ad-container--hidden {
    display: none
}

.ad-container__ad,
.ad-container__inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: 169px
}

@media (min-width:600px) {

    .ad-container__ad,
    .ad-container__inner {
        width: 600px;
        height: 338px
    }
}

@media (min-width:960px) {

    .ad-container__ad,
    .ad-container__inner {
        width: 960px;
        height: 540px
    }
}

.ad-container__inner {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.ad-container__skip-button,
.ad-container__skip-button[disabled] {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 20px;
    background: rgba(0, 0, 0, .5);
    padding: 10px;
    border: 1px solid #fff;
    border-right: 0;
    color: #fff
}

.ad-container__skip-button:focus,
.ad-container__skip-button:hover {
    background: rgba(0, 0, 0, .8)
}

.ad-container__skip-button[disabled]:focus,
.ad-container__skip-button[disabled]:hover {
    background: rgba(0, 0, 0, .5)
}

.edit-music-box {
    margin-bottom: 30px
}

.edit-music-box__header {
    border-bottom: 1px solid #f4f4f4;
    margin-bottom: 30px;
    padding: 15px 0;
    position: relative
}

.edit-music-box__header h2 {
    letter-spacing: -.6px
}

.edit-music-box__delete-button {
    font-weight: 700;
    color: #d41a00;
    position: absolute;
    top: 30px;
    right: 0;
    letter-spacing: -.4px
}

.edit-music-box__delete-button:focus,
.edit-music-box__delete-button:hover {
    color: #222
}

.edit-music-box--playlist {
    margin-top: 60px
}

.edit-music-box--playlist [name=description] {
    height: 152px;
    margin: 0
}

.edit-music-box--playlist .edit-music__radio {
    margin-top: 25px
}

.edit-music__radio label {
    letter-spacing: -.6px
}

.playlist-edit-track {
    background: #fff;
    padding: 10px 0 10px 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    border-bottom: 1px solid #ededed;
    margin: 0
}

.playlist-edit-track .song-upload__title {
    line-height: 16px;
    font-size: .8125rem
}

.playlist-edit-track__image {
    background: #b2b2b2;
    overflow: hidden;
    width: 30px;
    height: 30px;
    margin-right: 15px
}

.playlist-edit-track__image:hover .playlist-edit-track__play-button {
    opacity: 1
}

.playlist-edit-track__play-button {
    color: #ffa200;
    position: absolute;
    margin: 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.playlist-edit-track__remove {
    cursor: pointer;
    text-align: center;
    width: 20px;
    height: 20px;
    vertical-align: super;
    color: red
}

.playlist-edit-track__remove:focus,
.playlist-edit-track__remove:hover {
    color: #000
}

.playlist-edit-track__remove--pinned {
    background: #ffa200;
    color: #fff;
    padding: 3px 4px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: background-color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out
}

.playlist-edit-track__remove--pinned:focus,
.playlist-edit-track__remove--pinned:hover {
    background: #cc8200;
    color: #fff
}

.playlist-edit-track .loader-container {
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    transform-origin: top left
}

.playlist-edit-track--dragging .playlist-edit-track {
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .15);
    box-shadow: 0 0 3px rgba(0, 0, 0, .15);
    border-bottom: 0
}

.highlights-search-form .search-form__input {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 0 10px 0 40px;
    font-size: .75rem;
    letter-spacing: -.03125rem
}

.highlights-search-form .search-form__action,
.highlights-search-form .search-form__submit {
    right: auto;
    left: 0
}

.removed-page-box {
    height: 200px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    font-weight: 700;
    margin-bottom: 3em
}

.c-dropdown {
    position: relative
}

.c-dropdown__deselect-button {
    height: 10px;
    pointer-events: none;
    width: 10px
}

.c-dropdown-button--yellow .c-dropdown__label {
    background: var(--brandColor)
}

.c-dropdown__label {
    background: var(--inputBackground);
    display: block;
    border: 1px solid var(--dropdownBorder);
    padding-right: 35px;
    padding-top: 8px;
    padding-bottom: 8px;
    cursor: pointer;
    position: relative;
    -webkit-transition: border-color var(--colorTransitionTime) ease-in-out, background-color var(--colorTransitionTime) ease-in-out;
    -moz-transition: border-color var(--colorTransitionTime) ease-in-out, background-color var(--colorTransitionTime) ease-in-out;
    transition: border-color var(--colorTransitionTime) ease-in-out, background-color var(--colorTransitionTime) ease-in-out
}

.c-dropdown__label-icon {
    width: 10px;
    height: 10px;
    top: 50%;
    margin: -5px 0 0;
    position: absolute;
    right: 20px;
    pointer-events: none
}

.c-dropdown__label-icon--open {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg)
}

.c-dropdown__label-tag {
    background-color: var(--brandColor);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    color: #0d0d0d;
    display: inline-block;
    font-weight: 700;
    line-height: 1.8;
    margin-right: 10px;
    overflow: hidden;
    padding: 2px 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c-dropdown__label-tag-count {
    color: #757575;
    position: absolute;
    right: 16px;
    top: 20px
}

.c-dropdown__label:focus,
.c-dropdown__label:hover {
    color: #0d0d0d !important
}

.c-dropdown__list {
    position: absolute;
    background: var(--contentBox);
    color: var(--textPrimary);
    min-width: 100%;
    top: 100%;
    right: 0;
    border: 1px solid var(--dropdownBorder);
    border-top: 0;
    max-height: 300px;
    overflow-y: scroll;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    transform-origin: top center;
    -webkit-transition: background-color var(--colorTransitionTime) ease-in-out, color var(--colorTransitionTime) ease-in-out, border-color var(--colorTransitionTime) ease-in-out, -webkit-transform .3s ease-in-out;
    transition: background-color var(--colorTransitionTime) ease-in-out, color var(--colorTransitionTime) ease-in-out, border-color var(--colorTransitionTime) ease-in-out, -webkit-transform .3s ease-in-out;
    -moz-transition: transform .3s ease-in-out, background-color var(--colorTransitionTime) ease-in-out, color var(--colorTransitionTime) ease-in-out, border-color var(--colorTransitionTime) ease-in-out, -moz-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, background-color var(--colorTransitionTime) ease-in-out, color var(--colorTransitionTime) ease-in-out, border-color var(--colorTransitionTime) ease-in-out;
    transition: transform .3s ease-in-out, background-color var(--colorTransitionTime) ease-in-out, color var(--colorTransitionTime) ease-in-out, border-color var(--colorTransitionTime) ease-in-out, -webkit-transform .3s ease-in-out, -moz-transform .3s ease-in-out;
    z-index: 3
}

.c-dropdown__list.overflow-initial {
    overflow-y: initial
}

.c-dropdown--active .c-dropdown__list {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    transform: scaleY(1)
}

.c-dropdown__item-button {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    padding: 8px 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    width: 100%;
    text-align: left;
    -webkit-transition: background var(--colorTransitionTime) ease-out;
    -moz-transition: background var(--colorTransitionTime) ease-out;
    transition: background var(--colorTransitionTime) ease-out
}

.c-dropdown__item-button--active,
.c-dropdown__item-button:focus,
.c-dropdown__item-button:hover {
    background: var(--dropdownItemHover)
}

.c-dropdown__item-button * {
    pointer-events: none
}

.c-dropdown__item-filter {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    height: 33px;
    margin: 0 auto;
    padding: .3em 1em;
    width: 100%
}

.c-dropdown__item-filter-wrapper {
    list-style: none;
    margin: 0 6px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: var(--contentBox);
    padding-top: 10px
}

.c-dropdown__remove-tag-button {
    margin-left: .5em;
    opacity: .5;
    -webkit-transition: opacity .12s ease-in;
    -moz-transition: opacity .12s ease-in;
    transition: opacity .12s ease-in;
    color: #000;
    cursor: pointer
}

.c-dropdown__remove-tag-button:focus,
.c-dropdown__remove-tag-button:hover {
    opacity: 1
}

.c-dropdown__search-icon {
    color: var(--brandColor);
    height: 15px;
    position: absolute;
    right: 15px;
    top: 18px;
    width: 15px
}

.c-dropdown__section-dropdown-button {
    color: #757575;
    height: 10px;
    margin-right: 0;
    width: 10px;
    z-index: -1
}

.c-dropdown__section-dropdown-button--open {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg)
}

.c-dropdown__section-header {
    font-weight: 600;
    padding: 8px 20px 8px 15px;
    width: 100%
}

.c-dropdown__section-header:focus,
.c-dropdown__section-header:hover {
    -webkit-transition: background var(--colorTransitionTime) ease-in;
    -moz-transition: background var(--colorTransitionTime) ease-in;
    transition: background var(--colorTransitionTime) ease-in;
    background: var(--dropdownItemHover)
}

.c-dropdown__section-header * {
    pointer-events: none
}

.c-dropdown__section-items .c-dropdown__item-button {
    padding: 8px 20px 8px 30px
}

.c-dropdown--button .c-dropdown__label {
    border: 0;
    color: #000;
    display: inline;
    vertical-align: middle
}

.c-dropdown--button .c-dropdown__list {
    border: 0;
    background: #222;
    color: #fff;
    padding: 10px 15px;
    top: 40px
}

.c-dropdown--button .c-dropdown__list:before {
    right: 19px
}

.c-dropdown--button .c-dropdown__list--above {
    top: auto;
    bottom: 50px
}

.c-dropdown--button .c-dropdown__list--above:before {
    top: auto;
    bottom: -5px;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-color: #222 transparent transparent;
    border-style: solid;
    border-width: 6px 5px 0
}

.c-dropdown--button .c-dropdown__item-button--active,
.c-dropdown--button .c-dropdown__item-button:focus,
.c-dropdown--button .c-dropdown__item-button:hover {
    background: none;
    color: var(--brandColor)
}

.c-dropdown--full .c-dropdown__label {
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.c-dropdown--full .c-dropdown__label,
.dashboard-panel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

.dashboard-panel {
    position: relative;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px
}

.dashboard-panel__inner {
    background: #fff;
    padding: 15px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    flex: 1
}

@media screen and (min-width:1024px) {
    .dashboard-panel__inner {
        padding: 35px
    }
}

.dashboard-panel__inner--charts {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-box-flex: 0;
    flex: 0 0 100%
}

@media screen and (min-width:1024px) {
    .dashboard-panel__inner--charts {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        flex: 1;
        min-width: 0
    }
}

.dashboard-panel__inner--has-alert {
    padding-top: 80px
}

.dashboard-panel__inner-top {
    margin-bottom: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.dashboard-panel__inner-top div {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-box-flex: 0;
    flex: 0 0 100%
}

@media screen and (min-width:1024px) {
    .dashboard-panel__inner-top div {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        flex: 1
    }
}

@media screen and (min-width:1024px) {
    .dashboard-panel__inner-top div:first-child {
        -webkit-box-flex: 2;
        -webkit-flex: 2;
        -moz-box-flex: 2;
        flex: 2
    }
}

.dashboard-panel__title {
    font-size: 1.538em;
    text-transform: uppercase;
    display: inline-block;
    letter-spacing: .25px;
    line-height: 1.4
}

.dashboard-panel__title--warning {
    color: red;
    display: block
}

.dashboard-panel__subtitle {
    font-size: 1.231em;
    text-transform: uppercase;
    letter-spacing: -.25px;
    font-weight: 700;
    margin-bottom: 15px;
    text-decoration: underline
}

.dashboard-panel__loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--contentLoaderOverlay);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    z-index: 2
}

.dashboard-panel-context-switchers {
    display: inline-block;
    margin: 20px 0
}

@media screen and (min-width:1024px) {
    .dashboard-panel-context-switchers {
        margin: 0 0 0 75px
    }
}

.dashboard-panel-context-switcher {
    padding: 0 15px;
    font-weight: 600;
    text-transform: uppercase
}

.dashboard-panel-context-switcher button {
    display: block;
    color: #ccc
}

.dashboard-panel-context-switcher button:focus,
.dashboard-panel-context-switcher button:hover {
    color: #333
}

.dashboard-panel-context-switcher--active button {
    pointer-events: none;
    color: #333;
    border-bottom: 2px solid #ffa200
}

.panel-tabs {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-box-flex: 0;
    flex: 0 0 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column
}

@media screen and (min-width:1024px) {
    .panel-tabs {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 250px;
        -moz-box-flex: 0;
        flex: 0 0 250px
    }
}

.panel-tabs__tab {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    position: relative;
    height: 70px;
    font-size: 1.231em;
    font-weight: 500;
    padding: 20px 30px;
    border-left: 1px solid #e0e0e0;
    cursor: pointer;
    pointer-events: none;
    -webkit-transition: background-color .2s ease-in-out, color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out, color .2s ease-in-out;
    transition: background-color .2s ease-in-out, color .2s ease-in-out
}

@media screen and (min-width:1024px) {
    .panel-tabs__tab {
        height: auto;
        pointer-events: auto
    }
}

.panel-tabs__tab+.panel-tabs__tab {
    border-top: 1px solid #e0e0e0
}

.panel-tabs__tab--show button {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: left;
    padding: 20px 30px
}

@media screen and (min-width:1024px) {
    .panel-tabs__tab--active {
        background: #ffa200;
        color: #fff;
        pointer-events: none
    }
}

.panel-tabs__tab:not(.button-group):focus,
.panel-tabs__tab:not(.button-group):hover {
    background: #f0f0f0
}

.panel-tabs__tab[data-count]:after {
    content: attr(data-count);
    position: absolute;
    right: 20px;
    font-weight: 600;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%)
}

.panel-tabs__tab-icon {
    display: inline-block;
    width: 25px;
    height: 25px;
    color: #ffa200;
    margin-right: 20px;
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
    vertical-align: middle
}

@media screen and (min-width:1024px) {
    .panel-tabs__tab--active .panel-tabs__tab-icon {
        color: #fff
    }
}

.dashboard-panel-content .dashboard-panel-title {
    margin-bottom: 30px
}

.dashboard-panel-content p {
    margin-bottom: 20px
}

.dashboard-panel-content a {
    font-weight: 600
}

.dashboard-panel-content--options {
    font-weight: 700
}

.dashboard-chart {
    height: 300px
}

@media screen and (min-width:1024px) {
    .dashboard-chart {
        display: block
    }
}

.dashboard-chart svg path {
    fill: none
}

.dashboard-chart .google-visualization-tooltip {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #d8d8d8;
    padding: 10px
}

.dashboard-chart .google-visualization-tooltip-item,
.dashboard-chart .google-visualization-tooltip-item-list {
    margin: 0 !important;
    padding: 0 !important
}

.dashboard-chart .google-visualization-tooltip-item {
    white-space: nowrap
}

.table {
    width: 100%;
    text-align: left
}

.table tbody tr>:last-child {
    margin-bottom: 25px;
    border-bottom: 0
}

@media print,
screen and (min-width:40em) {
    .table tbody tr>:last-child {
        margin: 0
    }
}

.table tr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

@media print,
screen and (min-width:40em) {
    .table tr {
        border-bottom: 1px solid var(--defaultBorder);
        -webkit-transition: border-color var(--colorTransitionTime) ease-in-out;
        -moz-transition: border-color var(--colorTransitionTime) ease-in-out;
        transition: border-color var(--colorTransitionTime) ease-in-out
    }
}

.table--multibody>tbody:hover,
.table--multibody>tr:hover {
    background: var(--tableCellHoverBackground)
}

.table--multibody>tbody:last-child tr {
    border: 0
}

.table--singlebody tbody tr:hover {
    background: var(--tableCellHoverBackground)
}

.table--singlebody tbody :last-child {
    border: 0
}

.table thead {
    font-weight: 600;
    display: none
}

@media print,
screen and (min-width:40em) {
    .table thead {
        display: table-cell
    }
}

.table thead tr {
    border-bottom: 1px solid var(--tableHeadBorder);
    -webkit-transition: border-color var(--colorTransitionTime) ease-in-out;
    -moz-transition: border-color var(--colorTransitionTime) ease-in-out;
    transition: border-color var(--colorTransitionTime) ease-in-out
}

.table th {
    color: var(--textTertiary);
    font-size: .723rem;
    font-weight: 400;
    text-transform: uppercase;
    -webkit-transition: color var(--colorTransitionTime) ease-in-out;
    -moz-transition: color var(--colorTransitionTime) ease-in-out;
    transition: color var(--colorTransitionTime) ease-in-out
}

.table td,
.table th {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-box-flex: 0;
    flex: 0 0 100%;
    padding: 10px 0;
    border-bottom: 1px solid var(--defaultBorder);
    position: relative;
    -webkit-transition: border-color var(--colorTransitionTime) ease-in-out;
    -moz-transition: border-color var(--colorTransitionTime) ease-in-out;
    transition: border-color var(--colorTransitionTime) ease-in-out
}

@media print,
screen and (min-width:40em) {

    .table td,
    .table th {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        flex: 1;
        border: 0
    }
}

.table td:before {
    content: attr(data-th);
    display: inline-block;
    font-weight: 600;
    width: 6.75em;
    color: #aaa
}

@media print,
screen and (min-width:40em) {
    .table td:before {
        display: none
    }
}

.table td:empty {
    display: none
}

@media print,
screen and (min-width:40em) {
    .table td:empty {
        display: table-cell
    }
}

.table td:not([data-th]):before {
    display: none
}

.table--flex td {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

@media print,
screen and (min-width:40em) {
    .table--flex .medium-center {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center
    }
}

.table--block,
.table--block tbody,
.table--block thead {
    display: block
}

.table .center-both-axis-inside {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

@media print,
screen and (min-width:40em) {
    .table .flex-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -moz-box-flex: 0;
        flex: 0 0 auto
    }
}

@media print,
screen and (min-width:40em) {
    .table .flex-half {
        -webkit-box-flex: 0.5;
        -webkit-flex: 0.5;
        -moz-box-flex: 0.5;
        flex: 0.5
    }
}

@media print,
screen and (min-width:40em) {
    .table .flex-1 {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        flex: 1
    }
}

@media print,
screen and (min-width:40em) {
    .table .flex-2 {
        -webkit-box-flex: 2;
        -webkit-flex: 2;
        -moz-box-flex: 2;
        flex: 2
    }
}

@media print,
screen and (min-width:40em) {
    .table .flex-3 {
        -webkit-box-flex: 3;
        -webkit-flex: 3;
        -moz-box-flex: 3;
        flex: 3
    }
}

@media print,
screen and (min-width:40em) {
    .table .flex-4 {
        -webkit-box-flex: 4;
        -webkit-flex: 4;
        -moz-box-flex: 4;
        flex: 4
    }
}

.table-sort-arrow {
    position: absolute;
    border-bottom: 0 solid transparent;
    border-top: 5px solid var(--brandColor);
    display: inline-block;
    vertical-align: middle;
    position: relative !important;
    margin-left: 4px;
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out
}

.table-sort-arrow,
.table-sort-arrow--ascending {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent
}

.table-sort-arrow--ascending {
    position: absolute;
    border-bottom: 5px solid var(--brandColor);
    border-top: 0 solid transparent
}

.table-header .table-sort-arrow {
    opacity: 0
}

.table-header--sortable {
    cursor: pointer
}

.table-header--sortable:hover .table-sort-arrow {
    -webkit-transition: opacity .2s ease-in;
    -moz-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
    opacity: 1
}

.table-row--dark {
    background: #222;
    color: #fff
}

.table-row--dark .dashboard-table__cell--title {
    text-decoration: underline
}

.table-row--dark:hover {
    background: #222
}

.evenRow,
.headerRow,
.oddRow {
    border-bottom: 1px solid var(--defaultBorder);
    -webkit-transition: border-color var(--colorTransitionTime) ease-in-out;
    -moz-transition: border-color var(--colorTransitionTime) ease-in-out;
    transition: border-color var(--colorTransitionTime) ease-in-out
}

.evenRow:hover,
.headerRow:hover,
.oddRow:hover {
    background: var(--tableCellHoverBackground)
}

.oddRow {
    background-color: var(--tableCellAltBackground)
}

.dashboard-table-wrap {
    background: var(--contentBox);
    padding: 0 10px 20px;
    -webkit-transition: background-color var(--colorTransitionTime) ease-in-out;
    -moz-transition: background-color var(--colorTransitionTime) ease-in-out;
    transition: background-color var(--colorTransitionTime) ease-in-out
}

.dashboard-table:not(.dashboard-table--reduce-padding)>tbody td:first-child,
.dashboard-table:not(.dashboard-table--reduce-padding)>tr:first-child,
.dashboard-table:not(.dashboard-table--reduce-padding) th:first-child {
    padding-left: 25px
}

.dashboard-table.tracklist>tbody td:first-child {
    padding-left: 0
}

@media print,
screen and (min-width:40em) {
    .dashboard-table.tracklist>tbody td:first-child {
        padding-left: 25px
    }
}

.dashboard-table__collapse {
    font-weight: 700;
    letter-spacing: -.5px;
    padding: 20px 0
}

.dashboard-table__help-prompt {
    margin-left: 3px
}

.dashboard-table__button-wrap {
    margin: 20px 0 10px
}

.dashboard-table__edit {
    font-size: 1rem;
    line-height: 1
}

@media print,
screen and (min-width:40em) {
    .dashboard-table__edit {
        display: inline-block
    }
}

.dashboard-table__edit .u-text-icon {
    margin-right: 0
}

.dashboard-table__album-edit-button {
    position: absolute;
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.dashboard-table__album-track {
    border-top: 1px solid var(--defaultBorder);
    padding: 10px;
    color: var(--textPrimary);
    font-weight: 600;
    letter-spacing: -.5px
}

.dashboard-table__album-track:first-child {
    border-top: 0
}

.dashboard-table__album-track-number {
    margin-right: 20px;
    font-weight: 400;
    width: 15px;
    display: inline-block
}

.dashboard-table__podcast-episodes-label {
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 0
}

.dashboard-table__podcast-rss-audiomack-url,
.dashboard-table__podcast-rss-feed-url {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    flex-grow: 1
}

.dashboard-table__podcast-rss-delete-message {
    margin-bottom: 1.5em
}

.dashboard-table__podcast-rss-feed-url {
    margin-right: 30px
}

.dashboard-table__podcast-rss-feed-url button {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 42px;
    margin-bottom: 1em;
    width: 100px
}

.dashboard-table__podcast-rss-feed-url input {
    border-right: 0
}

.dashboard-table__podcast-rss-feed-url .input-wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

.dashboard-table__podcast-rss-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    position: relative
}

.dashboard-table__status {
    position: absolute;
    left: 0
}

.dashboard-table .tooltip {
    bottom: 100%;
    right: 22px;
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    transform-origin: bottom right;
    z-index: 2
}

.dashboard-table .tooltip:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-color: #222 transparent transparent;
    border-style: solid;
    border-width: 5px 5px 0;
    top: 100%;
    left: auto;
    right: 17px
}

.dashboard-table .promo-link {
    background: none;
    height: 1em;
    margin: 0;
    padding: 0
}

@media (min-width:800px) {

    .dashboard-table--monetization td:first-child,
    .dashboard-table--monetization th:first-child {
        max-width: 185px;
        padding-right: 10px
    }

    .dashboard-table--monetization td:nth-child(4),
    .dashboard-table--monetization th:nth-child(4) {
        max-width: 200px
    }

    .dashboard-table--monetization td:nth-child(5),
    .dashboard-table--monetization th:nth-child(5) {
        max-width: 80px
    }
}

.dashboard-table--monetization td {
    font-weight: 600;
    padding-top: 8px;
    padding-bottom: 8px
}

.dashboard-table--monetization [data-th=Revenue] {
    color: var(--brandColor);
    font-weight: 700
}

.dashboard-table-bar {
    border-bottom: 1px solid var(--defaultBorder);
    margin: 0 auto 30px !important;
    max-width: 100% !important
}

.dashboard-search-form {
    margin: 15px 0
}

.dashboard-search-form button {
    left: 0
}

.dashboard-search-form input {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    font-size: 12px;
    letter-spacing: -.55px;
    padding: 0 10px 0 40px
}

.dashboard-table__cell {
    letter-spacing: -.5px
}

.dashboard-table__cell--album {
    cursor: pointer
}

.dashboard-table__cell--title a {
    color: var(--textPrimary)
}

.table-row--dark .dashboard-table__cell--title a {
    color: #fff
}

@media print,
screen and (min-width:40em) {
    .dashboard-table__cell--actions {
        text-align: center
    }
}

tbody .dashboard-table__cell {
    font-weight: 600;
    padding: 8px 0
}

.dashboard-table__icon {
    display: inline-block
}

.dashboard-table__icon--amp {
    width: 9px;
    height: 14px;
    color: #c7c7c7
}

.dashboard-table__icon--actions {
    width: 16px;
    height: 16px;
    color: var(--brandColor);
    cursor: pointer
}

.dashboard-table__icon svg {
    display: block
}

.manage-label-list thead {
    display: none
}

.manage-label-list td {
    padding: 14px 0
}

.manage-label-list a {
    color: var(--textPrimary)
}

.manage-label-list a:hover {
    color: var(--brandColor)
}

@media print,
screen and (min-width:40em) {

    .stats-table td,
    .stats-table th {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75px;
        -moz-box-flex: 0;
        flex: 0 0 75px
    }
}

.stats-table__cell {
    font-weight: 600;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.dashboard-tracklist__item {
    padding: 12px 0;
    line-height: 33px
}

.dashboard-tracklist__item+.dashboard-tracklist__item {
    border-top: 1px solid #f5f5f5
}

.dashboard-tracklist__title {
    display: block;
    float: left;
    font-weight: 600;
    max-width: -webkit-calc(100% - 145px);
    max-width: -moz-calc(100% - 145px);
    max-width: calc(100% - 145px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dashboard-tracklist__action {
    display: block;
    float: right
}

.dashboard-sidebar__avatar {
    margin: 0;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .15)
}

.dashboard-sidebar__avatar .verified {
    right: 29px !important
}

.dashboard-sidebar__avatar-wrap,
.dashboard-sidebar__avatar-wrap a.button {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.dashboard-sidebar__avatar-wrap a.button {
    padding: 14px 28px;
    font-size: 14px;
    background: transparent;
    color: #fff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    border: 2px solid #ffa200;
    margin-bottom: 14px
}

.dashboard-sidebar__name {
    font-size: 1.881em;
    text-align: left;
    margin: 5px 0 0
}

.dashboard-sidebar__id {
    font-size: 19px;
    font-weight: 500;
    line-height: 1;
    color: var(--textTertiary);
    display: block;
    margin: 3px 0 14px;
    text-align: left
}

.dashboard-module__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    margin-bottom: 20px
}

.dashboard-module__title {
    font-size: 1.385em;
    letter-spacing: -.6px;
    line-height: 1.3;
    margin-bottom: .5em
}

.dashboard-module__top .dashboard-module__title {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    flex: 1
}

.dashboard-module__title.no-flex {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    flex: none
}

.dashboard-title {
    letter-spacing: -.6px
}

.dashboard-live-plays {
    position: absolute;
    z-index: 2;
    text-align: center;
    margin: 10px 0 0 20px;
    line-height: 1
}

.dashboard-live-plays__number {
    font-size: 3.75rem;
    letter-spacing: -.375rem;
    color: #ffa200;
    font-weight: 700
}

.dashboard-live-plays__label {
    font-size: .8125rem;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: -.0375rem;
    color: #000
}

.dashboard-music-detail {
    margin-bottom: 30px
}

.dashboard-dropdowns .c-dropdown__label {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    height: 42px;
    margin-bottom: 0
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__year-read-view--down-arrow {
    margin-left: -8px;
    position: absolute
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow:before,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow:before,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view--down-arrow:before {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    border: 8px solid transparent;
    height: 0;
    width: 1px
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,
.react-datepicker__month-read-view--down-arrow:before,
.react-datepicker__month-year-read-view--down-arrow:before,
.react-datepicker__year-read-view--down-arrow:before {
    content: "";
    z-index: -1;
    border-width: 8px;
    left: -8px;
    border-bottom-color: #aeaeae
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
    top: 0;
    margin-top: -8px
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
    border-top: none;
    border-bottom-color: #f0f0f0
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
    top: -1px;
    border-bottom-color: #aeaeae
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__year-read-view--down-arrow {
    bottom: 0;
    margin-bottom: -8px
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow:before,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow:before,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view--down-arrow:before {
    border-bottom: none;
    border-top-color: #fff
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,
.react-datepicker__month-read-view--down-arrow:before,
.react-datepicker__month-year-read-view--down-arrow:before,
.react-datepicker__year-read-view--down-arrow:before {
    bottom: -1px;
    border-top-color: #aeaeae
}

.react-datepicker-wrapper {
    display: inline-block;
    padding: 0;
    border: 0
}

.react-datepicker {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: .8rem;
    background-color: #fff;
    color: #000;
    border: 1px solid #aeaeae;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    border-radius: .3rem;
    display: inline-block;
    position: relative
}

.react-datepicker--time-only .react-datepicker__triangle {
    left: 35px
}

.react-datepicker--time-only .react-datepicker__time-container {
    border-left: 0
}

.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    border-radius: .3rem
}

.react-datepicker__triangle {
    position: absolute;
    left: 50px
}

.react-datepicker-popper {
    z-index: 1
}

.react-datepicker-popper[data-placement^=bottom] {
    margin-top: 10px
}

.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,
.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
    left: auto;
    right: 50px
}

.react-datepicker-popper[data-placement^=top] {
    margin-bottom: 10px
}

.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
    left: auto;
    right: 42px
}

.react-datepicker-popper[data-placement^=left] {
    margin-right: 8px
}

.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
    left: 42px;
    right: auto
}

.react-datepicker__header {
    text-align: center;
    background-color: #f0f0f0;
    border-bottom: 1px solid #aeaeae;
    -webkit-border-top-left-radius: .3rem;
    -moz-border-radius-topleft: .3rem;
    border-top-left-radius: .3rem;
    -webkit-border-top-right-radius: .3rem;
    -moz-border-radius-topright: .3rem;
    border-top-right-radius: .3rem;
    padding-top: 8px;
    position: relative
}

.react-datepicker__header--time {
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px
}

.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__year-dropdown-container--select {
    display: inline-block;
    margin: 0 2px
}

.react-datepicker-time__header,
.react-datepicker-year-header,
.react-datepicker__current-month {
    margin-top: 0;
    color: #000;
    font-weight: 700;
    font-size: .944rem
}

.react-datepicker-time__header {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.react-datepicker__navigation {
    background: none;
    line-height: 1.7rem;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 10px;
    width: 0;
    padding: 0;
    border: .45rem solid transparent;
    z-index: 1;
    height: 10px;
    text-indent: -999em;
    overflow: hidden
}

.react-datepicker__navigation--previous {
    left: 10px;
    border-right-color: #ccc
}

.react-datepicker__navigation--previous:hover {
    border-right-color: #b3b3b3
}

.react-datepicker__navigation--previous--disabled,
.react-datepicker__navigation--previous--disabled:hover {
    border-right-color: #e6e6e6;
    cursor: default
}

.react-datepicker__navigation--next {
    right: 10px;
    border-left-color: #ccc
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
    right: 80px
}

.react-datepicker__navigation--next:hover {
    border-left-color: #b3b3b3
}

.react-datepicker__navigation--next--disabled,
.react-datepicker__navigation--next--disabled:hover {
    border-left-color: #e6e6e6;
    cursor: default
}

.react-datepicker__navigation--years {
    position: relative;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.react-datepicker__navigation--years-previous {
    top: 4px;
    border-top-color: #ccc
}

.react-datepicker__navigation--years-previous:hover {
    border-top-color: #b3b3b3
}

.react-datepicker__navigation--years-upcoming {
    top: -4px;
    border-bottom-color: #ccc
}

.react-datepicker__navigation--years-upcoming:hover {
    border-bottom-color: #b3b3b3
}

.react-datepicker__month-container {
    float: left
}

.react-datepicker__year {
    margin: .4rem;
    text-align: center
}

.react-datepicker__year-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 180px
}

.react-datepicker__year .react-datepicker__year-text {
    display: inline-block;
    width: 4rem;
    margin: 2px
}

.react-datepicker__month {
    margin: .4rem;
    text-align: center
}

.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
    display: inline-block;
    width: 4rem;
    margin: 2px
}

.react-datepicker__input-time-container {
    clear: both;
    width: 100%;
    float: left;
    margin: 5px 0 10px 15px;
    text-align: left
}

.react-datepicker__input-time-container .react-datepicker-time__caption,
.react-datepicker__input-time-container .react-datepicker-time__input-container {
    display: inline-block
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
    display: inline-block;
    margin-left: 10px
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
    width: 85px
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
    -moz-appearance: textfield
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
    margin-left: 5px;
    display: inline-block
}

.react-datepicker__time-container {
    float: right;
    border-left: 1px solid #aeaeae;
    width: 85px
}

.react-datepicker__time-container--with-today-button {
    display: inline;
    border: 1px solid #aeaeae;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    border-radius: .3rem;
    position: absolute;
    right: -72px;
    top: 0
}

.react-datepicker__time-container .react-datepicker__time {
    position: relative;
    background: #fff;
    -webkit-border-bottom-right-radius: .3rem;
    -moz-border-radius-bottomright: .3rem;
    border-bottom-right-radius: .3rem
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
    width: 85px;
    overflow-x: hidden;
    margin: 0 auto;
    text-align: center
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
    list-style: none;
    margin: 0;
    height: -webkit-calc(195px + .85rem);
    height: -moz-calc(195px + .85rem);
    height: calc(195px + .85rem);
    overflow-y: scroll;
    padding-right: 0;
    padding-left: 0;
    width: 100%;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
    height: 30px;
    padding: 5px 10px;
    white-space: nowrap
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
    cursor: pointer;
    background-color: #f0f0f0
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
    background-color: #216ba5;
    color: #fff;
    font-weight: 700
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
    background-color: #216ba5
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
    color: #ccc
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
    cursor: default;
    background-color: transparent
}

.react-datepicker__week-number {
    color: #ccc;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: .166rem
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
    cursor: pointer
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    border-radius: .3rem;
    background-color: #f0f0f0
}

.react-datepicker__day-names,
.react-datepicker__week {
    white-space: nowrap
}

.react-datepicker__day,
.react-datepicker__day-name,
.react-datepicker__time-name {
    color: #000;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: .166rem
}

.react-datepicker__month--in-range,
.react-datepicker__month--in-selecting-range,
.react-datepicker__month--selected,
.react-datepicker__quarter--in-range,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--selected {
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    border-radius: .3rem;
    background-color: #216ba5;
    color: #fff
}

.react-datepicker__month--in-range:hover,
.react-datepicker__month--in-selecting-range:hover,
.react-datepicker__month--selected:hover,
.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--selected:hover {
    background-color: #1d5d90
}

.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
    color: #ccc;
    pointer-events: none
}

.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
    cursor: default;
    background-color: transparent
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
    cursor: pointer
}

.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    border-radius: .3rem;
    background-color: #f0f0f0
}

.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
    font-weight: 700
}

.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    border-radius: .3rem;
    background-color: #3dcc4a;
    color: #fff
}

.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
    background-color: #32be3f
}

.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
    color: #f0f
}

.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
    color: green
}

.react-datepicker__day--in-range,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--selected,
.react-datepicker__month-text--in-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--selected,
.react-datepicker__quarter-text--in-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__year-text--in-range,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--selected {
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    border-radius: .3rem;
    background-color: #216ba5;
    color: #fff
}

.react-datepicker__day--in-range:hover,
.react-datepicker__day--in-selecting-range:hover,
.react-datepicker__day--selected:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__year-text--in-range:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--selected:hover {
    background-color: #1d5d90
}

.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    border-radius: .3rem;
    background-color: #2a87d0;
    color: #fff
}

.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
    background-color: #1d5d90
}

.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range {
    background-color: rgba(33, 107, 165, .5)
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range,
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range,
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range,
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range {
    background-color: #f0f0f0;
    color: #000
}

.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
    cursor: default;
    color: #ccc
}

.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
    background-color: transparent
}

.react-datepicker__month-text.react-datepicker__month--in-range:hover,
.react-datepicker__month-text.react-datepicker__month--selected:hover,
.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__month-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover {
    background-color: #216ba5
}

.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
    background-color: #f0f0f0
}

.react-datepicker__input-container {
    position: relative;
    display: inline-block
}

.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view,
.react-datepicker__year-read-view {
    border: 1px solid transparent;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    border-radius: .3rem
}

.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover,
.react-datepicker__year-read-view:hover {
    cursor: pointer
}

.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow {
    border-top-color: #b3b3b3
}

.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__year-read-view--down-arrow {
    border-top-color: #ccc;
    float: right;
    margin-left: 20px;
    top: 8px;
    position: relative;
    border-width: .45rem
}

.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown,
.react-datepicker__year-dropdown {
    background-color: #f0f0f0;
    position: absolute;
    width: 50%;
    left: 25%;
    top: 30px;
    z-index: 1;
    text-align: center;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    border-radius: .3rem;
    border: 1px solid #aeaeae
}

.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover,
.react-datepicker__year-dropdown:hover {
    cursor: pointer
}

.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable,
.react-datepicker__year-dropdown--scrollable {
    height: 150px;
    overflow-y: scroll
}

.react-datepicker__month-option,
.react-datepicker__month-year-option,
.react-datepicker__year-option {
    line-height: 20px;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type,
.react-datepicker__year-option:first-of-type {
    -webkit-border-top-left-radius: .3rem;
    -moz-border-radius-topleft: .3rem;
    border-top-left-radius: .3rem;
    -webkit-border-top-right-radius: .3rem;
    -moz-border-radius-topright: .3rem;
    border-top-right-radius: .3rem
}

.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type,
.react-datepicker__year-option:last-of-type {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-border-bottom-left-radius: .3rem;
    -moz-border-radius-bottomleft: .3rem;
    border-bottom-left-radius: .3rem;
    -webkit-border-bottom-right-radius: .3rem;
    -moz-border-radius-bottomright: .3rem;
    border-bottom-right-radius: .3rem
}

.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover,
.react-datepicker__year-option:hover {
    background-color: #ccc
}

.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming {
    border-bottom-color: #b3b3b3
}

.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous {
    border-top-color: #b3b3b3
}

.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected,
.react-datepicker__year-option--selected {
    position: absolute;
    left: 15px
}

.react-datepicker__close-icon {
    cursor: pointer;
    background-color: transparent;
    border: 0;
    outline: 0;
    padding: 0 6px 0 0;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: table-cell;
    vertical-align: middle
}

.react-datepicker__close-icon:after {
    cursor: pointer;
    background-color: #216ba5;
    color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    padding: 2px;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    content: "\00d7"
}

.react-datepicker__today-button {
    background: #f0f0f0;
    border-top: 1px solid #aeaeae;
    cursor: pointer;
    text-align: center;
    font-weight: 700;
    padding: 5px 0;
    clear: left
}

.react-datepicker__portal {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .8);
    left: 0;
    top: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    z-index: 2147483647
}

.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__time-name {
    width: 3rem;
    line-height: 3rem
}

@media (max-height:550px),
(max-width:400px) {

    .react-datepicker__portal .react-datepicker__day,
    .react-datepicker__portal .react-datepicker__day-name,
    .react-datepicker__portal .react-datepicker__time-name {
        width: 2rem;
        line-height: 2rem
    }
}

.react-datepicker__portal .react-datepicker-time__header,
.react-datepicker__portal .react-datepicker__current-month {
    font-size: 1.44rem
}

.react-datepicker__portal .react-datepicker__navigation {
    border: .81rem solid transparent
}

.react-datepicker__portal .react-datepicker__navigation--previous {
    border-right-color: #ccc
}

.react-datepicker__portal .react-datepicker__navigation--previous:hover {
    border-right-color: #b3b3b3
}

.react-datepicker__portal .react-datepicker__navigation--previous--disabled,
.react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
    border-right-color: #e6e6e6;
    cursor: default
}

.react-datepicker__portal .react-datepicker__navigation--next {
    border-left-color: #ccc
}

.react-datepicker__portal .react-datepicker__navigation--next:hover {
    border-left-color: #b3b3b3
}

.react-datepicker__portal .react-datepicker__navigation--next--disabled,
.react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
    border-left-color: #e6e6e6;
    cursor: default
}

.date-picker {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 260px;
    z-index: 4;
    cursor: pointer
}

.date-picker__icon {
    width: 15px;
    height: 15px;
    position: absolute;
    right: 15px;
    top: 14px;
    color: #404040;
    pointer-events: none;
    -webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.date-picker:hover .date-picker__icon {
    color: var(--brandColor)
}

.date-picker__time-header {
    font-weight: 700;
    text-align: center;
    font-size: 1rem;
    color: var(--textPrimary)
}

.react-datepicker {
    background: var(--contentBox);
    border: 1px solid var(--defaultBorder);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 10px rgba(0, 0, 0, .05);
    width: 300px;
    font-family: Open Sans, sans-serif
}

.react-datepicker-wrapper {
    display: block !important
}

.react-datepicker-popper[data-placement^=right] {
    margin-left: 8px
}

.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
    margin-left: -8px;
    position: absolute;
    left: -8px;
    top: 35px
}

.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle:before {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    border: 8px solid transparent;
    border-right: 8px solid var(--defaultBorder);
    height: 0;
    width: 1px
}

.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle:before {
    content: "";
    z-index: -1;
    border-width: 8px;
    border-right-color: var(--defaultBorder);
    top: -8px;
    left: -9px
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
    border-bottom-color: var(--defaultBorder)
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
    border-bottom-color: var(--contentBox)
}

.react-datepicker__month-container {
    width: 300px
}

.react-datepicker__input-container {
    width: 100%;
    font-size: .875rem;
    letter-spacing: -.45px;
    line-height: 20px
}

.react-datepicker__input-container [type=text] {
    height: 42px
}

.react-datepicker__input-container [type=text]:focus,
.react-datepicker__input-container [type=text]:hover {
    border-color: #b2b2b2
}

.react-datepicker--time-only {
    width: auto
}

.react-datepicker__header {
    background: none;
    border: 0;
    padding: 0
}

.react-datepicker__navigation {
    border: 0;
    width: 10px;
    height: 20px;
    top: 30px;
    text-indent: 0
}

.react-datepicker__navigation:before {
    display: block;
    width: 10px;
    height: 20px
}

.react-datepicker__navigation--previous {
    left: 30px
}

.react-datepicker__navigation--previous:before {
    content: url(/static/images/icons/chevron-left.svg)
}

.react-datepicker__navigation--next {
    right: 30px
}

.react-datepicker__navigation--next:before {
    content: url(/static/images/icons/chevron-right.svg)
}

.react-datepicker__current-month {
    color: var(--textPrimary);
    font-size: 1.5rem;
    letter-spacing: -.6px;
    line-height: 41px;
    margin: 18px 0
}

.react-datepicker__day,
.react-datepicker__day-name {
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    text-transform: uppercase;
    color: var(--textPrimary)
}

.react-datepicker__day--outside-month {
    color: var(--textTertiary)
}

.react-datepicker__day:hover {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: var(--datepickerDateHoverBackground);
    color: var(--datepickerDateHover)
}

.react-datepicker__day--in-range,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--selected {
    background: var(--brandColor);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.react-datepicker__day--in-range:hover,
.react-datepicker__day--in-selecting-range:hover,
.react-datepicker__day--selected:hover {
    background: var(--datepickerDateHoverBackground)
}

@media (min-width:640px) {
    .playlist-add {
        min-width: 490px;
        height: 800px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column
    }
}

.playlist-add__title {
    font-size: 1.846em;
    letter-spacing: -.6px;
    line-height: 33px;
    margin-bottom: 30px
}

.playlist-add__title-icon {
    width: 21px;
    height: 18px
}

.playlist-add__create {
    border-top: 1px solid var(--defaultBorder);
    border-bottom: 1px solid var(--defaultBorder);
    margin-bottom: 20px;
    padding: 20px 0
}

.playlist-add__create-title {
    font-size: 1.231em;
    line-height: 19px;
    letter-spacing: -.57px
}

.playlist-add__create-small {
    font-size: .923em;
    line-height: 19px;
    letter-spacing: -.74px
}

.playlist-add__button {
    padding-left: 30px;
    padding-right: 30px
}

.playlist-add .feed-bar {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin-top: -10px
}

.modal .playlist-add-list {
    max-height: 355px;
    overflow-y: scroll;
    padding-right: 10px
}

@media (min-width:420px) {
    .playlist-add-list {
        min-width: 400px
    }
}

.playlist-add-item .media-item {
    margin-bottom: 15px
}

.playlist-add-item img {
    width: 45px;
    max-width: 45px;
    max-height: 45px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-right: 10px
}

.playlist-add-item__body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-content: center;
    align-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between
}

.playlist-add-item__title {
    font-size: 1.077em;
    font-weight: 600;
    line-height: 19px;
    letter-spacing: -.5px
}

.playlist-add-item__count {
    margin-left: 0;
    font-size: .923em;
    letter-spacing: -.77px;
    line-height: 19px
}

.playlist-add-button {
    text-align: left
}

.playlist-new-thumb {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: var(--playlilstNewThumb);
    width: 45px;
    height: 45px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    margin-right: 1em;
    -webkit-transition: background-color var(--colorTransitionTime) ease-in-out;
    -moz-transition: background-color var(--colorTransitionTime) ease-in-out;
    transition: background-color var(--colorTransitionTime) ease-in-out
}

.playlist-new-thumb__inner {
    width: 60%;
    height: 60%;
    color: #fff;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding: 6px
}

.playlist-new-thumb__inner svg {
    display: block
}

.playlist-add-form {
    margin-top: 15px
}

.playlist-add-form__genre,
.playlist-add-form__name {
    display: inline-block
}

.playlist-add-form__genre select {
    height: 40px
}

.playlist-add-form__name {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    flex-grow: 1;
    margin-right: 1em
}

.playlist-add-form__footer,
.playlist-add-form__header,
.playlist-add-form__privacy {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.playlist-add-form__footer,
.playlist-add-form__header {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between
}

.playlist-add-form__privacy-title {
    margin-right: 1em;
    letter-spacing: -.6px;
    line-height: 30px;
    font-weight: 600
}

.playlist-add-form__privacy-label {
    margin-right: 1em;
    margin-bottom: 0
}

.playlist-add-form__privacy-label span {
    margin-left: 0;
    letter-spacing: -.6px;
    font-weight: 600
}

@-webkit-keyframes line-in {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-moz-keyframes line-in {
    0% {
        -moz-transform: scaleX(0);
        transform: scaleX(0)
    }

    to {
        -moz-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes line-in {
    0% {
        -webkit-transform: scaleX(0);
        -moz-transform: scaleX(0);
        transform: scaleX(0)
    }

    to {
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.monetization-header {
    -moz-background-size: cover;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    background-blend-mode: soft-light;
    background-color: #161616;
    text-align: center;
    padding: 2em 0;
    margin-bottom: 60px;
    position: relative
}

.monetization-header__actions {
    -webkit-transition: background .12s ease-out;
    -moz-transition: background .12s ease-out;
    transition: background .12s ease-out;
    background: hsla(0, 0%, 100%, 0);
    z-index: 2
}

.monetization-header__actions--fixed {
    width: 100%;
    left: 0;
    background: hsla(0, 0%, 100%, .9);
    -webkit-transition: background .12s ease-in;
    -moz-transition: background .12s ease-in;
    transition: background .12s ease-in
}

.monetization-header__actions--fixed .monetization-header__actions-inner {
    padding: 1em 0
}

.monetization-header__actions-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.monetization-header__byline,
.monetization-header__title {
    color: #fff;
    font-weight: 400
}

.monetization-header__title {
    padding: .5em 0
}

.monetization-header__byline {
    padding: 1.5em 0
}

.monetization-header__hr {
    border-top-color: #b2b2b2;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-animation: line-in .5s ease-out .5s forwards;
    -moz-animation: line-in .5s ease-out .5s forwards;
    animation: line-in .5s ease-out .5s forwards;
    margin: 0 2em
}

.monetization-header--has-alert {
    padding-top: 70px
}

.monetization-selects {
    display: inline-block
}

.monetization-selects__select {
    max-width: 150px;
    display: inline-block;
    margin: 0
}

.monetization-blocks {
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.monetization-block,
.monetization-blocks {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

.monetization-block {
    background: #000;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    color: #fff;
    padding: 40px;
    -webkit-flex-basis: 300px;
    flex-basis: 300px
}

.monetization-block__header {
    color: #ffa200;
    text-transform: uppercase;
    font-weight: 700
}

.monetization-block__value {
    font-weight: 500;
    font-size: 2.3rem
}

.monetization-block__icon {
    width: 20px;
    height: 20px;
    color: #ffa200
}

.monetization-block__icon .loader-container {
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    transform-origin: top left
}

.payment-iframe {
    min-height: 500px;
    overflow: scroll
}

:root {
    --blue: #39f
}

.cropper-container {
    direction: ltr;
    font-size: 0;
    line-height: 0;
    position: relative;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cropper-container img {
    display: block;
    height: 100%;
    image-orientation: 0deg;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: 100%
}

.cropper-canvas,
.cropper-crop-box,
.cropper-drag-box,
.cropper-modal,
.cropper-wrap-box {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.cropper-canvas,
.cropper-wrap-box {
    overflow: hidden
}

.cropper-drag-box {
    background-color: #fff;
    opacity: 0
}

.cropper-modal {
    background-color: #000;
    opacity: .5
}

.cropper-view-box {
    display: block;
    height: 100%;
    overflow: hidden;
    width: 100%;
    outline: none
}

.cropper-dashed {
    border: 0 dashed #eee;
    display: block;
    opacity: .5;
    position: absolute
}

.cropper-dashed.dashed-h {
    border-bottom-width: 1px;
    border-top-width: 1px;
    height: 33.33333%;
    left: 0;
    top: 33.33333%;
    width: 100%
}

.cropper-dashed.dashed-v {
    border-left-width: 1px;
    border-right-width: 1px;
    height: 100%;
    left: 33.33333%;
    top: 0;
    width: 33.33333%
}

.cropper-center {
    display: block;
    height: 0;
    left: 50%;
    opacity: .75;
    position: absolute;
    top: 50%;
    width: 0
}

.cropper-center:after,
.cropper-center:before {
    background-color: #eee;
    content: " ";
    display: block;
    position: absolute
}

.cropper-center:before {
    height: 1px;
    left: -3px;
    top: 0;
    width: 7px
}

.cropper-center:after {
    height: 7px;
    left: 0;
    top: -3px;
    width: 1px
}

.cropper-face,
.cropper-line,
.cropper-point {
    display: block;
    height: 100%;
    opacity: .1;
    position: absolute;
    width: 100%
}

.cropper-face {
    background-color: #fff;
    left: 0;
    top: 0
}

.cropper-line {
    background-color: var(--blue)
}

.cropper-line.line-e {
    cursor: ew-resize;
    right: -3px;
    top: 0;
    width: 5px
}

.cropper-line.line-n {
    cursor: ns-resize;
    height: 5px;
    left: 0;
    top: -3px
}

.cropper-line.line-w {
    cursor: ew-resize;
    left: -3px;
    top: 0;
    width: 5px
}

.cropper-line.line-s {
    bottom: -3px;
    cursor: ns-resize;
    height: 5px;
    left: 0
}

.cropper-point {
    background-color: var(--blue);
    height: 5px;
    opacity: .75;
    width: 5px
}

.cropper-point.point-e {
    cursor: ew-resize;
    margin-top: -3px;
    right: -3px;
    top: 50%
}

.cropper-point.point-n {
    cursor: ns-resize;
    left: 50%;
    margin-left: -3px;
    top: -3px
}

.cropper-point.point-w {
    cursor: ew-resize;
    left: -3px;
    margin-top: -3px;
    top: 50%
}

.cropper-point.point-s {
    bottom: -3px;
    cursor: s-resize;
    left: 50%;
    margin-left: -3px
}

.cropper-point.point-ne {
    cursor: nesw-resize;
    right: -3px;
    top: -3px
}

.cropper-point.point-nw {
    cursor: nwse-resize;
    left: -3px;
    top: -3px
}

.cropper-point.point-sw {
    bottom: -3px;
    cursor: nesw-resize;
    left: -3px
}

.cropper-point.point-se {
    bottom: -3px;
    cursor: nwse-resize;
    height: 20px;
    opacity: 1;
    right: -3px;
    width: 20px
}

@media (min-width:768px) {
    .cropper-point.point-se {
        height: 15px;
        width: 15px
    }
}

@media (min-width:992px) {
    .cropper-point.point-se {
        height: 10px;
        width: 10px
    }
}

@media (min-width:1200px) {
    .cropper-point.point-se {
        height: 5px;
        opacity: .75;
        width: 5px
    }
}

.cropper-point.point-se:before {
    background-color: var(--blue);
    bottom: -50%;
    content: " ";
    display: block;
    height: 200%;
    opacity: 0;
    position: absolute;
    right: -50%;
    width: 200%
}

.cropper-invisible {
    opacity: 0
}

.cropper-bg {
    background-image: url(/static/images/cropper-bg.png)
}

.cropper-hide {
    display: block;
    height: 0;
    position: absolute;
    width: 0
}

.cropper-hidden {
    display: none !important
}

.cropper-move {
    cursor: move
}

.cropper-crop {
    cursor: crosshair
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
    cursor: not-allowed
}

.image-banner-page {
    padding-top: 240px;
    padding-bottom: 65px
}

@media screen and (min-width:768px) {
    .image-banner-page {
        padding-top: 320px
    }
}

.image-banner-page--no-banner {
    padding-top: 60px
}

.profile-banner {
    position: absolute;
    width: 100%;
    height: 265px;
    top: 0;
    left: 0;
    overflow: hidden;
    color: #fff;
    background-color: #000;
    opacity: 0;
    -webkit-transition: opacity .2s ease-in;
    -moz-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in
}

@media screen and (min-width:768px) {
    .profile-banner {
        height: 360px
    }
}

.profile-banner--empty {
    height: 100px
}

@media screen and (min-width:768px) {
    .profile-banner--empty {
        height: 195px
    }
}

.profile-banner--empty .profile-banner__bg {
    width: 110%;
    height: 110%;
    top: -5%;
    left: -5%;
    -webkit-filter: blur(30px);
    filter: blur(30px)
}

.profile-banner__bg,
.profile-banner__bg-blur,
.profile-banner__overlay {
    -moz-background-size: cover;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0
}

.profile-banner__overlay {
    opacity: .75
}

.profile-banner__button {
    position: absolute;
    top: 20px;
    right: 20px;
    opacity: 0;
    -webkit-transition: background-color .2s, opacity .2s ease-in-out;
    -moz-transition: background-color .2s, opacity .2s ease-in-out;
    transition: background-color .2s, opacity .2s ease-in-out
}

.profile-banner__bg-blur {
    -webkit-filter: blur(10px);
    filter: blur(10px);
    z-index: 0
}

.profile-banner--active,
.profile-banner:hover .button {
    opacity: 1
}

.profile-banner--edit .profile-banner__default {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%
}

.profile-banner--isEditing {
    z-index: 0
}

.user-profile__main {
    background: var(--contentBox);
    position: relative;
    padding-top: 20px;
    -webkit-transition: background-color var(--colorTransitionTime) ease-in-out;
    -moz-transition: background-color var(--colorTransitionTime) ease-in-out;
    transition: background-color var(--colorTransitionTime) ease-in-out
}

.user-profile__main .avatar-container {
    margin: 0 auto;
    z-index: 2;
    -webkit-box-shadow: 0 2px 30px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 2px 30px rgba(0, 0, 0, .15);
    box-shadow: 0 2px 30px rgba(0, 0, 0, .15);
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 140px;
    -moz-box-flex: 0;
    flex: 0 0 140px;
    width: 140px;
    height: 140px
}

@media print,
screen and (min-width:40em) {
    .user-profile__main .avatar-container {
        margin: -65px 18px 0 0
    }
}

.user-profile__main-content {
    min-height: 400px
}

@media print,
screen and (min-width:40em) {
    .user-profile__main-info {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex
    }
}

.user-profile__main-info .avatar-container__input-wrap {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.user-profile__details-wrap {
    background: #fff
}

.user-profile__nav {
    background: #fff;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between
}

.user-profile__nav--fixed {
    background: #fff;
    position: fixed;
    width: 100%;
    max-width: 71.25rem;
    top: 61px;
    z-index: 14;
    margin: 0
}

.user-profile__nav .feed-bar__list {
    border-bottom: 1px solid #ebebeb
}

.user-profile__name {
    font-size: 2.154em;
    line-height: .93;
    letter-spacing: -.8px
}

.user-profile__name .u-orange-check {
    width: 18px;
    height: 18px;
    padding: 2px 3px
}

.user-profile__name+.social-icons {
    margin-top: 10px
}

.user-profile__bio {
    font-size: 1em;
    color: var(--textTertiary);
    line-height: 1.48;
    letter-spacing: -.5px;
    margin-top: 8px;
    position: relative
}

.user-profile__bio-more {
    font-weight: 700;
    color: var(--brandColor);
    cursor: pointer;
    margin-left: .25em;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.user-profile__bio-more:focus,
.user-profile__bio-more:hover {
    color: #000
}

.user-profile__feed {
    background: var(--contentBox);
    min-height: 500px;
    padding-top: 10px;
    position: relative;
    padding-bottom: 0;
    -webkit-transition: background-color var(--colorTransitionTime) ease-in-out;
    -moz-transition: background-color var(--colorTransitionTime) ease-in-out;
    transition: background-color var(--colorTransitionTime) ease-in-out
}

.user-profile__feed-title {
    letter-spacing: -.7px;
    padding: 0 10px
}

.user-profile__feed--fixed {
    padding-top: 60px
}

.user-profile__feed .exclude-toggle {
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: 2
}

.user-profile__feed .card-grid {
    margin: 0
}

.user-profile__social-icons {
    margin: 1em 0;
    display: inline-block;
    vertical-align: middle
}

@media print,
screen and (min-width:40em) {
    .user-profile__social-icons {
        margin: 7px 0 0
    }
}

.user-profile__social-icons .social-icon {
    width: 16px;
    height: 16px
}

.user-profile__social-icons .social-icon--twitter {
    width: 17px;
    height: 17px
}

.user-profile__social-icons .social-icon--tiktok {
    width: 16px;
    height: 16px
}

.user-profile__about {
    line-height: 1.69231;
    letter-spacing: -.5px
}

.user-profile__about li+li {
    margin-top: 8px
}

.user-profile__web-prompt {
    bottom: -5px;
    letter-spacing: -.4px;
    font-size: 12px
}

.user-profile__stats {
    position: relative;
    padding-left: 20px;
    margin-left: 7px;
    display: inline-block
}

.user-profile__stats:before {
    content: " | ";
    display: inline-block;
    position: absolute;
    left: 0;
    color: #d8d8d8;
    top: 0
}

.user-profile__stats--no-adjacent:before {
    display: none
}

.pinned-title__icon {
    width: 16px;
    height: 16px
}

.pinned-title__edit {
    margin-left: 4px
}

.pinned-item__menu {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 25px;
    color: #ffa200;
    z-index: 12
}

.pinned-item__menu:hover {
    color: #222
}

.pinned-items--condensed .pinned-item__menu {
    top: 12px;
    right: 15px
}

.pinned-items--condensed .music-detail--album .pinned-item__menu,
.pinned-items--condensed .music-detail--playlist .pinned-item__menu {
    top: 10px
}

.pinned-items--condensed .pinned-item__menu-trigger {
    width: 25px;
    height: 25px;
    background: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding: 4px
}

.pinned-item__sub-menu {
    right: -11px;
    margin-top: 5px;
    z-index: 17;
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    transform-origin: top right
}

.pinned-item__sub-menu:before {
    right: 15px
}

.pinned-items__empty {
    background: #fbfbfb;
    border: 1px solid #ebebeb;
    margin: 0 -10px
}

.vendors-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between
}

.vendor {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    flex: 1
}

.vendor a {
    padding: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    color: #000;
    height: 100%;
    letter-spacing: -.4px
}

.vendor--hive a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column
}

.vendor+.vendor {
    margin-left: 30px
}

.vendor--landr .vendor__logo {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75px;
    -moz-box-flex: 0;
    flex: 0 0 75px;
    margin-right: 12px
}

.vendor--hive .vendor__logo {
    margin-bottom: 12px
}

.switch-account {
    max-width: 385px;
    margin: 100px auto 0;
    padding: 20px 25px
}

.switch-account__logo {
    width: 58px;
    color: var(--brandColor);
    margin: 0 auto 8px;
    display: block
}

.switch-account__heading {
    font-weight: 600;
    letter-spacing: -.8px
}

.switch-account__list {
    margin-top: 20px
}

.switch-account__list li {
    font-weight: 700;
    border-bottom: 1px solid var(--defaultBorder);
    position: relative
}

.switch-account__list li img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    display: inline-block;
    vertical-align: middle;
    margin-right: .75em
}

.switch-account__account {
    margin-top: 10px;
    padding: 0 0 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    width: 100%
}

.switch-account__account--center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

.switch-account__account:focus,
.switch-account__account:hover {
    color: var(--brandColor)
}

.switch-account__account[disabled],
.switch-account__account[disabled]:focus,
.switch-account__account[disabled]:hover {
    color: var(--textTertiary);
    background: none
}

.switch-account__account-name {
    font-size: 1.077em;
    letter-spacing: -.4px
}

.switch-account__icon {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%)
}

.switch-account__icon,
.switch-account__icon--remove {
    color: var(--textTertiary)
}

.switch-account__icon--remove:focus,
.switch-account__icon--remove:hover {
    color: #383838
}

.switch-account__icon--check {
    background: #000;
    color: #fff
}

.switch-account__status {
    font-weight: 400
}

.user-card {
    height: 285px;
    margin-bottom: 25px
}

.user-card__inner {
    background: var(--contentBox);
    padding: 20px 22px 45px;
    height: 100%;
    position: relative;
    -webkit-transition: background-color var(--colorTransitionTime) ease-in-out;
    -moz-transition: background-color var(--colorTransitionTime) ease-in-out;
    transition: background-color var(--colorTransitionTime) ease-in-out
}

.user-card--shadow .user-card__inner {
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .02);
    -moz-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .02);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .02)
}

.user-card__avatar {
    width: 90px;
    height: 90px;
    margin: 0 auto 7px;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1)
}

.user-card__title {
    font-size: 1.231em;
    line-height: 1.25;
    letter-spacing: -.3px;
    max-height: 3.843em;
    word-break: break-word;
    color: var(--textPrimary);
    -webkit-transition: color var(--colorTransitionTime) ease-in-out;
    -moz-transition: color var(--colorTransitionTime) ease-in-out;
    transition: color var(--colorTransitionTime) ease-in-out
}

.user-card__followers {
    font-size: .923em;
    letter-spacing: -.5px;
    margin: 7px 0;
    font-weight: 600;
    color: #666
}

.user-card__followers span {
    color: var(--brandColor)
}

.user-card__bio {
    line-height: 1.45;
    letter-spacing: -.5px;
    color: #666;
    max-height: 2.75em;
    overflow: hidden;
    margin-bottom: 15px
}

.user-card__footer {
    position: absolute;
    width: 100%;
    bottom: 20px;
    left: 0
}

.user-card+.music-detail--sponsored {
    margin-bottom: 25px
}

.amp-banner {
    background-image: -webkit-linear-gradient(242deg, #ffcf41, #e8680a);
    background-image: -moz-linear-gradient(242deg, #ffcf41, #e8680a);
    background-image: linear-gradient(208deg, #ffcf41, #e8680a);
    height: 340px;
    text-align: center;
    overflow: hidden;
    color: #fff;
    padding: 100px 0
}

@media print,
screen and (min-width:40em) {
    .amp-banner {
        padding: 100px
    }
}

.amp-banner__logo {
    opacity: .1;
    color: #fff;
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateY(-30%);
    -moz-transform: translateY(-30%);
    transform: translateY(-30%)
}

.amp-banner__text {
    margin-top: -40px;
    max-width: 640px
}

.amp-banner h1 {
    font-size: 2.625rem;
    line-height: 1.05;
    margin-bottom: .25em;
    letter-spacing: -1.8px
}

.amp-banner p {
    font-size: 18px;
    line-height: 1.33;
    letter-spacing: -.6px
}

.amp-steps {
    height: 155px;
    margin-top: -78px;
    padding-top: 10px
}

.amp-steps h2 {
    font-size: 1.875rem;
    margin-bottom: .25em;
    letter-spacing: -.8px
}

.amp-steps h2 span {
    font-weight: 400
}

.amp-steps__progress-wrap {
    padding: 0 50px
}

@media print,
screen and (min-width:40em) {
    .amp-steps__progress-wrap {
        padding: 0 100px
    }
}

.amp-content-container {
    padding: 40px 30px
}

@media print,
screen and (min-width:40em) {
    .amp-code-container {
        padding: 0 105px
    }
}

.amp-code-container :-moz-placeholder,
.amp-code-container ::-moz-placeholder {
    color: #d8d8d8
}

.amp-code-container ::-ms-input-placeholder {
    color: #d8d8d8
}

.amp-code-container ::-webkit-input-placeholder {
    color: #d8d8d8
}

.amp-code-container :-moz-placeholder,
.amp-code-container ::-moz-placeholder {
    color: #d8d8d8
}

.amp-code-container ::placeholder {
    color: #d8d8d8
}

.amp-code-container :-ms-input-placeholder {
    color: #d8d8d8
}

.amp-large-text {
    font-size: 1.125rem;
    line-height: 1.33;
    letter-spacing: -.5px
}

.amp-code-input,
.amp-complete-container h3 {
    font-size: 1.5rem
}

.amp-code-input {
    padding: 24px;
    text-align: center;
    height: 80px;
    background: var(--inputBackground);
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    border: 0;
    text-transform: uppercase;
    font-weight: 600
}

.amp-code-button,
.amp-upload-button {
    width: 250px;
    text-transform: uppercase
}

.amp-code-button svg {
    position: absolute;
    right: 1em;
    width: 16px;
    height: 12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: -webkit-transform .2s ease-out;
    -moz-transition: transform .2s ease-out, -moz-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out, -moz-transform .2s ease-out
}

.amp-code-button:hover svg {
    -webkit-transform: translateX(5px) translateY(-50%);
    -moz-transform: translateX(5px) translateY(-50%);
    transform: translateX(5px) translateY(-50%);
    -webkit-transition: -webkit-transform .2s ease-in;
    transition: -webkit-transform .2s ease-in;
    -moz-transition: transform .2s ease-in, -moz-transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in, -webkit-transform .2s ease-in, -moz-transform .2s ease-in
}

.amp-upload-button {
    padding: 10px;
    width: 180px;
    font-size: .75rem;
    line-height: 18px
}

.amp-upload-button .button__icon {
    width: 18px;
    height: 18px;
    margin-right: 10px
}

.amp-faq-link {
    font-size: .9375rem;
    color: var(--textPrimary);
    border-bottom: 1px dotted
}

.amp-faq-link:focus,
.amp-faq-link:hover {
    color: #ffa200
}

.progress-bar {
    height: 50px;
    padding-top: 10px;
    position: relative
}

.progress-bar:before,
.progress-bar__fill {
    content: "";
    position: absolute;
    background: #d8d8d8;
    height: 4px;
    width: 100%;
    left: 0;
    top: auto
}

.progress-bar__fill {
    background: #ffa200;
    width: 0;
    -webkit-transition: width .5s ease-in;
    -moz-transition: width .5s ease-in;
    transition: width .5s ease-in
}

.progress-bar__steps {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between
}

.progress-bar__step,
.progress-bar__steps {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    height: 100%
}

.progress-bar__step {
    font-weight: 700;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    align-items: flex-end;
    color: var(--textTertiary)
}

.progress-bar__step:before {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    background: #d8d8d8;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    top: 0;
    left: 0;
    -webkit-transition: background .2s ease-out, -webkit-box-shadow .2s ease-out;
    transition: background .2s ease-out, -webkit-box-shadow .2s ease-out;
    -moz-transition: background .2s ease-out, box-shadow .2s ease-out, -moz-box-shadow .2s ease-out;
    transition: background .2s ease-out, box-shadow .2s ease-out;
    transition: background .2s ease-out, box-shadow .2s ease-out, -webkit-box-shadow .2s ease-out, -moz-box-shadow .2s ease-out
}

.progress-bar__step:first-child {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%)
}

.progress-bar__step:first-child:before {
    margin-left: 0;
    -webkit-transform: translateX(100%) translateY(-50%);
    -moz-transform: translateX(100%) translateY(-50%);
    transform: translateX(100%) translateY(-50%);
    -webkit-transform: translateX(-webkit-calc(100% + 10px)) translateY(-50%);
    -moz-transform: translateX(-moz-calc(100% + 10px)) translateY(-50%);
    transform: translateX(calc(100% + 10px)) translateY(-50%)
}

.progress-bar__step:last-child {
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    transform: translateX(50%)
}

.progress-bar__step:last-child:before {
    margin-left: 0;
    -webkit-transform: translateX(102%) translateY(-50%);
    -moz-transform: translateX(102%) translateY(-50%);
    transform: translateX(102%) translateY(-50%);
    -webkit-transform: translateX(-webkit-calc(100% + 10px)) translateY(-50%);
    -moz-transform: translateX(-moz-calc(100% + 10px)) translateY(-50%);
    transform: translateX(calc(100% + 10px)) translateY(-50%)
}

.progress-bar__step--filled:before {
    background: #ffa200
}

.progress-bar__step--active {
    color: var(--textPrimary)
}

.progress-bar__step--active:before {
    background: #ffa200;
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px #ffa200;
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 4px #ffa200;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #ffa200;
    -webkit-transition: background .2s ease-in, -webkit-box-shadow .2s ease-in .2s;
    transition: background .2s ease-in, -webkit-box-shadow .2s ease-in .2s;
    -moz-transition: background .2s ease-in, box-shadow .2s ease-in .2s, -moz-box-shadow .2s ease-in .2s;
    transition: background .2s ease-in, box-shadow .2s ease-in .2s;
    transition: background .2s ease-in, box-shadow .2s ease-in .2s, -webkit-box-shadow .2s ease-in .2s, -moz-box-shadow .2s ease-in .2s
}

.success-circle {
    background: -webkit-linear-gradient(135deg, #ffaf4b, #ff920a);
    background: -moz-linear-gradient(135deg, #ffaf4b 0, #ff920a 100%);
    background: -moz-linear-gradient(135deg, #ffaf4b, #ff920a);
    background: linear-gradient(-45deg, #ffaf4b, #ff920a);
    width: 100px;
    height: 100px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 30px auto;
    color: #fff;
    position: relative;
    z-index: 2;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    -webkit-animation: scaleIn .4s ease-in-out forwards;
    -moz-animation: scaleIn .4s ease-in-out forwards;
    animation: scaleIn .4s ease-in-out forwards;
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    animation-delay: .5s
}

.success-circle__check {
    width: 100px;
    height: 100px;
    padding: 20px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    transform: scaleX(-1);
    z-index: 2
}

.success-circle:before {
    border: 5px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 110px;
    height: 110px;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    z-index: 3
}

.success-circle:after,
.success-circle:before {
    content: "";
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%
}

.success-circle:after {
    background: -webkit-linear-gradient(135deg, #ffaf4b, #ff920a);
    background: -moz-linear-gradient(135deg, #ffaf4b 0, #ff920a 100%);
    background: -moz-linear-gradient(135deg, #ffaf4b, #ff920a);
    background: linear-gradient(-45deg, #ffaf4b, #ff920a);
    width: 120px;
    height: 120px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 1;
    -webkit-transform: translateY(-50%) translateX(-50%) scale(.8);
    -moz-transform: translateY(-50%) translateX(-50%) scale(.8);
    transform: translateY(-50%) translateX(-50%) scale(.8);
    -webkit-animation: scaleOuter .3s ease-in-out forwards;
    -moz-animation: scaleOuter .3s ease-in-out forwards;
    animation: scaleOuter .3s ease-in-out forwards;
    -webkit-animation-delay: .695s;
    -moz-animation-delay: .695s;
    animation-delay: .695s
}

.success-circle .path {
    stroke-linecap: round;
    stroke-dasharray: 27;
    stroke-dashoffset: 30;
    -webkit-animation: success-dash .5s ease forwards;
    -moz-animation: success-dash .5s ease forwards;
    animation: success-dash .5s ease forwards;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s
}

@-webkit-keyframes success-dash {
    to {
        stroke-dashoffset: 0;
        stroke-dasharray: 27
    }
}

@-moz-keyframes success-dash {
    to {
        stroke-dashoffset: 0;
        stroke-dasharray: 27
    }
}

@keyframes success-dash {
    to {
        stroke-dashoffset: 0;
        stroke-dasharray: 27
    }
}

@-webkit-keyframes scaleIn {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes scaleIn {
    0% {
        -moz-transform: scale(0);
        transform: scale(0)
    }

    to {
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scaleIn {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes scaleOuter {
    0% {
        -webkit-transform: translateY(-50%) translateX(-50%) scale(.8);
        transform: translateY(-50%) translateX(-50%) scale(.8)
    }

    to {
        -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
        transform: translateY(-50%) translateX(-50%) scale(1)
    }
}

@-moz-keyframes scaleOuter {
    0% {
        -moz-transform: translateY(-50%) translateX(-50%) scale(.8);
        transform: translateY(-50%) translateX(-50%) scale(.8)
    }

    to {
        -moz-transform: translateY(-50%) translateX(-50%) scale(1);
        transform: translateY(-50%) translateX(-50%) scale(1)
    }
}

@keyframes scaleOuter {
    0% {
        -webkit-transform: translateY(-50%) translateX(-50%) scale(.8);
        -moz-transform: translateY(-50%) translateX(-50%) scale(.8);
        transform: translateY(-50%) translateX(-50%) scale(.8)
    }

    to {
        -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
        -moz-transform: translateY(-50%) translateX(-50%) scale(1);
        transform: translateY(-50%) translateX(-50%) scale(1)
    }
}

.color-picker {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    z-index: 2;
    position: relative
}

.color-picker__button {
    -webkit-box-shadow: inset 0 0 0 2px #fff;
    -moz-box-shadow: inset 0 0 0 2px #fff;
    box-shadow: inset 0 0 0 2px #fff;
    border: 1px solid #e2e2e2;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.color-picker__picker {
    -webkit-transform: translate(-225px, -285px);
    -moz-transform: translate(-225px, -285px);
    transform: translate(-225px, -285px)
}

.accordion {
    padding: 10px 0 20px
}

.accordion:first-child {
    padding-top: 0
}

.accordion__title {
    width: 100%;
    text-align: left;
    padding: 10px 30px 10px 0;
    position: relative
}

.accordion__title:first-child {
    padding-top: 0
}

.accordion__title:after {
    right: 10px;
    top: 50%;
    margin-top: -5px
}

.accordion:last-child {
    padding-bottom: 0
}

.accordion:last-child .accordion__title {
    padding-bottom: 0
}

.accordion__content {
    color: #868686;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: max-height .2s ease-out .2s, opacity .2s ease-out;
    -moz-transition: max-height .2s ease-out .2s, opacity .2s ease-out;
    transition: max-height .2s ease-out .2s, opacity .2s ease-out;
    will-change: max-height, opacity
}

.accordion--closed .accordion__title:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-color: #b2b2b2 transparent transparent;
    border-style: solid;
    border-width: 6px 6px 0
}

.accordion--open .accordion__title:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent transparent #ffa200;
    border-style: solid;
    border-width: 0 6px 6px
}

.accordion--open .accordion__content {
    -webkit-transition: max-height .2s ease-in, opacity .2s ease-in .2s;
    -moz-transition: max-height .2s ease-in, opacity .2s ease-in .2s;
    transition: max-height .2s ease-in, opacity .2s ease-in .2s;
    opacity: 1;
    max-height: 2000px;
    overflow: auto
}

.hero {
    background: -webkit-linear-gradient(right, #ffa200, #ff8900);
    background: -moz-linear-gradient(right, #ffa200, #ff8900);
    background: -webkit-gradient(linear, right top, left top, from(#ffa200), to(#ff8900));
    background: linear-gradient(270deg, #ffa200, #ff8900);
    -webkit-transition: background .5s;
    -moz-transition: background .5s;
    transition: background .5s;
    height: 440px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

@media print,
screen and (min-width:64em) {
    .hero {
        height: 500px
    }
}

.hero__inner {
    width: 100%;
    z-index: 2
}

@media print,
screen and (min-width:40em) {
    .hero__inner {
        width: 570px;
        padding: 0 20px
    }
}

.hero--home .hero__inner {
    padding-top: 170px
}

@media print,
screen and (min-width:40em) {
    .hero--home .hero__inner {
        padding-top: 150px
    }
}

.hero__mark {
    width: 100vw;
    height: auto;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: .1;
    z-index: 1;
    -webkit-transition: color .5s, opacity .5s;
    -moz-transition: color .5s, opacity .5s;
    transition: color .5s, opacity .5s
}

.hero__titles {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    -webkit-transition: opacity .4s ease-in-out;
    -moz-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out
}

.hero--home .hero__subtitle,
.hero--home .hero__title {
    opacity: 0;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: opacity .25s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: opacity .25s ease-in-out, -webkit-transform .3s ease-in-out;
    -moz-transition: transform .3s ease-in-out, opacity .25s ease-in-out, -moz-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, opacity .25s ease-in-out;
    transition: transform .3s ease-in-out, opacity .25s ease-in-out, -webkit-transform .3s ease-in-out, -moz-transform .3s ease-in-out
}

.hero__titles--active .hero__subtitle,
.hero__titles--active .hero__title {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0)
}

.hero__title {
    font-size: 2.25rem;
    letter-spacing: -.10625rem;
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    transition-delay: .2s
}

.hero--about .hero__title {
    font-size: 3rem
}

.hero__subtitle {
    letter-spacing: -.6px;
    padding: 12px 22px 20px;
    -webkit-transition-delay: .35s;
    -moz-transition-delay: .35s;
    transition-delay: .35s
}

.hero--about .hero__subtitle {
    font-size: 1.125rem
}

.hero__button {
    background: #fff;
    min-width: 200px;
    padding: 17px;
    font-size: 1.077em;
    color: #222;
    -webkit-box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .06);
    -moz-box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .06)
}

.hero__button:hover {
    background: #000;
    color: #fff
}

.hero__signup {
    padding: 16px;
    min-width: 195px;
    opacity: 0;
    -webkit-animation: fadeIn .4s ease-in-out forwards;
    -moz-animation: fadeIn .4s ease-in-out forwards;
    animation: fadeIn .4s ease-in-out forwards;
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    animation-delay: .3s
}

.hero__signup:hover {
    background: #000
}

.hero__images-wrap {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1
}

.hero__image {
    display: none
}

@media print,
screen and (min-width:64em) {
    .hero__image {
        display: block
    }
}

.hero__image--laptop {
    top: 60%;
    left: -10%;
    height: 80%;
    -webkit-transform: translateY(-60%) translateX(-30%);
    -moz-transform: translateY(-60%) translateX(-30%);
    transform: translateY(-60%) translateX(-30%)
}

@media screen and (min-width:75em) {
    .hero__image--laptop {
        height: 90%;
        left: 0
    }
}

.hero__image--tablet {
    top: 10%;
    right: 0;
    height: 100%;
    -webkit-transform: translateX(38%) translateY(-20%);
    -moz-transform: translateX(38%) translateY(-20%);
    transform: translateX(38%) translateY(-20%)
}

@media screen and (min-width:75em) {
    .hero__image--tablet {
        -webkit-transform: translateX(0) translateY(-20%);
        -moz-transform: translateX(0) translateY(-20%);
        transform: translateX(0) translateY(-20%)
    }
}

.hero__image--phone-top {
    top: -60px;
    left: 20%;
    max-width: 300px
}

@media print,
screen and (min-width:64em) {
    .hero__image--phone-top {
        top: -30px
    }
}

.hero__image--phone-bottom {
    bottom: 25px;
    right: 15%;
    max-width: 300px;
    -webkit-transform: translateY(55%);
    -moz-transform: translateY(55%);
    transform: translateY(55%)
}

.hero--dark {
    background: #000
}

.hero--dark .hero__mark {
    opacity: 1;
    color: #161616
}

.music-edit-track {
    background: #fff;
    padding: 10px 0 10px 36px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    border-bottom: 1px solid #ededed;
    margin: 0
}

.manage-pins__uploads .music-edit-track {
    padding-left: 0
}

.u-sortable-item .music-edit-track {
    padding-left: 72px
}

.music-edit-track .song-upload__title {
    line-height: 16px;
    font-size: .8125rem
}

.music-edit-track__image {
    background: #b2b2b2;
    overflow: hidden;
    width: 30px;
    height: 30px;
    margin-right: 15px
}

.music-edit-track__image:hover .music-edit-track__play-button {
    opacity: 1
}

.music-edit-track__play-button {
    color: #ffa200;
    position: absolute;
    margin: 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.music-edit-track__remove {
    cursor: pointer;
    text-align: center;
    width: 20px;
    height: 20px;
    vertical-align: super;
    color: red
}

.music-edit-track__remove:focus,
.music-edit-track__remove:hover {
    color: #000
}

.music-edit-track__remove--pin {
    color: #ffa200;
    width: 14px;
    height: 14px;
    position: relative;
    top: 3px
}

.music-edit-track__remove--pin:hover {
    color: #999;
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
}

.music-edit-track__remove--pin[disabled],
.music-edit-track__remove--pin[disabled]:hover {
    background: none;
    pointer-events: all;
    cursor: not-allowed;
    color: #999
}

.music-edit-track__remove--pin:before {
    background: red;
    width: 120px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    white-space: normal
}

.music-edit-track__remove--pin:after {
    border-top-color: red
}

.music-edit-track__remove--pinned {
    color: #b2b2b2;
    padding: 2px
}

.music-edit-track__remove--pinned:focus,
.music-edit-track__remove--pinned:hover {
    color: #383838
}

.music-edit-track .loader-container {
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    transform-origin: top left
}

.music-edit-track--dragging .music-edit-track {
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .15);
    box-shadow: 0 0 3px rgba(0, 0, 0, .15);
    border-bottom: 0
}

.sort-toolbar {
    background: #fff;
    -webkit-box-shadow: 0 -2px 20px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 -2px 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 -2px 20px 0 rgba(0, 0, 0, .1);
    width: 100%;
    height: 80px;
    position: fixed;
    bottom: 0;
    left: 0;
    -webkit-transform: translateY(200%);
    -moz-transform: translateY(200%);
    transform: translateY(200%);
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    z-index: 28
}

.has-active-player .sort-toolbar {
    bottom: 80px
}

.has-collapsed-player .sort-toolbar {
    bottom: 50px
}

.has-active-player .sort-toolbar--active,
.sort-toolbar--active {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0)
}

.sort-toolbar__inner {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

.sort-toolbar__inner>* {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    flex: 1
}

.sort-toolbar__count span {
    display: inline-block;
    font-size: .625rem;
    margin-right: 3px;
    padding: 0 9px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    vertical-align: text-bottom
}

.sort-toolbar__button {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 15px;
    color: #757575;
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
}

.sort-toolbar__button:hover {
    color: #222
}

.sort-toolbar__button:before {
    background: #222
}

.sort-toolbar__button:after {
    border-top-color: #222
}

.sort-toolbar__button--clear {
    width: 16px;
    height: 16px;
    margin: 0
}

.homepage__section {
    margin-bottom: 60px
}

.homepage__section li:last-child .music-detail {
    margin-bottom: 0
}

.homepage__section li:only-child .music-detail {
    margin-bottom: 60px
}

.homepage__section div+.homepage__section-head {
    margin-top: 40px
}

.homepage__section-wrap {
    margin-top: -30px
}

.homepage__section-title {
    margin-bottom: 50px
}

.homepage__app-banner {
    background: url(/static/images/desktop/hp/hp-background-mosaic.jpg) no-repeat 50%;
    -moz-background-size: cover;
    background-size: cover;
    padding: 60px 0;
    color: #fff
}

@media print,
screen and (min-width:64em) {
    .homepage__app-banner {
        padding: 0;
        height: 450px
    }
}

.homepage__app-banner .row {
    height: 100%
}

.homepage__app-banner-devices {
    display: none
}

@media print,
screen and (min-width:64em) {
    .homepage__app-banner-devices {
        display: block
    }
}

.homepage__app-banner-devices img {
    position: absolute;
    bottom: -70px;
    left: 0
}

.homepage__app-banner-title {
    font-size: 2.5rem
}

.homepage__partner {
    -moz-background-size: cover;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    height: 300px;
    padding: 25px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .06);
    -moz-box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .06)
}

.homepage__partner--trap {
    background-image: url(/static/images/desktop/hp/hp-trap-bg.png)
}

@media (-moz-min-device-pixel-ratio:2),
(-webkit-min-device-pixel-ratio:2) {
    .homepage__partner--trap {
        background-image: url(/static/images/desktop/hp/hp-trap-bg@2x.png);
        -moz-background-size: 535px 300px;
        background-size: 535px 300px
    }
}

.homepage__partner--world {
    background-image: url(/static/images/desktop/hp/hp-world-bg.png)
}

@media (-moz-min-device-pixel-ratio:2),
(-webkit-min-device-pixel-ratio:2) {
    .homepage__partner--world {
        background-image: url(/static/images/desktop/hp/hp-world-bg@2x.png);
        -moz-background-size: 535px 300px;
        background-size: 535px 300px
    }
}

.homepage__partner>.row {
    height: 100%
}

.media-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    align-items: flex-start
}

.media-item--center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.media-item__body {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    flex: 1
}

.music-page {
    padding-bottom: 0
}

.music-page__content-section-top {
    padding-bottom: 20px
}

.music-page__content-center {
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    flex-grow: 1;
    max-width: 445px
}

.music-page__content-center .video-container {
    margin-bottom: 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e2e2e2
}

@media print,
screen and (min-width:40em) {
    .music-page__content-right {
        border-left: 1px solid #e2e2e2;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 330px;
        -moz-box-flex: 0;
        flex: 0 0 330px
    }
}

.music-page__content-right .am-partner {
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    min-height: 270px
}

.music-page__content-right .am-partner>div {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 250px;
    background-repeat: no-repeat;
    background-position: top;
    -moz-background-size: cover;
    background-size: cover
}

.music-page__tracks-header {
    font-weight: 700;
    font-size: .9375rem;
    letter-spacing: -.35px
}

.music-page__tracks-header:not(.music-page__tracks-header--no-border) {
    padding-bottom: 1em;
    border-bottom: 1px solid #e2e2e2
}

.music-page__tracks-footer {
    text-align: right;
    font-weight: 700;
    letter-spacing: -.35px
}

.artist-section__button {
    margin-bottom: 10px
}

.artist-section__about-stat {
    line-height: 1.2
}

.artist-section__about-stat:not(:first-child) {
    border-left: 1px solid #e2e2e2;
    margin-left: 18px;
    padding-left: 20px
}

.artist-section__image {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    margin-right: .5em;
    float: left
}

.artist-section__info-block {
    line-height: normal;
    margin-bottom: 5px;
    letter-spacing: -.55px
}

.artist-section__info-block--footer {
    padding-top: 15px
}

.artist-section__info-block--footer>div {
    margin-bottom: 3px
}

.artist-section__content {
    vertical-align: middle;
    height: 40px;
    padding: 5px 0 5px 50px
}

.artist-section__content .u-orange-check {
    position: relative;
    top: 2px;
    right: -4px;
    width: 1em;
    height: 1em
}

.artist-section__content-title {
    color: #ffa200;
    font-size: .65rem;
    text-transform: uppercase;
    line-height: 1
}

.artist-section__content-artist {
    font-size: .9rem;
    line-height: 1.4;
    letter-spacing: -.55px;
    color: #222;
    display: inline-block
}

.artist-section__content-artist:focus,
.artist-section__content-artist:hover {
    color: #ffa200
}

.artist-section__c {
    padding-right: 5px
}

.artist-section__info-label {
    font-weight: 700;
    margin-right: .5em;
    letter-spacing: -.55px
}

.artist-section__about-social-block {
    margin-left: 10px
}

.artist-section__about-social-block li {
    line-height: 33px
}

.recent-tracks {
    padding-bottom: 20px
}

.recent-tracks .music-detail__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.recent-tracks .music-detail__image {
    margin-top: 0
}

.video-container {
    position: relative
}

.video-container:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%
}

.video-container>.content,
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.video-container iframe {
    width: 100%;
    height: 100%
}

.artist-nav {
    -webkit-box-shadow: 0 -2px 20px rgba(0, 0, 0, .07);
    -moz-box-shadow: 0 -2px 20px rgba(0, 0, 0, .07);
    box-shadow: 0 -2px 20px rgba(0, 0, 0, .07)
}

.artist-nav .feed-bar {
    float: left
}

.artist-nav .social-icons {
    float: right;
    padding: 18px 12px 0
}

.artist-summary {
    background: #fff
}

.artist-summary__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

.artist-summary__left {
    width: -webkit-calc(100% - 130px);
    width: -moz-calc(100% - 130px);
    width: calc(100% - 130px)
}

.artist-summary__right {
    text-align: right;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    justify-content: flex-end;
    width: 130px
}

.artist-section__info-value {
    position: relative;
    word-wrap: break-word
}

.artist-avatar-wrap {
    position: relative;
    margin-top: -40px;
    margin-right: 1.5em
}

.artist-avatar-wrap .button {
    position: absolute;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%)
}

.artist-no-uploads {
    padding: 150px 0
}

.artist-no-uploads__icon {
    width: 60px;
    height: 60px;
    color: #e2e2e2
}

.search-page__search-title {
    font-size: 28px;
    line-height: 1;
    letter-spacing: -1.25px;
    margin-bottom: 25px;
    padding-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.search-page__search {
    margin-bottom: 40px;
    padding-top: 30px;
    padding-bottom: 45px;
    text-align: center
}

.search-page__search .search-form {
    max-width: 700px
}

.search-page__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    position: relative
}

.search-page__content--fixed .search-page__filter {
    overflow-y: scroll;
    margin-top: 0
}

.search-page__content--fixed .search-page__results {
    margin-left: 230px
}

.search-page__filter {
    padding-right: 0
}

.search-page__filter::-webkit-scrollbar {
    background: #fff
}

.search-page__filter>.row {
    margin: 0
}

@media print,
screen and (min-width:40em) {
    .search-page__filter {
        width: 230px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 230px;
        -moz-box-flex: 0;
        flex: 0 0 230px;
        max-width: 230px
    }
}

.search-page__widget {
    padding-top: 25px;
    padding-bottom: 15px;
    font-weight: 700;
    letter-spacing: -.5px
}

.search-page__verified-toggle>div {
    width: 100%
}

.search-page__verified-toggle label {
    border-color: #eaeaea;
    margin: 0
}

.search-page .vertical-menu {
    margin: 0 -20px
}

.search-page .vertical-menu__link {
    padding: 7px 20px;
    border-left: 5px solid #fff
}

.search-page .vertical-menu__link--current {
    border-color: #ffa200
}

.search__widget-title {
    line-height: 1
}

.create {
    background: var(--background);
    -webkit-transition: background-color var(--colorTransitionTime) ease-in-out;
    -moz-transition: background-color var(--colorTransitionTime) ease-in-out;
    transition: background-color var(--colorTransitionTime) ease-in-out
}

.create-main {
    padding: 50px 0
}

@media print,
screen and (min-width:64em) {
    .create-main {
        padding: 75px 0 220px
    }
}

@media print,
screen and (min-width:40em) {
    .create-key-feature {
        max-width: 415px
    }
}

.create-key-feature+.create-key-feature {
    margin-top: 30px
}

@media print,
screen and (min-width:64em) {
    .create-key-feature+.create-key-feature {
        margin-top: 0
    }
}

.create-key-feature__inner {
    padding: 0 30px
}

.create-key-feature__icon {
    background: var(--brandColor);
    width: 130px;
    height: 130px;
    margin: 0 auto 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

.create-key-feature--free .create-key-feature__icon {
    padding: 15px
}

.create-key-feature--advanced-stats .create-key-feature__icon {
    padding: 25px
}

.create-key-feature--powerful .create-key-feature__icon {
    padding: 28px 0 28px 10px
}

.create-key-feature__title {
    font-family: 1.846em;
    letter-spacing: -1.1px;
    margin: 0 0 10px;
    color: var(--textPrimary)
}

.create-key-feature__content p,
.create-key-feature__title {
    -webkit-transition: color var(--colorTransitionTime) ease-in-out;
    -moz-transition: color var(--colorTransitionTime) ease-in-out;
    transition: color var(--colorTransitionTime) ease-in-out
}

.create-key-feature__content p {
    font-size: 1.231em;
    letter-spacing: -.2px;
    color: var(--textTertiary)
}

.create-features {
    margin: 40px 0
}

.create-feature {
    padding: 45px 0
}

.create-feature--phones img {
    margin: 0 auto
}

.create-feature>.row {
    max-width: 100rem
}

.create-feature__content {
    max-width: 500px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

.create-feature__content p {
    font-size: 1.231em;
    letter-spacing: -.2px;
    color: var(--textTertiary);
    -webkit-transition: color var(--colorTransitionTime) ease-in-out;
    -moz-transition: color var(--colorTransitionTime) ease-in-out;
    transition: color var(--colorTransitionTime) ease-in-out
}

.create-feature__content p+p {
    margin-top: 25px
}

.create-feature__title {
    font-size: 3.077em;
    letter-spacing: -2px;
    color: var(--textPrimary);
    margin: 0 0 30px;
    -webkit-transition: color var(--colorTransitionTime) ease-in-out;
    -moz-transition: color var(--colorTransitionTime) ease-in-out;
    transition: color var(--colorTransitionTime) ease-in-out
}

.create-feature__badges {
    margin-top: 35px
}

.create-feature__badge {
    width: 150px;
    color: var(--textTertiary);
    -webkit-transition: color var(--colorTransitionTime) ease-in-out;
    -moz-transition: color var(--colorTransitionTime) ease-in-out;
    transition: color var(--colorTransitionTime) ease-in-out
}

.create-feature__badge+.create-feature__badge {
    margin-left: 40px
}

.create-feature__badge:hover {
    color: var(--textPrimary)
}

.create-coverage-wrap {
    padding: 0 20px
}

@media print,
screen and (min-width:64em) {
    .create-coverage-wrap {
        padding: 0
    }
}

.create-coverage {
    background: var(--contentBox);
    border: 1px solid rgba(0, 0, 0, .1);
    border-right: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-transition: background-color var(--colorTransitionTime) ease-in-out;
    -moz-transition: background-color var(--colorTransitionTime) ease-in-out;
    transition: background-color var(--colorTransitionTime) ease-in-out
}

.create-coverage:last-child {
    border-right: 1px solid rgba(0, 0, 0, .1)
}

.create-coverage:before {
    content: "";
    padding-bottom: 100%
}

.create-coverage a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.create-coverage img {
    opacity: .15;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

[data-color-mode=dark] .create-coverage img {
    -webkit-filter: invert(1);
    filter: invert(1)
}

.create-coverage:hover img {
    opacity: 1
}

.create-footer__main {
    background: #222;
    padding: 75px 0 45px
}

.create-footer__sub {
    background: #000;
    padding: 25px 0
}

.create-footer__sub .column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.create-footer__sub .column:last-child {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    justify-content: flex-end
}

.create-footer__copyright {
    font-size: .923em;
    color: hsla(0, 0%, 100%, .5)
}

.create-footer__copyright+p {
    margin-top: 16px
}

.create-footer__logo {
    width: 153px;
    height: 21px;
    margin-bottom: 25px
}

.create-footer__logo path:last-child {
    fill: var(--brandColor)
}

.create-footer__follow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    margin: 0 auto 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

@media print,
screen and (min-width:40em) {
    .create-footer__follow {
        margin: 0
    }
}

.create-footer__follow li+li {
    margin-left: 18px
}

.create-footer__follow-label {
    font-size: 1.385em;
    margin-right: 25px
}

.create-footer__follow a {
    width: 18px;
    height: 18px;
    color: #fff
}

.create-footer__follow a:hover {
    color: #ffa200
}

.create-footer__follow a[href*=twitter] {
    width: 21px;
    height: 21px
}

.create-footer__badges {
    margin: 0 auto 20px
}

@media print,
screen and (min-width:40em) {
    .create-footer__badges {
        margin: 0
    }
}

.create-footer__badges a {
    color: #fff
}

.create-footer__badges a:hover {
    color: #b2b2b2
}

.create-footer--player-active .create-footer__sub {
    padding: 25px 0 120px
}

.create-footer__widget li {
    letter-spacing: -.3px
}

.create-footer__widget li+li {
    margin-top: .5em
}

.create-footer__widget a {
    color: hsla(0, 0%, 100%, .7)
}

.create-footer__widget a:hover,
.hero-types__item {
    color: #fff
}

.hero-types__item--active .hero-types__button {
    border-bottom: 3px solid #fff
}

.hero--dark .hero-types__item--active .hero-types__button {
    border-bottom: 3px solid #ffa200
}

.hero-types__item:last-child .hero-types__button:after {
    content: ""
}

.hero-types__button {
    margin: 0 15px;
    text-transform: capitalize;
    font-weight: 700;
    color: #fff;
    position: relative
}

.hero-types__button:after {
    content: "  •  ";
    display: inline-block;
    right: -15px;
    position: absolute;
    top: 0
}

.floating-button {
    position: fixed;
    bottom: 25px;
    right: 25px;
    z-index: 10;
    -webkit-transform: translateY(150px);
    -moz-transform: translateY(150px);
    transform: translateY(150px);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.has-floating-button .floating-button {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0)
}

.has-active-player .floating-button {
    bottom: 100px
}

.has-collapsed-player .floating-button {
    bottom: 65px
}

.single-page {
    background: var(--contentBox);
    padding: 20px;
    -webkit-transition: background-color var(--colorTransitionTime) ease-in-out;
    -moz-transition: background-color var(--colorTransitionTime) ease-in-out;
    transition: background-color var(--colorTransitionTime) ease-in-out
}

.modal .single-page {
    background: none
}

.premium-partner-page {
    margin-top: 30px
}

.premium-partner-page li {
    list-style: inherit
}

.premium-partner-page li+li {
    margin-top: 8px
}

.premium-partner-page ol {
    list-style: decimal;
    margin-left: 14px;
    margin-top: 8px
}

.premium-partner-page ol ol {
    list-style: lower-alpha
}

.premium-partner-page ol ol ol {
    list-style: lower-roman
}

.premium-partner-page>*+* {
    margin-top: 8px
}

.notifications-empty__icon {
    width: 200px;
    height: 193px;
    margin: 0 auto 30px;
    color: #ffa200
}

.notifications-empty__message {
    font-size: 1.231em;
    font-weight: 600;
    line-height: 1.62;
    letter-spacing: -.068em;
    max-width: 420px;
    margin: 0 auto
}

.dashboard__message {
    margin: 20px 0
}

.dashboard__upload-buttons {
    margin-top: 20px
}

.dashboard__upload-button {
    margin: 0 15px
}

.geochart svg {
    opacity: .1;
    pointer-events: none;
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.geochart .chart-loaded {
    opacity: 1;
    pointer-events: auto
}

.upload-page {
    padding: 35px 0
}

.upload-page--details {
    padding: 15px 0
}

@media print,
screen and (min-width:40em) {
    .upload-page {
        padding: 40px 0
    }
}

.upload-start {
    padding: 20px 30px
}

@media screen and (min-width:640px) {
    .upload-start {
        padding: 50px 0
    }
}

.upload-start__main-title {
    margin: 0;
    font-size: 1.3rem;
    letter-spacing: -.06875rem
}

@media print,
screen and (min-width:40em) {
    .upload-start__main-title {
        margin-bottom: 10px;
        font-size: 1.4rem;
        letter-spacing: -.04688rem
    }
}

.upload-start__subtitle {
    font-size: 1.154em;
    letter-spacing: -.58px;
    line-height: 1.3;
    color: #666;
    max-width: 220px;
    margin: 0 auto
}

.upload-start__subtitle+.upload-start__subtitle {
    margin-top: 1em
}

@media print,
screen and (min-width:40em) {
    .upload-start__subtitle {
        max-width: 100%
    }
}

.edit {
    padding-top: 205px;
    padding-bottom: 38px
}

@media screen and (min-width:768px) {
    .edit {
        padding-top: 320px
    }
}

.edit--no-banner {
    padding-top: 65px
}

@media screen and (min-width:768px) {
    .edit--no-banner {
        padding-top: 85px
    }
}

.edit--playlist {
    padding-bottom: 110px
}

.edit__header {
    background: var(--contentBox);
    -webkit-transition: background-colorl var(--colorTransitionTime) ease-in-out;
    -moz-transition: background-colorl var(--colorTransitionTime) ease-in-out;
    transition: background-colorl var(--colorTransitionTime) ease-in-out;
    padding-bottom: var(--spacing2x)
}

.edit__image {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 280px;
    -moz-box-flex: 0;
    flex: 0 0 280px;
    width: 280px;
    height: 260px;
    margin-top: -40px;
    padding-right: 0;
    position: relative
}

.edit__image>div {
    background-color: #f9f9f9;
    width: 100%;
    padding-bottom: 100%
}

.edit__image img {
    position: absolute;
    width: 100%;
    height: auto
}

.edit__image-overlay {
    background: rgba(0, 0, 0, .6)
}

.edit__image-icon {
    width: 45px;
    height: 45px;
    margin-bottom: 10px
}

.edit__image [type=file] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0
}

.edit__charsleft {
    color: var(--textTertiary);
    -webkit-transition: color var(--colorTransitionTime) ease-in-out;
    -moz-transition: color var(--colorTransitionTime) ease-in-out;
    transition: color var(--colorTransitionTime) ease-in-out
}

.edit__field--textarea {
    min-height: 65px;
    padding: 8px
}

.edit__update-bar--playlist {
    max-width: 71.25rem
}

.edit__cancel {
    color: #888;
    position: relative;
    vertical-align: middle;
    display: inline-block;
    width: 18px;
    height: 18px
}

.edit__cancel:focus,
.edit__cancel:hover {
    color: #000
}

.profile-banner__default {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.profile-banner-close {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 40px;
    right: 40px;
    color: #fff;
    cursor: pointer;
    z-index: 2
}

.profile-banner__specs {
    background: var(--profileBannerOverlay);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column
}

.profile-banner__specs .header-image {
    width: 60px;
    height: 60px
}

.profile-banner__specs .button {
    margin-top: 1em
}

.profile-banner .cropper-container {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3
}

.profile-banner__slider {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    font-weight: 700;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.profile-banner__slider input {
    margin: 0 1em
}

.profile-banner__controls {
    position: absolute;
    bottom: 40px;
    left: 0;
    z-index: 4;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, .7));
    background: -moz-linear-gradient(transparent, rgba(0, 0, 0, .7));
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .7)));
    background: linear-gradient(transparent, rgba(0, 0, 0, .7));
    padding: 1em 0 20px
}

.profile-banner__actions {
    position: absolute;
    right: 10px;
    bottom: 20px
}

.profile-banner__actions button {
    margin-left: 1em
}

:root {
    --translateY: 0
}

.user-profile--edit .feed-bar {
    margin-bottom: 20px
}

.user-profile__avatar-req {
    font-size: .923em;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -.4px;
    color: #fff;
    padding: 0 15px;
    position: absolute;
    bottom: 20px;
    z-index: 1
}

.user-profile__content {
    background: #fff;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 20px
}

.user-profile--edit .charsleft,
.user-profile--edit .input,
.user-profile--edit .select,
.user-profile--edit [type=date],
.user-profile--edit [type=email],
.user-profile--edit [type=password],
.user-profile--edit [type=text],
.user-profile--edit [type=url] {
    margin-bottom: 1.4em
}

.error-404__inner {
    margin: 0 auto
}

.error-404__title {
    font-weight: 700;
    line-height: .95;
    margin: 0;
    color: var(--textPrimary);
    font-size: 15rem;
    -webkit-transition: color var(--colorTransitionTime) ease-in-out;
    -moz-transition: color var(--colorTransitionTime) ease-in-out;
    transition: color var(--colorTransitionTime) ease-in-out
}

.error-404__subtitle {
    color: var(--textSecondary);
    text-transform: uppercase;
    margin: 0 0 25px;
    letter-spacing: -.125rem;
    font-size: 3rem
}

.error-404 p,
.error-404__subtitle {
    font-weight: 600;
    line-height: 1;
    -webkit-transition: color var(--colorTransitionTime) ease-in-out;
    -moz-transition: color var(--colorTransitionTime) ease-in-out;
    transition: color var(--colorTransitionTime) ease-in-out
}

.error-404 p {
    color: var(--textTertiary);
    margin: 0 0 20px;
    letter-spacing: -.025rem;
    font-size: .9375rem
}

.no-cssremunit .error-404 p {
    font-size: 15px
}

.error-404__app-badges {
    margin: 30px 0 0
}

.error-404__app-badges li {
    display: inline-block;
    margin: 0 10px
}

.admin-controls {
    background: var(--contentBox);
    padding: 0 20px;
    -webkit-transition: background-color var(--colorTransitionTime) ease-in-out;
    -moz-transition: background-color var(--colorTransitionTime) ease-in-out;
    transition: background-color var(--colorTransitionTime) ease-in-out
}

.admin-controls .button {
    margin-right: 10px
}

.admin-controls .button+.button {
    margin-left: 0
}

.admin-controls__inner {
    padding-top: 20px;
    padding-bottom: 20px
}

.admin-controls__title {
    letter-spacing: -.35px;
    margin: 0 0 .75em;
    font-size: .875rem
}

.no-cssremunit .admin-controls__title {
    font-size: 14px
}

.admin-controls__icon-group [data-tooltip]:before {
    bottom: -webkit-calc(100% + 5px);
    bottom: -moz-calc(100% + 5px);
    bottom: calc(100% + 5px)
}

.admin-controls__icon-group [data-tooltip]:after {
    bottom: 100%
}

.admin-controls__icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    color: var(--textPrimary)
}

.admin-controls__icon--active {
    color: var(--brandColor)
}

.admin-controls__icon-group .admin-controls__icon {
    margin: 0 5px
}

.masquerade-warning {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: #222;
    color: #fff;
    font-size: 1.2em;
    letter-spacing: -.3px;
    z-index: 18
}

.masquerade-warning .button {
    margin-left: 1em
}