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

audio,
canvas,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

html {
    background: #fff;
    color: #000;
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

hr {
    box-sizing: content-box
}

mark {
    background: #ff0;
    color: #000
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    white-space: pre-wrap
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

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

body,
html {
    background-color: #f6f5f6
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #464646
}

.debug-info {
    display: none
}

#outer-wrapper.mobile {
    padding-top: 45px
}

#outer-wrapper.mobile footer {
    background-color: #fff
}

#outer-wrapper.mobile .get-app-button,
#outer-wrapper.mobile footer .app-download {
    display: none
}

#outer-wrapper.mobile .login-link {
    top: 49px
}

#outer-wrapper.mobile .current-user {
    top: 52px
}

#outer-wrapper.mobile .fullscreen,
#outer-wrapper.mobile .view-mode-toggles {
    display: none
}

#outer-wrapper:not(.mobile) {
    min-width: 865px
}

hr {
    background-color: #f6f5f6;
    border: 0;
    margin: 0;
    height: 2px;
    clear: both
}

.notch {
    background-color: #000;
    width: 15px;
    height: 15px;
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0
}

h1 {
    font-size: 36px;
    font-weight: 500;
    letter-spacing: .003em;
    line-height: 40px
}

h2 {
    font-size: 26px;
    font-weight: 500;
    letter-spacing: .003em;
    line-height: 32px
}

h3 {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 22px
}

h4 {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 17px
}

h5,
h6 {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .029em;
    line-height: 16px
}

a {
    color: #00bf8f;
    text-decoration: none;
    cursor: pointer
}

a:focus {
    outline: 0
}

input {
    padding: 8px;
    border: 0;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .029em;
    line-height: 16px;
    outline: 0;
    background-color: #fff
}

input.error {
    color: #f64e5d
}

a.button,
button {
    background: rgba(0, 191, 143, .2);
    color: #00bf8f;
    padding: 12px 20px;
    font-size: 18px;
    font-weight: 500;
    border-radius: 23px;
    border: 0;
    letter-spacing: .04em;
    cursor: pointer;
    outline: 0
}

a.button.active,
a.button:hover,
button.active,
button:hover {
    background: #00bf8f;
    color: #fff
}

a.button.small,
button.small {
    padding: 5px 10px 4px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .029em;
    line-height: 16px;
    border-radius: 14px
}

a.button.clear,
button.clear {
    background: 0 0;
    border-radius: 0;
    padding: 0;
    margin: 0
}

a.button.clear:hover,
button.clear:hover {
    background: 0 0
}

a.button.icon,
button.icon {
    color: #fff
}

a.button[type=submit]:not(.clear),
button[type=submit]:not(.clear) {
    color: #fff;
    background-color: #00bf8f
}

a.button[type=submit]:not(.clear):hover,
button[type=submit]:not(.clear):hover {
    background-color: #00d9a3
}

a.button[disabled],
button[disabled] {
    background: #e4e4e4;
    color: #464646
}

.hidden {
    display: none !important
}

.invisible {
    position: absolute !important;
    top: -10000px !important;
    left: -10000px !important
}

.almost-invisible {
    opacity: 0;
    filter: alpha(Opacity=0)
}

.clearfix:after {
    content: "";
    display: table;
    clear: both
}

footer {
    height: 40px;
    text-align: center;
    background: #fff;
    overflow: hidden
}

.icon-facebook,
.icon-twitter {
    font-size: 13px;
    vertical-align: middle
}

.icon-twitter:hover {
    color: #55acee
}

.icon-facebook:hover {
    color: #3b5998
}

.vm-faq {
    display: none
}

.logo {
    height: 15px;
    width: auto
}

ul {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
    color: #999
}

ul li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    font-size: 12px;
    letter-spacing: .02em;
    line-height: 40px
}

ul li a {
    color: #999
}

ul li a:hover {
    text-decoration: underline
}

ul li .text {
    display: none
}

.menu {
    display: none;
    margin: 0;
    background: #333;
    padding: 15px;
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .12)
}

.menu li {
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    list-style-type: none;
    line-height: 1;
    margin: 0 0 15px;
    white-space: nowrap;
    cursor: pointer
}

.menu li:last-of-type {
    margin-bottom: 0
}

.menu li a {
    color: #fff
}

.menu li:hover a {
    color: #00bf8f
}

@media screen and (max-width:960px) {
    #main-content {
        padding-bottom: 30px
    }

    #outer-wrapper>footer {
        height: 30px
    }

    #outer-wrapper>footer ul li {
        font-size: 10px;
        margin: 0 2px;
        line-height: 30px
    }

    #outer-wrapper>footer ul li.copy {
        display: none
    }

    #outer-wrapper>footer ul li .icon-facebook,
    #outer-wrapper>footer ul li .icon-twitter {
        font-size: 10px
    }
}

.iframe-modal {
    position: fixed;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
    z-index: 99999;
    opacity: 0;
    filter: alpha(Opacity=0);
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition-property: opacity, width, height, bottom, right;
    transition-property: opacity, width, height, bottom, right;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.iframe-modal.show-iframe-modal {
    opacity: 1;
    filter: alpha(Opacity=100)
}

.iframe-modal.minimized-iframe-modal {
    width: 208px;
    height: 117px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .75);
    bottom: 40px;
    right: 40px;
    top: auto;
    left: auto
}

.iframe-modal [class^=iframe-modal-] {
    height: 100%;
    width: 100%;
    border: 0
}

[class*=" icon-"],
[class^=icon-] {
    font-family: vine_actions !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.attribution-icon {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    font-size: 8px;
    text-align: center;
    background: #e4e4e4;
    cursor: pointer;
    -webkit-transition: background .3s, color .3s;
    transition: background .3s, color .3s
}

.attribution-icon .icon-music {
    position: relative;
    top: 7px;
    color: #b2b2b2
}

.attribution-icon.active,
.attribution-icon:hover {
    color: #fff;
    background: #464646
}

.attribution-icon.dark {
    background: #9b9b9b
}

.attribution-icon.dark .icon-music {
    color: #222
}

.attribution-icon.dark.active,
.attribution-icon.dark:hover {
    color: #222;
    background: #fff
}

.mobile .attribution-icon {
    margin-bottom: 10px
}

.mobile .attribution-icon .icon-music {
    font-weight: 700
}

.mobile .attribution-icon:not(.active) {
    color: #b2b2b2;
    background: #e4e4e4
}

.mobile .attribution-icon:not(.active).dark {
    color: #222;
    background: #9b9b9b
}

.banned-words__word {
    display: inline-block;
    padding: 4px 5px;
    margin: 0 5px 5px 0;
    border-radius: 4px;
    background-color: #ff5967;
    text-align: center;
    color: #fff;
    opacity: .75;
    filter: alpha(Opacity=75);
    cursor: pointer
}

.banned-words__word.selected {
    opacity: 1;
    filter: alpha(Opacity=100)
}

.banned-words__word.invisible {
    visibility: none
}

.banned-words-wrapper {
    position: relative
}

#banned-words {
    width: 388px;
    height: 46px;
    padding: 10px;
    margin-top: -6px;
    float: right;
    border-radius: 4px;
    outline: 0;
    font-size: 12px;
    text-align: left;
    overflow-y: scroll;
    color: #9b9b9b;
    background-color: #f6f5f6;
    cursor: text
}

.helper {
    position: absolute;
    right: 0;
    bottom: -80px;
    font-size: 12px;
    color: #f64e5d
}

@media screen and (max-width:1089px) {
    #banned-words {
        float: none;
        margin: 15px 0
    }

    .helper {
        left: 0;
        bottom: -20px;
        white-space: nowrap
    }
}

#outer-wrapper.settings.mobile #banned-words {
    width: 288px;
    height: 126px
}

#banned-words__editor {
    width: 100%;
    height: 100%;
    border-style: none;
    outline: 0;
    resize: none;
    background: #f6f5f6
}

.channel-badge {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    padding: 0;
    margin: 0;
    background-size: auto 100%;
    border-radius: 2px;
    line-height: 0;
    text-align: center
}

.channel-badge .icon {
    width: 88%;
    height: auto;
    padding: 6%
}

.channel-badge.large {
    margin-right: 10px;
    margin-bottom: 10px;
    width: 74px
}

.channel-badge.large,
.channel-badge.large:hover {
    background-size: auto 100%
}

.channel-badge.large.wide {
    width: 242px
}

.channel-badge.editors-pick {
    height: 28px;
    background-image: url(images/channels/EditorsPicks.svg);
    background-color: #333;
    background-repeat: no-repeat
}

.download-buttons {
    margin-top: 45px;
    color: #fff
}

.download-buttons a {
    color: #fff;
    font-weight: 400
}

.download-buttons a img {
    margin-right: 10px
}

.download-buttons .download-button {
    position: relative;
    display: inline-block;
    width: 98px;
    height: 28px;
    margin: 3px;
    padding: 10px 11px;
    border-radius: 5px;
    vertical-align: middle;
    text-align: left;
    font-weight: 300;
    background-color: #00bf8f;
    cursor: pointer
}

.download-buttons .download-button:hover {
    background-color: #00d9a3
}

.download-buttons .download-button .download-text {
    display: block;
    font-size: 11px;
    letter-spacing: .01em;
    line-height: 1em
}

.download-buttons .download-button .client-name {
    display: block;
    margin-top: 4px;
    font-size: 14px;
    letter-spacing: normal
}

.download-buttons .download-button [class*=" icon-"],
.download-buttons .download-button [class^=icon-] {
    position: absolute;
    right: 11px
}

.download-buttons .download-button [class*=" icon-"].icon-apple,
.download-buttons .download-button [class^=icon-].icon-apple {
    top: 11px;
    font-size: 26px
}

.download-buttons .download-button [class*=" icon-"].icon-android,
.download-buttons .download-button [class^=icon-].icon-android {
    top: 8px;
    right: 8px;
    font-size: 32px
}

.download-buttons .download-button [class*=" icon-"].icon-windows_phone,
.download-buttons .download-button [class^=icon-].icon-windows_phone {
    top: 9px;
    font-size: 30px
}

.download-buttons.white .download-button,
.download-buttons.white .download-button:hover {
    background-color: #fff
}

.download-buttons.white,
.download-buttons.white a {
    color: #000
}

.download-buttons.large .download-button {
    width: 146px;
    height: 40px;
    margin: 10px;
    padding: 10px 14px;
    border-radius: 8px
}

.download-buttons.large .download-button .download-text {
    font-size: 16px
}

.download-buttons.large .download-button .client-name {
    margin-top: 7px;
    font-size: 22px
}

.download-buttons.large .download-button [class*=" icon-"].icon-apple,
.download-buttons.large .download-button [class^=icon-].icon-apple {
    top: 14px;
    right: 14px;
    font-size: 32px
}

.download-buttons.large .download-button [class*=" icon-"].icon-android,
.download-buttons.large .download-button [class^=icon-].icon-android {
    top: 9px;
    right: 5px;
    font-size: 42px
}

.download-buttons.large .download-button [class*=" icon-"].icon-windows_phone,
.download-buttons.large .download-button [class^=icon-].icon-windows_phone {
    top: 13px;
    font-size: 35px
}

button.follow-button,
button.follow-button-large {
    font-size: 18px;
    background: 0 0
}

button.follow-button .icon-check_mark,
button.follow-button .icon-plus,
button.follow-button-large .icon-check_mark,
button.follow-button-large .icon-plus {
    font-size: 8px
}

button.follow-button .icon-check_mark,
button.follow-button-large .icon-check_mark {
    margin-left: -1px
}

button.follow-button .icon-plus,
button.follow-button-large .icon-plus {
    margin-right: -1px
}

button.follow-button span,
button.follow-button-large span {
    vertical-align: middle
}

button.follow-button {
    border: 2px solid #e4e4e4;
    border-radius: 4px;
    min-width: 40px;
    padding: 2px 4px 4px;
    color: #00bf8f;
    line-height: 1em
}

button.follow-button.follow-requested,
button.follow-button.following,
button.follow-button.settings,
button.follow-button:hover {
    border: 2px solid #00bf8f;
    background: #00bf8f;
    color: #fff
}

button.follow-button.follow-requested:hover,
button.follow-button.following:hover,
button.follow-button.settings:hover {
    border: 2px solid #e4e4e4;
    background: 0 0;
    color: #00bf8f
}

button.follow-button-large {
    position: relative;
    width: 154px;
    padding: 6px 16px;
    box-shadow: 0 0 0 2px #fff;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 22px;
    vertical-align: top;
    background: 0 0
}

button.follow-button-large:hover {
    background: #fff
}

button.follow-button-large .button-icon {
    position: relative;
    top: -2px;
    display: inline-block;
    margin-right: 5px;
    font-size: 18px
}

button.follow-button-large.settings {
    background: #fff;
    color: #464646
}

button.follow-button-large.settings:hover {
    background: 0 0;
    color: #fff
}

button.follow-button-large.follow-requested,
button.follow-button-large.following {
    box-shadow: 0 0 0 2px #fff;
    color: #00bf8f;
    background: #fff
}

button.follow-button-large.follow-requested:hover,
button.follow-button-large.following:hover {
    background: 0 0;
    color: #fff
}

.counter {
    display: inline-block;
    position: relative;
    overflow: hidden;
    height: 12px;
    vertical-align: -2px
}

.counter.seeded {
    vertical-align: 0
}

.counter .spinner {
    display: inline-block;
    position: relative;
    -webkit-transition: top ease-in-out .25s;
    font-size: 12px;
    line-height: 12px
}

.counter .spinner.comma {
    top: -120px;
    width: 3px
}

.counter .spinner.digit-0 {
    top: 0
}

.counter .spinner.digit-1 {
    top: -12px
}

.counter .spinner.digit-2 {
    top: -24px
}

.counter .spinner.digit-3 {
    top: -36px
}

.counter .spinner.digit-4 {
    top: -48px
}

.counter .spinner.digit-5 {
    top: -60px
}

.counter .spinner.digit-6 {
    top: -72px
}

.counter .spinner.digit-7 {
    top: -84px
}

.counter .spinner.digit-8 {
    top: -96px
}

.counter .spinner.digit-9 {
    top: -108px
}

.loop-count {
    font-size: 12px;
    font-weight: 400
}

.loop-count .icon-fire {
    color: #ff7149;
    font-size: 12px;
    padding-right: 3px
}

.loops-extra {
    margin-left: -3px;
    font-size: 12px;
    line-height: 12px;
    vertical-align: 1px
}

h3.module-title {
    display: inline-block;
    width: 80%;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

h3.module-title,
h3.module-title a {
    color: #464646
}

h3.module-title .icon-carrow {
    display: none;
    margin-left: 5px;
    color: #ccc;
    font-size: 12px;
    font-weight: 600
}

h3.module-title:hover .icon-carrow {
    display: inline
}

.module-icon {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    color: #00bf8f;
    font-size: 24px
}

.module-icon.icon-list {
    font-size: 20px
}

.module-container {
    margin-bottom: 30px;
    margin-top: 10px;
    overflow: hidden;
    background: #fff;
    border-radius: 4px
}

.module-pagination {
    color: #b2b2b2;
    cursor: pointer;
    margin-top: 10px;
    font-weight: 300
}

.module-pagination:hover {
    color: #9b9b9b
}

.mobile .module-container {
    overflow: visible
}

.pagination-container {
    margin-bottom: 20px;
    width: 100%;
    text-align: center
}

.pagination-container .loading {
    opacity: .2;
    filter: alpha(Opacity=20)
}

.pagination-container .pagination {
    width: 100%;
    color: #fff
}

.pagination-container button {
    background-color: #00bf8f
}

.pagination-container button:hover {
    background-color: #00d9a3
}

.post-actions {
    height: 22px;
    font-size: 0
}

.post-actions a,
.post-actions button {
    float: left;
    margin-right: 20px;
    font-size: 0;
    color: #b2b2b2
}

.post-actions a .caption,
.post-actions button .caption {
    margin-left: 29px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .029em;
    line-height: 16px;
    line-height: 21px
}

.post-actions a.active .icon-heart_icn,
.post-actions a.active .icon-like,
.post-actions a.active .icon-like_stroked,
.post-actions a.active .icon-revine,
.post-actions a.active .icon-revine_stroked,
.post-actions a.active .icon-share_stroked,
.post-actions button.active .icon-heart_icn,
.post-actions button.active .icon-like,
.post-actions button.active .icon-like_stroked,
.post-actions button.active .icon-revine,
.post-actions button.active .icon-revine_stroked,
.post-actions button.active .icon-share_stroked {
    color: #00bf8f
}

.post-actions a:hover:not(.active):not([disabled]) .icon-comment,
.post-actions a:hover:not(.active):not([disabled]) .icon-heart_icn,
.post-actions a:hover:not(.active):not([disabled]) .icon-like,
.post-actions a:hover:not(.active):not([disabled]) .icon-like_stroked,
.post-actions a:hover:not(.active):not([disabled]) .icon-revine,
.post-actions a:hover:not(.active):not([disabled]) .icon-revine_stroked,
.post-actions a:hover:not(.active):not([disabled]) .icon-share_stroked,
.post-actions button:hover:not(.active):not([disabled]) .icon-comment,
.post-actions button:hover:not(.active):not([disabled]) .icon-heart_icn,
.post-actions button:hover:not(.active):not([disabled]) .icon-like,
.post-actions button:hover:not(.active):not([disabled]) .icon-like_stroked,
.post-actions button:hover:not(.active):not([disabled]) .icon-revine,
.post-actions button:hover:not(.active):not([disabled]) .icon-revine_stroked,
.post-actions button:hover:not(.active):not([disabled]) .icon-share_stroked {
    color: #464646
}

.post-actions a:hover:not(.active):not([disabled]) .icon-twitter,
.post-actions button:hover:not(.active):not([disabled]) .icon-twitter {
    color: #01aced
}

.post-actions a:hover:not(.active):not([disabled]) .icon-facebook,
.post-actions button:hover:not(.active):not([disabled]) .icon-facebook {
    color: #425f9f
}

.post-actions .like,
.post-actions .music,
.post-actions .revine,
.post-actions .share,
.post-actions .similar {
    height: 22px;
    min-width: 22px
}

.post-actions .like span[class^=icon-],
.post-actions .music span[class^=icon-],
.post-actions .revine span[class^=icon-],
.post-actions .share span[class^=icon-],
.post-actions .similar span[class^=icon-] {
    font-size: 21px
}

.post-actions .music,
.post-actions .similar {
    margin-right: 24px
}

.post-actions .music .caption,
.post-actions .similar .caption {
    margin-left: 28px
}

.post-actions .music span[class^=icon-],
.post-actions .similar span[class^=icon-] {
    margin-top: 2px;
    font-size: 18px
}

.post-actions .twitter {
    height: 14px;
    margin-top: 4px;
    min-width: 18px
}

.post-actions .twitter span[class^=icon-] {
    font-size: 13px
}

.post-actions .facebook {
    height: 14px;
    margin-top: 4px;
    min-width: 7px
}

.post-actions .facebook span[class^=icon-] {
    font-size: 13px
}

.post-actions .comment {
    height: 22px;
    margin-top: -1px;
    min-width: 7px
}

.post-actions .comment span[class^=icon-] {
    font-size: 21px
}

.post-actions:not(.with-captions) .caption {
    display: none !important
}

a.action,
button.action {
    position: relative;
    width: auto
}

a.action span:first-of-type,
a.action span[class^=icon-]:nth-of-type(2),
button.action span:first-of-type,
button.action span[class^=icon-]:nth-of-type(2) {
    position: absolute;
    left: 0;
    top: 0
}

a.action.share.active span,
a.action.share:hover.active span,
button.action.share.active span,
button.action.share:hover.active span {
    color: #00bf8f
}

a.action.share:hover span,
button.action.share:hover span {
    color: #464646
}

a.action.share span[class^=icon-]:nth-of-type(2),
button.action.share span[class^=icon-]:nth-of-type(2) {
    display: none
}

a.action.like span:first-of-type,
button.action.like span:first-of-type {
    color: #b2b2b2
}

a.action.like span:nth-of-type(2),
button.action.like span:nth-of-type(2) {
    color: #00bf8f;
    opacity: 0;
    filter: alpha(Opacity=0);
    transition: opacity ease .25s;
    -webkit-transition: opacity ease .25s
}

a.action.like:hover span,
button.action.like:hover span {
    color: #464646
}

a.action.like.active span:nth-of-type(2),
button.action.like.active span:nth-of-type(2) {
    opacity: 1;
    filter: alpha(Opacity=100)
}

a.action.like.active span:first-of-type,
button.action.like.active span:first-of-type {
    opacity: 0;
    filter: alpha(Opacity=0)
}

a.action.like.activated span:first-of-type,
button.action.like.activated span:first-of-type {
    -webkit-animation: pop .25s ease;
    animation: pop .25s ease
}

a.action.like.activated span:nth-of-type(2),
button.action.like.activated span:nth-of-type(2) {
    -webkit-animation: wiggle .75s ease;
    animation: wiggle .75s ease
}

a.action.revine,
button.action.revine {
    background: 0 0
}

a.action.revine:hover:not([disabled]) span,
button.action.revine:hover:not([disabled]) span {
    color: #464646
}

a.action.revine.active span:first-of-type,
button.action.revine.active span:first-of-type {
    opacity: 1;
    filter: alpha(Opacity=100)
}

a.action.revine.active span:nth-of-type(2),
button.action.revine.active span:nth-of-type(2) {
    opacity: 0;
    filter: alpha(Opacity=0)
}

a.action.revine span,
button.action.revine span {
    -webkit-transition: opacity ease .25s;
    transition: opacity ease .25s
}

a.action.revine span:first-of-type,
button.action.revine span:first-of-type {
    color: #00bf8f;
    opacity: 0;
    filter: alpha(Opacity=0)
}

a.action.revine span:nth-of-type(2),
button.action.revine span:nth-of-type(2) {
    color: #b2b2b2
}

a.action.revine.activated span:first-of-type,
button.action.revine.activated span:first-of-type {
    -webkit-animation: spin .75s ease;
    animation: spin .75s ease;
    opacity: 1;
    filter: alpha(Opacity=100)
}

a.action.revine.activated span:nth-of-type(2),
button.action.revine.activated span:nth-of-type(2) {
    -webkit-animation: spin-fade .75s ease;
    animation: spin-fade .75s ease;
    opacity: 0;
    filter: alpha(Opacity=0)
}

a.action.revine.deactivated span:first-of-type,
button.action.revine.deactivated span:first-of-type {
    -webkit-animation: spin-reverse .75s ease;
    animation: spin-reverse .75s ease;
    opacity: 0;
    filter: alpha(Opacity=0)
}

a.action.revine.deactivated span:nth-of-type(2),
button.action.revine.deactivated span:nth-of-type(2) {
    -webkit-animation: spin-reverse .75s ease;
    animation: spin-reverse .75s ease;
    opacity: 1;
    filter: alpha(Opacity=100)
}

@-webkit-keyframes pop {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .5;
        filter: alpha(Opacity=50)
    }

    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: .5;
        filter: alpha(Opacity=50)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
        filter: alpha(Opacity=0)
    }
}

@keyframes pop {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .5;
        filter: alpha(Opacity=50)
    }

    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: .5;
        filter: alpha(Opacity=50)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
        filter: alpha(Opacity=0)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    20% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    20% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

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

    100%,
    50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

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

    100%,
    50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-webkit-keyframes spin-fade {
    0% {
        opacity: 1;
        filter: alpha(Opacity=100)
    }

    100% {
        opacity: 0;
        filter: alpha(Opacity=0)
    }
}

@keyframes spin-fade {
    0% {
        opacity: 1;
        filter: alpha(Opacity=100)
    }

    100% {
        opacity: 0;
        filter: alpha(Opacity=0)
    }
}

@-webkit-keyframes wiggle {

    0%,
    40% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    60% {
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg)
    }

    80% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes wiggle {

    0%,
    40% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    60% {
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg)
    }

    80% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.related-videos button {
    width: 144px;
    border-radius: 4px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 6px;
    color: #464646;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 17px;
    background: #e4e4e4
}

.related-videos button:hover,
.related-videos button[disabled] {
    background: #00bf8f;
    color: #fff
}

