.cancel-subscription-overlay input[type="radio"] {
    display: none;
    margin: 0;
    padding: 0
}

.cancel-subscription-overlay input[type="radio"]+label {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cancel-subscription-overlay input[type="radio"]+label:before {
    background: #ffffff;
    border: 1px solid #d0d0d0;
    content: "";
    display: inline-block;
    height: 16px;
    margin-right: 10px;
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
    width: 16px
}

.cancel-subscription-overlay input[type="radio"]+label:hover,.cancel-subscription-overlay input[type="radio"]+label:focus {
    cursor: pointer
}

.cancel-subscription-overlay input[type="radio"] {
    display: none;
    margin: 0;
    padding: 0
}

.cancel-subscription-overlay input[type="radio"]+label {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cancel-subscription-overlay input[type="radio"]+label:before {
    background: #ffffff;
    border: 1px solid #d0d0d0;
    content: "";
    display: inline-block;
    height: 16px;
    margin-right: 10px;
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
    width: 16px
}

.cancel-subscription-overlay input[type="radio"]+label:hover,.cancel-subscription-overlay input[type="radio"]+label:focus {
    cursor: pointer
}

.ad-shot-banner:empty {
    display: none
}

.bsa-ad .ad-shot-banner {
    max-width: 800px;
    margin: auto;
    padding: 20px 0
}

#details.bsa-ad .shot-header {
    position: relative
}

#details.bsa-ad .shot-header:before {
    content: "";
    display: block;
    position: absolute;
    top: -30px;
    bottom: 0;
    left: -200%;
    right: -200%;
    background-color: #fff;
    border-bottom: 1px solid #eee
}

@media only screen and (max-width: 959px) {
    #details.bsa-ad .shot-header:before {
        top:-15px;
        bottom: -20px
    }
}

@media only screen and (max-width: 800px) {
    #details.bsa-ad .shot-header:before {
        left:-15px;
        right: -15px
    }
}

@media only screen and (max-width: 800px) {
    .bsa-ad .shot-overlay .shot-header {
        position:relative
    }

    .bsa-ad .shot-overlay .shot-header:before {
        content: "";
        display: block;
        position: absolute;
        top: -30px;
        bottom: 0;
        left: -15px;
        right: -15px;
        background-color: #fff;
        border-bottom: 1px solid #eee
    }
}

@media only screen and (max-width: 800px) and (max-width: 959px) {
    .bsa-ad .shot-overlay .shot-header:before {
        top:-15px;
        bottom: -20px
    }
}

.ad-shot-overlay:empty {
    display: none
}

.bsa-ad .ad-shot-overlay {
    background: #f4f4f4;
    width: 100%;
    padding: 10px 0
}

.bsa-ad .ad-shot-overlay .dribbble-sponsor {
    max-width: 800px;
    margin: auto
}

@media only screen and (max-width: 959px) {
    .bsa-ad .overlay-content {
        position:static
    }
}

@media all and (min-width: 960px) {
    .bsa-ad .overlay-content {
        top:135px;
        background: #f4f4f4
    }
}

.infinite-shot-bsa-unit {
    clear: both;
    display: block;
    padding-top: 20px;
    padding-bottom: 50px;
    width: 100%
}

.infinite-shot-bsa-unit:empty {
    display: none
}