.related-videos .related-post {
    position: relative;
    width: 144px;
    height: 144px;
    margin: 0 0 4px 15px;
    cursor: pointer;
    -webkit-transition-property: opacity, margin;
    transition-property: opacity, margin;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    opacity: 0;
    filter: alpha(Opacity=0)
}

.related-videos .related-post.pin-left {
    margin-left: 0;
    opacity: 1;
    filter: alpha(Opacity=100)
}

.related-videos .related-post:last-of-type {
    margin-bottom: 10px
}

.related-videos .related-post.paginating {
    -webkit-animation-duration: .3s;
    -webkit-animation-name: fadeOut;
    animation-duration: .3s;
    animation-name: fadeOut;
    opacity: 0;
    filter: alpha(Opacity=0)
}

.related-videos .related-post .post-info {
    position: absolute;
    right: 144px;
    top: 0;
    width: 0;
    height: 144px;
    padding: 0;
    border-radius: 8px 0 0 8px;
    overflow: hidden;
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 22px;
    background: rgba(0, 0, 0, .8);
    z-index: 2;
    -webkit-transition: width ease .2s, padding ease .2s;
    transition: width ease .2s, padding ease .2s
}

.related-videos .related-post .post-info .info-container {
    padding: 15px 17px;
    width: 206px;
    height: 114px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .029em;
    line-height: 16px;
    color: #fff
}

.related-videos .related-post .post-info .description {
    margin-top: 7px
}

.related-videos .related-post:hover .post-info {
    width: 240px
}

.mobile .permalink-post-wrapper .related-videos {
    z-index: 5;
    box-shadow: 0 0 5px rgba(0, 0, 0, .12)
}

.mobile .post.is-permalink .related-videos .posts {
    position: relative;
    display: inline-block;
    margin-top: 10px;
    white-space: nowrap;
    -webkit-transition: opacity ease .5s;
    transition: opacity ease .5s
}

.mobile .post.is-permalink .related-videos .posts.paginating {
    opacity: 0;
    filter: alpha(Opacity=0)
}

.mobile .post.is-permalink .related-videos button {
    height: 90px;
    width: auto;
    margin-top: 10px;
    margin-left: 2px;
    padding: 4px;
    vertical-align: top;
    font-size: 10px
}

.mobile .post.is-permalink .related-videos button:hover {
    background: #e4e4e4;
    color: #464646
}

.mobile .post.is-permalink .related-videos .icon-carrow {
    display: none
}

.mobile .post.is-permalink .related-videos .related-post {
    display: inline-block;
    width: 90px;
    height: 90px;
    margin: 0 4px 0 0
}

.mobile .post.is-permalink .related-videos .related-post:last-of-type {
    margin-right: 0
}

.mobile .post.is-permalink .related-videos .video-container {
    margin-top: 0;
    width: 90px;
    height: 90px
}

.post-mobile .share-panel {
    display: none;
    box-shadow: 0 0 5px rgba(0, 0, 0, .12);
    background: rgba(255, 255, 255, .95);
    position: fixed;
    bottom: -300px;
    left: 0;
    margin: 0;
    width: 100%;
    padding: 15px 0 10px;
    z-index: 5;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 17px;
    text-align: center;
    -webkit-transition: bottom ease .5s;
    transition: bottom ease .5s
}

.post-mobile .share-panel .selected-container {
    display: none
}

.post-mobile .share-panel .share-row {
    margin: 20px 0
}

.post-mobile .share-panel .share-badge {
    margin: 0 5px
}

.post-mobile .share-panel .icon-close_x {
    position: absolute;
    top: 15px;
    right: 15px;
    color: #b2b2b2;
    font-size: 16px
}

.post-mobile .share-panel.activated {
    bottom: 0
}

.post.permalink-post-wrapper .related-videos {
    position: absolute;
    top: 0;
    right: -370px;
    display: none;
    width: 500px;
    height: 510px;
    padding: 15px 20px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .029em;
    line-height: 16px;
    color: #b2b2b2;
    background: #fff;
    opacity: 0;
    filter: alpha(Opacity=0);
    z-index: 4;
    -webkit-transition-property: right, opacity;
    transition-property: right, opacity;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: 0;
    transition-duration: 0
}

.post.permalink-post-wrapper .related-videos .vine-audio {
    display: none
}

.post.permalink-post-wrapper .related-videos .posts {
    position: relative
}

.post.permalink-post-wrapper .related-videos .video-container {
    margin-left: 0;
    width: 144px;
    height: 144px
}

.post.permalink-post-wrapper .related-videos .related-title {
    margin-bottom: 10px;
    text-align: left;
    -webkit-transition: opacity ease .5s;
    transition: opacity ease .5s
}

.post.permalink-post-wrapper .related-videos .related-title .icon-carrow {
    vertical-align: middle;
    color: #b2b2b2;
    margin-left: 10px;
    display: none
}

.post.permalink-post-wrapper .related-videos .related-title a {
    color: #464646
}

.post.permalink-post-wrapper .related-videos .related-title a:hover {
    color: #00bf8f
}

.post.permalink-post-wrapper .related-videos .selected-container {
    position: absolute
}

.post.permalink-post-wrapper .related-videos .selected-container.activated {
    -webkit-transition-property: top, left;
    transition-property: top, left;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.post.permalink-post-wrapper .related-videos .selected-container.activated .selected-post {
    width: 540px;
    height: 540px
}

.post.permalink-post-wrapper .related-videos .selected-post {
    width: 144px;
    height: 144px;
    -webkit-transition-property: width, height;
    transition-property: width, height;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .65s;
    transition-duration: .65s
}

.post.permalink-post-wrapper .related-videos .icon-carrow_left {
    display: none;
    font-size: 30px;
    color: #b2b2b2;
    position: absolute;
    left: -40px;
    top: 50%;
    margin-top: -15px;
    cursor: pointer
}

.post.permalink-post-wrapper .related-videos .icon-carrow_left:hover {
    color: #9b9b9b
}

.post.permalink-post-wrapper .related-videos.is-visible {
    right: -356px;
    opacity: 1;
    filter: alpha(Opacity=100);
    display: block;
    -webkit-transition-duration: .25s;
    transition-duration: .25s
}

.post.permalink-post-wrapper .related-videos.activated {
    right: 50%;
    margin-right: -210px;
    border-radius: 0 4px 4px 0;
    opacity: 1;
    filter: alpha(Opacity=100);
    cursor: default;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.post.permalink-post-wrapper .related-videos.activated .related-title {
    display: none
}

.post.permalink-post-wrapper .related-videos.fade-posts .posts,
.post.permalink-post-wrapper .related-videos.fade-posts .related-title {
    opacity: 0;
    filter: alpha(Opacity=0)
}

.post.permalink-post-wrapper .related-videos.fade-out {
    -webkit-animation-duration: .5s;
    -webkit-animation-name: fadeOut;
    animation-duration: .5s;
    animation-name: fadeOut;
    opacity: 0;
    filter: alpha(Opacity=0)
}

:not(.mobile) .permalink-post-wrapper {
    -webkit-transition: width ease 1s;
    transition: width ease 1s
}

:not(.mobile) .permalink-post-wrapper.activated .card {
    -webkit-animation-duration: .5s;
    -webkit-animation-name: slideOutPost;
    animation-duration: .5s;
    animation-name: slideOutPost;
    opacity: 0;
    filter: alpha(Opacity=0)
}

@-webkit-keyframes slideOutPost {
    from {
        left: 0;
        opacity: 1;
        filter: alpha(Opacity=100)
    }

    to {
        left: -1000px;
        opacity: 0;
        filter: alpha(Opacity=0)
    }
}

@keyframes slideOutPost {
    from {
        left: 0;
        opacity: 1;
        filter: alpha(Opacity=100)
    }

    to {
        left: -1000px;
        opacity: 0;
        filter: alpha(Opacity=0)
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
        filter: alpha(Opacity=100)
    }

    100% {
        opacity: 0;
        filter: alpha(Opacity=0)
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
        filter: alpha(Opacity=100)
    }

    100% {
        opacity: 0;
        filter: alpha(Opacity=0)
    }
}

.user-info-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.user-info-new {
    position: relative;
    overflow: hidden;
    line-height: normal
}

.user-info-new .icon-verified {
    display: none;
    color: #00bf8f;
    vertical-align: -1px
}

.user-info-new.user-info-show-verification .icon-verified {
    display: inline
}

.user-info-new.user-info-hide-location .location,
.user-info-new.user-info-hide-metadata .post-metadata,
.user-info-new.user-info-hide-time .time {
    display: none
}

.user-info-new .avatar-new {
    float: left;
    margin-right: 8px;
    font-size: 0;
    line-height: 0
}

.user-info-new .username {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.user-info-new .post-metadata {
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 300
}

.user-info-new .post-metadata>span {
    display: inline-block
}

.user-info-new:not(.user-info-inherit-color) .username a {
    color: #464646
}

.user-info-new:not(.user-info-inherit-color),
.user-info-new:not(.user-info-inherit-color) a {
    color: #b2b2b2
}

.user-info-new:not(.user-info-inherit-color) a:hover {
    color: #00bf8f
}

.user-info-new.user-info-stacked .avatar-new {
    float: none
}

.user-info-new.user-info-size-32 {
    font-size: 14px;
    line-height: 18px
}

.user-info-new.user-info-size-32 .avatar-new img {
    width: 32px;
    height: 32px;
    border-radius: 50%
}

.user-info-new.user-info-size-32 .username {
    margin-top: 1px
}

.user-info-new.user-info-size-32.user-info-hide-metadata:not(.user-info-stacked) .username {
    margin-top: 9px
}

.user-info-new.user-info-size-32 .post-metadata {
    margin-top: -2px;
    font-size: 12px;
    letter-spacing: .065em
}

.user-info-new.user-info-size-38 {
    font-size: 16px;
    line-height: 20px
}

.user-info-new.user-info-size-38 .avatar-new img {
    width: 38px;
    height: 38px;
    border-radius: 50%
}

.user-info-new.user-info-size-38 .username {
    margin-top: 1px
}

.user-info-new.user-info-size-38.user-info-hide-metadata:not(.user-info-stacked) .username {
    margin-top: 9px
}

.user-info-new.user-info-size-38 .post-metadata {
    margin-top: -2px;
    font-size: 12px;
    letter-spacing: .065em
}

.user-info-new.user-info-size-24 {
    font-size: 16px
}

.user-info-new.user-info-size-24 .avatar-new {
    display: inline-block;
    float: none
}

.user-info-new.user-info-size-24 .avatar-new img {
    width: 24px;
    height: 24px;
    border-radius: 50%
}

.user-info-new.user-info-size-24 .username {
    margin-top: 0;
    vertical-align: 4px
}

.user-info-new.user-info-size-24 .post-metadata {
    display: none
}

.user-info-new.user-info-size-20 {
    font-size: 12px;
    color: #b2b2b2
}

.user-info-new.user-info-size-20 .avatar-new {
    display: inline-block;
    float: none
}

.user-info-new.user-info-size-20 .avatar-new img {
    width: 20px;
    height: 20px;
    border-radius: 50%
}

.user-info-new.user-info-size-20 .username {
    margin-top: 0;
    vertical-align: 2px
}

.user-info-new.user-info-size-20 .post-metadata {
    display: none
}

.user-info-new.user-info-size-60 {
    font-size: 20px
}

.user-info-new.user-info-size-60 a {
    color: auto
}

.user-info-new.user-info-size-60 .avatar-new img {
    width: 60px;
    height: 60px;
    border-radius: 50%
}

.user-info-new.user-info-size-60 .username {
    font-weight: 700
}

.user-info-new.user-info-inline {
    display: inline-block;
    font-size: 12px
}

.user-info-new.user-info-inline .avatar-new img {
    width: 24px;
    height: 24px;
    border-radius: 50%
}

.user-info-new.user-info-inline .username {
    margin-top: 5px
}

.user-info-new.user-info-inline .post-metadata {
    display: none
}

.share-overlay {
    position: absolute;
    bottom: 0;
    top: auto;
    z-index: 4;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    display: block;
    height: auto;
    width: 100%;
    padding-bottom: 15px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(23, 23, 23, 0)), color-stop(100%, rgba(23, 23, 23, .7)));
    background: -webkit-linear-gradient(top, rgba(23, 23, 23, 0) 0, rgba(23, 23, 23, .7) 100%);
    background: linear-gradient(to bottom, rgba(23, 23, 23, 0) 0, rgba(23, 23, 23, .7) 100%);
    -webkit-transition: transform .2s;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.share-overlay.open {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.share-overlay .icon,
.share-overlay p {
    display: inline-block;
    vertical-align: middle
}

.share-badge-bar {
    margin-top: 15px;
    text-align: center
}

.share-badge-bar .share-badge .icon {
    width: 30px;
    height: 30px;
    border-radius: 50%
}

.share-badge-bar .share-badge.permalink .icon {
    padding-top: 1px;
    font-size: 16px;
    line-height: 30px
}

.footer-share {
    margin-bottom: 30px
}

.footer-share .badges {
    display: inline-block;
    width: 42px
}

.footer-share .badges p {
    display: none
}

.footer-share .badges .share-badge {
    margin: 0 0 27px
}

.share-badge {
    display: inline-block;
    height: auto;
    margin: 0 10px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 17px;
    cursor: pointer
}

.share-badge .icon {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center
}

.share-badge .revine-underlay {
    position: absolute;
    top: 10px;
    left: 5px;
    height: 22px;
    width: 29px;
    background: #fff
}

.share-badge .icon-revine {
    position: relative;
    font-size: 40px;
    color: #00bf8f
}

.share-badge .icon-revine:hover {
    color: #00d9a3
}

.share-badge.active .icon-revine {
    color: #00bf8f
}

.share-badge.twitter .icon {
    background-image: url(images/shr_icons/twitter_icn.svg);
    background-color: #55acee;
    background-position: center 1px
}

.share-badge.twitter:hover .icon {
    background-color: #5fc2ff
}

.share-badge.facebook .icon {
    background-image: url(images/shr_icons/facebook_icn.svg);
    background-color: #3b5998
}

.share-badge.facebook:hover .icon {
    background-color: #456baf
}

.share-badge.email .icon {
    background-image: url(images/shr_icons/email_icon.svg);
    background-color: #7870cc
}

.share-badge.email:hover .icon {
    background-color: #928ae6
}

.share-badge.embed .icon {
    background-image: url(images/shr_icons/embed_icon.svg);
    background-color: #464646
}

.share-badge.embed:hover .icon {
    background-color: #6b6b6b
}

.share-badge.permalink .icon {
    font-size: 20px;
    line-height: 42px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background-color: #775baf;
    color: #fff
}

.share-badge.permalink:hover .icon {
    background-color: #8869c5
}

.share-badge.like .icon {
    background-image: url(images/shr_icons/like_icon.svg);
    background-color: #00bf8f;
    background-size: 58%;
    background-position: 9px 14px
}

.share-badge.like:hover .icon {
    background-color: #00d9a3
}

.share-badge.stumbleupon .icon {
    background-image: url(images/shr_icons/stumbleupon_icon.svg);
    background-color: #ff5a62;
    background-size: 60%
}

.share-badge.stumbleupon:hover .icon {
    background-color: #ff7074
}

.share-badge.tumblr .icon {
    background-image: url(images/shr_icons/tumblr_icon.svg);
    background-color: #35465c;
    background-size: auto 55%
}

.share-badge.tumblr:hover .icon {
    background-color: #4c6484
}

.share-badge.pinterest .icon {
    background-image: url(images/shr_icons/pinterest_icon.svg);
    background-color: #bd081c;
    background-size: auto 55%
}

.share-badge.pinterest:hover .icon {
    background-color: #e33c42
}

.share-badge.vm .icon {
    background-image: url(images/shr_icons/vm_icon.svg);
    background-color: #00bf8f;
    background-size: auto 60%;
    background-position: center center
}

.share-badge.vm:hover .icon {
    background-color: #00d9a3
}

.notification-sidebar {
    max-width: 825px;
    padding: 20px;
    background: #fff;
    border-radius: 8px;
    margin: 20px auto -50px;
    text-align: left;
    vertical-align: top
}

.notification-sidebar .alert {
    margin-bottom: 20px
}

.notification-sidebar img {
    vertical-align: middle
}

.notification-sidebar h4 {
    color: #f64e5d;
    font-size: 15px;
    font-weight: 700
}

.notification-sidebar h4.esc-confirmation-message {
    color: #00bf8f
}

.notification-sidebar p {
    font-size: 13px;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em
}

.notification-sidebar a {
    color: #f64e5d;
    font-weight: 700;
    text-decoration: underline
}

.notification-sidebar p.confirmation-message {
    text-align: left;
    color: #00bf8f
}

.notification-sidebar button {
    text-align: center;
    border-radius: 18px;
    width: 150px;
    height: 35px;
    font-size: 13px;
    padding: 6px;
    margin-top: 10px
}

.notification-sidebar button:not([disabled]) {
    background-color: #f64e5d;
    color: #fff
}

.mobile .notification-sidebar {
    max-width: none;
    margin: 20px auto;
    border-radius: 0;
    background: #fff
}

.mobile .notification-sidebar input {
    width: auto
}

.switch {
    position: relative;
    display: inline-block;
    margin-top: -3px;
    padding: 6px 0 6px 25px;
    width: 50px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    background-color: #ccc;
    border-radius: 15px;
    cursor: pointer
}

.switch .toggle {
    position: absolute;
    top: 2px;
    left: 2px;
    background: #fff;
    box-shadow: 1px 2px 5px 0 #999;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    -webkit-transition: left .1s, color .1s;
    -webkit-transition: left .1s, background-color .1s;
    transition: left .1s, background-color .1s
}

.switch.on {
    padding: 6px 25px 6px 0;
    background-color: #00bf8f
}

.switch.on .toggle {
    position: absolute;
    top: 2px;
    left: 2px;
    background: #fff;
    box-shadow: 1px 2px 5px 0 #999;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    -webkit-transition: left .1s, color .1s;
    -webkit-transition: left .1s, background-color .1s;
    transition: left .1s, background-color .1s
}

.switch.on.on {
    padding: 6px 25px 6px 0;
    background-color: #00bf8f
}

.switch.on.on .toggle {
    left: 47px
}

.timeline-header {
    width: 100%;
    margin-top: 50px;
    color: #fff;
    background-color: #00bf8f
}

.timeline-header .background-overlay,
.timeline-header .video-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    z-index: 1
}

.timeline-header .background-overlay {
    background: rgba(0, 0, 0, .5)
}

.timeline-header .video-container {
    background: 0 0
}

.timeline-header .video-container .vine-player {
    position: absolute;
    top: 0;
    left: 0
}

.user .timeline-title {
    width: 450px
}

.user .timeline-header-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #19cc99;
    height: 50px;
    font-size: 18px;
    padding-left: 15px;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width:1100px) {
    .timeline-header.user .timeline-title {
        width: auto
    }
}

.mobile .timeline-header {
    height: auto;
    top: 0
}

.mobile .timeline-header .timeline-header-content {
    position: relative;
    display: block;
    width: auto;
    padding: 0 20px 20px
}

.mobile .timeline-header .timeline-header-content>div {
    display: block;
    width: auto;
    text-align: center
}

.mobile .timeline-header .timeline-title {
    padding-top: 10px
}

.tv-link {
    overflow: hidden;
    margin-bottom: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tv-link:last-of-type {
    margin-bottom: 0
}

.tv-link a {
    color: #9b9b9b
}

.tv-link:hover a:last-of-type {
    color: #464646
}

.tv-link:hover .tv-route-link {
    visibility: visible
}

.tv-route-link {
    position: relative;
    top: -2px;
    float: right;
    padding-left: 10px;
    color: #9b9b9b;
    font-size: 22px;
    visibility: hidden
}

.tv-route-link:hover {
    color: #00bf8f
}

.view-mode-toggles {
    border-radius: 8px;
    background: #fff;
    cursor: pointer
}

.view-mode-toggles i {
    display: block;
    padding: 22px;
    border-bottom: 2px solid #f6f5f6;
    color: #b2b2b2;
    font-size: 24px
}

.view-mode-toggles i.active,
.view-mode-toggles i:hover {
    color: #00bf8f
}

.view-mode-toggles i.icon-tv {
    padding-top: 16px;
    font-size: 29px
}

.vine-player {
    position: relative;
    height: 100%;
    overflow: hidden;
    width: 100%
}

.vine-player .vine-video-container {
    position: relative;
    width: inherit;
    height: inherit
}

.vine-player .vine-video-container .vine-poster,
.vine-player .vine-video-container div,
.vine-player .vine-video-container video {
    position: absolute;
    top: 0;
    left: 0;
    display: block
}

.vine-player .vine-video-container div {
    z-index: 3
}

.vine-player .vine-video-container .me-plugin,
.vine-player .vine-video-container video {
    z-index: 2;
    min-width: 100%;
    min-height: 100%
}

.vine-player .vine-video-container .vine-poster {
    z-index: 1
}

.vine-player .vine-video-container .like {
    position: absolute;
    -webkit-transform-origin: 44px 44px;
    transform-origin: 44px 44px;
    -webkit-transition: -webkit-transform 1s linear;
    transition: -webkit-transform 1s linear;
    transition: transform 1s linear;
    transition: transform 1s linear, -webkit-transform 1s linear
}

.vine-player .vine-video-container .like .icon-heart_doubletap,
.vine-player .vine-video-container .like .icon-like_stroked {
    font-size: 88px;
    color: #fff;
    -webkit-animation: heart 1s linear forwards;
    animation: heart 1s linear forwards
}

.vine-player .vine-audio {
    position: absolute;
    left: 14px;
    top: 14px;
    z-index: 3;
    width: 20px;
    height: 15px;
    background-repeat: no-repeat;
    background-image: url(images/volume_v2_off-93f517def06a4d46110aa06e20bb6419.png);
    background-size: cover;
    background-position: top left;
    opacity: 0;
    filter: alpha(Opacity=0);
    -webkit-transition: opacity .1s;
    transition: opacity .1s
}

.vine-player .vine-audio.on {
    background-image: url(images/volume_v2_on-9a582912f888747dfa9732fbc7bbe141.png)
}

.vine-player .vine-audio.hidden {
    display: none
}

.vine-player:hover .vine-audio {
    opacity: 1;
    filter: alpha(Opacity=100)
}

.video-container {
    position: relative;
    z-index: 1;
    cursor: pointer;
    clear: both;
    height: 865px;
    overflow: hidden;
    width: 865px;
    background-color: #fff;
    background-size: cover
}

.video-container .loading-bar {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4
}

.small .video-container {
    float: left;
    height: 100px !important;
    width: 100px !important
}

.small .video-container .vine-player .vine-audio {
    top: 10px;
    left: 10px;
    opacity: .8;
    filter: alpha(Opacity=80)
}

.small .video-container .vine-player .vine-audio:hover {
    opacity: 1;
    filter: alpha(Opacity=100)
}

.warning-overlay {
    position: relative;
    display: table;
    width: 100%;
    height: 100%;
    color: #fff;
    background-color: #000
}

.warning-overlay .warning-content {
    display: table-cell;
    width: 100%;
    margin-top: -85px;
    text-align: center;
    vertical-align: middle
}

.warning-overlay .title {
    margin: 0 0 20px;
    color: #f64e5d !important;
    font-size: 64px
}

.warning-overlay .warning-text {
    padding: 0 10px
}

.warning-overlay button {
    padding: 8px 20px;
    margin-top: 25px;
    background-color: #333;
    color: #fff
}

.warning-overlay button:hover {
    background-color: #464646
}

.warning-overlay button.small {
    display: none
}

.mouseover-video .warning-overlay .title {
    font-size: 48px
}

.medium .warning-overlay .warning-content,
.small .warning-overlay .warning-content {
    margin-top: -57px
}

.medium .warning-overlay .title,
.small .warning-overlay .title {
    margin-bottom: 5px;
    font-size: 16px !important
}

.medium .warning-overlay .warning-text,
.small .warning-overlay .warning-text {
    font-size: 10px !important
}

.medium .warning-overlay button,
.small .warning-overlay button {
    display: none;
    padding: 4px 14px;
    margin-top: 5px;
    font-size: 10px
}

.medium .warning-overlay button.small,
.small .warning-overlay button.small {
    display: inline-block
}

.small .warning-overlay h1,
.small .warning-overlay h3 {
    line-height: normal;
    padding: 0
}

@-webkit-keyframes pop {
    0% {
        opacity: 0;
        filter: alpha(Opacity=0);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        opacity: .8;
        filter: alpha(Opacity=80);
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
    }

    100% {
        opacity: .35;
        filter: alpha(Opacity=35);
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pop {
    0% {
        opacity: 0;
        filter: alpha(Opacity=0);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        opacity: .8;
        filter: alpha(Opacity=80);
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
    }

    100% {
        opacity: .35;
        filter: alpha(Opacity=35);
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes fade {
    from {
        opacity: 1;
        filter: alpha(Opacity=100)
    }

    to {
        opacity: 0;
        filter: alpha(Opacity=0)
    }
}

@keyframes fade {
    from {
        opacity: 1;
        filter: alpha(Opacity=100)
    }

    to {
        opacity: 0;
        filter: alpha(Opacity=0)
    }
}

@-webkit-keyframes heart {
    0% {
        opacity: 0;
        filter: alpha(Opacity=0);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    16% {
        opacity: .95;
        filter: alpha(Opacity=95);
        -webkit-transform: scale(1.12);
        transform: scale(1.12)
    }

    29% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .8;
        filter: alpha(Opacity=80)
    }

    100% {
        opacity: 0;
        filter: alpha(Opacity=0)
    }
}

@keyframes heart {
    0% {
        opacity: 0;
        filter: alpha(Opacity=0);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    16% {
        opacity: .95;
        filter: alpha(Opacity=95);
        -webkit-transform: scale(1.12);
        transform: scale(1.12)
    }

    29% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .8;
        filter: alpha(Opacity=80)
    }

    100% {
        opacity: 0;
        filter: alpha(Opacity=0)
    }
}

.watch-more {
    position: absolute;
    bottom: 15px;
    right: 15px;
    z-index: 5;
    display: block;
    height: 40px;
    padding: 0;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    line-height: 40px;
    letter-spacing: 1.27px;
    background: rgba(17, 17, 17, .8);
    border-radius: 8px;
    -webkit-transition: bottom 250ms ease;
    transition: bottom 250ms ease
}

.watch-more:hover {
    background: #000
}

.watch-more time {
    font-weight: 300;
    font-size: 14px;
    opacity: .65;
    filter: alpha(Opacity=65)
}

.watch-more img {
    margin: 0 3px -2px 0
}

.watch-more-inner-container {
    padding: 0 13px
}

.mini .watch-more {
    width: auto;
    padding: 0 14px
}

.mini .watch-more-text {
    display: none
}

.left-align .watch-more {
    right: inherit;
    left: 15px
}

.loading-watchmore {
    position: relative;
    top: 4px;
    display: inline-block
}

.hoisted .watch-more {
    bottom: 75px
}

#loading-bar,
f {
    z-index: 9999;
    position: fixed;
    top: 0;
    left: 0
}

.loading-bar {
    display: none;
    width: 0;
    height: 2px;
    background: #00bf8f;
    -webkit-transition: width 1s ease;
    transition: width 1s ease
}

.global-banner {
    width: 100%;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    background-color: #000;
    color: #b2b2b2;
    text-align: center
}

.global-banner:hover h3 span {
    color: #fff
}

.global-banner:hover h3 img {
    opacity: 1;
    filter: alpha(Opacity=100)
}

.global-banner h3 {
    font-weight: 400;
    line-height: 40px
}

.global-banner h3 strong {
    color: #fff
}

.global-banner h3 img {
    height: 12px;
    width: auto;
    position: relative;
    top: 1px;
    left: 2px;
    opacity: .7;
    filter: alpha(Opacity=70)
}

.global-banner .share-close {
    position: absolute;
    top: 9px;
    right: 10px;
    cursor: pointer;
    opacity: .5;
    filter: alpha(Opacity=50)
}

.global-banner .share-close img {
    width: 22px;
    height: 22px
}

.global-banner .share-close:hover {
    opacity: .7;
    filter: alpha(Opacity=70)
}

#outer-wrapper.mobile .global-banner {
    position: absolute
}

#outer-wrapper.mobile .global-banner h3 {
    margin-left: 8px;
    font-size: 12px
}

#outer-wrapper.mobile .global-banner .share-close {
    display: none
}

#outer-wrapper.has-notification {
    padding-top: 100px
}

#outer-wrapper.has-notification .current-user,
#outer-wrapper.has-notification .get-app-button,
#outer-wrapper.has-notification .login-link,
#outer-wrapper.has-notification header {
    position: absolute
}

#outer-wrapper.has-notification.cover-notification .current-user,
#outer-wrapper.has-notification.cover-notification .get-app-button,
#outer-wrapper.has-notification.cover-notification .login-link,
#outer-wrapper.has-notification.cover-notification header {
    position: fixed;
    margin-top: 0
}