.sponsor-wrap {
    margin: 0 auto;
    color: #111;
    position: relative;
    max-width: calc(100% - 30px);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.sponsor-logo {
    margin: 0 10px 0 0;
    line-height: 0;
    display: block
}

.sponsor-logo img {
    padding: 5px 20px;
    height: 46px;
    border-radius: 4px;
    display: block;
    margin: 0 auto
}

.sponsor-text a:link,.sponsor-text a:visited {
    color: #444
}

.sponsor-text a:hover,.sponsor-text a:active {
    color: #3a8bbb
}

.sponsor-desc {
    display: block;
    color: #4a94c0;
    font-size: 14px
}

.sponsor-footer {
    display: none
}

.sponsor-cta {
    display: none
}

@media all and (min-width: 770px) {
    .sponsor-wrap {
        padding-bottom:0px;
        max-width: 630px;
        min-height: 56px
    }

    .sponsor-logo {
        margin: 0px
    }

    .sponsor-cta {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .sponsor-cta a {
        white-space: nowrap
    }

    .sponsor-text {
        padding: 0 20px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .sponsor-desc {
        padding-bottom: 5px;
        font-size: 12px;
        line-height: 1.3
    }

    .sponsor-footer {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: end;
        align-items: flex-end;
        width: 100%
    }

    a.sponsor-gopro {
        font-size: 10px
    }

    a.sponsor-gopro:link,a.sponsor-gopro:visited {
        color: #757575
    }

    a.sponsor-gopro:hover,a.sponsor-gopro:active {
        color: #3a8bbb
    }
}

ul.admin {
    padding: 25px 0 0 0;
    margin: 0 0 30px 0;
    border-top: 1px solid #ddd
}

ul.admin.admin-horizontal {
    padding: 0;
    margin-top: 20px;
    border-top: none;
    text-align: center
}

ul.admin.admin-horizontal li {
    display: inline;
    margin: 0 12px
}

body#project ul.admin.admin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
    text-align: left
}

body#project ul.admin.admin-horizontal li {
    margin: 0 24px 0 0
}

ul.admin li {
    margin: 0 0 6px 0;
    font-weight: normal
}

ul.admin li,ul.admin li a {
    padding: 3px 0;
    font-size: 12px;
    line-height: 1;
    color: #999
}

ul.admin li a {
    opacity: .5
}

ul.admin li.status {
    font-weight: bold;
    color: #ea4c89
}

ul.admin li.edit a,ul.admin li.suspend a {
    padding-left: 17px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-image: url(/assets/icon-admin-gear-daaffdd1e85a4c93d59c373fbd58887ddb7864cdfb78af81bedb540382dde24e.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ul.admin li.edit a,ul.admin li.suspend a {
        background-image:url(/assets/icon-admin-gear-2x-a1efeed3afa664da89401cc7216016119f5295a3b74d743697372cae7b6d7138.png);
        background-size: 12px 12px
    }
}

ul.admin li.flag a {
    padding-left: 17px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-image: url(/assets/icon-admin-flag-ea18f9b8c6cc4398c87915635055de69bcba1452327bac4e26cf69a3edf9df95.png?1)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ul.admin li.flag a {
        background-image:url(/assets/icon-admin-flag-2x-4fd2027be8d0d843f199d0eb2bc075b4de0ed866d04502a84db5a4740f6ec4a3.png?1);
        background-size: 12px 14px
    }
}

ul.admin li.add a {
    padding-left: 17px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-image: url(/assets/icon-admin-add-b9461b168d35ece6645e8ddf15dbae6eda3e415323fe973c23b0a76d53fcd6a1.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ul.admin li.add a {
        background-image:url(/assets/icon-admin-add-2x-594ca1a9a118584b5bc9d297b09bb076065545abafea7bafd849e3f945498ed3.png);
        background-size: 12px 12px
    }
}

ul.admin li.delete a {
    padding-left: 17px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-image: url(/assets/icon-admin-x-2bc7a0a949c19f5f4c9017e6408d178dc419bb5ee4d1b0f9ff594728ebd513d4.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ul.admin li.delete a {
        background-image:url(/assets/icon-admin-x-2x-37e1af773ebe665606b58d552c31799436cfd42461166bfe3e52a15a501ac42b.png);
        background-size: 12px 12px
    }
}

ul.admin li.remove-from-team a {
    padding-left: 17px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-image: url(/assets/icon-admin-remove-faca7899bcc5cabcd19c91e7a5f7e0acc3d2cba9cac1d6f36d22d896867fda66.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ul.admin li.remove-from-team a {
        background-image:url(/assets/icon-admin-remove-2x-9fc7081e779fc445e1f1853b9c1e2ad24a19e07e88f6f5af298fb9a745d9c227.png);
        background-size: 12px 12px
    }
}

ul.admin li.featured-playoff a,ul.admin li.upgrade a {
    padding-left: 17px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-image: url(/assets/icon-admin-card-dfc048234e72cec21b565529de286dc9c9d82a3b09a5a90f9e069dedce6c80ae.png?1)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ul.admin li.featured-playoff a,ul.admin li.upgrade a {
        background-image:url(/assets/icon-admin-card-2x-fadba3460637641888c0875508552263e7ba3c0c0729a9332675c8f9106f75ab.png?1);
        background-size: 12px 12px
    }
}

ul.admin li.immunize a {
    padding-left: 17px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-image: url(/assets/icon-admin-shield-9c2fba36fa43d140af3934a43dbcd62cf9e91a231936224e751268062910d4ad.png?1)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ul.admin li.immunize a {
        background-image:url(/assets/icon-admin-shield-2x-62c15bebba404a161adad8dc5f0e8fdd29e2f17371fe5ce7adb376c5c3762e76.png?1);
        background-size: 12px 12px
    }
}

ul.admin li.immunize a.unimmunize {
    color: #ea4c89;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-image: url(/assets/icon-admin-shielded-fa6bd8381ea2fe08de77026f5df12a2d06d74bcd25cf4f8cac730970f1b68b58.png?1);
    opacity: 1
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ul.admin li.immunize a.unimmunize {
        background-image:url(/assets/icon-admin-shielded-2x-5dc0a9142f914e1a936f1c1a2af1e5bea025ea1be00c456561c3ad1fd27e75b8.png?1);
        background-size: 12px 12px
    }
}

ul.admin li.compare-compress a {
    padding-left: 17px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-image: url(/assets/icon-admin-star-2f396e1c936492017d240e34a8f178472f20ac9795e0443558f5127dabf6e545.png?1)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ul.admin li.compare-compress a {
        background-image:url(/assets/icon-admin-star-2x-d09c1560254e54332e416f7e100fd4064844bb0cea297505b7d3646ad456db6b.png?1);
        background-size: 12px 12px
    }
}

ul.admin li.markup a {
    padding-left: 17px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-image: url(/assets/icon-admin-wr-26523e434ce4edcc603c532416f2d72151df736036a2bb3d54a788cf7d347a28.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ul.admin li.markup a {
        background-image:url(/assets/icon-admin-wr-2x-f1c2b16faae1ae87802d511a896eddaae573a6a7e4c7b77130b653b1337bb448.png);
        background-size: 12px 12px
    }
}

ul.admin li.weekly-replay a.weekly-replay-toggle {
    padding-left: 17px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-image: url(/assets/icon-admin-weekly-replay-099aa693680a03df8221e85893728fb84a62a79cfceaba40e35a8d1f10dfb626.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ul.admin li.weekly-replay a.weekly-replay-toggle {
        background-image:url(/assets/icon-admin-weekly-replay-2x-a8bea58d88736f10e0ea21a7f5888536614c6c87cf48a929a47aef1544753d4c.png);
        background-size: 12px 12px
    }
}

ul.admin li.weekly-replay div.weekly-replay-display {
    margin: 20px 0;
    padding: 20px 20px 14px 20px;
    background: #fff;
    border-radius: 4px
}

ul.admin li.weekly-replay div.weekly-replay-display h3 {
    margin: 0 0 10px 0;
    font-size: 14px;
    font-weight: 500
}

ul.admin li.weekly-replay div.weekly-replay-display ol {
    margin: 0
}

ul.admin li.weekly-replay div.weekly-replay-display ol li {
    margin: 0 0 6px 0;
    padding: 0
}

ul.admin li.weekly-replay div.weekly-replay-display ol li a {
    display: block;
    padding: 10px;
    color: #757575;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 3px
}

ul.admin li a.unflag {
    color: #ea4c89;
    background-image: url(/assets/icon-admin-flagged-c25ebd7d9c8147e45bb60b8f96a4952774d064ad91dc6e9f77fb5c09d9d93c80.png);
    opacity: 1
}

ul.admin li a:hover {
    opacity: 1
}

ul.admin li a:hover.unflag {
    color: #ea4c89
}

ul.admin li a em {
    float: right;
    margin: 1px 12px 0 0;
    font-style: normal;
    color: #999
}

ul.admin li a:hover em {
    color: #666
}

ul.admin li textarea {
    width: 95%;
    height: 60px;
    margin: 10px 0
}

ul.admin li .message {
    margin-top: 10px
}

.hover-card:hover {
    display: block
}

.hover-card {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: white;
    padding: 20px 20px 15px;
    display: none;
    width: 420px;
    position: absolute;
    z-index: 9998;
    margin-bottom: 10px;
    margin-left: -5px;
    -webkit-box-shadow: 0 1px 12px rgba(0,0,0,0.2);
    box-shadow: 0 1px 12px rgba(0,0,0,0.2);
    border-radius: 6px
}

.hover-card::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -14px;
    left: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent white white;
    -webkit-transform-origin: 0 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-box-shadow: -3px 2px 2px rgba(0,0,0,0.05);
    box-shadow: -3px 2px 2px rgba(0,0,0,0.05)
}

.hover-card .hover-shots {
    min-height: 25px;
    text-align: center
}

.hover-card .hover-shots img {
    display: inline-block;
    width: 25%
}

.hover-card h2.bio {
    max-height: none
}

.hover-card div.profile-head {
    position: static;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
    text-align: center
}

.hover-card div.profile-head h1 {
    line-height: 1;
    text-align: center
}

.hover-card div.profile-head h1 span.name {
    display: block;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -.02em;
    color: #444
}

.hover-card div.profile-head h1 img.photo {
    width: 60px;
    height: 60px;
    padding: 4px;
    background-color: white;
    margin-top: -30px;
    margin-bottom: 5px;
    margin: -30px auto 5px auto;
    border-radius: 50%
}

.hover-card div.profile-head h1 img.photo:hover {
    opacity: 1
}

.hover-card div.profile-head h2.bio {
    font-size: 13px;
    padding: 8px 10px 0
}

.hover-card div.profile-head h3.profile-location {
    font-size: 13px;
    margin: 5px 0 0 0;
    font-weight: normal;
    text-align: center
}

.hover-card div.profile-head h3.profile-location a {
    color: #999
}

.hover-card div.profile-head ol.team-members {
    margin: 12px 0 10px 0;
    text-align: center
}

.hover-card div.profile-head ol.team-members li {
    display: inline-block;
    margin: 2px 1px
}

.hover-card div.profile-head ol.team-members li:nth-child(n+11) {
    display: none
}

.hover-card div.profile-head ol.team-members li a {
    display: inline-block
}

.hover-card div.profile-head ol.team-members li a img {
    border-radius: 50%;
    height: 24px;
    width: 24px
}

.hover-card .profile-head.self .follow-prompt {
    display: none
}

body.self .hover-card div.profile-actions .follow-prompt {
    display: inline-block
}

.hover-card a.follow,.hover-card a.unfollow {
    margin-right: 0
}

.hover-card div.profile-actions {
    text-align: center;
    margin-top: 10px;
    position: static;
    min-width: 0
}

.hover-card div.on-teams {
    float: right;
    margin-top: -7px
}

.hover-card div.on-teams strong {
    margin: 0 5px 0 0;
    font-size: 13px;
    font-weight: normal;
    color: #999
}

.hover-card div.on-teams span.team {
    margin: 0 2px
}

.hover-card div.on-teams span.team a {
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    line-height: 29px;
    color: #999
}

.hover-card div.on-teams span.team a img {
    position: relative;
    top: -2px;
    width: 24px;
    margin: 0;
    vertical-align: middle;
    border-radius: 50%
}

.hover-card div.on-teams span.team a:hover img {
    opacity: .75
}

.hover-card .hover-stats {
    font-size: 13px;
    margin-top: 10px
}

.hover-card .hover-stats li {
    display: inline-block
}

.hover-card .hover-stats li.pro-badge,.hover-card .hover-stats li.shots {
    margin-right: 10px
}

.hover-card .hover-stats a {
    color: #999
}

.hover-card .hover-stats a .count {
    color: #444;
    font-weight: 500
}

.hover-card .hirer-info {
    font-size: 13px;
    line-height: 1.4;
    margin-top: 10px
}

.hover-card.center {
    margin-left: -188px
}

.hover-card.center::after {
    left: 194px
}

.hover-card.top {
    margin-bottom: 0;
    margin-top: 10px
}

.hover-card.top::after {
    bottom: auto;
    top: 0;
    left: 35px;
    -webkit-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    transform: rotate(-225deg)
}

body#incoming-activity .hover-card.top {
    margin-top: 25px
}

.hover-card.top.center {
    margin-left: -188px
}

.hover-card.top.center::after {
    left: 218px
}

.user-card {
    display: block
}

.cancel-subscription-overlay input[type="radio"] {
    display: none;
    margin: 0;
    padding: 0
}

.cancel-subscription-overlay input[type="radio"]+label {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-weight: normal;
    font-size: 14px;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.cancel-subscription-overlay input[type="radio"]+label:before {
    background: #ffffff;
    border: 1px solid #d0d0d0;
    content: "";
    display: inline-block;
    height: 16px;
    margin-right: 10px;
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
    width: 16px
}

.cancel-subscription-overlay input[type="radio"]+label:hover,.cancel-subscription-overlay input[type="radio"]+label:focus {
    cursor: pointer
}

.cancel-subscription-overlay input[type="radio"]+label::before {
    border-radius: 50%
}

.cancel-subscription-overlay input:checked[type="radio"]+label:before {
    background: #3a8bbb url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAuNjQwMiAyLjIzNjQ4QzEwLjIxNjIgMS44NzU5OCA5LjU4NTcgMS45MzQ0OCA5LjIzMTcgMi4zNjc0OEw0LjgwNzIgNy43ODQ5OEwyLjU1NTIgNi4yNTI5OEMyLjA5NjIgNS45Mzk5OCAxLjQ3NDcgNi4wNjY5OCAxLjE2ODcgNi41MzU5OEMwLjg2MjcwMSA3LjAwNDk4IDAuOTg2NzAxIDcuNjM4NDggMS40NDYyIDcuOTUwOThMNS4xOTMyIDEwLjVMMTAuNzY4NyAzLjY3MzQ4QzExLjEyMjIgMy4yNDA0OCAxMS4wNjQ3IDIuNTk3NDggMTAuNjQwMiAyLjIzNjQ4WiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: none;
    transition: none
}

.overlay {
    background: #222;
    background: rgba(30,30,30,0.9);
    visibility: hidden;
    left: 0;
    overflow: scroll;
    position: fixed;
    top: 0;
    width: 100%;
    height: 0;
    z-index: 9998;
    opacity: 0;
    -webkit-transition: 0.07s ease-in;
    transition: 0.07s ease-in;
    -webkit-transition-property: visibility, opacity;
    transition-property: visibility, opacity
}

.overlay.overlay-visible {
    visibility: visible;
    height: 100%;
    opacity: 1
}

.overlay a.close {
    float: right;
    margin-top: -60px;
    margin-right: -110px
}

@media only screen and (max-width: 800px) {
    .overlay a.close {
        margin-top:-15px;
        margin-right: -15px
    }
}

.overlay a.close img {
    width: 24px
}

.overlay h2.section {
    margin: 0 0 10px 0;
    font-size: 14px;
    line-height: 1;
    overflow: visible
}

.overlay p.message {
    font-size: 13px;
    color: #999
}

.overlay input.search-text {
    width: 100%;
    margin-bottom: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.lightbox {
    margin: 20px auto;
    width: 520px;
    padding: 50px 100px;
    background: #f4f4f4;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in
}

.overlay-visible .lightbox {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
    opacity: 1
}

.lightbox .display {
    position: relative
}

.lightbox .display p,.lightbox .display li {
    font-size: 14px;
    line-height: 1.4
}

@media only screen and (max-width: 800px) {
    .lightbox {
        position:absolute;
        left: 0;
        margin-left: 0;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 20px
    }
}

.overlay-sections {
    padding: 32px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (max-width: 800px) {
    .overlay-sections {
        padding:16px
    }
}

.overlay-sections a.close {
    position: absolute;
    top: -10px;
    right: -10px;
    float: none;
    margin: 0;
    z-index: 1
}

.overlay-sections .lightbox {
    border-radius: 16px;
    margin: 0 auto;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    -webkit-box-shadow: 0 0px 10px rgba(0,0,0,0.1);
    box-shadow: 0 0px 10px rgba(0,0,0,0.1);
    -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.2);
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.2)
}

@media only screen and (max-width: 800px) {
    .overlay-sections .lightbox {
        position:static
    }
}

.overlay-sections .overlay-header,.overlay-sections .overlay-body,.overlay-sections .overlay-footer {
    padding: 32px
}

@media only screen and (max-width: 800px) {
    .overlay-sections .overlay-header,.overlay-sections .overlay-body,.overlay-sections .overlay-footer {
        padding:16px
    }
}

.overlay-sections .overlay-header {
    border-radius: 16px 16px 0 0
}

.overlay-sections .overlay-footer {
    border-top: 1px solid #bbb
}

.overlay-video {
    background: rgba(255,255,255,0.95);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px
}

.overlay-video .lightbox {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    background: transparent;
    -webkit-box-shadow: 0 20px 60px 10px rgba(0,0,0,0.2);
    box-shadow: 0 20px 60px 10px rgba(0,0,0,0.2);
    width: 100%;
    max-width: 1200px
}

@media only screen and (min-width: 960px) {
    .overlay-video .lightbox {
        width:90%
    }
}

.overlay-video .lightbox .video-embed {
    position: relative;
    height: 0;
    margin: 0 auto;
    padding-bottom: 56.25%;
    overflow: hidden;
    border-radius: 0.5rem;
    background: #e8e8e8
}

.overlay-video .lightbox .video-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.overlay-video a.close {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: -1rem;
    right: -1rem;
    width: 2rem;
    height: 2rem;
    float: none;
    margin: 0;
    z-index: 1;
    background: #ea4c89;
    border-radius: 50%;
    border: 2px solid #fff;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (min-width: 960px) {
    .overlay-video a.close {
        top:-1.5rem;
        right: -1.5rem;
        width: 3rem;
        height: 3rem;
        border: 4px solid #fff
    }
}

.overlay-video a.close:hover {
    background: #df3e7b
}

.overlay-video a.close:after {
    display: inline-block;
    width: 16px;
    height: 16px;
    content: "";
    background: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="15.9995" height="15.9998" fill="black" fill-opacity="0"/><path d="M10.8278 7.99975L15.4137 3.41375C16.1947 2.63275 16.1947 1.36675 15.4137 0.58575C14.6337 -0.19525 13.3658 -0.19525 12.5858 0.58575L7.99975 5.17175L3.41375 0.58575C2.63375 -0.19525 1.36575 -0.19525 0.58575 0.58575C-0.19525 1.36675 -0.19525 2.63275 0.58575 3.41375L5.17175 7.99975L0.58575 12.5858C-0.19525 13.3668 -0.19525 14.6327 0.58575 15.4137C0.97575 15.8047 1.48775 15.9998 1.99975 15.9998C2.51175 15.9998 3.02375 15.8047 3.41375 15.4137L7.99975 10.8278L12.5858 15.4137C12.9758 15.8047 13.4878 15.9998 13.9998 15.9998C14.5118 15.9998 15.0237 15.8047 15.4137 15.4137C16.1947 14.6327 16.1947 13.3668 15.4137 12.5858L10.8278 7.99975Z" fill="white"/></svg>');
    background-size: contain;
    margin-left: 0
}

@media only screen and (max-width: 959px) {
    .overlay-video a.close:after {
        -webkit-transform:scale(0.75);
        -ms-transform: scale(0.75);
        transform: scale(0.75)
    }
}

.cancel-subscription-overlay input[type="radio"]:checked+label::before {
    border: 1px solid #3a8bbb
}

.cancel-subscription-overlay .lightbox {
    background: #fff;
    padding: 0;
    position: relative;
    width: 580px
}

@media only screen and (max-width: 959px) {
    .cancel-subscription-overlay .lightbox {
        width:100%
    }
}

.cancel-subscription-overlay a.close {
    display: none
}

.cancel-subscription-overlay .cancel-subscription-overlay-actions {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px
}

.tipsy {
    padding: 5px;
    font-size: 13px;
    line-height: 1.4;
    position: absolute;
    z-index: 9999;
    pointer-events: none
}

.tipsy-cta {
    will-change: transform;
    -webkit-animation: tipsy-cta 1.5s linear 3;
    animation: tipsy-cta 1.5s linear 3
}

.tipsy-inner {
    padding: 10px 12px;
    background: #333 repeat-x top left;
    color: white;
    color: rgba(255,255,255,0.9);
    max-width: 196px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    text-align: center;
    -webkit-box-shadow: 1 1px 3px rgba(0,0,0,0.5);
    box-shadow: 1 1px 3px rgba(0,0,0,0.5)
}

.tipsy-inner {
    border-radius: 3px
}

body#jobs .tipsy-inner,body#deals .tipsy-inner {
    color: #fff;
    background: #00b6e3
}

.tipsy-arrow {
    position: absolute;
    background: url(/assets/tipsy-7a379f68178cf7391d819eb72922303e0215687fb9ec067f7a5d93ec5c2f50d6.png) no-repeat top left;
    background-size: 10px 10px;
    width: 10px;
    height: 5px
}

body#jobs .tipsy-arrow,body#deals .tipsy-arrow {
    background-image: url(/assets/tipsy-blue-c12514adfa47432ad9f92ffa7464fa0a2c98a33d0c23eb37c4a792aff9ecd6ec.png)
}

.tipsy-alt .tipsy-inner {
    background-color: #ea4c89
}

.tipsy-alt .tipsy-arrow {
    background-image: url(/assets/tipsy-pink-803ff81af5f014a13bed5da31087aefed0d525feacf907499941ba19f3a66864.png)
}

.tipsy-pb .tipsy-inner,body.dark .tipsy-pb .tipsy-inner {
    background-color: #53c68c;
    color: #fff
}

.tipsy-pb .tipsy-arrow,body.dark .tipsy-pb .tipsy-arrow {
    background-image: url(/assets/tipsy-seafoam-d89227817986aea0899c2a6fac33697b38514c8776a9e1844f0abe5a303415c7.png)
}

.tipsy-n .tipsy-arrow {
    top: 0;
    left: 50%;
    margin-left: -4px
}

.tipsy-nw .tipsy-arrow {
    top: 0;
    left: 10px
}

.tipsy-ne .tipsy-arrow {
    top: 0;
    right: 10px
}

.tipsy-s .tipsy-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -4px;
    background-position: bottom left
}

.tipsy-sw .tipsy-arrow {
    bottom: 0;
    left: 10px;
    background-position: bottom left
}

.tipsy-se .tipsy-arrow {
    bottom: 0;
    right: 10px;
    background-position: bottom left
}

.tipsy-e .tipsy-arrow {
    top: 50%;
    margin-top: -4px;
    right: 0;
    width: 5px;
    height: 9px;
    background-position: top right
}

.tipsy-w .tipsy-arrow {
    top: 50%;
    margin-top: -4px;
    left: 0;
    width: 5px;
    height: 9px
}

.tipsy p {
    margin: 0 0 10px 0;
    text-align: left
}

.tipsy p:last-child {
    margin: 0
}

@-webkit-keyframes tipsy-cta {
    0%,25%,50%,75%,100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%)
    }

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

@keyframes tipsy-cta {
    0%,25%,50%,75%,100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%)
    }

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

.user-card {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: white;
    padding: 10px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
    box-shadow: 0 1px 2px rgba(0,0,0,0.07);
    border-radius: 2px
}

.user-card-shots {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #f4f4f4
}

.user-card-shots>a {
    width: 50%;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    display: block
}

.user-card-shots a:hover img {
    opacity: 0.8
}

.user-card-shots img {
    width: 100%;
    min-width: 0;
    display: block
}

.user-card div.profile-head {
    position: relative;
    text-align: center;
    z-index: 1
}

.user-card div.profile-head h1 {
    line-height: 1;
    text-align: center
}

.user-card div.profile-head h1 span.name {
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -.02em;
    color: #444
}

.user-card div.profile-head h1 img.photo {
    width: 60px;
    height: 60px;
    padding: 4px;
    background-color: white;
    margin-top: -30px;
    margin-bottom: 5px;
    margin: -30px auto 5px auto;
    border-radius: 50%
}

.user-card div.profile-head h1 img.photo:hover {
    opacity: 1
}

.user-card div.profile-head h3.profile-location,.user-card div.profile-head .profile-followed-by,.user-card div.profile-head .profile-skills {
    font-size: 13px;
    margin: 5px 0 0 0;
    font-weight: normal;
    text-align: center
}

.user-card div.profile-head h3.profile-location a,.user-card div.profile-head .profile-followed-by a,.user-card div.profile-head .profile-skills a {
    color: #999
}

.user-card div.profile-head .profile-skills {
    min-height: 30px
}

.user-card div.profile-head .profile-skills span {
    white-space: nowrap
}

.user-card div.profile-head .profile-skills span:after {
    content: ","
}

.user-card div.profile-head .profile-skills span:last-child:after {
    content: ''
}

.user-card .profile-head.self .follow-prompt {
    display: none
}

body.self .user-card div.profile-actions .follow-prompt {
    display: inline-block
}

.user-card a.follow,.user-card a.unfollow {
    margin-right: 0
}

.user-card div.profile-actions {
    text-align: center;
    margin-top: 10px;
    position: static;
    min-width: 0
}

span.bucket-img {
    background: url(/assets/bucket-frame-6a47e76df7b7fbc3f2b0f1aca8ac4738ad62312ca509bc93328bc5598baf0543.png) no-repeat 0 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 58px;
    padding: 5px;
    opacity: .6
}

span.bucket-img img {
    background: url(/assets/bucket-frame-6a47e76df7b7fbc3f2b0f1aca8ac4738ad62312ca509bc93328bc5598baf0543.png) no-repeat 0 0;
    float: left;
    max-width: 60px;
    max-height: 45px
}

.scrolling-selection-list {
    height: 275px;
    overflow: auto;
    margin: 0 0 25px 0
}

.scrolling-selection-list li {
    position: relative;
    font-size: 13px;
    line-height: 1.2;
    margin: 0 0 5px 0;
    border-radius: 5px
}

.scrolling-selection-list li:last-child {
    margin: 0
}

.scrolling-selection-list li.current a {
    background: rgba(0,0,0,0.07)
}

.scrolling-selection-list li a {
    display: block;
    padding: 6px;
    overflow: hidden;
    border-radius: 5px;
    border: 1px solid #ccc;
    background: white
}

.scrolling-selection-list li a strong {
    display: block;
    margin-right: 50px;
    color: #444
}

#bucket-add .scrolling-selection-list li a,#project-add .scrolling-selection-list li a {
    padding-left: 86px;
    min-height: 68px
}

#bucket-add .scrolling-selection-list li a span.for-team em,#project-add .scrolling-selection-list li a span.for-team em {
    font-style: normal;
    font-weight: bold
}

#bucket-add .scrolling-selection-list li a span.for-team img,#project-add .scrolling-selection-list li a span.for-team img {
    float: left;
    width: 16px;
    margin: -1px 4px 0 0;
    border-radius: 50%
}

#bucket-add .scrolling-selection-list li a span.bucket-img,#project-add .scrolling-selection-list li a span.bucket-img {
    top: 6px;
    left: 6px
}

#list-add .scrolling-selection-list li a,#good-add .scrolling-selection-list li a {
    padding-left: 10px
}

#list-add .scrolling-selection-list li a span.good-price,#good-add .scrolling-selection-list li a span.good-price {
    margin-left: 5px
}

.scrolling-selection-list li a span.good-meta {
    line-height: 16px
}

.scrolling-selection-list li.included a,.scrolling-selection-list li.bucketed a {
    background-color: #ea4c89;
    border-color: #ea4c89;
    background-image: url(/assets/icon-check-big-dc178e5ae03710cdbc962a6043721af2859e4b8153fdaa74b3c8a11136d46dde.png);
    background-repeat: no-repeat;
    background-position: 100% 50%
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .scrolling-selection-list li.included a,.scrolling-selection-list li.bucketed a {
        background-image:url(/assets/icon-check-big-2x-d0b4ca75c5e37aeac762cb6cc693e9588aa303ee6a38dba46d07824e6b61ea7f.png);
        background-size: 46px 26px
    }
}