#outer-wrapper.has-notification.cover-notification .global-banner {
    display: none
}

#outer-wrapper.has-notification .app-banner,
#outer-wrapper.has-notification .current-user,
#outer-wrapper.has-notification .get-app-button,
#outer-wrapper.has-notification .login-link,
#outer-wrapper.has-notification header {
    margin-top: 40px
}

#outer-wrapper.has-notification.mobile:not(.index-index):not(.vm-post) {
    padding-top: 122px
}

#outer-wrapper.has-notification.mobile:not(.index-index):not(.vm-post).permalink-post #main-content {
    top: 82px
}

#outer-wrapper.confirm-email,
#outer-wrapper.vm-post {
    padding-top: 60px
}

#outer-wrapper.confirm-email .app-banner,
#outer-wrapper.confirm-email .current-user,
#outer-wrapper.confirm-email .get-app-button,
#outer-wrapper.confirm-email .login-link,
#outer-wrapper.confirm-email header,
#outer-wrapper.vm-post .app-banner,
#outer-wrapper.vm-post .current-user,
#outer-wrapper.vm-post .get-app-button,
#outer-wrapper.vm-post .login-link,
#outer-wrapper.vm-post header {
    margin-top: 0
}

#outer-wrapper.confirm-email .global-banner,
#outer-wrapper.vm-post .global-banner {
    display: none
}

#outer-wrapper.confirm-email.mobile .login-link,
#outer-wrapper.vm-post.mobile .login-link {
    top: 49px
}

#outer-wrapper.mobile.confirm-email {
    padding-top: 0 !important
}

#outer-wrapper.mobile.list-index {
    padding-top: 45px !important
}

#current-user {
    position: relative
}

header {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    width: 100%;
    color: #fff;
    background-color: #00bf8f;
    margin-bottom: 30px;
    z-index: 9000;
    position: fixed;
    top: 0;
    left: 0;
    padding: 0 15px;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

header .header-logo {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

header .logo {
    display: inline-block;
    -webkit-transition: color .3s;
    transition: color .3s
}

.colorize-header header {
    background-color: #00bf8f
}

.colorize-header header .logo {
    color: #fff
}

#outer-wrapper.mobile {
    top: 0
}

#outer-wrapper.mobile header {
    top: 0;
    background-color: #00bf8f;
    height: 45px;
    box-shadow: none
}

#outer-wrapper.mobile header .icon {
    position: relative;
    font-size: 23px;
    line-height: 45px;
    padding: 0 15px;
    z-index: 2
}

#outer-wrapper.mobile header .icon-menu {
    float: left
}

#outer-wrapper.mobile header .icon-search {
    float: right
}

#outer-wrapper.mobile header .logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 50px;
    color: #fff;
    margin: 12px auto auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    z-index: 1;
    font-size: 16px
}

#outer-wrapper.mobile .mobile-menu {
    z-index: 9998;
    width: 100%;
    box-shadow: 0 0 5px rgba(0, 0, 0, .12);
    background-color: #f6f5f6;
    position: fixed;
    top: -225px;
    -webkit-transition: top ease .25s;
    transition: top ease .25s
}

#outer-wrapper.mobile .mobile-menu.expanded {
    top: 45px
}

#outer-wrapper.mobile .mobile-menu button {
    background: 0 0;
    border-radius: 0;
    padding: 0;
    margin: 0;
    height: 45px;
    border-bottom: 1px solid #e4e4e4;
    position: relative;
    line-height: 45px;
    color: #464646;
    text-align: center;
    display: block;
    width: 100%
}

#outer-wrapper.mobile .mobile-menu button:hover {
    background: 0 0
}

#outer-wrapper.mobile .mobile-menu button .avatar {
    width: 24px;
    height: 24px;
    border-radius: 26px;
    box-shadow: 0 0 0 2px #00bf8f;
    line-height: 45px
}

#outer-wrapper.mobile .mobile-menu button [class*=" icon-"],
#outer-wrapper.mobile .mobile-menu button [class^=icon-] {
    position: absolute;
    left: 15px;
    top: 0;
    font-size: 20px;
    line-height: 45px
}

#outer-wrapper.mobile .mobile-menu button .avatar {
    position: absolute;
    top: 10px;
    left: 15px
}

#outer-wrapper.mobile .mobile-menu button .icon-feed {
    color: #00bf8f
}

#outer-wrapper.mobile .mobile-menu button .icon-index {
    color: #5587d7
}

#outer-wrapper.mobile .mobile-menu button .icon-popular_now {
    color: #f4b453
}

#outer-wrapper.mobile .global-search {
    position: fixed;
    top: -250px;
    left: 0;
    width: 100%;
    background-color: #fff;
    -webkit-transition: top ease .25s;
    transition: top ease .25s;
    z-index: 9998
}

#outer-wrapper.mobile .global-search.expanded {
    top: 45px
}

#outer-wrapper.mobile .global-search .search input {
    display: block;
    border-radius: 4px;
    width: auto;
    margin: 10px
}

#outer-wrapper.mobile .global-search .search .icon-search {
    display: none
}

#outer-wrapper.mobile .global-search .search .icon-carrow {
    display: block;
    position: absolute;
    right: 17px;
    top: 18px;
    width: 20px;
    text-align: right;
    cursor: pointer;
    font-size: 14px;
    color: #b2b2b2;
    overflow: hidden
}

#outer-wrapper.mobile .global-search .search .autocomplete {
    border-radius: 0;
    width: 100%;
    margin-top: 10px
}

#outer-wrapper.mobile .global-search .search .autocomplete li {
    font-weight: 500
}

#outer-wrapper.mobile .current-user,
#outer-wrapper.mobile .get-app-button,
#outer-wrapper.mobile .login-link {
    display: none
}

#outer-wrapper.mobile .current-user .user-menu {
    padding: 10px
}

#outer-wrapper.mobile .app-banner.fixfixed,
#outer-wrapper.mobile .header.fixfixed,
#outer-wrapper.mobile footer.fixfixed {
    position: absolute
}

@media screen and (max-width:550px) {
    #outer-wrapper.mobile .current-user .user-menu li {
        font-size: 12px;
        margin-bottom: 5px
    }

    #outer-wrapper.mobile .current-user .user-menu li:last-child {
        margin-bottom: 0
    }
}

.hide-login-button .login-link.transparent {
    display: none
}

.get-app-button,
.login-link {
    z-index: 9999
}

.get-app-button.transparent,
.login-link.transparent {
    background-color: #fff;
    color: #464646
}

.login-link {
    margin-left: 5px
}

.header-visible .get-app-button,
.header-visible .login-link {
    color: #fff;
    background: rgba(0, 0, 0, .3)
}

.header-visible .get-app-button:hover,
.header-visible .login-link:hover {
    background: rgba(0, 0, 0, .6)
}

.nav-button {
    height: 30px;
    padding: 0 10px;
    background-color: #5082e5;
    border-radius: 4px;
    line-height: 30px;
    color: #fff;
    font-size: 13px;
    text-align: center;
    margin: 0 5px
}

.nav-button:hover {
    background-color: #356fe1
}

.nav-button[disabled] {
    background: #e4e4e4;
    color: #464646;
    cursor: not-allowed
}

.upload-enabled .loading-upload {
    display: inline-block
}

.Nav__section-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px
}

.Nav__section-right .login-link {
    color: #fff;
    background-color: rgba(0, 0, 0, .3)
}

.Nav__section-right .login-link:hover {
    color: #00bf8f;
    background-color: #fff
}

.Nav__section-right .download-your-vines-button {
    min-width: 176px
}

.Nav__section-right .current-user {
    margin-left: 5px
}

@font-face {
    font-family: vine_actions;
    src: url(fonts/vine_actions.eot);
    src: url(fonts/vine_actions.eot?#iefix) format('eot'), url(fonts/vine_actions.woff2) format('woff2'), url(fonts/vine_actions.woff) format('woff'), url(fonts/vine_actions.ttf) format('truetype'), url(fonts/vine_actions.svg#vine_actions) format('svg')
}

.icon:before {
    font-family: vine_actions;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-alert_icon:before {
    content: "\E001"
}

.icon-android:before {
    content: "\E002"
}

.icon-apple:before {
    content: "\E003"
}

.icon-arrow_left:before {
    content: "\E004"
}

.icon-arrow_right:before {
    content: "\E005"
}

.icon-audio_off:before {
    content: "\E006"
}

.icon-audio_on:before {
    content: "\E007"
}

.icon-audio_remix:before {
    content: "\E008"
}

.icon-carrow:before {
    content: "\E009"
}

.icon-carrow_left:before {
    content: "\E00A"
}

.icon-check_mark:before {
    content: "\E00B"
}

.icon-close-fullscreen:before {
    content: "\E00C"
}

.icon-close_x:before {
    content: "\E00D"
}

.icon-comment:before {
    content: "\E00E"
}

.icon-comment_stroked:before {
    content: "\E00F"
}

.icon-copy_url:before {
    content: "\E010"
}

.icon-dots:before {
    content: "\E011"
}

.icon-dots_v:before {
    content: "\E012"
}

.icon-ellipsis:before {
    content: "\E013"
}

.icon-email:before {
    content: "\E014"
}

.icon-embed:before {
    content: "\E015"
}

.icon-facebook:before {
    content: "\E016"
}

.icon-feed:before {
    content: "\E017"
}

.icon-fire:before {
    content: "\E018"
}

.icon-frowny:before {
    content: "\E019"
}

.icon-fullscreen:before {
    content: "\E01A"
}

.icon-grid:before {
    content: "\E01B"
}

.icon-heart_doubletap:before {
    content: "\E01C"
}

.icon-heart_icn:before {
    content: "\E01D"
}

.icon-index:before {
    content: "\E01E"
}

.icon-like:before {
    content: "\E01F"
}

.icon-like_stroked:before {
    content: "\E020"
}

.icon-list:before {
    content: "\E021"
}

.icon-lock:before {
    content: "\E022"
}

.icon-logout:before {
    content: "\E023"
}

.icon-logout2:before {
    content: "\E024"
}

.icon-loops_icon:before {
    content: "\E025"
}

.icon-menu:before {
    content: "\E026"
}

.icon-minimize:before {
    content: "\E027"
}

.icon-music:before {
    content: "\E028"
}

.icon-pause:before {
    content: "\E029"
}

.icon-play:before {
    content: "\E02A"
}

.icon-plus:before {
    content: "\E02B"
}

.icon-popular_now:before {
    content: "\E02C"
}

.icon-post_icon:before {
    content: "\E02D"
}

.icon-profile:before {
    content: "\E02E"
}

.icon-revine:before {
    content: "\E02F"
}

.icon-revine_stroked:before {
    content: "\E030"
}

.icon-revined:before {
    content: "\E031"
}

.icon-save:before {
    content: "\E032"
}

.icon-search:before {
    content: "\E033"
}

.icon-select-down-carrot:before {
    content: "\E034"
}

.icon-select-up-carrot:before {
    content: "\E035"
}

.icon-settings:before {
    content: "\E036"
}

.icon-share_stroked:before {
    content: "\E037"
}

.icon-similar_vines:before {
    content: "\E038"
}

.icon-smiley:before {
    content: "\E039"
}

.icon-tag:before {
    content: "\E03A"
}

.icon-trending_icon:before {
    content: "\E03B"
}

.icon-trends:before {
    content: "\E03C"
}

.icon-tv:before {
    content: "\E03D"
}

.icon-twitter:before {
    content: "\E03E"
}

.icon-upload_close:before {
    content: "\E03F"
}

.icon-upload_file:before {
    content: "\E040"
}

.icon-upload_trash:before {
    content: "\E041"
}

.icon-v_logo:before {
    content: "\E042"
}

.icon-venue:before {
    content: "\E043"
}

.icon-verified:before {
    content: "\E044"
}

.icon-vine_logo:before {
    content: "\E045"
}

.icon-windows_phone:before {
    content: "\E046"
}

.icon-x_mark:before {
    content: "\E047"
}

.is-timeline .timeline-content,
.is-timeline .timeline-header {
    min-width: 630px
}

.is-timeline>footer {
    display: none
}

.is-timeline .view-mode-toggles {
    position: absolute;
    top: 70px;
    left: 50px;
    z-index: 2
}

.is-timeline footer {
    position: absolute;
    top: 70px;
    right: 50px;
    width: auto;
    height: auto;
    text-align: right;
    background: 0 0
}

.is-timeline footer .rules,
.is-timeline footer .vm-faq {
    display: none
}

.is-timeline footer ul {
    width: 70px
}

.is-timeline footer ul li {
    display: block;
    margin: 0;
    color: #b2b2b2;
    line-height: 18px
}

.is-timeline footer ul li .icon-facebook,
.is-timeline footer ul li .icon-twitter {
    display: none
}

.is-timeline footer ul li .text {
    display: block
}

.is-timeline footer ul li.copy {
    margin-top: 10px;
    color: #ccc
}

.is-timeline .fixed-modules .view-mode-toggles,
.is-timeline .fixed-modules footer {
    position: fixed;
    top: 70px !important;
    margin-top: 50px
}

.timeline-content {
    position: relative;
    background-color: #f6f5f6;
    z-index: 3
}

.timeline-content.is-fullscreen {
    z-index: 10000
}

.timeline-content.has-toggles .view-mode-toggles,
.timeline-content.has-toggles footer {
    top: 110px
}

.posts-container {
    position: relative;
    z-index: 3;
    width: 865px;
    margin: auto;
    padding-top: 70px
}

.posts-container.no-pagination {
    padding-bottom: 50px
}

.posts-container .timeline-placeholder {
    padding-top: 100px;
    text-align: center
}

.posts-container .timeline-placeholder .icon-frowny,
.posts-container .timeline-placeholder .icon-lock {
    margin: 0 auto 20px;
    font-size: 140px;
    opacity: .2;
    filter: alpha(Opacity=20)
}

.posts-container .timeline-placeholder h2 {
    margin: 40px auto 20px;
    opacity: .35;
    filter: alpha(Opacity=35)
}

.custom-styles {
    display: none
}

.timeline-toggles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 40px;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: .015em;
    line-height: 24px;
    background: #fff;
    z-index: 2
}

.timeline-toggles div {
    border-left: 2px solid transparent;
    border-right: 2px solid transparent
}

.timeline-toggles .active,
.timeline-toggles strong {
    font-weight: 500
}

.timeline-toggles a {
    padding: 0 40px;
    line-height: 40px;
    color: #b2b2b2
}

.timeline-toggles a:hover {
    color: #00bf8f
}

.timeline-toggles a.active a {
    color: #00bf8f;
    font-weight: 500
}

.is-timeline.mobile .posts-container {
    padding-top: 10px
}

.is-timeline.mobile .timeline-content,
.is-timeline.mobile .timeline-header {
    position: relative;
    min-width: 0
}

.is-timeline.mobile .timeline {
    width: 100%
}

.is-timeline.mobile .timeline-content.has-toggles {
    padding-top: 40px
}

.is-timeline.mobile .timeline-toggles {
    font-size: 12px
}

.is-timeline.mobile .timeline-toggles>div a {
    margin: 0
}

@media screen and (max-width:960px) {
    .is-timeline .view-mode-toggles {
        left: 20px
    }

    .is-timeline footer {
        right: 20px
    }
}

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

    .view-mode-toggles,
    footer {
        display: none
    }
}

#outer-wrapper.error #main-content,
#outer-wrapper.not-found #main-content {
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -200px;
    text-align: center
}

#outer-wrapper.error #main-content img,
#outer-wrapper.not-found #main-content img {
    opacity: .2;
    filter: alpha(Opacity=20)
}

#outer-wrapper.error #main-content p,
#outer-wrapper.not-found #main-content p {
    max-width: 400px;
    margin: 35px auto;
    padding: 0 50px;
    font-size: 36px;
    letter-spacing: .003em;
    line-height: 40px;
    font-weight: 300
}

#outer-wrapper.error #main-content p.reason,
#outer-wrapper.not-found #main-content p.reason {
    font-size: 20px;
    font-weight: 300;
    letter-spacing: .015em;
    line-height: 28px;
    font-style: oblique
}

#outer-wrapper.error #main-content button span,
#outer-wrapper.not-found #main-content button span {
    color: #00bf8f
}

#outer-wrapper.error #main-content button:hover span,
#outer-wrapper.not-found #main-content button:hover span {
    color: #fff
}

#outer-wrapper.error footer,
#outer-wrapper.not-found footer {
    background: 0 0
}

#outer-wrapper.error footer ul,
#outer-wrapper.error footer ul li a,
#outer-wrapper.not-found footer ul,
#outer-wrapper.not-found footer ul li a {
    color: #464646
}

#explore-header {
    background-color: #00bf8f;
    padding-top: 100px
}

.explore-banner {
    background: #7870cc;
    padding: 30px 20px;
    text-align: center;
    margin-bottom: 20px;
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.5
}

.explore-banner a {
    color: #fff;
    text-decoration: underline
}

#explore-content {
    position: relative;
    z-index: 3;
    min-width: 1040px;
    text-align: center;
    background-color: #f6f5f6;
    -webkit-transition: margin-top ease .5s;
    transition: margin-top ease .5s
}

.year-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center
}

.years {
    padding: 60px 0 80px
}

.year {
    height: 110px;
    width: 228px;
    margin: 15px;
    color: #fff;
    line-height: 110px;
    font-size: 48px;
    box-shadow: 12px 12px 0 #fff;
    font-weight: 600;
    -webkit-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out
}

.year:hover {
    -webkit-transform: translate(6px, 6px);
    transform: translate(6px, 6px);
    box-shadow: 0 0 0 #fff
}

.year-1 {
    background-color: #5082e5
}

.year-2 {
    background-color: #6db0f2
}

.year-3 {
    background-color: #33ccbf
}

.year-4 {
    background-color: #47f4a9
}

#explore-sidebar {
    display: inline-block;
    width: 242px;
    text-align: left
}

#explore-timeline {
    display: inline-block;
    margin-left: 30px;
    vertical-align: top;
    width: 719px;
    text-align: left
}

#explore-header .logo-image {
    margin-bottom: 5px
}

#explore-header .subtitle {
    font-size: 24px;
    margin-bottom: 0;
    font-weight: 300;
    line-height: 1.5
}

#explore-header .download-buttons {
    position: relative;
    z-index: 1;
    margin-top: 40px
}

#search-input {
    position: fixed;
    top: 240px;
    width: 100%;
    -webkit-transition: top ease .5s;
    transition: top ease .5s;
    z-index: 4
}

#search-input .search {
    position: relative;
    width: 758px;
    margin: auto
}

#search-input.transparent {
    visibility: hidden
}

#search-input input {
    width: 730px;
    padding: 12px 14px;
    color: #464646;
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
    border-radius: 4px
}

#search-input .icon-carrow {
    display: none
}

#search-input .icon-search {
    position: absolute;
    right: 12px;
    top: 12px;
    height: 26px;
    overflow: hidden;
    width: 26px;
    color: #00bf8f;
    font-size: 24px
}

#search-input .autocomplete {
    position: absolute;
    top: 54px;
    width: 758px
}

#search-input .results {
    display: table;
    table-layout: fixed;
    margin: 10px 0;
    width: 100%
}

#search-input ul {
    position: relative;
    display: table-cell;
    overflow: hidden;
    padding: 5px 15px;
    border-right: 1px solid #b2b2b2
}

#search-input ul:last-of-type {
    border: none
}

#search-input ul.empty {
    font-style: italic
}

#search-input ul a {
    color: #9b9b9b
}

#search-input ul a.active,
#search-input ul a:hover {
    color: #464646
}

.channels-container {
    margin: 10px 0;
    width: 252px;
    text-align: left
}

.channels-container .channel-badge {
    margin-bottom: 10px;
    width: calc(33% - 10px)
}

.channels-container a:nth-of-type(3n) .channel-badge {
    margin-right: 0
}

.sidebar-video {
    margin-bottom: 4px;
    overflow: hidden;
    cursor: pointer
}

.sidebar-video.sidebar-list .user {
    display: block;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .029em;
    line-height: 16px;
    color: #9b9b9b;
    overflow: hidden;
    position: relative;
    max-height: 48px
}

.sidebar-video.sidebar-list .user:after {
    content: "\2026";
    position: absolute;
    width: 9.5em;
    height: 16px;
    top: 48px;
    right: 0;
    margin-top: -16px;
    padding-right: 5px;
    text-align: right;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#fff), color-stop(33%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 33%, #fff);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 33%, #fff)
}

.sidebar-video.sidebar-list .user:hover {
    color: #464646
}

.sidebar-video:last-of-type {
    margin-bottom: 0
}

.sidebar-video:hover .description {
    color: #464646
}

.sidebar-video .video-container .vine-player .vine-audio {
    top: 5px;
    left: 5px
}

.sidebar-video .post-info {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: left;
    height: 100px;
    overflow: hidden;
    padding: 5px 10px;
    width: 142px
}

.sidebar-video .author,
.sidebar-video.popular-post .user {
    display: block;
    overflow: hidden;
    color: #00bf8f;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sidebar-video .author {
    margin-top: 3px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .029em;
    line-height: 16px
}

.sidebar-video .author,
.sidebar-video .author a {
    color: #9b9b9b
}

.sidebar-video .author a:hover {
    color: #00bf8f
}

.sidebar-video .user {
    margin-bottom: 2px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 22px
}

.sidebar-video .description {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .029em;
    line-height: 16px;
    color: #9b9b9b;
    overflow: hidden;
    position: relative;
    max-height: 48px
}

.sidebar-video .description:after {
    content: "\2026";
    position: absolute;
    width: 9.5em;
    height: 16px;
    top: 48px;
    right: 0;
    margin-top: -16px;
    padding-right: 5px;
    text-align: right;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#fff), color-stop(33%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 33%, #fff);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 33%, #fff)
}

.trending-metadata .module-container {
    padding: 15px
}

.trending-metadata .module-icon {
    font-size: 20px
}

.trending-metadata .tv-link {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: .015em;
    line-height: 24px
}

#explore-content .icon-popular_now:before {
    color: #f4b453
}

.featured-users .module-icon {
    font-size: 18px
}

.featured-users .module-container {
    text-align: center
}

.featured-users .user-container {
    display: inline-block;
    overflow: hidden;
    padding: 40px 15px;
    width: 149.75px;
    vertical-align: top;
    font-weight: 300;
    text-overflow: ellipsis;
    white-space: nowrap
}

.featured-users .user-container .username {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 22px;
    display: block
}

.featured-users .user-container .avatar-new {
    float: none;
    margin: 10px auto 0;
    width: 104px
}

.featured-users .user-container .avatar-new img {
    width: 104px;
    height: 104px;
    border-radius: 50%;
    margin-bottom: 15px;
    -webkit-transition: box-shadow ease-in-out .1s;
    transition: box-shadow ease-in-out .1s
}

.featured-users .user-container a {
    color: #464646
}

.featured-users .user-container:hover a {
    color: #00bf8f
}

.pinned-channel .post-container {
    display: inline-block;
    padding-right: 4px;
    vertical-align: top;
    width: 237px;
    color: #9b9b9b;
    cursor: pointer
}

.pinned-channel .post-container:last-of-type {
    padding-right: 0
}

.pinned-channel .post-container:hover .post-actions {
    visibility: visible
}

.pinned-channel .post-container:hover .description,
.pinned-channel .post-container:hover .loop-count {
    color: #464646
}

.pinned-channel .video-container {
    width: 237px;
    height: 237px
}

.pinned-channel .post-actions {
    position: absolute;
    bottom: 10px;
    right: 10px;
    overflow: hidden;
    visibility: hidden
}

.pinned-channel .info {
    position: relative;
    padding: 15px;
    height: 116px
}

.pinned-channel .user-info-new {
    margin-bottom: 7px
}

.pinned-channel .user-info-new .username {
    max-width: 175px
}

.pinned-channel .description {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .029em;
    line-height: 16px;
    color: #9b9b9b;
    overflow: hidden;
    position: relative;
    max-height: 48px
}

.pinned-channel .description:after {
    content: "\2026";
    position: absolute;
    width: 9.5em;
    height: 16px;
    top: 48px;
    right: 0;
    margin-top: -16px;
    padding-right: 5px;
    text-align: right;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#fff), color-stop(33%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 33%, #fff);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 33%, #fff)
}

.pinned-channel .loop-count {
    position: absolute;
    left: 10px;
    bottom: 13px
}

.one-up {
    overflow: hidden;
    cursor: pointer
}

.one-up .video-container {
    float: left;
    height: 360px;
    width: 360px
}

.one-up .info {
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: left;
    height: 360px;
    padding: 25px;
    width: 359px
}

.one-up .post-actions {
    position: absolute;
    bottom: 25px
}

.one-up .post-actions button {
    margin-right: 30px
}

.one-up .title {
    font-size: 26px;
    font-weight: 500;
    letter-spacing: .003em;
    line-height: 32px;
    color: #464646
}

.one-up .title:hover {
    color: #00bf8f
}

.one-up .post-position {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .029em;
    line-height: 16px;
    color: #b2b2b2;
    margin-top: 20px
}

.one-up .author {
    margin-top: 10px;
    color: #b2b2b2;
    font-size: 16px
}

.one-up .author a {
    color: #b2b2b2
}

.one-up .author a:hover {
    color: #00bf8f
}

.one-up .avatar {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    margin: 0 6px;
    vertical-align: -11px
}

.one-up .description {
    margin: 10px 0;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: .015em;
    line-height: 24px
}

.one-up .loop-count {
    position: absolute;
    right: 25px;
    bottom: 27px;
    color: #b2b2b2
}

.editors-pick .info {
    background-color: #333
}

.editors-pick .description {
    color: #b2b2b2
}

.editors-pick .post-actions .active.like span:nth-of-type(2),
.editors-pick .post-actions button.like:hover span:first-of-type,
.editors-pick .post-actions button:hover,
.editors-pick .post-actions button:hover .icon-facebook,
.editors-pick .post-actions button:hover .icon-twitter,
.editors-pick .user-info-new .username a {
    color: #ffb973
}

#explore-content .post-container .description,
#explore-content .post-container a {
    color: #9b9b9b
}

#explore-content .post-container:hover .description,
#explore-content .post-container:hover a {
    color: #464646
}

#explore-content .fullscreen {
    color: #c8c8c8
}

#explore-content .fullscreen:hover {
    color: #00bf8f
}

#explore-content .fullscreen.offset {
    position: absolute;
    top: 10px
}

#outer-wrapper.index footer {
    z-index: 4
}

.logged-in header.transparent .logo {
    display: block;
    color: #fff
}

.mobile #explore-header,
.mobile #search-input {
    top: 0
}

.mobile .post {
    float: none !important
}

.mobile .get-app-button,
.mobile .hide-logo .logo {
    display: none
}

.mobile #splash-header {
    position: static;
    padding: 20px;
    color: #fff;
    text-align: center;
    background: #00bf8f
}

.mobile #splash-header .download-buttons .download-button {
    background-color: #000
}

.mobile .subtitle {
    padding: 0 20px;
    font-weight: 400
}

.mobile #explore-header .download-buttons {
    margin-top: 15px
}

.mobile #explore-header .download-buttons .download-button {
    background: #000
}

.mobile #explore-content {
    text-align: left;
    margin-top: 0;
    padding-top: 15px;
    padding-bottom: 0;
    width: 865px;
    margin-left: auto;
    margin-right: auto;
    min-width: 0
}

.mobile #explore-content .module-container {
    margin-top: 15px;
    border-radius: 0
}

.mobile #explore-content .posts-container {
    padding-top: 0
}

.mobile #explore-content .post.post-mobile {
    margin-top: 0
}

.mobile #explore-content .post.post-mobile .video-container {
    margin-right: 10px
}

.mobile #explore-content .post.post-mobile .video-container .play {
    width: 40px !important;
    height: 40px !important;
    margin-top: -20px !important;
    margin-left: -20px !important;
    border-radius: 47px !important;
    box-shadow: 0 0 0 7px #fff !important
}

.mobile #explore-content .editors-pick .info {
    padding: 20px 15px
}

.mobile #explore-content .editors-pick .description {
    margin: 15px 0
}

.mobile #explore-content .post-mobile {
    margin-top: 10px
}

.mobile #explore-content .sidebar-video .post {
    margin-bottom: 0
}

.mobile #explore-content .sidebar-video .post-info {
    width: auto;
    float: none
}

.mobile #explore-content .channels-container {
    padding: 0 15px;
    width: auto
}

.mobile #explore-content .post-actions {
    padding-bottom: 5px
}

@media screen and (max-width:550px) {
    .mobile #splash-header .logo-image {
        height: auto;
        width: 60%
    }

    .mobile #explore-content {
        width: auto
    }

    .mobile #explore-content .channel-module-name,
    .mobile #explore-content .module-icon {
        margin-left: 15px
    }
}

#explore-content:not(.event) .popular-post:nth-of-type(1) .user a {
    color: #ff5967
}

#explore-content:not(.event) .popular-post:nth-of-type(2) .user a {
    color: #ff794d
}

#explore-content:not(.event) .popular-post:nth-of-type(3) .user a {
    color: #ffaf40
}

#explore-content:not(.event) .popular-post:nth-of-type(4) .user a {
    color: #68bf60
}

#explore-content:not(.event) .popular-post:nth-of-type(5) .user a {
    color: #6db0f2
}

#explore-content .module-container .featured-post-container {
    background: #333
}

#explore-content .module-container .featured-post-container:not(.list) .post-actions button.active .icon-facebook,
#explore-content .module-container .featured-post-container:not(.list) .post-actions button.active .icon-like,
#explore-content .module-container .featured-post-container:not(.list) .post-actions button.active .icon-twitter,
#explore-content .module-container .featured-post-container:not(.list) .post-actions button.active.like span:first-of-type,
#explore-content .module-container .featured-post-container:not(.list) .post-actions button:hover,
#explore-content .module-container .featured-post-container:not(.list) .post-actions button:hover .icon-facebook,
#explore-content .module-container .featured-post-container:not(.list) .post-actions button:hover .icon-like,
#explore-content .module-container .featured-post-container:not(.list) .post-actions button:hover .icon-twitter,
#explore-content .module-container .featured-post-container:not(.list) .post-actions button:hover.like span:first-of-type {
    color: #fff
}

.pinned-channel .post-info .info a {
    color: #9b9b9b
}

.pinned-channel .post-info .info a:hover {
    color: #00bf8f
}

.homepage-section {
    padding: 60px 0
}

.homepage-editors-picks {
    background-color: #fdae4c
}

.homepage-lead {
    font-size: 44px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    margin: 0 0 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.homepage-lead .icon {
    margin-right: 15px;
    font-size: 60px
}

.homepage-section-header {
    text-align: left;
    max-width: 1002px;
    margin: 0 auto 20px
}

.homepage-memes {
    background-color: #ed5a68
}

.homepage-memes .homepage-lead {
    color: #fff
}

.homepage-memes .homepage-lead .icon {
    font-size: 36px
}

.final-post-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1002px;
    margin: 0 auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: left
}

.final-post-list .grid.post {
    margin: 0 0 30px
}

.final-post-list .grid.post .mouseover-video {
    height: auto
}

.homepage-trend {
    width: 300px;
    background-color: rgba(255, 255, 255, .15);
    position: relative;
    margin-bottom: 30px
}

.homepage-trend .video-container {
    width: 100%;
    height: 300px
}

.homepage-trend-title {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: .003em;
    line-height: 32px;
    color: #fff;
    margin-bottom: 10px
}

.homepage-trend-title a {
    color: #fff
}

.homepage-trend-title a:hover {
    color: #00bf8f
}

.homepage-trend-info {
    padding: 15px
}

.homepage-trend-description {
    overflow: hidden;
    max-height: 34px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .029em;
    line-height: 18px;
    color: #fff;
    margin-bottom: 30px
}

.homepage-trend-stats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .029em;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
    color: rgba(255, 255, 255, .35);
    line-height: 16px
}