.scrolling-selection-list li.included a strong,.scrolling-selection-list li.bucketed a strong {
    color: #fff
}

.scrolling-selection-list li.included a span.bucket-meta,.scrolling-selection-list li.included a span.list-meta,.scrolling-selection-list li.included a span.good-meta,.scrolling-selection-list li.bucketed a span.bucket-meta,.scrolling-selection-list li.bucketed a span.list-meta,.scrolling-selection-list li.bucketed a span.good-meta {
    color: rgba(255,255,255,0.7)
}

.scrolling-selection-list li.included.current a,.scrolling-selection-list li.included a:hover,.scrolling-selection-list li.bucketed.current a,.scrolling-selection-list li.bucketed a:hover {
    background-image: url(/assets/icon-minus-big-c0fa6205f15e7eb1211ea50a82236b734fdcf1f3dc451d228a9588dde2e573cd.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .scrolling-selection-list li.included.current a,.scrolling-selection-list li.included a:hover,.scrolling-selection-list li.bucketed.current a,.scrolling-selection-list li.bucketed a:hover {
        background-image:url(/assets/icon-minus-big-2x-0f34a851d93c2718e29d94f215ebb18167dd49954a9cac6cdea579676795421b.png);
        background-size: 46px 26px
    }
}

.scrolling-selection-list li.selected a,.scrolling-selection-list li.selected a:hover {
    color: #333;
    background-color: #fff;
    background-image: url(/assets/processing-46166388f946b122afec7880ec771747811001faf38bb33b1b9d6e8d8549d8bc.gif);
    background-repeat: no-repeat;
    background-position: 349px 25px
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .scrolling-selection-list li.selected a,.scrolling-selection-list li.selected a:hover {
        background-image:url(/assets/processing-2x-0d3384cc65db3e0f02be944f2a2e0bae449aaa842597c962cc4318668e4e4f53.gif);
        background-size: 32px 32px
    }
}

.scrolling-selection-list li.selected a span.bucket-meta,.scrolling-selection-list li.selected a span.list-meta,.scrolling-selection-list li.selected a span.good-meta,.scrolling-selection-list li.selected a:hover span.bucket-meta,.scrolling-selection-list li.selected a:hover span.list-meta,.scrolling-selection-list li.selected a:hover span.good-meta {
    color: #999
}

span.bucket-meta,span.list-meta,span.good-meta {
    display: block;
    margin: 4px 0 0 0;
    font-size: 12px;
    color: #757575
}

span.bucket-meta.bucket-timestamp,span.list-meta.bucket-timestamp,span.good-meta.bucket-timestamp {
    color: #bbb;
    font-size: 11px
}

span.bucket-meta span.sep,span.list-meta span.sep,span.good-meta span.sep {
    margin: 0 2px;
    color: #bbb
}

span.bucket-meta span.good-store,span.list-meta span.good-store,span.good-meta span.good-store {
    display: block;
    margin: 5px 0
}

span.bucket-meta span.good-store img,span.list-meta span.good-store img,span.good-meta span.good-store img {
    float: left;
    width: 16px;
    margin: 0 7px 0 0
}

#bucket-add div.create-bucket,#bucket-add div.create-good,#project-add div.create-bucket,#project-add div.create-good,#list-add div.create-bucket,#list-add div.create-good,#good-add div.create-bucket,#good-add div.create-good {
    display: none
}