.homepage-channels-list {
    background-image: -webkit-linear-gradient(#47f4a9, #7870cc);
    background-image: linear-gradient(#47f4a9, #7870cc);
    text-align: center
}

.homepage-channel-link,
.homepage-channels-list-header {
    width: 180px;
    background-color: #ff5967;
    margin-bottom: 40px;
    display: block;
    color: #fff
}

.homepage-channel-link {
    height: 39.6px;
    padding-top: 140.4px;
    font-size: 22px;
    box-shadow: 12px 12px 0 #fff;
    background-repeat: no-repeat;
    background-position: center 40%;
    background-size: 60%;
    -webkit-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out
}

.homepage-channel-link:hover {
    -webkit-transform: translate(6px, 6px);
    transform: translate(6px, 6px);
    box-shadow: 0 0 0 #fff
}

.homepage-channels-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 820px;
    padding: 0 15px;
    margin: 0 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.homepage-channels-list-header {
    background-color: transparent;
    font-size: 40px;
    line-height: 50px
}

.homepage-view-all {
    padding: 8px 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    background-color: rgba(0, 0, 0, .3);
    border-radius: 4px;
    margin-top: 30px
}

.homepage-view-all .icon {
    margin-left: 6px;
    font-size: 16px
}

.homepage-view-all:hover {
    background-color: #fff;
    color: #00bf8f
}

.homepage-logo {
    color: #fff
}

.channel-link-animals {
    background-color: #5082e5;
    background-image: url(https://v.cdn.vine.co/static/api/animals_explore@2x.png)
}

.channel-link-art {
    background-color: #be5fb6;
    background-image: url(https://v.cdn.vine.co/static/api/art_explore@2x.png)
}

.channel-link-comedy {
    background-color: #ff5867;
    background-image: url(https://v.cdn.vine.co/static/api/comedy_explore@2x.png)
}

.channel-link-edits {
    background-color: #4f3972;
    background-image: url(https://v.cdn.vine.co/static/api/omg_explore@2x.png)
}

.channel-link-music {
    background-color: #7870cc;
    background-image: url(https://v.cdn.vine.co/static/api/music_explore@2x.png)
}

.channel-link-sports {
    background-color: #548899;
    background-image: url(https://v.cdn.vine.co/static/api/sports_explore@2x.png)
}

.channel-link-weird {
    background-color: #47f4a9;
    background-image: url(https://v.cdn.vine.co/static/api/weird_explore@2x.png)
}

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

    #outer-wrapper .homepage-trend .video-container,
    #outer-wrapper .post.grid .mouseover-video .video-container {
        width: 100%;
        height: 0;
        padding-bottom: 100%
    }

    #outer-wrapper .final-post-list .grid.post,
    #outer-wrapper .homepage-trend {
        width: 100%
    }

    #outer-wrapper.mobile header .icon,
    .Nav__section-right,
    .header-logo {
        display: none
    }

    header .nav-buttons {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.fullscreen {
    cursor: pointer;
    margin-top: 5px;
    position: fixed;
    top: 50px;
    right: 20px;
    white-space: nowrap;
    width: 33px;
    text-align: right;
    font-size: 36px;
    color: #00bf8f
}

.fullscreen .icon-tv,
.fullscreen h3 {
    display: inline-block;
    vertical-align: middle
}

.fullscreen h3 {
    display: none;
    color: #b2b2b2;
    font-weight: 400;
    letter-spacing: .02em;
    position: relative;
    top: 3px
}

.fullscreen:hover {
    width: 150px;
    overflow: visible
}

.fullscreen:hover h3 {
    display: inline-block
}

.tv-mode {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #222;
    z-index: 99999
}

.tv-mode .post {
    background: 0 0;
    width: 100%;
    height: 100%;
    margin: 0;
    display: table
}

.tv-mode .post .attribution-icon,
.tv-mode .post .audio-attribution {
    display: inline-block;
    vertical-align: middle
}

.tv-mode .post .audio-attribution {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: calc(100% - 22px);
    padding-left: 7px;
    overflow: hidden;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .029em;
    line-height: 16px;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    opacity: 0;
    filter: alpha(Opacity=0);
    -webkit-transition: opacity ease .3s;
    transition: opacity ease .3s
}

.tv-mode .post .audio-attribution .icon-music {
    display: none
}

.tv-mode .post .attribution {
    margin-top: 20px;
    width: 0
}

.tv-mode .post .attribution.attribution-visible .audio-attribution {
    opacity: 1;
    filter: alpha(Opacity=100)
}

.tv-mode .post .share-widgets {
    text-align: left
}

.tv-mode .post .video-container {
    display: table-cell
}

.tv-mode .post .video-container .vine-player {
    background-color: #000
}

.tv-mode .post .vine-metadata {
    width: auto;
    height: inherit;
    color: #fff;
    display: table-cell;
    vertical-align: middle
}

.tv-mode .post .vine-metadata .metadata-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    display: table
}

.tv-mode .post .vine-metadata .share-close {
    cursor: pointer;
    position: absolute;
    font-size: 26px;
    right: 10px;
    top: 10px;
    opacity: .25;
    filter: alpha(Opacity=25)
}

.tv-mode .post .vine-metadata .share-close:hover {
    opacity: .5;
    filter: alpha(Opacity=50)
}

.tv-mode .post .vine-metadata .post-info-container {
    display: block;
    vertical-align: top;
    padding: 25px;
    min-width: 260px
}

.tv-mode .post .vine-metadata .post-info-container h5,
.tv-mode .post .vine-metadata .post-info-container h5 a {
    color: #666
}

.tv-mode .post .vine-metadata .post-info-container h5 a:hover {
    color: #9b9b9b
}

.tv-mode .post .vine-metadata .post-info-container .post-byline {
    color: #666;
    padding-left: 0;
    margin-bottom: 15px
}

.tv-mode .post .vine-metadata .post-info-container .post-byline .icon-revined {
    margin-right: 5px;
    margin-left: 0
}

.tv-mode .post .vine-metadata .post-info-container .fullscreen-header {
    position: relative;
    border-bottom: 2px solid rgba(255, 255, 255, .25);
    margin-bottom: 20px
}

.tv-mode .post .vine-metadata .post-info-container .fullscreen-header .post-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 60px;
    position: relative
}

.tv-mode .post .vine-metadata .post-info-container .fullscreen-header .avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: block;
    margin-bottom: 5px
}

.tv-mode .post .vine-metadata .post-info-container .fullscreen-header .username {
    font-weight: 500
}

.tv-mode .post .vine-metadata .post-info-container .fullscreen-header .icon {
    display: inline-block;
    border-radius: 4px;
    width: 50px;
    height: 50px;
    margin-right: 5px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #00bf8f;
    vertical-align: middle;
    overflow: hidden
}

.tv-mode .post .vine-metadata .post-info-container .fullscreen-header .icon img {
    width: 50px;
    height: 50px
}

.tv-mode .post .vine-metadata .post-info-container .fullscreen-header .timeline-name {
    top: 25px;
    left: 25px;
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 40px;
    margin-top: 10px
}

.tv-mode .post .vine-metadata .post-info-container .fullscreen-header .timeline-name span {
    vertical-align: middle
}

.tv-mode .post .vine-metadata .post-info-container .fullscreen-header .post-position {
    position: absolute;
    bottom: 20px;
    right: 0;
    color: #b2b2b2;
    margin-top: 8px
}

.tv-mode .post .vine-metadata .post-info-container .fullscreen-header .share-widgets {
    position: absolute;
    bottom: 15px;
    left: 0
}

.tv-mode .post .vine-metadata .post-info-container .avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle
}

.tv-mode .post .vine-metadata .post-info-container .username {
    display: inline-block;
    vertical-align: middle
}

.tv-mode .post .vine-metadata .post-info-container .description {
    font-size: 28px;
    font-weight: 400;
    letter-spacing: .02em;
    line-height: normal;
    margin-bottom: 5px;
    margin-top: 10px;
    color: #b2b2b2
}

.tv-mode .post .vine-metadata .post-info-container .description a {
    color: #fff
}

.tv-mode .post .vine-metadata .logo {
    position: absolute;
    bottom: 25px;
    right: 25px;
    font-size: 27px;
    color: #fff
}

.tv-mode .post .vine-metadata .loop-count {
    display: inline
}

.tv-mode .post .vine-metadata .loop-control {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: .65;
    filter: alpha(Opacity=65);
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
    -webkit-transition: opacity 250ms ease;
    transition: opacity 250ms ease
}

.tv-mode .post .vine-metadata .loop-control:hover {
    opacity: 1;
    filter: alpha(Opacity=100)
}

.tv-mode .post .vine-metadata .loop-control .loop-control-text {
    display: inline;
    font-size: 14px;
    font-weight: 400;
    color: #b2b2b2;
    cursor: default
}

.tv-mode .post .vine-metadata .loop-control .autoplay-off,
.tv-mode .post .vine-metadata .loop-control .autoplay-on {
    font-size: 14px;
    padding: 10px;
    border-radius: 12px;
    margin-left: 10px
}

.tv-mode .post .vine-metadata .loop-control .autoplay-off {
    font-weight: 200;
    color: #fff;
    background-color: #b2b2b2
}

.tv-mode .post .vine-metadata .loop-control .autoplay-on {
    font-weight: 500;
    color: #00bf8f
}

.tv-mode .post .vine-metadata .loop-control .autoplay-on:hover {
    color: #fff
}

.tv-mode .post .vine-metadata .fullscreen-actions {
    position: absolute;
    bottom: 25px;
    left: 25px;
    height: 25px
}

.tv-mode .post .vine-metadata .fullscreen-actions .action {
    display: inline-block;
    margin-right: 17px;
    vertical-align: middle;
    font-size: 25px;
    color: #fff
}

.tv-mode .post .vine-metadata .fullscreen-actions .action:last-child {
    margin-right: 0
}

.tv-mode .post .vine-metadata .fullscreen-actions .action.like {
    cursor: pointer;
    opacity: .5;
    filter: alpha(Opacity=50)
}

.tv-mode .post .vine-metadata .fullscreen-actions .action.like.active,
.tv-mode .post .vine-metadata .fullscreen-actions .action.like:hover {
    opacity: 1;
    filter: alpha(Opacity=100)
}

.tv-mode .post .vine-metadata .fullscreen-actions .action.nav-action {
    font-size: 23px;
    cursor: pointer;
    opacity: .5;
    filter: alpha(Opacity=50)
}

.tv-mode .post .vine-metadata .fullscreen-actions .action.nav-action:hover {
    opacity: 1;
    filter: alpha(Opacity=100)
}

.tv-mode .post .vine-metadata .fullscreen-actions .action.nav-action.disabled {
    cursor: default;
    opacity: .1;
    filter: alpha(Opacity=10)
}

.tv-mode .post .vine-metadata .fullscreen-actions .action.nav-action.disabled:hover {
    opacity: .1;
    filter: alpha(Opacity=10)
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(34, 34, 34, .85);
    z-index: 10000;
    display: table;
    -webkit-animation: fade-modal .25s
}

.modal .container.vertically-center {
    display: table-cell;
    vertical-align: middle
}

.content-modal {
    position: relative;
    z-index: 10000;
    margin: 60px auto;
    overflow: hidden;
    width: 61%;
    -webkit-animation: slide-modal .25s;
    animation: slide-modal .25s;
    background: #fff;
    border-radius: 15px
}

.content-modal .header {
    padding: 40px;
    color: #fff;
    font-size: 50px;
    text-align: center;
    background-color: RGBA(0, 192, 147, 1)
}

.content-modal .close {
    float: right;
    margin: -20px -20px 0 0;
    font-size: 26px;
    line-height: 21px;
    width: 26px;
    height: 26px;
    border-radius: 29px;
    box-shadow: 0 0 0 3px #fff;
    cursor: pointer;
    opacity: .5;
    filter: alpha(Opacity=50)
}

.content-modal .close:hover {
    opacity: 1;
    filter: alpha(Opacity=100)
}

.content-modal .content {
    padding: 38px;
    color: #9b9b9b;
    font-weight: 300;
    line-height: 22px
}

.content-modal .footer {
    padding: 25px 40px;
    background: #f6f5f6
}

.content-modal .footer h5 {
    font-size: 22px
}

@-webkit-keyframes slide-modal {
    0% {
        margin-top: -1200px;
        opacity: 0;
        filter: alpha(Opacity=0)
    }

    100% {
        opacity: 1;
        filter: alpha(Opacity=100)
    }
}

@-webkit-keyframes slide-modal {
    0% {
        margin-top: -1200px;
        opacity: 0;
        filter: alpha(Opacity=0)
    }

    100% {
        opacity: 1;
        filter: alpha(Opacity=100)
    }
}

@keyframes slide-modal {
    0% {
        margin-top: -1200px;
        opacity: 0;
        filter: alpha(Opacity=0)
    }

    100% {
        opacity: 1;
        filter: alpha(Opacity=100)
    }
}

.embed-modal {
    min-width: 676px;
    max-width: 676px
}

.embed-modal textarea {
    margin-top: 15px;
    width: 100%;
    color: #333;
    border: 1px solid #ccc
}

.embed-modal .embed-settings {
    overflow: hidden;
    margin-bottom: 25px;
    line-height: 18px
}

.embed-modal .embed-setting {
    width: 33%;
    float: left
}

.embed-modal .embed-setting button {
    padding: 7px 10px 6px;
    font-size: 14px
}

.embed-modal .embed-setting label {
    display: block;
    margin-bottom: 10px;
    font-weight: 400
}

.embed-modal .embed-setting .switch {
    margin-top: 0
}

.embed-modal .embed-preview {
    overflow: scroll
}

.embed-modal iframe {
    display: block;
    margin: 0 auto
}

@media screen and (max-width:750px) {
    .embed-modal {
        width: 100%;
        margin: 0;
        min-width: 0;
        border-radius: 0
    }

    .embed-modal .content {
        padding: 10px
    }

    .embed-modal .embed-settings,
    .embed-modal .footer {
        padding: 20px;
        margin-bottom: 0
    }

    .embed-modal button {
        margin-bottom: 5px
    }
}

.modal.flash-error .card {
    width: 350px;
    margin: auto;
    padding: 30px;
    border-radius: 8px;
    text-align: center
}

.modal.flash-error .header {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 22px;
    color: #b2b2b2;
    margin: 20px 0
}

.modal.flash-error .content {
    line-height: 1.5em
}

.modal.flash-error .content a {
    outline: 0
}

.modal.flash-error .content button {
    margin-top: 20px
}

.modal.flash-error .icon-vine_logo {
    margin-bottom: 10px;
    font-size: 44px;
    color: #00bf8f
}

.job-modal iframe {
    height: 2500px;
    width: 80%;
    border: none
}

.job-modal .apply-button {
    display: inline-block;
    clear: both;
    margin-bottom: 10px
}

.job-modal ul.position-list li {
    width: 280px
}

.job-modal ul.position-list li a:hover {
    text-decoration: underline
}

.job-modal .job-sharing {
    float: right;
    margin-left: 30px;
    color: #ccc;
    font-size: 15px
}

.job-modal .job-sharing ul {
    padding-top: 10px;
    margin-left: 10px;
    width: 56px
}

.job-modal .job-sharing .twitter:hover {
    background-position: 242px -86px
}

.job-modal .job-sharing .facebook {
    margin-left: 6px
}

.job-modal .job-sharing .facebook:hover {
    background-position: -433px -86px
}

.job-modal .job-sharing .linked-in:hover {
    background-position: -342px -86px
}

.job-modal .job-sharing .email:hover {
    background-position: -619px -86px
}

@media screen and (max-width:1000px) {
    .job-modal {
        width: 80%
    }
}

@media screen and (max-width:800px) {
    .job-modal {
        width: 100%;
        margin: 0;
        border-radius: 0
    }
}

.modal.login {
    z-index: 100000
}

.modal.login .card {
    position: relative;
    width: 360px;
    border-radius: 8px;
    margin: auto;
    padding: 30px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 22px;
    color: #9b9b9b;
    text-align: center;
    background-color: #fff
}

.modal.login .card .login-page {
    position: static
}

.modal.login .card .login-page input {
    background-color: #e4e4e4
}

.modal.login .icon-vine_logo {
    margin-bottom: 10px;
    font-size: 44px;
    color: #00bf8f
}

.modal.login .login-container .signup {
    display: none
}

.modal.login .signup {
    margin-top: 35px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .029em;
    line-height: 16px;
    color: #fff;
    text-align: center
}

.modal.login .signup .download-buttons {
    margin-top: 10px
}

.modal.post-navigator {
    display: block
}

.modal.post-navigator .modal-post-context {
    width: 540px;
    margin: -280px auto auto -270px;
    position: absolute;
    top: 50%;
    left: 50%
}

.modal.post-navigator .modal-post-context .module-title {
    color: #fff;
    font-weight: 500;
    display: inline-block;
    vertical-align: middle
}

.modal.post-navigator .modal-post-context .module-icon {
    color: #00bf8f;
    font-size: 24px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle
}

.modal.post-navigator .modal-post-context .post-position {
    float: right;
    vertical-align: middle;
    line-height: 24px;
    margin-right: 15px;
    color: #b2b2b2;
    opacity: .4;
    filter: alpha(Opacity=40)
}

.modal.post-navigator .modal-post-context .post-position:hover {
    opacity: 1;
    filter: alpha(Opacity=100)
}

.modal.post-navigator .modal-post-context .icon-popular_now:before {
    color: #f4b453
}

.modal.post-navigator .modal-post-context .icon-popular_now.icon-top_posts:before {
    color: #00bf8f
}

.modal.post-navigator .permalink-post-wrapper {
    background-color: transparent;
    padding: 40px 0 0
}

.modal.post-navigator .permalink-content-wrapper {
    padding: 0
}

.modal.post-navigator .post.permalink {
    border-radius: 4px
}

.modal.post-navigator .post.permalink .post-engagement .more-actions .menu .permalink {
    display: block
}

.modal.post-navigator .post.permalink .vine-metadata .post-info-container .created {
    display: none
}

.modal.post-navigator .post.permalink .vine-metadata .post-info-container .permalink-timestamp {
    display: inline-block !important
}

.modal.post-navigator>.action {
    cursor: pointer;
    font-size: 24px;
    color: #fff;
    opacity: .4;
    filter: alpha(Opacity=40);
    height: 540px;
    width: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -252px;
    z-index: 2
}

.modal.post-navigator>.action>div {
    position: absolute;
    top: 50%;
    margin-top: -12px
}

.modal.post-navigator>.action:hover {
    opacity: 1;
    filter: alpha(Opacity=100)
}

.modal.post-navigator>.action.left {
    padding-right: 20px;
    margin-left: -492px
}

.modal.post-navigator>.action.left>div {
    right: 20px
}

.modal.post-navigator>.action.right {
    padding-left: 20px;
    margin-left: 433px
}

.modal.post-navigator .made-with-vine {
    display: none
}

.modal.report {
    text-align: center;
    z-index: 100000
}

.modal.report .icon-close_x {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    font-size: 20px;
    opacity: .5;
    filter: alpha(Opacity=50)
}

.modal.report .icon-close_x:hover {
    opacity: 1;
    filter: alpha(Opacity=100)
}

.modal.report .card {
    display: inline-block;
    width: 350px;
    padding: 30px;
    border-radius: 8px
}

.modal.report .header {
    padding-bottom: 20px;
    border-bottom: 2px solid #f6f5f6;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 22px
}

.modal.report .header .error {
    margin-top: 5px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .029em;
    line-height: 16px;
    color: #f64e5d
}

.modal.report .content {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: .015em;
    line-height: 24px;
    text-align: left
}

.modal.report .content .confirmation {
    text-align: center
}

.modal.report .content .icon-check_mark {
    margin: 40px 0;
    font-size: 60px;
    opacity: .2;
    filter: alpha(Opacity=20)
}

.modal.report .content .block,
.modal.report .content .report {
    padding: 10px;
    border-bottom: 2px solid #f6f5f6
}

.modal.report .content .block input:checked+span,
.modal.report .content .report input:checked+span {
    font-weight: 500
}

.modal.report .content .row {
    padding-left: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.modal.report .content .row>* {
    vertical-align: middle
}

.modal.report .content .block input:checked+span {
    color: #f64e5d
}

.modal.report .content .report input:checked+span {
    color: #00bf8f
}

.modal.report .content .prompt {
    font-style: oblique;
    padding: 10px;
    background: #f6f5f6
}

.modal.report .content .reasons {
    margin-top: 10px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .029em;
    line-height: 16px
}

.modal.report .content .reasons .row {
    margin-bottom: 5px
}

.modal.report .content input {
    margin-right: 5px
}

.modal.report .content .submit {
    margin-top: 15px;
    text-align: right
}

.modal.report .content .submit button {
    background: #f64e5d
}

.modal.report .content .submit button[disabled] {
    background: #f6f5f6;
    color: #b2b2b2
}

.modal.report .icon-vine_logo {
    margin-bottom: 10px;
    font-size: 44px;
    color: #00bf8f
}

.vm-modal {
    position: relative;
    margin: 100px auto;
    text-align: center;
    z-index: 10001
}

.vm-modal .icon-close_x {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    font-size: 20px;
    opacity: .5;
    filter: alpha(Opacity=50)
}

.vm-modal .icon-close_x:hover {
    opacity: 1;
    filter: alpha(Opacity=100)
}

.vm-modal .card>.title {
    margin-bottom: 15px;
    padding-bottom: 12px;
    border-bottom: 2px solid #f6f5f6;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 22px
}

.vm-modal .card>.title .error {
    margin-top: 5px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .029em;
    line-height: 16px;
    color: #f64e5d
}

.vm-modal .content,
.vm-modal .post-preview {
    display: inline-block;
    vertical-align: top;
    text-align: left
}

.vm-modal .post-thumbnail {
    width: 300px;
    height: 300px;
    background-size: cover;
    border-radius: 4px;
    margin: 5px 0 10px
}

.vm-modal .post-preview .user-info-new .username {
    font-size: 14px
}

.vm-modal .post-preview .description {
    width: 300px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .029em;
    line-height: 16px
}

.vm-modal .confirmation {
    padding-top: 120px;
    color: #b2b2b2;
    text-align: center
}

.vm-modal .confirmation .icon-smiley {
    font-size: 60px;
    opacity: .4;
    filter: alpha(Opacity=40)
}

.vm-modal .confirmation .title {
    margin-top: 15px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 22px
}

.vm-modal .content {
    width: 250px;
    margin-left: 20px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .029em;
    line-height: 16px
}

.vm-modal .content .recipients,
.vm-modal .content .recipients-label {
    display: inline-block;
    vertical-align: top
}

.vm-modal .content .recipients-label {
    padding-top: 2px
}

.vm-modal .content .recipients {
    width: calc(100% - 22px)
}

.vm-modal .content .recipient {
    display: inline-block;
    margin: 0 4px 4px 0;
    padding: 2px 8px;
    border-radius: 10px
}

.vm-modal .content .recipient,
.vm-modal .content .recipient a {
    color: #fff
}

.vm-modal .content .row {
    position: relative;
    padding: 3px 0 0 3px;
    border-bottom: 1px solid #f6f5f6;
    cursor: pointer
}

.vm-modal .content .row .user-info-new {
    color: inherit
}

.vm-modal .content .row .user-info-new .username {
    width: 190px
}

.vm-modal .content .row:hover {
    background-color: #f6f5f6
}

.vm-modal .content .row:hover .checkbox:not(.selected) {
    color: #e4e4e4;
    line-height: 20px
}

.vm-modal .content .row .checkbox {
    position: absolute;
    right: 3px;
    top: 3px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #e4e4e4;
    background-color: #fff;
    color: #fff;
    font-size: 9px;
    line-height: 21px;
    text-align: center
}

.vm-modal .content .row .checkbox.selected {
    border: none
}

.vm-modal .content .category {
    background-color: #f6f5f6;
    padding: 4px;
    margin: 4px 0;
    font-size: 12px;
    letter-spacing: .029em;
    line-height: 16px;
    color: #b2b2b2;
    font-weight: 500;
    text-align: center
}

.vm-modal .card {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 30px;
    border-radius: 8px
}

.vm-modal #vm-compose {
    position: relative;
    padding: 14px 0 10px;
    border-bottom: 1px solid #f6f5f6;
    overflow: hidden
}

.vm-modal #vm-compose input {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    background-color: #f6f5f6;
    padding: 8px 30px 8px 25px
}

.vm-modal #vm-compose .icon-search {
    position: absolute;
    top: 26px;
    left: 8px;
    color: #b2b2b2;
    font-size: 9px
}

.vm-modal #vm-compose .close {
    position: absolute;
    top: 22px;
    right: 8px;
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    color: #fff;
    font-size: 11px;
    font-style: normal;
    line-height: 14px;
    text-align: center;
    background-color: #b2b2b2;
    cursor: pointer;
    opacity: .5;
    filter: alpha(Opacity=50)
}

.vm-modal #vm-compose .close:hover {
    opacity: 1;
    filter: alpha(Opacity=100)
}

.vm-modal .vm-recipients {
    height: 260px;
    border-bottom: 1px solid #f6f5f6;
    overflow: scroll
}

.vm-modal .vm-recipients .loading {
    display: block;
    margin: 2px auto;
    opacity: .2;
    filter: alpha(Opacity=20)
}

.vm-modal button {
    float: right;
    margin-top: 10px
}

.vm-modal button[disabled] {
    background: #f6f5f6;
    color: #b2b2b2
}

@media screen and (max-width:750px) {
    .vm-modal {
        width: 100%;
        height: auto;
        min-height: 100%;
        margin: 0;
        border-radius: 0
    }

    .vm-modal .post-preview {
        display: none
    }

    .vm-modal .card {
        max-width: 100%
    }

    .vm-modal .content {
        margin-left: 0
    }
}

@media screen and (max-width:310px) {
    .vm-modal .content {
        width: auto
    }
}

@-webkit-keyframes fade-modal {
    0% {
        opacity: 0;
        filter: alpha(Opacity=0)
    }

    100% {
        opacity: 1;
        filter: alpha(Opacity=100)
    }
}

@keyframes fade-modal {
    0% {
        opacity: 0;
        filter: alpha(Opacity=0)
    }

    100% {
        opacity: 1;
        filter: alpha(Opacity=100)
    }
}

.post.permalink-post-wrapper.fauxlink {
    position: inherit;
    overflow: auto
}

.post.permalink-post-wrapper.fauxlink .permalink-content-wrapper {
    padding: 0
}

.post.permalink-post-wrapper.fauxlink .permalink-container {
    padding: 0 0 50px
}

.post.permalink-post-wrapper.fauxlink .post-description {
    font-size: 20px;
    font-weight: 300;
    letter-spacing: .015em;
    line-height: 28px
}

.post.permalink-post-wrapper.fauxlink .post-info-container {
    vertical-align: baseline
}

.post.permalink-post-wrapper.fauxlink .card-content,
.post.permalink-post-wrapper.fauxlink .card-table {
    margin-top: 0
}

.post.permalink-post-wrapper.fauxlink .card-content {
    padding: 0;
    height: 540px;
    width: 324px
}

.post.permalink-post-wrapper.fauxlink .card-table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px;
    width: 284px;
    height: 100%
}

.post.permalink-post-wrapper.fauxlink .info-row {
    display: table-row
}

.post.permalink-post-wrapper.fauxlink .comments-container {
    overflow-y: auto
}

.post.permalink-post-wrapper.fauxlink form.comment {
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 284px
}

.post-byline {
    margin: 0 0 8px 8px;
    padding-left: 20px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .029em;
    line-height: 16px
}

.post-byline,
.post-byline a {
    color: #9b9b9b
}

.post-byline a:hover {
    color: #464646
}

.post-byline .byline-text {
    display: inline-block;
    vertical-align: -2px
}

.post-byline .icon-revined {
    margin-right: 5px;
    vertical-align: middle
}

.post-byline img.byline-icon {
    width: 12px;
    padding-right: 4px;
    vertical-align: -3px
}

.post {
    width: 865px;
    margin: 0 auto 40px
}

.card {
    position: relative;
    background-color: #fff;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.card-header {
    padding: 13px 10px
}

.card-header .username {
    max-width: 450px
}

.post-description {
    padding-bottom: 10px;
    word-break: break-word
}

.post-description .similar-vines a {
    color: #9b9b9b
}

.similar-vines {
    margin: 7px 0 8px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .029em;
    line-height: 16px
}

.similar-vines span {
    vertical-align: middle
}

.similar-vines .icon-carrow {
    margin-left: 5px
}

.attribution-overlay {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 175px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .029em;
    line-height: 16px;
    background: -webkit-linear-gradient(top, rgba(34, 34, 34, 0) 0, #222 100%);
    background: linear-gradient(to bottom, rgba(34, 34, 34, 0) 0, #222 100%);
    opacity: 0;
    filter: alpha(Opacity=0);
    z-index: 3;
    -webkit-transition: opacity ease .3s;
    transition: opacity ease .3s
}

.attribution-overlay.visible {
    opacity: 1;
    filter: alpha(Opacity=100)
}

.attribution-overlay.visible .audio-attribution {
    -webkit-animation-name: fade-in-shift;
    animation-name: fade-in-shift;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    padding-bottom: 20px;
    opacity: 1;
    filter: alpha(Opacity=100)
}

.attribution-overlay .audio-attribution {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 20px 20px 15px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    opacity: 0;
    filter: alpha(Opacity=0)
}

.attribution-overlay .audio-attribution .icon-music {
    margin-right: 7px;
    font-size: 8px;
    font-weight: 700
}

.attribution-overlay .audio-attribution .attribution-text {
    opacity: .75;
    filter: alpha(Opacity=75)
}

.attribution-overlay .audio-attribution a {
    color: #fff
}

.grid-container .post-social-metrics {
    position: absolute;
    left: 15px;
    bottom: 10px;
    right: 15px
}

.post-social-metrics {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .029em;
    line-height: 16px
}

.post-social-metrics span {
    text-align: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.post-social-metrics span:first-child {
    text-align: left
}

.post-social-metrics span:last-child {
    text-align: right
}

.post-social-metrics,
.post-social-metrics a {
    color: #b2b2b2
}

.post-social-metrics a:hover {
    color: #00bf8f
}

.more-actions {
    position: absolute;
    top: 5px;
    right: -13px;
    z-index: 4;
    color: #b2b2b2;
    cursor: pointer
}

.more-actions .icon {
    font-size: 21px;
    width: 12px;
    height: 20px;
    padding: 20px
}

.more-actions .icon:hover {
    color: #00bf8f
}

.more-actions .menu {
    position: absolute;
    left: -40px;
    top: 50px
}

.more-actions .menu.private-menu {
    top: -95px
}

.more-actions .menu.private-menu .embed,
.more-actions .menu.private-menu .permalink {
    display: none
}

.more-actions li {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 17px
}

.more-actions li a {
    color: #fff
}

.more-actions li a:hover {
    color: #00bf8f
}

.post-engagement {
    position: relative;
    margin: 17px 0;
    padding-left: 5px;
    vertical-align: middle
}

.post-engagement .action {
    position: relative;
    height: 22px;
    margin-bottom: 6px
}

.comments-container {
    clear: both;
    padding: 15px 0 0;
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .029em;
    line-height: 16px;
    list-style-type: none;
    overflow: hidden
}

.comments-container li {
    display: table;
    margin-bottom: 8px;
    color: #464646
}

.comments-container li .avatar {
    display: table-cell;
    margin-right: 7px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    vertical-align: -4px
}

.comments-container li .comment-text {
    display: table-cell;
    padding-top: 5px;
    vertical-align: top
}

.comments-container li:first-of-type {
    margin-top: 15px
}

.comments-pagination {
    color: #b2b2b2 !important;
    cursor: pointer
}

.comments-pagination:not(.disabled) :hover {
    color: #464646 !important
}

.comments-pagination.disabled {
    cursor: default
}

.comment.has-comments {
    margin-top: 15px
}

.comment input {
    width: 809px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .029em;
    line-height: 16px;
    background-color: #f6f5f6
}

.post .share-overlay p {
    margin-left: 10px;
    color: #fff;
    font-size: 14px
}

button.play {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60px;
    height: 60px;
    border-radius: 64px;
    box-shadow: 0 0 0 4px #fff;
    margin-top: -30px;
    margin-left: -30px;
    background-color: rgba(0, 0, 0, .5);
    background-image: url(images/post/chunky_play_btn.svg);
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 5
}

button.play:hover {
    background-color: rgba(0, 0, 0, .75)
}

.mobile .post-engagement {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 13px 10px;
    margin: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.mobile .caption {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .029em;
    line-height: 16px;
    color: #b2b2b2
}

.mobile .post-description {
    padding: 13px 10px
}

.mobile .post {
    margin-left: auto;
    margin-right: auto
}

.mobile .post .share-row p {
    display: none
}

.mobile .video-container {
    margin: 0;
    position: relative
}

.mobile .video-container .vine-player {
    display: none
}

.mobile .video-container .thumbnail {
    z-index: 4;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.mobile .attribution-overlay {
    z-index: 5
}

.mobile .post,
.mobile .posts-container,
.mobile .video-container {
    width: 100%;
    max-width: 865px
}

.mobile .user-info-new.user-info-size-38 {
    font-size: 13px
}

.mobile .user-info-new.user-info-size-38 .post-metadata {
    margin-top: 0;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: .029em;
    line-height: 14px
}

.mobile video {
    -webkit-transform-style: preserve-3d;
    width: 100%;
    height: 100%;
    max-width: 540px
}

.mobile .loop-count {
    float: right;
    margin-top: 5px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 0;
    text-align: right
}

.mobile .loop-count .loops-label {
    font-size: 11px
}

.mobile .loop-count .counter {
    margin-top: -1px
}

.mobile .loops-label {
    display: block;
    color: #b2b2b2;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .029em;
    line-height: 16px
}

.mobile .loops-extra {
    line-height: normal
}

.mobile .more-actions {
    top: 0
}

.mobile .more-actions .menu {
    left: -132px
}

.mobile .more-actions li {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 17px;
    margin-bottom: 4px
}

.mobile .comment input {
    width: calc(100% - 20px);
    padding: 8px 10px
}

@-webkit-keyframes fade-in-shift {
    0% {
        opacity: 0;
        filter: alpha(Opacity=0);
        padding-bottom: 15px
    }

    100% {
        opacity: 1;
        filter: alpha(Opacity=100);
        padding-bottom: 20px
    }
}

@keyframes fade-in-shift {
    0% {
        opacity: 0;
        filter: alpha(Opacity=0);
        padding-bottom: 15px
    }

    100% {
        opacity: 1;
        filter: alpha(Opacity=100);
        padding-bottom: 20px
    }
}

#outer-wrapper.permalink-post-embed:not(.mobile),
#outer-wrapper.permalink-post-index:not(.mobile),
#outer-wrapper.vm-post:not(.mobile) {
    padding-top: 0;
    height: 100%;
    min-height: 700px
}

.permalink-post-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    display: table;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background-color: #f6f5f6
}

.permalink-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 60px 0 40px
}

.post.permalink-post-wrapper {
    margin-bottom: 0
}

.post.permalink-post-wrapper .attribution-icon,
.post.permalink-post-wrapper .audio-attribution {
    display: inline-block;
    vertical-align: middle
}

.post.permalink-post-wrapper .attribution-icon {
    float: none;
    margin: 0
}

.post.permalink-post-wrapper .audio-attribution {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: -85px;
    padding-left: 7px;
    overflow: hidden;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .029em;
    line-height: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    opacity: 0;
    filter: alpha(Opacity=0);
    -webkit-transition: opacity ease .3s;
    transition: opacity ease .3s
}

.post.permalink-post-wrapper .audio-attribution .icon-music {
    display: none
}

.post.permalink-post-wrapper .attribution {
    margin-top: 10px
}

.post.permalink-post-wrapper .attribution.attribution-visible .audio-attribution {
    opacity: 1;
    filter: alpha(Opacity=100)
}

.post.permalink-post-wrapper .card {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    height: 540px;
    width: 540px;
    margin: 0 auto
}

.post.permalink-post-wrapper .post-description {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: .015em;
    line-height: 24px
}

.post.permalink-post-wrapper .follow-button {
    position: absolute;
    right: 30px;
    top: 20px
}

.post.permalink-post-wrapper .video-container {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: 540px;
    width: 540px
}

.post.permalink-post-wrapper .card-content {
    margin-top: 0;
    padding: 20px 20px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.post.permalink-post-wrapper .post-info-container {
    display: table-cell;
    vertical-align: middle
}

.post.permalink-post-wrapper .comment {
    padding-top: 20px
}

.post.permalink-post-wrapper .comment input {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.post.permalink-post-wrapper .comments-container {
    padding: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    height: 0;
    -webkit-transition: height .5s;
    transition: height .5s
}

.post.permalink-post-wrapper .comments-container .comment-count,
.post.permalink-post-wrapper .comments-container .comments-pagination.disabled,
.post.permalink-post-wrapper .comments-container .dot {
    display: none
}

.post.permalink-post-wrapper .post-engagement {
    padding-left: 0
}

.post.permalink-post-wrapper .post-social-metrics {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.post.permalink-post-wrapper .post-social-metrics span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.post.permalink-post-wrapper .post-social-metrics span:nth-child(2) {
    text-align: center
}

.post.permalink-post-wrapper .post-social-metrics span:last-child {
    text-align: right
}

.made-with-vine {
    margin: 20px;
    color: #b2b2b2;
    text-align: center
}

.made-with-vine h3 {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 22px;
    vertical-align: middle
}

.made-with-vine img {
    position: relative;
    top: -3px;
    left: 2px;
    vertical-align: middle
}

.made-with-vine button {
    margin-left: 14px
}

.mobile-interstitial {
    position: absolute;
    display: table;
    height: 100%;
    width: 101%
}

.mobile-interstitial .mobile-interstitial-inner {
    position: relative;
    z-index: 5;
    left: -1px;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    color: #fff;
    text-align: center;
    background: RGBA(0, 0, 0, .8)
}

.mobile-interstitial .mobile-interstitial-inner .play {
    position: inherit;
    margin: 0 0 25px;
    top: 0;
    left: 0
}

.mobile-interstitial .cancel {
    margin-top: 15px;
    color: #fff;
    background-color: transparent;
    font-size: 13px;
    font-weight: 400;
    text-decoration: underline
}

.mobile-interstitial .open-in-app {
    display: block;
    margin-top: 15px;
    color: #fff;
    font-size: 13px;
    text-decoration: underline
}

.mobile-interstitial .overlay-download-vine {
    display: block;
    padding: 10px;
    margin: 0 auto;
    overflow: hidden;
    width: 160px;
    color: #333;
    font-size: 14px;
    border-radius: 4px;
    background: #fff
}

.mobile-interstitial .overlay-download-vine span {
    display: inline-block;
    padding-top: 9px
}

.mobile-interstitial .vine-app-icon {
    float: left;
    padding: 7px 9px;
    color: #fff;
    font-size: 19px;
    background: #00bf8f;
    border-radius: 4px
}

.deleted-outer-container {
    padding-top: 120px
}

.deleted-inner-container {
    text-align: center
}

.deleted-text {
    display: block;
    font-size: 32px;
    font-weight: 300;
    margin: 40px 0
}

.check_mark-container {
    display: table;
    height: 160px;
    width: 160px;
    margin: auto;
    background-color: #d3d3d3;
    border-radius: 50%
}

.check_mark-container .icon-check_mark {
    display: table-cell;
    font-size: 80px;
    text-align: center;
    vertical-align: middle;
    color: #fff
}

@media screen and (min-width:900px) and (orientation:landscape) {
    .mobile .post.is-permalink {
        margin-top: 50px;
        margin-bottom: 80px
    }

    .mobile .post.is-permalink,
    .mobile .post.is-permalink .card {
        max-width: 540px;
        width: 540px
    }

    .mobile .post.is-permalink .card {
        overflow: hidden
    }

    .mobile .post.is-permalink .video-container {
        float: left;
        margin-top: -70px
    }

    .mobile .post.is-permalink .card-content,
    .mobile .post.is-permalink .card-header {
        width: -41px;
        float: right;
        margin-right: 10px
    }

    .mobile .post.is-permalink .comments input {
        width: -61px
    }

    .mobile .post.is-permalink .post-description {
        margin-bottom: 30px
    }

    .mobile .post.is-permalink .comments-container {
        max-height: 150px;
        overflow: scroll
    }

    .mobile .post.is-permalink .card-content {
        position: absolute;
        bottom: 0;
        right: 0
    }
}

.post.grid {
    position: relative;
    width: 300px;
    border-radius: 0 0 4px 4px;
    margin-right: 30px;
    color: #9b9b9b
}

.post.grid .mouseover-video {
    position: relative;
    height: 469px;
    overflow: hidden;
    background-color: #fff;
    cursor: pointer
}

.post.grid .mouseover-video .clickToEnlargeText {
    position: absolute;
    right: 15px;
    top: -18px;
    z-index: 4;
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    opacity: .65;
    filter: alpha(Opacity=65);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: top 150ms ease;
    transition: top 150ms ease;
    -webkit-transition-delay: 250ms;
    transition-delay: 250ms
}

.post.grid .mouseover-video .clickToEnlargeText.slideIn {
    top: 9px
}

.post.grid .info {
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.post.grid .mouseover-video .video-container {
    width: 300px;
    height: 300px
}

.post.grid .description {
    margin-top: 15px;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 57px;
    overflow: hidden
}

.post.grid .post-actions {
    position: absolute;
    bottom: 15px;
    left: 15px
}

.post.grid .author,
.posts-container.grid .author {
    font-size: 12px
}

.post.grid .author .user-info-new,
.posts-container.grid .author .user-info-new {
    margin-left: 4px;
    margin-top: 5px;
    margin-bottom: -10px !important
}

.posts-container.grid {
    width: 960px
}

.posts-container.grid .post.grid:nth-of-type(3n) {
    margin-right: 0
}

.mobile .post.grid .mouseover-video {
    height: auto;
    padding-bottom: 35px
}

@media screen and (max-width:1200px) {
    .posts-container.grid {
        width: 630px
    }

    .posts-container.grid .post.grid:nth-of-type(3n) {
        margin-right: 30px
    }

    .posts-container.grid .post.grid:nth-of-type(2n) {
        margin-right: 0
    }
}

.grid-title {
    margin: 10px 0 25px;
    text-align: center
}

.grid-title .grid-title-icon {
    display: inline-block;
    height: 36px;
    margin-bottom: 10px;
    width: 36px;
    font-size: 36px;
    color: #00bf8f
}

.posts-container.grid {
    margin: 0 auto
}

.posts-container.grid .post {
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
    width: 300px;
    background: #fff
}

.posts-container.grid .post .video-container {
    margin: 0;
    width: 300px;
    height: 300px
}

.posts-container.grid .mouseover-video {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.posts-container.grid .info {
    padding: 15px
}

.mobile .grid-title {
    margin-top: 40px
}

.mobile .posts-container.grid {
    width: 100%;
    left: 0
}

.mobile .posts-container.grid .pagination-container {
    width: 100%
}

.mobile .posts-container.grid .post {
    margin-bottom: 30px
}

.mobile .posts-container.grid .post,
.mobile .posts-container.grid .post .video-container {
    width: 100%;
    margin-right: 0
}

.mobile .posts-container.grid .share-count {
    display: none
}

.mobile .posts-container.grid .post-actions .icon-twitter {
    color: #01aced
}

.mobile .posts-container.grid .post-actions .icon-facebook {
    color: #425f9f
}

.splash {
    height: 100%
}

.splash .subtitle a {
    color: #00bf8f;
    background-color: #fff;
    font-weight: 400;
    padding-left: 2px;
    padding-right: 2px
}

.splash .subtitle a:hover {
    background-color: #5082e5;
    color: #fff
}

.splash #splash-container,
.splash #video-overlay,
.splash .video-container,
.splash .video-poster {
    height: 100%;
    z-index: 100
}

.splash .video-container {
    overflow: hidden;
    background-color: #000;
    background-size: cover
}

.splash .splash-attribution {
    position: absolute;
    bottom: 20px;
    right: 20px;
    color: #fff;
    font-size: 13px;
    opacity: .4;
    filter: alpha(Opacity=40);
    z-index: 100
}

.splash .splash-attribution:hover {
    opacity: 1;
    filter: alpha(Opacity=100)
}

.splash .splash-attribution a {
    color: #fff
}

.splash #video-overlay {
    background: rgba(34, 34, 34, .38)
}

#splash-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #00bf8f
}

#splash-container .splash-content {
    text-align: center;
    width: 1002px
}

.sidebar.user h5 {
    color: #b2b2b2
}

.sidebar.user .icon {
    width: 94px;
    height: 94px;
    border-radius: 50%;
    margin-bottom: 15px;
    cursor: pointer;
    background-size: cover;
    background-color: transparent
}

.sidebar.user h2 {
    display: inline-block;
    margin-bottom: 10px;
    word-wrap: break-word
}

.sidebar.user .verified {
    display: inline-block;
    color: #00bf8f;
    font-size: 21px
}

.sidebar.user .description {
    margin-bottom: 20px;
    word-wrap: break-word;
    color: #464646;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .029em;
    line-height: 16px
}

.grid .sidebar.user button.follow-requested,
.grid .sidebar.user button.following {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .3)
}

.user-timeline {
    display: inline-block
}

.user-timeline .sub-nav {
    width: 865px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 3px solid #f6f5f6;
    text-align: center
}

.user-timeline .sub-nav .tab {
    display: inline-block;
    margin: 0 15px;
    position: relative
}

.user-timeline .sub-nav .tab a {
    color: #b2b2b2
}

.user-timeline .sub-nav .tab .notch {
    width: 28px;
    height: 14px;
    background-color: #fff;
    background-image: url(images/user/tab_notch.svg);
    background-size: 28px 14px;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -23px;
    left: 50%;
    margin-left: -14px;
    display: none
}

.user-timeline .sub-nav .tab.active .notch {
    display: block
}

.mobile .follow-button-large,
.mobile button.settings {
    width: 93%;
    margin: -3px 0 17px
}

.mobile .follow-metrics {
    padding: 0 20px
}

.mobile .follow-metrics .metric-count,
.mobile .follow-metrics .metric-name {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .029em;
    line-height: 16px
}

.mobile .follow-metrics .metric-name {
    font-weight: 200
}

.mobile .follow-metrics>div.followers,
.mobile .follow-metrics>div.loops {
    border-right: 1px solid #fff
}

.mobile .user-wrapper {
    width: 100%
}

.mobile .sidebar.user {
    display: block;
    width: 100%;
    padding: 0;
    height: auto;
    margin: 0;
    text-align: center
}

.mobile .sidebar.user h5 {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .029em;
    line-height: 16px
}

.mobile .sidebar.user .settings {
    background-color: #fff
}

.mobile .sidebar.user .avatar {
    width: 74px;
    height: 74px;
    border-radius: 50%;
    border: 3px solid #fff;
    margin: 0
}

.mobile .sidebar.user .username {
    font-size: 26px;
    font-weight: 500;
    letter-spacing: .003em;
    line-height: 32px;
    margin: 7px 0
}

.mobile .sidebar.user .username .verified {
    color: #fff;
    width: 16px;
    height: 16px
}

.mobile .user-timeline {
    display: block
}

.mobile .blocked,
.mobile .private {
    top: 0;
    padding-bottom: 50px
}

img.emoji,
span.emoji {
    overflow: hidden;
    display: inline-block;
    width: 1em;
    height: 1em;
    margin: 0 .1em;
    background-size: 100% 100%;
    text-indent: -90px
}

span.emoji[data-emoji="\2049"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2049.png)
}

span.emoji[data-emoji="\2139"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2139.png)
}

span.emoji[data-emoji="\2194"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2194.png)
}

span.emoji[data-emoji="\2195"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2195.png)
}

span.emoji[data-emoji="\2196"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2196.png)
}

span.emoji[data-emoji="\2197"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2197.png)
}

span.emoji[data-emoji="\2198"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2198.png)
}

span.emoji[data-emoji="\2199"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2199.png)
}

span.emoji[data-emoji="\2600"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2600.png)
}

span.emoji[data-emoji="\2601"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2601.png)
}

span.emoji[data-emoji="\2611"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2611.png)
}

span.emoji[data-emoji="\2614"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2614.png)
}

span.emoji[data-emoji="\2615"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2615.png)
}

span.emoji[data-emoji="\2648"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2648.png)
}

span.emoji[data-emoji="\2649"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2649.png)
}

span.emoji[data-emoji="\2650"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2650.png)
}

span.emoji[data-emoji="\2651"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2651.png)
}

span.emoji[data-emoji="\2652"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2652.png)
}

span.emoji[data-emoji="\2653"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2653.png)
}

span.emoji[data-emoji="\2660"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2660.png)
}

span.emoji[data-emoji="\2663"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2663.png)
}

span.emoji[data-emoji="\2665"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2665.png)
}

span.emoji[data-emoji="\2666"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2666.png)
}

span.emoji[data-emoji="\2668"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2668.png)
}

span.emoji[data-emoji="\2693"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2693.png)
}

span.emoji[data-emoji="\2702"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2702.png)
}

span.emoji[data-emoji="\2705"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2705.png)
}

span.emoji[data-emoji="\2708"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2708.png)
}

span.emoji[data-emoji="\2709"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2709.png)
}

span.emoji[data-emoji="\2712"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2712.png)
}

span.emoji[data-emoji="\2714"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2714.png)
}

span.emoji[data-emoji="\2716"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2716.png)
}

span.emoji[data-emoji="\2728"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2728.png)
}

span.emoji[data-emoji="\2733"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2733.png)
}

span.emoji[data-emoji="\2734"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2734.png)
}

span.emoji[data-emoji="\2744"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2744.png)
}

span.emoji[data-emoji="\2747"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2747.png)
}

span.emoji[data-emoji="\2753"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2753.png)
}

span.emoji[data-emoji="\2754"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2754.png)
}

span.emoji[data-emoji="\2755"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2755.png)
}

span.emoji[data-emoji="\2757"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2757.png)
}

span.emoji[data-emoji="\2764"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2764.png)
}

span.emoji[data-emoji="\2795"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2795.png)
}

span.emoji[data-emoji="\2796"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2796.png)
}

span.emoji[data-emoji="\2797"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2797.png)
}

span.emoji[data-emoji="\2934"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2934.png)
}

span.emoji[data-emoji="\2935"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2935.png)
}

span.emoji[data-emoji="\3030"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/3030.png)
}

span.emoji[data-emoji="\3297"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/3297.png)
}

span.emoji[data-emoji="\3299"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/3299.png)
}

span.emoji[data-emoji="\1f604"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f604.png)
}

span.emoji[data-emoji="\1f603"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f603.png)
}

span.emoji[data-emoji="\1f600"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f600.png)
}

span.emoji[data-emoji="\1f60a"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f60a.png)
}

span.emoji[data-emoji="\263a"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/263a.png)
}

span.emoji[data-emoji="\1f609"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f609.png)
}

span.emoji[data-emoji="\1f60d"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f60d.png)
}

span.emoji[data-emoji="\1f618"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f618.png)
}

span.emoji[data-emoji="\1f61a"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f61a.png)
}

span.emoji[data-emoji="\1f617"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f617.png)
}

span.emoji[data-emoji="\1f619"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f619.png)
}

span.emoji[data-emoji="\1f61c"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f61c.png)
}

span.emoji[data-emoji="\1f61d"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f61d.png)
}

span.emoji[data-emoji="\1f61b"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f61b.png)
}

span.emoji[data-emoji="\1f633"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f633.png)
}

span.emoji[data-emoji="\1f601"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f601.png)
}

span.emoji[data-emoji="\1f614"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f614.png)
}

span.emoji[data-emoji="\1f60c"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f60c.png)
}

span.emoji[data-emoji="\1f612"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f612.png)
}

span.emoji[data-emoji="\1f61e"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f61e.png)
}

span.emoji[data-emoji="\1f623"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f623.png)
}

span.emoji[data-emoji="\1f622"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f622.png)
}

span.emoji[data-emoji="\1f602"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f602.png)
}

span.emoji[data-emoji="\1f62d"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f62d.png)
}

span.emoji[data-emoji="\1f62a"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f62a.png)
}

span.emoji[data-emoji="\1f625"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f625.png)
}

span.emoji[data-emoji="\1f630"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f630.png)
}

span.emoji[data-emoji="\1f605"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f605.png)
}

span.emoji[data-emoji="\1f613"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f613.png)
}

span.emoji[data-emoji="\1f629"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f629.png)
}

span.emoji[data-emoji="\1f62b"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f62b.png)
}

span.emoji[data-emoji="\1f628"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f628.png)
}

span.emoji[data-emoji="\1f631"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f631.png)
}

span.emoji[data-emoji="\1f620"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f620.png)
}

span.emoji[data-emoji="\1f621"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f621.png)
}

span.emoji[data-emoji="\1f624"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f624.png)
}

span.emoji[data-emoji="\1f616"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f616.png)
}

span.emoji[data-emoji="\1f606"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f606.png)
}

span.emoji[data-emoji="\1f60b"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f60b.png)
}

span.emoji[data-emoji="\1f637"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f637.png)
}

span.emoji[data-emoji="\1f60e"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f60e.png)
}

span.emoji[data-emoji="\1f634"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f634.png)
}

span.emoji[data-emoji="\1f635"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f635.png)
}

span.emoji[data-emoji="\1f632"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f632.png)
}

span.emoji[data-emoji="\1f61f"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f61f.png)
}

span.emoji[data-emoji="\1f626"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f626.png)
}

span.emoji[data-emoji="\1f627"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f627.png)
}

span.emoji[data-emoji="\1f608"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f608.png)
}

span.emoji[data-emoji="\1f47f"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f47f.png)
}

span.emoji[data-emoji="\1f62e"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f62e.png)
}

span.emoji[data-emoji="\1f62c"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f62c.png)
}

span.emoji[data-emoji="\1f610"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f610.png)
}

span.emoji[data-emoji="\1f615"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f615.png)
}

span.emoji[data-emoji="\1f62f"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f62f.png)
}

span.emoji[data-emoji="\1f636"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f636.png)
}

span.emoji[data-emoji="\1f607"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f607.png)
}

span.emoji[data-emoji="\1f60f"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f60f.png)
}

span.emoji[data-emoji="\1f611"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f611.png)
}

span.emoji[data-emoji="\1f472"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f472.png)
}

span.emoji[data-emoji="\1f473"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f473.png)
}

span.emoji[data-emoji="\1f46e"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f46e.png)
}

span.emoji[data-emoji="\1f477"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f477.png)
}

span.emoji[data-emoji="\1f482"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f482.png)
}

span.emoji[data-emoji="\1f476"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f476.png)
}

span.emoji[data-emoji="\1f466"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f466.png)
}

span.emoji[data-emoji="\1f467"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f467.png)
}

span.emoji[data-emoji="\1f468"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f468.png)
}

span.emoji[data-emoji="\1f469"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f469.png)
}

span.emoji[data-emoji="\1f474"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f474.png)
}

span.emoji[data-emoji="\1f475"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f475.png)
}

span.emoji[data-emoji="\1f471"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f471.png)
}

span.emoji[data-emoji="\1f47c"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f47c.png)
}

span.emoji[data-emoji="\1f478"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f478.png)
}

span.emoji[data-emoji="\1f63a"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f63a.png)
}

span.emoji[data-emoji="\1f638"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f638.png)
}

span.emoji[data-emoji="\1f63b"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f63b.png)
}

span.emoji[data-emoji="\1f63d"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f63d.png)
}

span.emoji[data-emoji="\1f63c"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f63c.png)
}

span.emoji[data-emoji="\1f640"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f640.png)
}

span.emoji[data-emoji="\1f63f"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f63f.png)
}

span.emoji[data-emoji="\1f639"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f639.png)
}

span.emoji[data-emoji="\1f63e"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f63e.png)
}

span.emoji[data-emoji="\1f479"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f479.png)
}

span.emoji[data-emoji="\1f47a"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f47a.png)
}

span.emoji[data-emoji="\1f648"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f648.png)
}

span.emoji[data-emoji="\1f649"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f649.png)
}

span.emoji[data-emoji="\1f64a"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f64a.png)
}

span.emoji[data-emoji="\1f480"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f480.png)
}

span.emoji[data-emoji="\1f47d"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f47d.png)
}

span.emoji[data-emoji="\1f4a9"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4a9.png)
}

span.emoji[data-emoji="\1f525"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f525.png)
}

span.emoji[data-emoji="\1f31f"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f31f.png)
}

span.emoji[data-emoji="\1f4ab"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4ab.png)
}

span.emoji[data-emoji="\1f4a5"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4a5.png)
}

span.emoji[data-emoji="\1f4a2"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4a2.png)
}

span.emoji[data-emoji="\1f4a6"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4a6.png)
}

span.emoji[data-emoji="\1f4a7"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4a7.png)
}

span.emoji[data-emoji="\1f4a4"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4a4.png)
}

span.emoji[data-emoji="\1f4a8"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4a8.png)
}

span.emoji[data-emoji="\1f442"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f442.png)
}

span.emoji[data-emoji="\1f440"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f440.png)
}

span.emoji[data-emoji="\1f443"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f443.png)
}

span.emoji[data-emoji="\1f445"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f445.png)
}

span.emoji[data-emoji="\1f444"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f444.png)
}

span.emoji[data-emoji="\1f44d"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f44d.png)
}

span.emoji[data-emoji="\1f44e"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f44e.png)
}

span.emoji[data-emoji="\1f44c"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f44c.png)
}

span.emoji[data-emoji="\1f44a"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f44a.png)
}

span.emoji[data-emoji="\270a"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/270a.png)
}

span.emoji[data-emoji="\270c"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/270c.png)
}

span.emoji[data-emoji="\1f44b"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f44b.png)
}

span.emoji[data-emoji="\270b"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/270b.png)
}

span.emoji[data-emoji="\1f450"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f450.png)
}

span.emoji[data-emoji="\1f446"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f446.png)
}

span.emoji[data-emoji="\1f447"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f447.png)
}

span.emoji[data-emoji="\1f449"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f449.png)
}

span.emoji[data-emoji="\1f448"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f448.png)
}

span.emoji[data-emoji="\1f64c"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f64c.png)
}

span.emoji[data-emoji="\1f64f"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f64f.png)
}

span.emoji[data-emoji="\261d"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/261d.png)
}

span.emoji[data-emoji="\1f44f"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f44f.png)
}

span.emoji[data-emoji="\1f4aa"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4aa.png)
}

span.emoji[data-emoji="\1f6b6"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f6b6.png)
}

span.emoji[data-emoji="\1f3c3"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3c3.png)
}

span.emoji[data-emoji="\1f483"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f483.png)
}

span.emoji[data-emoji="\1f46b"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f46b.png)
}

span.emoji[data-emoji="\1f46a"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f46a.png)
}

span.emoji[data-emoji="\1f46c"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f46c.png)
}

span.emoji[data-emoji="\1f46d"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f46d.png)
}

span.emoji[data-emoji="\1f48f"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f48f.png)
}

span.emoji[data-emoji="\1f491"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f491.png)
}

span.emoji[data-emoji="\1f46f"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f46f.png)
}

span.emoji[data-emoji="\1f646"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f646.png)
}

span.emoji[data-emoji="\1f645"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f645.png)
}

span.emoji[data-emoji="\1f481"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f481.png)
}

span.emoji[data-emoji="\1f64b"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f64b.png)
}

span.emoji[data-emoji="\1f486"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f486.png)
}

span.emoji[data-emoji="\1f487"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f487.png)
}

span.emoji[data-emoji="\1f485"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f485.png)
}

span.emoji[data-emoji="\1f470"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f470.png)
}

span.emoji[data-emoji="\1f64e"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f64e.png)
}

span.emoji[data-emoji="\1f64d"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f64d.png)
}

span.emoji[data-emoji="\1f647"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f647.png)
}