#list-add form.gen-form fieldset label.private b {
    padding: 0 17px 0 0;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-image: url(/assets/icon-private-852cfa8557644e844759123a7d68251e130152723b7395563dc63a6fc7cb95a1.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    #list-add form.gen-form fieldset label.private b {
        background-image:url(/assets/icon-private-2x-3c14c19698357bc15a203e7c2bc5a890341b57743002ea12d513a5d1258090c3.png);
        background-size: 11px 12px
    }
}

#list-add p.message {
    padding: 0 0 0 17px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-image: url(/assets/icon-private-852cfa8557644e844759123a7d68251e130152723b7395563dc63a6fc7cb95a1.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    #list-add p.message {
        background-image:url(/assets/icon-private-2x-3c14c19698357bc15a203e7c2bc5a890341b57743002ea12d513a5d1258090c3.png);
        background-size: 11px 12px
    }
}

#list-add ol.scrolling-selection-list li.processing {
    padding-left: 0;
    background-position: 95% 50%
}

#list-add ol.scrolling-selection-list li a strong img.private {
    position: relative;
    top: 1px;
    margin: 0 0 0 2px
}

a.new-good {
    position: absolute;
    top: -4px;
    right: 0
}

#signup-overlay {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (max-width: 800px) {
    #signup-overlay {
        padding:16px
    }
}