span.emoji[data-emoji="\1f3a9"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3a9.png)
}

span.emoji[data-emoji="\1f451"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f451.png)
}

span.emoji[data-emoji="\1f452"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f452.png)
}

span.emoji[data-emoji="\1f45f"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f45f.png)
}

span.emoji[data-emoji="\1f45e"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f45e.png)
}

span.emoji[data-emoji="\1f461"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f461.png)
}

span.emoji[data-emoji="\1f460"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f460.png)
}

span.emoji[data-emoji="\1f462"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f462.png)
}

span.emoji[data-emoji="\1f455"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f455.png)
}

span.emoji[data-emoji="\1f454"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f454.png)
}

span.emoji[data-emoji="\1f45a"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f45a.png)
}

span.emoji[data-emoji="\1f457"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f457.png)
}

span.emoji[data-emoji="\1f3bd"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3bd.png)
}

span.emoji[data-emoji="\1f456"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f456.png)
}

span.emoji[data-emoji="\1f458"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f458.png)
}

span.emoji[data-emoji="\1f459"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f459.png)
}

span.emoji[data-emoji="\1f4bc"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4bc.png)
}

span.emoji[data-emoji="\1f45c"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f45c.png)
}

span.emoji[data-emoji="\1f45d"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f45d.png)
}

span.emoji[data-emoji="\1f45b"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f45b.png)
}

span.emoji[data-emoji="\1f453"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f453.png)
}

span.emoji[data-emoji="\1f380"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f380.png)
}

span.emoji[data-emoji="\1f302"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f302.png)
}

span.emoji[data-emoji="\1f484"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f484.png)
}

span.emoji[data-emoji="\1f49b"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f49b.png)
}

span.emoji[data-emoji="\1f499"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f499.png)
}

span.emoji[data-emoji="\1f49c"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f49c.png)
}

span.emoji[data-emoji="\1f49a"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f49a.png)
}

span.emoji[data-emoji="\1f494"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f494.png)
}

span.emoji[data-emoji="\1f497"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f497.png)
}

span.emoji[data-emoji="\1f493"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f493.png)
}

span.emoji[data-emoji="\1f495"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f495.png)
}

span.emoji[data-emoji="\1f496"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f496.png)
}

span.emoji[data-emoji="\1f49e"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f49e.png)
}

span.emoji[data-emoji="\1f498"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f498.png)
}

span.emoji[data-emoji="\1f48c"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f48c.png)
}

span.emoji[data-emoji="\1f48b"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f48b.png)
}

span.emoji[data-emoji="\1f48d"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f48d.png)
}

span.emoji[data-emoji="\1f48e"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f48e.png)
}

span.emoji[data-emoji="\1f464"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f464.png)
}

span.emoji[data-emoji="\1f465"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f465.png)
}

span.emoji[data-emoji="\1f4ac"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4ac.png)
}

span.emoji[data-emoji="\1f463"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f463.png)
}

span.emoji[data-emoji="\1f4ad"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4ad.png)
}

span.emoji[data-emoji="\1f3e0"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3e0.png)
}

span.emoji[data-emoji="\1f3e1"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3e1.png)
}

span.emoji[data-emoji="\1f3eb"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3eb.png)
}

span.emoji[data-emoji="\1f3e2"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3e2.png)
}

span.emoji[data-emoji="\1f3e3"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3e3.png)
}

span.emoji[data-emoji="\1f3e5"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3e5.png)
}

span.emoji[data-emoji="\1f3e6"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3e6.png)
}

span.emoji[data-emoji="\1f3ea"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3ea.png)
}

span.emoji[data-emoji="\1f3e9"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3e9.png)
}

span.emoji[data-emoji="\1f3e8"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3e8.png)
}

span.emoji[data-emoji="\1f492"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f492.png)
}

span.emoji[data-emoji="\26ea"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/26ea.png)
}

span.emoji[data-emoji="\e50a"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/e50a.png)
}

span.emoji[data-emoji="\1f3ec"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3ec.png)
}

span.emoji[data-emoji="\1f3e4"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3e4.png)
}

span.emoji[data-emoji="\1f307"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f307.png)
}

span.emoji[data-emoji="\1f306"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f306.png)
}

span.emoji[data-emoji="\1f3ef"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3ef.png)
}

span.emoji[data-emoji="\1f3f0"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3f0.png)
}

span.emoji[data-emoji="\26fa"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/26fa.png)
}

span.emoji[data-emoji="\1f3ed"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3ed.png)
}

span.emoji[data-emoji="\1f5fc"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f5fc.png)
}

span.emoji[data-emoji="\1f5fe"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f5fe.png)
}

span.emoji[data-emoji="\1f5fb"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f5fb.png)
}

span.emoji[data-emoji="\1f304"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f304.png)
}

span.emoji[data-emoji="\1f305"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f305.png)
}

span.emoji[data-emoji="\1f303"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f303.png)
}

span.emoji[data-emoji="\1f5fd"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f5fd.png)
}

span.emoji[data-emoji="\1f309"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f309.png)
}

span.emoji[data-emoji="\1f3a0"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3a0.png)
}

span.emoji[data-emoji="\1f3a1"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3a1.png)
}

span.emoji[data-emoji="\26f2"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/26f2.png)
}

span.emoji[data-emoji="\1f3a2"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3a2.png)
}

span.emoji[data-emoji="\1f6a2"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f6a2.png)
}

span.emoji[data-emoji="\26f5"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/26f5.png)
}

span.emoji[data-emoji="\1f6a4"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f6a4.png)
}

span.emoji[data-emoji="\1f6a3"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f6a3.png)
}

span.emoji[data-emoji="\1f680"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f680.png)
}

span.emoji[data-emoji="\1f4ba"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4ba.png)
}

span.emoji[data-emoji="\1f681"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f681.png)
}

span.emoji[data-emoji="\1f682"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f682.png)
}

span.emoji[data-emoji="\1f68a"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f68a.png)
}

span.emoji[data-emoji="\1f689"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f689.png)
}

span.emoji[data-emoji="\1f686"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f686.png)
}

span.emoji[data-emoji="\1f684"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f684.png)
}

span.emoji[data-emoji="\1f685"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f685.png)
}

span.emoji[data-emoji="\1f688"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f688.png)
}

span.emoji[data-emoji="\1f687"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f687.png)
}

span.emoji[data-emoji="\1f69d"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f69d.png)
}

span.emoji[data-emoji="\1f68b"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f68b.png)
}

span.emoji[data-emoji="\1f683"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f683.png)
}

span.emoji[data-emoji="\1f68e"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f68e.png)
}

span.emoji[data-emoji="\1f68c"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f68c.png)
}

span.emoji[data-emoji="\1f68d"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f68d.png)
}

span.emoji[data-emoji="\1f699"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f699.png)
}

span.emoji[data-emoji="\1f698"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f698.png)
}

span.emoji[data-emoji="\1f697"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f697.png)
}

span.emoji[data-emoji="\1f695"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f695.png)
}

span.emoji[data-emoji="\1f696"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f696.png)
}

span.emoji[data-emoji="\1f69b"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f69b.png)
}

span.emoji[data-emoji="\1f69a"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f69a.png)
}

span.emoji[data-emoji="\1f6a8"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f6a8.png)
}

span.emoji[data-emoji="\1f693"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f693.png)
}

span.emoji[data-emoji="\1f694"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f694.png)
}

span.emoji[data-emoji="\1f692"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f692.png)
}

span.emoji[data-emoji="\1f691"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f691.png)
}

span.emoji[data-emoji="\1f690"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f690.png)
}

span.emoji[data-emoji="\1f6b2"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f6b2.png)
}

span.emoji[data-emoji="\1f6a1"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f6a1.png)
}

span.emoji[data-emoji="\1f69f"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f69f.png)
}

span.emoji[data-emoji="\1f6a0"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f6a0.png)
}

span.emoji[data-emoji="\1f69c"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f69c.png)
}

span.emoji[data-emoji="\1f488"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f488.png)
}

span.emoji[data-emoji="\1f68f"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f68f.png)
}

span.emoji[data-emoji="\1f3ab"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3ab.png)
}

span.emoji[data-emoji="\1f6a6"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f6a6.png)
}

span.emoji[data-emoji="\1f6a5"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f6a5.png)
}

span.emoji[data-emoji="\26a0"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/26a0.png)
}

span.emoji[data-emoji="\1f6a7"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f6a7.png)
}

span.emoji[data-emoji="\1f530"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f530.png)
}

span.emoji[data-emoji="\26fd"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/26fd.png)
}

span.emoji[data-emoji="\1f3ee"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3ee.png)
}

span.emoji[data-emoji="\1f3b0"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3b0.png)
}

span.emoji[data-emoji="\1f5ff"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f5ff.png)
}

span.emoji[data-emoji="\1f3aa"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3aa.png)
}

span.emoji[data-emoji="\1f3ad"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3ad.png)
}

span.emoji[data-emoji="\1f4cd"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4cd.png)
}

span.emoji[data-emoji="\1f6a9"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f6a9.png)
}

span.emoji[data-emoji="\1f1ef\1f1f5"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f1ef-1f1f5.png)
}

span.emoji[data-emoji="\1f1f0\1f1f7"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f1f0-1f1f7.png)
}

span.emoji[data-emoji="\1f1e9\1f1ea"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f1e9-1f1ea.png)
}

span.emoji[data-emoji="\1f1e8\1f1f3"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f1e8-1f1f3.png)
}

span.emoji[data-emoji="\1f1fa\1f1f8"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f1fa-1f1f8.png)
}

span.emoji[data-emoji="\1f1eb\1f1f7"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f1eb-1f1f7.png)
}

span.emoji[data-emoji="\1f1ea\1f1f8"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f1ea-1f1f8.png)
}

span.emoji[data-emoji="\1f1ee\1f1f9"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f1ee-1f1f9.png)
}

span.emoji[data-emoji="\1f1f7\1f1fa"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f1f7-1f1fa.png)
}

span.emoji[data-emoji="\1f1ec\1f1e7"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f1ec-1f1e7.png)
}

span.emoji[data-emoji="\1f436"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f436.png)
}

span.emoji[data-emoji="\1f43a"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f43a.png)
}

span.emoji[data-emoji="\1f431"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f431.png)
}

span.emoji[data-emoji="\1f42d"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f42d.png)
}

span.emoji[data-emoji="\1f439"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f439.png)
}

span.emoji[data-emoji="\1f430"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f430.png)
}

span.emoji[data-emoji="\1f438"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f438.png)
}

span.emoji[data-emoji="\1f42f"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f42f.png)
}

span.emoji[data-emoji="\1f428"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f428.png)
}

span.emoji[data-emoji="\1f43b"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f43b.png)
}

span.emoji[data-emoji="\1f437"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f437.png)
}

span.emoji[data-emoji="\1f43d"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f43d.png)
}

span.emoji[data-emoji="\1f42e"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f42e.png)
}

span.emoji[data-emoji="\1f417"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f417.png)
}

span.emoji[data-emoji="\1f435"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f435.png)
}

span.emoji[data-emoji="\1f412"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f412.png)
}

span.emoji[data-emoji="\1f434"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f434.png)
}

span.emoji[data-emoji="\1f411"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f411.png)
}

span.emoji[data-emoji="\1f418"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f418.png)
}

span.emoji[data-emoji="\1f43c"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f43c.png)
}

span.emoji[data-emoji="\1f427"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f427.png)
}

span.emoji[data-emoji="\1f426"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f426.png)
}

span.emoji[data-emoji="\1f424"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f424.png)
}

span.emoji[data-emoji="\1f425"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f425.png)
}

span.emoji[data-emoji="\1f423"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f423.png)
}

span.emoji[data-emoji="\1f414"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f414.png)
}

span.emoji[data-emoji="\1f40d"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f40d.png)
}

span.emoji[data-emoji="\1f422"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f422.png)
}

span.emoji[data-emoji="\1f41b"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f41b.png)
}

span.emoji[data-emoji="\1f41d"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f41d.png)
}

span.emoji[data-emoji="\1f41c"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f41c.png)
}

span.emoji[data-emoji="\1f41e"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f41e.png)
}

span.emoji[data-emoji="\1f40c"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f40c.png)
}

span.emoji[data-emoji="\1f419"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f419.png)
}

span.emoji[data-emoji="\1f41a"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f41a.png)
}

span.emoji[data-emoji="\1f420"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f420.png)
}

span.emoji[data-emoji="\1f41f"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f41f.png)
}

span.emoji[data-emoji="\1f42c"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f42c.png)
}

span.emoji[data-emoji="\1f433"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f433.png)
}

span.emoji[data-emoji="\1f40b"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f40b.png)
}

span.emoji[data-emoji="\1f404"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f404.png)
}

span.emoji[data-emoji="\1f40f"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f40f.png)
}

span.emoji[data-emoji="\1f400"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f400.png)
}

span.emoji[data-emoji="\1f403"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f403.png)
}

span.emoji[data-emoji="\1f405"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f405.png)
}

span.emoji[data-emoji="\1f407"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f407.png)
}

span.emoji[data-emoji="\1f409"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f409.png)
}

span.emoji[data-emoji="\1f40e"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f40e.png)
}

span.emoji[data-emoji="\1f410"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f410.png)
}

span.emoji[data-emoji="\1f413"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f413.png)
}

span.emoji[data-emoji="\1f415"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f415.png)
}

span.emoji[data-emoji="\1f416"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f416.png)
}

span.emoji[data-emoji="\1f401"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f401.png)
}

span.emoji[data-emoji="\1f402"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f402.png)
}

span.emoji[data-emoji="\1f432"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f432.png)
}

span.emoji[data-emoji="\1f421"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f421.png)
}

span.emoji[data-emoji="\1f40a"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f40a.png)
}

span.emoji[data-emoji="\1f42b"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f42b.png)
}

span.emoji[data-emoji="\1f42a"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f42a.png)
}

span.emoji[data-emoji="\1f406"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f406.png)
}

span.emoji[data-emoji="\1f408"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f408.png)
}

span.emoji[data-emoji="\1f429"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f429.png)
}

span.emoji[data-emoji="\1f43e"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f43e.png)
}

span.emoji[data-emoji="\1f490"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f490.png)
}

span.emoji[data-emoji="\1f338"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f338.png)
}

span.emoji[data-emoji="\1f337"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f337.png)
}

span.emoji[data-emoji="\1f340"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f340.png)
}

span.emoji[data-emoji="\1f339"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f339.png)
}

span.emoji[data-emoji="\1f33b"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f33b.png)
}

span.emoji[data-emoji="\1f33a"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f33a.png)
}

span.emoji[data-emoji="\1f341"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f341.png)
}

span.emoji[data-emoji="\1f343"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f343.png)
}

span.emoji[data-emoji="\1f342"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f342.png)
}

span.emoji[data-emoji="\1f33f"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f33f.png)
}

span.emoji[data-emoji="\1f33e"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f33e.png)
}

span.emoji[data-emoji="\1f344"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f344.png)
}

span.emoji[data-emoji="\1f335"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f335.png)
}

span.emoji[data-emoji="\1f334"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f334.png)
}

span.emoji[data-emoji="\1f332"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f332.png)
}

span.emoji[data-emoji="\1f333"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f333.png)
}

span.emoji[data-emoji="\1f330"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f330.png)
}

span.emoji[data-emoji="\1f331"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f331.png)
}

span.emoji[data-emoji="\1f33c"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f33c.png)
}

span.emoji[data-emoji="\1f310"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f310.png)
}

span.emoji[data-emoji="\1f31e"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f31e.png)
}

span.emoji[data-emoji="\1f31d"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f31d.png)
}

span.emoji[data-emoji="\1f31a"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f31a.png)
}

span.emoji[data-emoji="\1f311"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f311.png)
}

span.emoji[data-emoji="\1f312"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f312.png)
}

span.emoji[data-emoji="\1f313"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f313.png)
}

span.emoji[data-emoji="\1f314"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f314.png)
}

span.emoji[data-emoji="\1f315"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f315.png)
}

span.emoji[data-emoji="\1f316"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f316.png)
}

span.emoji[data-emoji="\1f317"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f317.png)
}

span.emoji[data-emoji="\1f318"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f318.png)
}

span.emoji[data-emoji="\1f31c"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f31c.png)
}

span.emoji[data-emoji="\1f31b"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f31b.png)
}

span.emoji[data-emoji="\1f319"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f319.png)
}

span.emoji[data-emoji="\1f30d"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f30d.png)
}

span.emoji[data-emoji="\1f30e"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f30e.png)
}

span.emoji[data-emoji="\1f30f"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f30f.png)
}

span.emoji[data-emoji="\1f30b"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f30b.png)
}

span.emoji[data-emoji="\1f30c"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f30c.png)
}

span.emoji[data-emoji="\1f320"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f320.png)
}

span.emoji[data-emoji="\2b50"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2b50.png)
}

span.emoji[data-emoji="\26c5"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/26c5.png)
}

span.emoji[data-emoji="\26a1"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/26a1.png)
}

span.emoji[data-emoji="\26c4"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/26c4.png)
}

span.emoji[data-emoji="\1f300"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f300.png)
}

span.emoji[data-emoji="\1f301"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f301.png)
}

span.emoji[data-emoji="\1f308"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f308.png)
}

span.emoji[data-emoji="\1f30a"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f30a.png)
}

span.emoji[data-emoji="\31\20e3"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/31-20e3.png)
}

span.emoji[data-emoji="\32\20e3"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/32-20e3.png)
}

span.emoji[data-emoji="\33\20e3"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/33-20e3.png)
}

span.emoji[data-emoji="\34\20e3"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/34-20e3.png)
}

span.emoji[data-emoji="\35\20e3"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/35-20e3.png)
}

span.emoji[data-emoji="\36\20e3"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/36-20e3.png)
}

span.emoji[data-emoji="\37\20e3"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/37-20e3.png)
}

span.emoji[data-emoji="\38\20e3"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/38-20e3.png)
}

span.emoji[data-emoji="\39\20e3"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/39-20e3.png)
}

span.emoji[data-emoji="\30\20e3"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/30-20e3.png)
}

span.emoji[data-emoji="\1f51f"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f51f.png)
}

span.emoji[data-emoji="\1f1e6"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f1e6.png)
}

span.emoji[data-emoji="\1f1e7"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f1e7.png)
}

span.emoji[data-emoji="\1f1e8"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f1e8.png)
}

span.emoji[data-emoji="\1f1e9"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f1e9.png)
}

span.emoji[data-emoji="\1f1ea"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f1ea.png)
}

span.emoji[data-emoji="\1f1eb"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f1eb.png)
}

span.emoji[data-emoji="\1f1ec"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f1ec.png)
}

span.emoji[data-emoji="\1f1ed"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f1ed.png)
}

span.emoji[data-emoji="\1f1ee"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f1ee.png)
}

span.emoji[data-emoji="\1f1ef"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f1ef.png)
}

span.emoji[data-emoji="\1f1f0"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f1f0.png)
}

span.emoji[data-emoji="\1f1f1"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f1f1.png)
}

span.emoji[data-emoji="\1f1f2"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f1f2.png)
}

span.emoji[data-emoji="\1f1f3"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f1f3.png)
}

span.emoji[data-emoji="\1f1f4"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f1f4.png)
}

span.emoji[data-emoji="\1f1f5"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f1f5.png)
}

span.emoji[data-emoji="\1f1f6"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f1f6.png)
}

span.emoji[data-emoji="\1f1f7"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f1f7.png)
}

span.emoji[data-emoji="\1f1f8"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f1f8.png)
}

span.emoji[data-emoji="\1f1f9"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f1f9.png)
}

span.emoji[data-emoji="\1f1fa"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f1fa.png)
}

span.emoji[data-emoji="\1f1fb"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f1fb.png)
}

span.emoji[data-emoji="\1f1fc"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f1fc.png)
}

span.emoji[data-emoji="\1f1fd"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f1fd.png)
}

span.emoji[data-emoji="\1f1fe"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f1fe.png)
}

span.emoji[data-emoji="\1f1ff"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f1ff.png)
}

span.emoji[data-emoji="\1f522"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f522.png)
}

span.emoji[data-emoji="\23\20e3"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/23-20e3.png)
}

span.emoji[data-emoji="\1f523"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f523.png)
}

span.emoji[data-emoji="\2b06"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2b06.png)
}

span.emoji[data-emoji="\2b07"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2b07.png)
}

span.emoji[data-emoji="\2b05"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2b05.png)
}

span.emoji[data-emoji="\27a1"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/27a1.png)
}

span.emoji[data-emoji="\1f520"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f520.png)
}

span.emoji[data-emoji="\1f521"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f521.png)
}

span.emoji[data-emoji="\1f524"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f524.png)
}

span.emoji[data-emoji="\1f504"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f504.png)
}

span.emoji[data-emoji="\25c0"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/25c0.png)
}

span.emoji[data-emoji="\25b6"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/25b6.png)
}

span.emoji[data-emoji="\1f53c"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f53c.png)
}

span.emoji[data-emoji="\1f53d"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f53d.png)
}

span.emoji[data-emoji="\21a9"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/21a9.png)
}

span.emoji[data-emoji="\21aa"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/21aa.png)
}

span.emoji[data-emoji="\23ea"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/23ea.png)
}

span.emoji[data-emoji="\23e9"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/23e9.png)
}

span.emoji[data-emoji="\23eb"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/23eb.png)
}

span.emoji[data-emoji="\23ec"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/23ec.png)
}

span.emoji[data-emoji="\1f197"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f197.png)
}

span.emoji[data-emoji="\1f500"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f500.png)
}

span.emoji[data-emoji="\1f501"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f501.png)
}

span.emoji[data-emoji="\1f502"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f502.png)
}

span.emoji[data-emoji="\1f195"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f195.png)
}

span.emoji[data-emoji="\1f199"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f199.png)
}

span.emoji[data-emoji="\1f192"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f192.png)
}

span.emoji[data-emoji="\1f193"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f193.png)
}

span.emoji[data-emoji="\1f196"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f196.png)
}

span.emoji[data-emoji="\1f4f6"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4f6.png)
}

span.emoji[data-emoji="\1f3a6"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3a6.png)
}

span.emoji[data-emoji="\1f201"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f201.png)
}

span.emoji[data-emoji="\1f22f"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f22f.png)
}

span.emoji[data-emoji="\1f233"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f233.png)
}

span.emoji[data-emoji="\1f235"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f235.png)
}

span.emoji[data-emoji="\1f234"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f234.png)
}

span.emoji[data-emoji="\1f232"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f232.png)
}

span.emoji[data-emoji="\1f250"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f250.png)
}

span.emoji[data-emoji="\1f239"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f239.png)
}

span.emoji[data-emoji="\1f23a"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f23a.png)
}

span.emoji[data-emoji="\1f236"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f236.png)
}

span.emoji[data-emoji="\1f21a"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f21a.png)
}

span.emoji[data-emoji="\1f6bb"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f6bb.png)
}

span.emoji[data-emoji="\1f6b9"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f6b9.png)
}

span.emoji[data-emoji="\1f6ba"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f6ba.png)
}

span.emoji[data-emoji="\1f6bc"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f6bc.png)
}

span.emoji[data-emoji="\1f6be"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f6be.png)
}

span.emoji[data-emoji="\1f6b0"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f6b0.png)
}

span.emoji[data-emoji="\1f6ae"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f6ae.png)
}

span.emoji[data-emoji="\1f17f"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f17f.png)
}

span.emoji[data-emoji="\267f"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/267f.png)
}

span.emoji[data-emoji="\1f6ad"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f6ad.png)
}

span.emoji[data-emoji="\1f237"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f237.png)
}

span.emoji[data-emoji="\1f238"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f238.png)
}

span.emoji[data-emoji="\1f202"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f202.png)
}

span.emoji[data-emoji="\24c2"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/24c2.png)
}

span.emoji[data-emoji="\1f6c2"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f6c2.png)
}

span.emoji[data-emoji="\1f6c4"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f6c4.png)
}

span.emoji[data-emoji="\1f6c5"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f6c5.png)
}

span.emoji[data-emoji="\1f6c3"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f6c3.png)
}

span.emoji[data-emoji="\1f251"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f251.png)
}

span.emoji[data-emoji="\1f191"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f191.png)
}

span.emoji[data-emoji="\1f198"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f198.png)
}