#signup-overlay a.close {
    position: absolute;
    top: -10px;
    right: -10px;
    margin: 0;
    z-index: 1
}

#signup-overlay.overlay {
    -webkit-transition: none;
    transition: none
}

#signup-overlay .lightbox {
    border-radius: 16px;
    margin: 0 auto;
    margin-top: 32px;
    padding: 32px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    -webkit-box-shadow: 0 0px 10px rgba(0,0,0,0.1);
    box-shadow: 0 0px 10px rgba(0,0,0,0.1);
    -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.2);
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.2);
    -webkit-transform: translateY(10%);
    -ms-transform: translateY(10%);
    transform: translateY(10%);
    opacity: 0
}

@media only screen and (max-width: 800px) {
    #signup-overlay .lightbox {
        position:static;
        padding: 16px
    }
}

#signup-overlay .lightbox-message {
    position: absolute;
    top: 16px;
    left: 50%;
    line-height: 1;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
    display: inline-block;
    padding: 4px 16px;
    border-radius: 4px;
    color: #fff;
    border: 2px solid currentColor;
    z-index: 1;
    background-color: rgba(51,51,51,0.67)
}

#signup-overlay .lightbox-message:empty {
    display: none
}

@media only screen and (max-width: 800px) {
    #signup-overlay .lightbox-message {
        white-space:normal;
        left: 0;
        right: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

#signup-overlay .lightbox-header {
    padding: 64px 32px;
    border-radius: 16px 16px 0 0;
    background: right bottom no-repeat;
    background-size: auto 80%;
    padding-right: 55%;
    text-align: left;
    margin: -32px;
    margin-bottom: 30px;
    top: -2px;
    position: relative
}

#signup-overlay .lightbox-header h1 {
    line-height: 1.1;
    margin: 1rem 0
}

@media only screen and (max-width: 800px) {
    #signup-overlay .lightbox-header h1 {
        font-size:18px
    }
}

#signup-overlay .lightbox-header * {
    color: inherit
}

#signup-overlay .lightbox-header svg [fill] {
    fill: currentColor
}

#signup-overlay .lightbox-header svg [stroke] {
    stroke-color: currentColor
}

#signup-overlay .lightbox-header .dribbble-logo {
    width: 40%;
    height: auto
}

@media only screen and (max-width: 800px) {
    #signup-overlay .lightbox-header {
        padding:32px 16px;
        padding-right: 50%;
        background-size: auto 35vw;
        margin: -16px;
        margin-bottom: 14px
    }
}

#signup-overlay.overlay-visible .lightbox {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
    -webkit-box-shadow: 0 16px 128px rgba(0,0,0,0.5);
    box-shadow: 0 16px 128px rgba(0,0,0,0.5)
}

#signup-overlay .lightbox-message:not(:empty) ~ .lightbox-header {
    padding-top: 96px
}

@media only screen and (max-width: 800px) {
    #signup-overlay .lightbox-message:not(:empty) ~ .lightbox-header {
        padding-top:80px
    }
}

#signup-overlay .lightbox-header-attribution {
    position: absolute;
    bottom: 16px;
    padding-right: 50%
}

#signup-overlay .lightbox-footer {
    border-top: 1px solid #ddd;
    margin: 0 -32px;
    margin-top: 32px
}

@media only screen and (max-width: 800px) {
    #signup-overlay .lightbox-footer {
        margin:0 -16px;
        margin-top: 16px
    }
}

#signup-overlay .email-form {
    margin: 0;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

#signup-overlay .email-form .signup-password .message {
    padding-bottom: 0
}

#signup-overlay .email-signup-toggle {
    color: #999;
    text-transform: capitalize;
    display: block;
    font-size: 14px;
    padding: 16px 16px 0 16px;
    margin: 0 auto;
    font-weight: 500
}

#signup-overlay .email-signup-toggle:before {
    content: "Or "
}

#signup-overlay .email-signup-toggle:hover {
    color: #1e6189
}

#signup-overlay .email-signup-toggle.on {
    display: block;
    color: #444
}

#signup-overlay .email-signup-toggle.on:before {
    content: none
}

#signup-overlay .email-signup-toggle.on ~ .email-form {
    max-height: 100vh;
    opacity: 1
}

#signup-overlay .email-signup-toggle.ab-2 {
    display: block;
    color: #444
}

#signup-overlay .email-signup-toggle.ab-2 ~ .email-form {
    max-height: 70vh;
    opacity: 1
}

#signup-overlay .email-signup-toggle.ab-2 ~ .email-form .signup-username,#signup-overlay .email-signup-toggle.ab-2 ~ .email-form .signup-name,#signup-overlay .email-signup-toggle.ab-2 ~ .email-form .opt-in,#signup-overlay .email-signup-toggle.ab-2 ~ .email-form .form-btns,#signup-overlay .email-signup-toggle.ab-2 ~ .email-form .g-recaptcha,#signup-overlay .email-signup-toggle.ab-2 ~ .email-form .captcha-not-loaded,#signup-overlay .email-signup-toggle.ab-2 ~ .email-form .signup-password .message {
    display: none
}

#signup-overlay .email-signup-toggle.ab-2.on ~ .email-form .signup-username,#signup-overlay .email-signup-toggle.ab-2.on ~ .email-form .signup-name,#signup-overlay .email-signup-toggle.ab-2.on ~ .email-form .opt-in,#signup-overlay .email-signup-toggle.ab-2.on ~ .email-form .form-btns,#signup-overlay .email-signup-toggle.ab-2.on ~ .email-form .g-recaptcha,#signup-overlay .email-signup-toggle.ab-2.on ~ .email-form .captcha-not-loaded,#signup-overlay .email-signup-toggle.ab-2.on ~ .email-form .signup-password .message {
    display: block
}

#signup-overlay .grecaptcha-badge {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 8px !important;
    overflow: hidden
}

#signup-overlay .signup-social-buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 -8px
}

#signup-overlay .signup-social-buttons .form-btn {
    font-size: 14px;
    padding: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 8px;
    text-align: center;
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap
}

@media only screen and (max-width: 800px) {
    #signup-overlay .signup-social-buttons .form-btn {
        margin:4px;
        padding: 8px;
        font-size: 13px
    }
}

#signup-overlay .signup-social-buttons .form-btn.auth-google {
    padding-left: 56px
}

#signup-overlay .signup-social-buttons .form-btn.auth-google svg {
    border-radius: 100%;
    height: 24px;
    width: 24px;
    background: #fff url(/assets/icons/social/google-color-ff48310de45371f2648fcdad3071cbbe9560b6b7048a5fe937196c2bdb85c62f.svg) center center no-repeat;
    background-size: 16px 16px;
    position: absolute;
    left: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0
}

#signup-overlay .signup-social-buttons .form-btn.auth-google svg path {
    fill: transparent !important
}

@media only screen and (max-width: 800px) {
    #signup-overlay .signup-social-buttons .form-btn.auth-google {
        padding-left:32px
    }

    #signup-overlay .signup-social-buttons .form-btn.auth-google svg {
        height: 20px;
        width: 20px;
        background-size: 14px 14px;
        left: 8px
    }
}

#signup-overlay .signup-social-buttons .form-btn.auth-twitter,#signup-overlay .signup-social-buttons .form-btn.auth-facebook {
    width: 48px;
    -ms-flex: 0 0 48px;
    flex: 0 0 48px;
    background-color: transparent
}

#signup-overlay .signup-social-buttons .form-btn.auth-twitter svg,#signup-overlay .signup-social-buttons .form-btn.auth-facebook svg {
    height: 16px;
    width: 16px
}

#signup-overlay .signup-social-buttons .form-btn.auth-twitter svg path[fill],#signup-overlay .signup-social-buttons .form-btn.auth-facebook svg path[fill] {
    fill: currentColor !important
}

@media only screen and (max-width: 800px) {
    #signup-overlay .signup-social-buttons .form-btn.auth-twitter,#signup-overlay .signup-social-buttons .form-btn.auth-facebook {
        width:38px;
        -ms-flex: 0 0 38px;
        flex: 0 0 38px;
        padding: 8px
    }
}

#signup-overlay .signup-social-buttons .form-btn.auth-twitter:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #1da1f2
}

#signup-overlay .signup-social-buttons .form-btn.auth-twitter:hover svg path {
    fill: white !important
}

#signup-overlay .signup-social-buttons .form-btn.auth-facebook:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #3b5998
}

#signup-overlay .signup-social-buttons .form-btn.auth-facebook:hover svg path {
    fill: white !important
}

.cancel-subscription-overlay input[type="radio"] {
    display: none;
    margin: 0;
    padding: 0
}

.cancel-subscription-overlay input[type="radio"]+label {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cancel-subscription-overlay input[type="radio"]+label:before {
    background: #ffffff;
    border: 1px solid #d0d0d0;
    content: "";
    display: inline-block;
    height: 16px;
    margin-right: 10px;
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
    width: 16px
}

.cancel-subscription-overlay input[type="radio"]+label:hover,.cancel-subscription-overlay input[type="radio"]+label:focus {
    cursor: pointer
}

div.replay-sponsor,td.replay-sponsor {
    text-align: center
}

div.replay-sponsor div.sponsored-by,td.replay-sponsor div.sponsored-by {
    color: #bbb;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-size: 12px;
    font-weight: 500
}

div.replay-sponsor div.sponsored-by a,td.replay-sponsor div.sponsored-by a {
    color: #3a8bbb;
    text-decoration: none
}

div.replay-sponsor div.sponsor-hero,td.replay-sponsor div.sponsor-hero {
    margin: 20px 0
}

div.replay-sponsor div.sponsor-hero img,td.replay-sponsor div.sponsor-hero img {
    width: 100%
}

div.replay-sponsor h3.sponsor-title,td.replay-sponsor h3.sponsor-title {
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 5px
}

div.replay-sponsor div.sponsor-text p,td.replay-sponsor div.sponsor-text p {
    color: #666;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 20px
}

div.replay-sponsor p.interested,td.replay-sponsor p.interested {
    color: #bbb;
    font-size: 14px;
    margin: 0
}

div.replay-sponsor p.interested a,td.replay-sponsor p.interested a {
    color: #bbb;
    font-weight: normal;
    text-decoration: underline
}

#promoted-overlay .profile-select {
    width: 100%
}

#promoted-overlay .promoted-profile-preview .badge {
    position: relative;
    top: -1px;
    left: 5px
}

#promoted-overlay .picker__input {
    width: 100%
}

.promoted-designer-form .editing {
    display: none
}

.promoted-designer-form .previewing {
    display: block
}

.promoted-designer-form.edit-mode .editing {
    display: block
}

.promoted-designer-form.edit-mode .previewing {
    display: none
}

.promotion-content img.photo {
    width: 24px;
    height: 24px
}

.ad {
    font-size: 13px;
    line-height: 1.5;
    padding-left: 145px;
    position: relative;
    min-height: 100px
}

.ad>div:not(:first-of-type) {
    display: none
}

.ad a {
    color: #757575
}

.ad a:hover {
    color: #444
}

div.ad-attach .ad a {
    color: #999
}

div.ad-attach .ad a:hover {
    color: #bbb
}