span.emoji[data-emoji="\1f194"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f194.png)
}

span.emoji[data-emoji="\1f6ab"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f6ab.png)
}

span.emoji[data-emoji="\1f51e"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f51e.png)
}

span.emoji[data-emoji="\1f4f5"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4f5.png)
}

span.emoji[data-emoji="\1f6af"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f6af.png)
}

span.emoji[data-emoji="\1f6b1"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f6b1.png)
}

span.emoji[data-emoji="\1f6b3"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f6b3.png)
}

span.emoji[data-emoji="\1f6b7"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f6b7.png)
}

span.emoji[data-emoji="\1f6b8"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f6b8.png)
}

span.emoji[data-emoji="\26d4"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/26d4.png)
}

span.emoji[data-emoji="\274e"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/274e.png)
}

span.emoji[data-emoji="\1f49f"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f49f.png)
}

span.emoji[data-emoji="\1f19a"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f19a.png)
}

span.emoji[data-emoji="\1f4f3"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4f3.png)
}

span.emoji[data-emoji="\1f4f4"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4f4.png)
}

span.emoji[data-emoji="\1f170"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f170.png)
}

span.emoji[data-emoji="\1f171"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f171.png)
}

span.emoji[data-emoji="\1f18e"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f18e.png)
}

span.emoji[data-emoji="\1f17e"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f17e.png)
}

span.emoji[data-emoji="\1f4a0"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4a0.png)
}

span.emoji[data-emoji="\27bf"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/27bf.png)
}

span.emoji[data-emoji="\267b"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/267b.png)
}

span.emoji[data-emoji="\264a"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/264a.png)
}

span.emoji[data-emoji="\264b"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/264b.png)
}

span.emoji[data-emoji="\264c"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/264c.png)
}

span.emoji[data-emoji="\264d"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/264d.png)
}

span.emoji[data-emoji="\264e"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/264e.png)
}

span.emoji[data-emoji="\264f"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/264f.png)
}

span.emoji[data-emoji="\26ce"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/26ce.png)
}

span.emoji[data-emoji="\1f52f"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f52f.png)
}

span.emoji[data-emoji="\1f3e7"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3e7.png)
}

span.emoji[data-emoji="\1f4b9"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4b9.png)
}

span.emoji[data-emoji="\1f4b2"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4b2.png)
}

span.emoji[data-emoji="\1f4b1"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4b1.png)
}

span.emoji[data-emoji="\274c"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/274c.png)
}

span.emoji[data-emoji="\203c"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/203c.png)
}

span.emoji[data-emoji="\2b55"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2b55.png)
}

span.emoji[data-emoji="\1f51d"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f51d.png)
}

span.emoji[data-emoji="\1f51a"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f51a.png)
}

span.emoji[data-emoji="\1f519"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f519.png)
}

span.emoji[data-emoji="\1f51b"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f51b.png)
}

span.emoji[data-emoji="\1f51c"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f51c.png)
}

span.emoji[data-emoji="\1f503"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f503.png)
}

span.emoji[data-emoji="\1f55b"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f55b.png)
}

span.emoji[data-emoji="\1f567"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f567.png)
}

span.emoji[data-emoji="\1f550"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f550.png)
}

span.emoji[data-emoji="\1f55c"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f55c.png)
}

span.emoji[data-emoji="\1f551"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f551.png)
}

span.emoji[data-emoji="\1f55d"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f55d.png)
}

span.emoji[data-emoji="\1f552"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f552.png)
}

span.emoji[data-emoji="\1f55e"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f55e.png)
}

span.emoji[data-emoji="\1f553"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f553.png)
}

span.emoji[data-emoji="\1f55f"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f55f.png)
}

span.emoji[data-emoji="\1f554"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f554.png)
}

span.emoji[data-emoji="\1f560"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f560.png)
}

span.emoji[data-emoji="\1f555"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f555.png)
}

span.emoji[data-emoji="\1f561"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f561.png)
}

span.emoji[data-emoji="\1f556"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f556.png)
}

span.emoji[data-emoji="\1f562"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f562.png)
}

span.emoji[data-emoji="\1f557"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f557.png)
}

span.emoji[data-emoji="\1f563"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f563.png)
}

span.emoji[data-emoji="\1f558"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f558.png)
}

span.emoji[data-emoji="\1f564"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f564.png)
}

span.emoji[data-emoji="\1f559"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f559.png)
}

span.emoji[data-emoji="\1f565"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f565.png)
}

span.emoji[data-emoji="\1f55a"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f55a.png)
}

span.emoji[data-emoji="\1f566"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f566.png)
}

span.emoji[data-emoji="\1f4ae"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4ae.png)
}

span.emoji[data-emoji="\1f4af"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4af.png)
}

span.emoji[data-emoji="\1f518"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f518.png)
}

span.emoji[data-emoji="\1f517"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f517.png)
}

span.emoji[data-emoji="\27b0"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/27b0.png)
}

span.emoji[data-emoji="\303d"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/303d.png)
}

span.emoji[data-emoji="\1f531"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f531.png)
}

span.emoji[data-emoji="\25fc"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/25fc.png)
}

span.emoji[data-emoji="\25fb"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/25fb.png)
}

span.emoji[data-emoji="\25fe"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/25fe.png)
}

span.emoji[data-emoji="\25fd"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/25fd.png)
}

span.emoji[data-emoji="\25aa"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/25aa.png)
}

span.emoji[data-emoji="\25ab"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/25ab.png)
}

span.emoji[data-emoji="\1f53a"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f53a.png)
}

span.emoji[data-emoji="\1f532"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f532.png)
}

span.emoji[data-emoji="\1f533"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f533.png)
}

span.emoji[data-emoji="\26ab"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/26ab.png)
}

span.emoji[data-emoji="\26aa"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/26aa.png)
}

span.emoji[data-emoji="\1f534"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f534.png)
}

span.emoji[data-emoji="\1f535"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f535.png)
}

span.emoji[data-emoji="\1f53b"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f53b.png)
}

span.emoji[data-emoji="\2b1c"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2b1c.png)
}

span.emoji[data-emoji="\2b1b"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/2b1b.png)
}

span.emoji[data-emoji="\1f536"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f536.png)
}

span.emoji[data-emoji="\1f537"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f537.png)
}

span.emoji[data-emoji="\1f538"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f538.png)
}

span.emoji[data-emoji="\1f539"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f539.png)
}

span.emoji[data-emoji="\231a"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/231a.png)
}

span.emoji[data-emoji="\231b"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/231b.png)
}

span.emoji[data-emoji="\23f0"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/23f0.png)
}

span.emoji[data-emoji="\23f3"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/23f3.png)
}

span.emoji[data-emoji="\260e"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/260e.png)
}

span.emoji[data-emoji="\26bd"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/26bd.png)
}

span.emoji[data-emoji="\26be"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/26be.png)
}

span.emoji[data-emoji="\26f3"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/26f3.png)
}

span.emoji[data-emoji="\270f"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/270f.png)
}

span.emoji[data-emoji="\1f004"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f004.png)
}

span.emoji[data-emoji="\1f0cf"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f0cf.png)
}

span.emoji[data-emoji="\1f33d"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f33d.png)
}

span.emoji[data-emoji="\1f345"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f345.png)
}

span.emoji[data-emoji="\1f346"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f346.png)
}

span.emoji[data-emoji="\1f347"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f347.png)
}

span.emoji[data-emoji="\1f348"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f348.png)
}

span.emoji[data-emoji="\1f349"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f349.png)
}

span.emoji[data-emoji="\1f34a"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f34a.png)
}

span.emoji[data-emoji="\1f34b"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f34b.png)
}

span.emoji[data-emoji="\1f34c"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f34c.png)
}

span.emoji[data-emoji="\1f34d"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f34d.png)
}

span.emoji[data-emoji="\1f34e"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f34e.png)
}

span.emoji[data-emoji="\1f34f"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f34f.png)
}

span.emoji[data-emoji="\1f350"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f350.png)
}

span.emoji[data-emoji="\1f351"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f351.png)
}

span.emoji[data-emoji="\1f352"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f352.png)
}

span.emoji[data-emoji="\1f353"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f353.png)
}

span.emoji[data-emoji="\1f354"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f354.png)
}

span.emoji[data-emoji="\1f355"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f355.png)
}

span.emoji[data-emoji="\1f356"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f356.png)
}

span.emoji[data-emoji="\1f357"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f357.png)
}

span.emoji[data-emoji="\1f358"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f358.png)
}

span.emoji[data-emoji="\1f359"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f359.png)
}

span.emoji[data-emoji="\1f35a"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f35a.png)
}

span.emoji[data-emoji="\1f35b"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f35b.png)
}

span.emoji[data-emoji="\1f35c"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f35c.png)
}

span.emoji[data-emoji="\1f35d"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f35d.png)
}

span.emoji[data-emoji="\1f35e"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f35e.png)
}

span.emoji[data-emoji="\1f35f"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f35f.png)
}

span.emoji[data-emoji="\1f360"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f360.png)
}

span.emoji[data-emoji="\1f361"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f361.png)
}

span.emoji[data-emoji="\1f362"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f362.png)
}

span.emoji[data-emoji="\1f363"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f363.png)
}

span.emoji[data-emoji="\1f364"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f364.png)
}

span.emoji[data-emoji="\1f365"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f365.png)
}

span.emoji[data-emoji="\1f366"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f366.png)
}

span.emoji[data-emoji="\1f367"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f367.png)
}

span.emoji[data-emoji="\1f368"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f368.png)
}

span.emoji[data-emoji="\1f369"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f369.png)
}

span.emoji[data-emoji="\1f36a"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f36a.png)
}

span.emoji[data-emoji="\1f36b"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f36b.png)
}

span.emoji[data-emoji="\1f36c"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f36c.png)
}

span.emoji[data-emoji="\1f36d"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f36d.png)
}

span.emoji[data-emoji="\1f36e"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f36e.png)
}

span.emoji[data-emoji="\1f36f"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f36f.png)
}

span.emoji[data-emoji="\1f370"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f370.png)
}

span.emoji[data-emoji="\1f371"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f371.png)
}

span.emoji[data-emoji="\1f372"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f372.png)
}

span.emoji[data-emoji="\1f373"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f373.png)
}

span.emoji[data-emoji="\1f374"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f374.png)
}

span.emoji[data-emoji="\1f375"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f375.png)
}

span.emoji[data-emoji="\1f376"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f376.png)
}

span.emoji[data-emoji="\1f377"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f377.png)
}

span.emoji[data-emoji="\1f378"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f378.png)
}

span.emoji[data-emoji="\1f379"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f379.png)
}

span.emoji[data-emoji="\1f37a"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f37a.png)
}

span.emoji[data-emoji="\1f37b"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f37b.png)
}

span.emoji[data-emoji="\1f37c"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f37c.png)
}

span.emoji[data-emoji="\1f381"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f381.png)
}

span.emoji[data-emoji="\1f382"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f382.png)
}

span.emoji[data-emoji="\1f383"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f383.png)
}

span.emoji[data-emoji="\1f384"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f384.png)
}

span.emoji[data-emoji="\1f385"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f385.png)
}

span.emoji[data-emoji="\1f386"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f386.png)
}

span.emoji[data-emoji="\1f387"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f387.png)
}

span.emoji[data-emoji="\1f388"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f388.png)
}

span.emoji[data-emoji="\1f389"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f389.png)
}

span.emoji[data-emoji="\1f38a"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f38a.png)
}

span.emoji[data-emoji="\1f38b"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f38b.png)
}

span.emoji[data-emoji="\1f38c"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f38c.png)
}

span.emoji[data-emoji="\1f38d"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f38d.png)
}

span.emoji[data-emoji="\1f38e"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f38e.png)
}

span.emoji[data-emoji="\1f38f"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f38f.png)
}

span.emoji[data-emoji="\1f390"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f390.png)
}

span.emoji[data-emoji="\1f391"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f391.png)
}

span.emoji[data-emoji="\1f392"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f392.png)
}

span.emoji[data-emoji="\1f393"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f393.png)
}

span.emoji[data-emoji="\1f3a3"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3a3.png)
}

span.emoji[data-emoji="\1f3a4"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3a4.png)
}

span.emoji[data-emoji="\1f3a5"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3a5.png)
}

span.emoji[data-emoji="\1f3a7"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3a7.png)
}

span.emoji[data-emoji="\1f3a8"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3a8.png)
}

span.emoji[data-emoji="\1f3ac"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3ac.png)
}

span.emoji[data-emoji="\1f3ae"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3ae.png)
}

span.emoji[data-emoji="\1f3af"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3af.png)
}

span.emoji[data-emoji="\1f3b1"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3b1.png)
}

span.emoji[data-emoji="\1f3b2"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3b2.png)
}

span.emoji[data-emoji="\1f3b3"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3b3.png)
}

span.emoji[data-emoji="\1f3b4"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3b4.png)
}

span.emoji[data-emoji="\1f3b5"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3b5.png)
}

span.emoji[data-emoji="\1f3b6"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3b6.png)
}

span.emoji[data-emoji="\1f3b7"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3b7.png)
}

span.emoji[data-emoji="\1f3b8"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3b8.png)
}

span.emoji[data-emoji="\1f3b9"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3b9.png)
}

span.emoji[data-emoji="\1f3ba"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3ba.png)
}

span.emoji[data-emoji="\1f3bb"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3bb.png)
}

span.emoji[data-emoji="\1f3bc"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3bc.png)
}

span.emoji[data-emoji="\1f3be"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3be.png)
}

span.emoji[data-emoji="\1f3bf"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3bf.png)
}

span.emoji[data-emoji="\1f3c0"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3c0.png)
}

span.emoji[data-emoji="\1f3c1"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3c1.png)
}

span.emoji[data-emoji="\1f3c2"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3c2.png)
}

span.emoji[data-emoji="\1f3c4"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3c4.png)
}

span.emoji[data-emoji="\1f3c6"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3c6.png)
}

span.emoji[data-emoji="\1f3c7"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3c7.png)
}

span.emoji[data-emoji="\1f3c8"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3c8.png)
}

span.emoji[data-emoji="\1f3c9"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3c9.png)
}

span.emoji[data-emoji="\1f3ca"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f3ca.png)
}

span.emoji[data-emoji="\1f47b"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f47b.png)
}

span.emoji[data-emoji="\1f47e"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f47e.png)
}

span.emoji[data-emoji="\1f489"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f489.png)
}

span.emoji[data-emoji="\1f48a"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f48a.png)
}

span.emoji[data-emoji="\1f49d"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f49d.png)
}

span.emoji[data-emoji="\1f4a1"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4a1.png)
}

span.emoji[data-emoji="\1f4a3"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4a3.png)
}

span.emoji[data-emoji="\1f4b0"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4b0.png)
}

span.emoji[data-emoji="\1f4b3"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4b3.png)
}

span.emoji[data-emoji="\1f4b4"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4b4.png)
}

span.emoji[data-emoji="\1f4b5"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4b5.png)
}

span.emoji[data-emoji="\1f4b6"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4b6.png)
}

span.emoji[data-emoji="\1f4b7"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4b7.png)
}

span.emoji[data-emoji="\1f4b8"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4b8.png)
}

span.emoji[data-emoji="\1f4bb"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4bb.png)
}

span.emoji[data-emoji="\1f4bd"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4bd.png)
}

span.emoji[data-emoji="\1f4be"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4be.png)
}

span.emoji[data-emoji="\1f4bf"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4bf.png)
}

span.emoji[data-emoji="\1f4c0"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4c0.png)
}

span.emoji[data-emoji="\1f4c1"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4c1.png)
}

span.emoji[data-emoji="\1f4c2"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4c2.png)
}

span.emoji[data-emoji="\1f4c3"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4c3.png)
}

span.emoji[data-emoji="\1f4c4"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4c4.png)
}

span.emoji[data-emoji="\1f4c5"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4c5.png)
}

span.emoji[data-emoji="\1f4c6"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4c6.png)
}

span.emoji[data-emoji="\1f4c7"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4c7.png)
}

span.emoji[data-emoji="\1f4c8"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4c8.png)
}

span.emoji[data-emoji="\1f4c9"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4c9.png)
}

span.emoji[data-emoji="\1f4ca"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4ca.png)
}

span.emoji[data-emoji="\1f4cb"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4cb.png)
}

span.emoji[data-emoji="\1f4cc"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4cc.png)
}

span.emoji[data-emoji="\1f4ce"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4ce.png)
}

span.emoji[data-emoji="\1f4cf"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4cf.png)
}

span.emoji[data-emoji="\1f4d0"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4d0.png)
}

span.emoji[data-emoji="\1f4d1"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4d1.png)
}

span.emoji[data-emoji="\1f4d2"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4d2.png)
}

span.emoji[data-emoji="\1f4d3"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4d3.png)
}

span.emoji[data-emoji="\1f4d4"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4d4.png)
}

span.emoji[data-emoji="\1f4d5"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4d5.png)
}

span.emoji[data-emoji="\1f4d6"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4d6.png)
}

span.emoji[data-emoji="\1f4d7"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4d7.png)
}

span.emoji[data-emoji="\1f4d8"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4d8.png)
}

span.emoji[data-emoji="\1f4d9"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4d9.png)
}

span.emoji[data-emoji="\1f4da"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4da.png)
}

span.emoji[data-emoji="\1f4db"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4db.png)
}

span.emoji[data-emoji="\1f4dc"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4dc.png)
}

span.emoji[data-emoji="\1f4dd"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4dd.png)
}

span.emoji[data-emoji="\1f4de"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4de.png)
}

span.emoji[data-emoji="\1f4df"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4df.png)
}

span.emoji[data-emoji="\1f4e0"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4e0.png)
}

span.emoji[data-emoji="\1f4e1"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4e1.png)
}

span.emoji[data-emoji="\1f4e2"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4e2.png)
}

span.emoji[data-emoji="\1f4e3"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4e3.png)
}

span.emoji[data-emoji="\1f4e4"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4e4.png)
}

span.emoji[data-emoji="\1f4e5"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4e5.png)
}

span.emoji[data-emoji="\1f4e6"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4e6.png)
}

span.emoji[data-emoji="\1f4e7"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4e7.png)
}

span.emoji[data-emoji="\1f4e8"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4e8.png)
}

span.emoji[data-emoji="\1f4e9"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4e9.png)
}

span.emoji[data-emoji="\1f4ea"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4ea.png)
}

span.emoji[data-emoji="\1f4eb"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4eb.png)
}

span.emoji[data-emoji="\1f4ec"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4ec.png)
}

span.emoji[data-emoji="\1f4ed"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4ed.png)
}

span.emoji[data-emoji="\1f4ee"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4ee.png)
}

span.emoji[data-emoji="\1f4ef"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4ef.png)
}

span.emoji[data-emoji="\1f4f0"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4f0.png)
}

span.emoji[data-emoji="\1f4f1"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4f1.png)
}

span.emoji[data-emoji="\1f4f2"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4f2.png)
}

span.emoji[data-emoji="\1f4f7"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4f7.png)
}

span.emoji[data-emoji="\1f4f9"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4f9.png)
}

span.emoji[data-emoji="\1f4fa"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4fa.png)
}

span.emoji[data-emoji="\1f4fb"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4fb.png)
}

span.emoji[data-emoji="\1f4fc"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f4fc.png)
}

span.emoji[data-emoji="\1f505"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f505.png)
}

span.emoji[data-emoji="\1f506"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f506.png)
}

span.emoji[data-emoji="\1f507"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f507.png)
}

span.emoji[data-emoji="\1f509"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f509.png)
}

span.emoji[data-emoji="\1f50a"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f50a.png)
}

span.emoji[data-emoji="\1f50b"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f50b.png)
}

span.emoji[data-emoji="\1f50c"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f50c.png)
}

span.emoji[data-emoji="\1f50d"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f50d.png)
}

span.emoji[data-emoji="\1f50e"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f50e.png)
}

span.emoji[data-emoji="\1f50f"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f50f.png)
}

span.emoji[data-emoji="\1f510"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f510.png)
}

span.emoji[data-emoji="\1f511"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f511.png)
}

span.emoji[data-emoji="\1f512"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f512.png)
}

span.emoji[data-emoji="\1f513"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f513.png)
}

span.emoji[data-emoji="\1f514"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f514.png)
}

span.emoji[data-emoji="\1f515"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f515.png)
}

span.emoji[data-emoji="\1f516"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f516.png)
}

span.emoji[data-emoji="\1f526"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f526.png)
}

span.emoji[data-emoji="\1f527"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f527.png)
}

span.emoji[data-emoji="\1f528"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f528.png)
}

span.emoji[data-emoji="\1f529"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f529.png)
}

span.emoji[data-emoji="\1f52a"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f52a.png)
}

span.emoji[data-emoji="\1f52b"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f52b.png)
}

span.emoji[data-emoji="\1f52c"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f52c.png)
}

span.emoji[data-emoji="\1f52d"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f52d.png)
}

span.emoji[data-emoji="\1f52e"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f52e.png)
}

span.emoji[data-emoji="\1f69e"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f69e.png)
}

span.emoji[data-emoji="\1f6aa"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f6aa.png)
}

span.emoji[data-emoji="\1f6ac"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f6ac.png)
}

span.emoji[data-emoji="\1f6b4"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f6b4.png)
}

span.emoji[data-emoji="\1f6b5"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f6b5.png)
}

span.emoji[data-emoji="\1f6bd"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f6bd.png)
}

span.emoji[data-emoji="\1f6bf"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f6bf.png)
}

span.emoji[data-emoji="\1f6c0"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f6c0.png)
}

span.emoji[data-emoji="\1f6c1"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f6c1.png)
}

span.emoji[data-emoji="\1f508"] {
    background-image: url(https://v.cdn.vine.co/w/emoji/1f508.png)
}

.final-hero {
    background-image: -webkit-linear-gradient(#2bcb9b, #70b1ef);
    background-image: linear-gradient(#2bcb9b, #70b1ef);
    background-color: #fff
}

.final-hero-wrap {
    max-width: 640px;
    margin: 0 auto;
    padding: 60px 0;
    color: #fff;
    text-align: center;
    font-size: 24px;
    font-weight: 300;
    line-height: 1.4
}

.final-search {
    width: 340px;
    padding: 12px 14px;
    color: #464646;
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
    border-radius: 24px;
    border: 0
}

.final-spotlight {
    background-color: #5384e2
}

.final-spotlight .spotlight-image {
    margin-right: 15px
}

.final-spotlight-creators {
    background-color: #33ccbf
}

.final-grid-item {
    width: 300px;
    margin-bottom: 30px;
    background-color: #fff;
    text-align: left
}

.final-grid-item .video-container {
    height: 300px;
    width: 100%
}

.final-grid-stats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px
}

.final-loops {
    color: #b2b2b2
}

.final-title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .003em
}

.vines-section {
    background-color: #4f3972
}

.vines-section .subtitle {
    text-align: center;
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 60px
}

.special-vine-wrap {
    width: 300px;
    text-align: center;
    font-size: 24px;
    margin-bottom: 0;
    font-weight: 300;
    line-height: 1.4;
    color: #fff
}

.special-title {
    margin-bottom: 10px;
    display: inline-block
}

.death-warning {
    width: 50%;
    margin: 40px auto 0
}

.delete-button-row {
    margin-top: 30px
}

.delete-button-row button {
    display: inline-block
}

.delete-button-row button.delete-account {
    background-color: #f64e5d;
    color: #fff
}

.delete-button-row button.cancel-account {
    background-color: #b2b2b2;
    color: #fff
}

.final-playlist-link {
    color: #464646
}

.final-playlist-link:hover {
    color: #00bf8f
}

.view-all-row {
    max-width: 1002px;
    margin: 0 auto;
    text-align: right
}

.section-header-link {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2px 12px
}

.section-header-link.editors-picks-link:hover {
    background-color: #fff;
    color: #fdae4c
}

.section-header-link.vines-link:hover {
    background-color: #fff;
    color: #ed5a68
}

.loading-more-wrap {
    text-align: center
}

@media screen and (max-width:650px) {
    .final-page {
        margin-top: 0
    }

    .final-grid-item,
    .special-vine-wrap {
        width: 100%
    }

    .final-grid-item .video-container {
        height: 0;
        padding-bottom: 100%
    }

    .view-all-row {
        text-align: center
    }
}