.ad a.carbon-img {
    position: absolute;
    top: 0;
    left: 0
}

.ad a.carbon-img img {
    border-radius: 2px;
    -webkit-box-shadow: 0 0 1px #ccc;
    box-shadow: 0 0 1px #ccc
}

div.ad-attach .ad a.carbon-img img {
    -webkit-box-shadow: none;
    box-shadow: none
}

.ad a.carbon-poweredby {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .03em;
    font-weight: 500;
    line-height: 1.5;
    color: #bbb
}

.ad a.carbon-poweredby:hover {
    color: #999
}

div.ad-attach .ad a.carbon-poweredby {
    color: #bbb
}

div.ad-shot {
    position: relative;
    padding: 35px 0;
    border-top: 1px solid #ddd
}

div.ad-shot div.ad {
    min-height: 0;
    padding-left: 0;
    text-align: center
}

div.ad-shot div.ad a.carbon-img {
    position: static
}

div.ad-shot div.ad a.carbon-img img {
    margin: 0 auto 15px;
    display: block
}

div.ad-shot div.ad a.carbon-poweredby {
    font-size: 11px
}

div.adv-image {
    float: left;
    width: 200px
}

div.adv-image img {
    display: block;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    box-shadow: 0 1px 3px rgba(0,0,0,0.3)
}

div.adv-meta {
    float: right;
    width: 240px
}

div.adv-meta h3.special {
    margin: 4px 0 15px 0;
    font-size: inherit
}

ul.adv-list {
    list-style: none;
    margin: 0 0 12px 0;
    padding: 0
}

div.copy ul.adv-list li {
    list-style: none;
    margin: 8px 0 0 0;
    padding: 8px 10px 0 0;
    font-size: 13px;
    line-height: 1.4;
    color: #666;
    border-top: 1px solid #ddd
}

div.copy ul.adv-list li:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none
}

div.copy ul.adv-list li:last-child {
    border-top: none
}

div.copy ul.adv-list li h4.adv-date-head {
    margin: 0 0 2px 0;
    font-size: .9em;
    text-transform: uppercase;
    color: #666
}

div.ad-price h3 {
    margin: 0;
    font-size: 18px;
    color: #666
}

div.ad-price h3 strong {
    margin-right: 2px;
    font-weight: normal;
    font-size: 1.5em;
    letter-spacing: -1px;
    color: #333
}

div.ad-price h3 p {
    margin: 0;
    font-size: 13px;
    line-height: 1.4
}

div.ad-price h3 em {
    display: block;
    font-style: normal;
    font-weight: bold;
    color: #ea4c89
}

[data-aip="pill"] .aip-download {
    position: fixed;
    z-index: 2;
    bottom: 30px;
    left: 50%;
    padding: 15px 25px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#E3794D), to(#EA4C89));
    background: linear-gradient(90deg, #E3794D 0%, #EA4C89 100%);
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.25);
    border-radius: 40px;
    -webkit-transform: translate(-50%, 20px);
    -ms-transform: translate(-50%, 20px);
    transform: translate(-50%, 20px);
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in, -webkit-transform 0.4s ease-in, -webkit-box-shadow 0.1s ease-in;
    transition: opacity 0.4s ease-in, -webkit-transform 0.4s ease-in, -webkit-box-shadow 0.1s ease-in;
    transition: transform 0.4s ease-in, opacity 0.4s ease-in, box-shadow 0.1s ease-in;
    transition: transform 0.4s ease-in, opacity 0.4s ease-in, box-shadow 0.1s ease-in, -webkit-transform 0.4s ease-in, -webkit-box-shadow 0.1s ease-in
}

[data-aip="pill"] .aip-download:hover,[data-aip="pill"] .aip-download:focus {
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.25),0px 5px 15px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.25),0px 5px 15px rgba(0,0,0,0.25)
}

[data-aip="pill"] .aip.ready .aip-download {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    opacity: 1
}

@media only screen and (max-width: 959px) {
    [data-aip="banner"] {
        padding-top:110px
    }

    [data-aip="banner"] #header {
        top: 70px
    }
}

[data-aip="banner"] .aip {
    position: fixed;
    z-index: 9996;
    top: 0;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 70px;
    background: #fff;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row
}

[data-aip="banner"] .aip-dismiss {
    padding: 20px 10px 23px;
    font-size: 24px;
    line-height: 15px;
    font-weight: 500;
    color: #C4C4C4;
    border: none;
    background-color: transparent
}

[data-aip="banner"] .aip-dismiss:hover,[data-aip="banner"] .aip-dismiss:focus {
    color: #444
}

[data-aip="banner"] .aip-app-icon {
    background: url(/assets/ios/ios-icon-sm-ed23bf5c18bb96ba9f950f556bd5a6f430468c2aa08af8cc7ad35a219b3b5c78.png);
    width: 50px;
    height: 50px;
    background-size: cover;
    margin-right: 10px
}

[data-aip="banner"] .aip-app-icon[data-app="Android"] {
    border-radius: 50%
}

[data-aip="banner"] .aip-title {
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    font-size: 14px;
    color: #828282
}

[data-aip="banner"] .aip-title p:first-child {
    font-weight: 500;
    color: #444
}

[data-aip="banner"] .aip-download {
    margin-right: 10px
}

[data-aip="modal"] {
    overflow: hidden
}

[data-aip="modal"] .aip {
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(30,30,30,0.9);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in
}

[data-aip="modal"] .aip.ready {
    opacity: 1;
    visibility: visible
}

[data-aip="modal"] .aip-modal {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    max-width: 500px;
    margin: 0 auto;
    padding: 48px 40px;
    height: 100vh;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (min-width: 520px) {
    [data-aip="modal"] .aip-modal {
        height:auto;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        border-radius: 10px;
        -webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.4);
        box-shadow: 0 10px 30px rgba(0,0,0,0.4)
    }
}

[data-aip="modal"] .aip-logo {
    -webkit-mask: url(/assets/dribbble-logo-8dfdc6ff39eb13adc7de250f1767b7fa7b1fce49a18558805f4c50481473f0d5.svg) no-repeat 100% 100%;
    mask: url(/assets/dribbble-logo-8dfdc6ff39eb13adc7de250f1767b7fa7b1fce49a18558805f4c50481473f0d5.svg) no-repeat 100% 100%;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: #EA4C89;
    width: 100px;
    height: 24px
}

[data-aip="modal"] .aip-main-text {
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    padding-top: 48px;
    font-size: 24px;
    line-height: 32px
}

[data-aip="modal"] .aip-main-text p {
    margin-bottom: 30px
}

[data-aip="modal"] .aip-main-text b {
    font-weight: 600
}

[data-aip="modal"] .aip-main-text small {
    font-size: 18px
}

[data-aip="modal"] .aip-dismiss {
    width: 100%;
    border: none;
    background: transparent;
    font-size: 14px;
    color: #4f4f4f;
    padding: 20px 0;
    margin-bottom: -20px;
    text-align: left
}