@font-face {
    font-family: sst_icons;
    src: url(fonts/sst_icons.eot);
    src: url(fonts/sst_icons.eot?#iefix) format("embedded-opentype"), url(fonts/sst_icons.woff) format("woff"), url(fonts/sst_icons.ttf) format("truetype"), url(fonts/sst_icons.svg#sst_icons) format("svg");
    font-weight: 400;
    font-style: normal
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: sst_icons;
        src: url(fonts/sst_icons.svg#sst_icons) format("svg")
    }
}

[data-icon]:before {
    content: attr(data-icon)
}

.icon-sst-buffer:before,
.icon-sst-digg:before,
.icon-sst-facebook:before,
.icon-sst-linkedin:before,
.icon-sst-reddit:before,
.icon-sst-stumbleupon:before,
.icon-sst-tumblr:before,
.icon-sst-twitter:before,
[data-icon]:before {
    display: inline-block;
    font-family: sst_icons;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

.icon-sst-buffer:before {
    content: "\f108"
}

.icon-sst-digg:before {
    content: "\f109"
}

.icon-sst-facebook:before {
    content: "\f10f"
}

.icon-sst-linkedin:before {
    content: "\f10a"
}

.icon-sst-reddit:before {
    content: "\f10b"
}

.icon-sst-stumbleupon:before {
    content: "\f10c"
}

.icon-sst-tumblr:before {
    content: "\f10d"
}

.icon-sst-twitter:before {
    content: "\f10e"
}

.share-selected-text-main-container {
    position: absolute;
    width: 100%;
    opacity: 0;
    -ms-transform: translateY(5px);
    transform: translateY(5px);
    transition: .3s ease opacity, .3s ease transform, .3s ease top, .3s ease left;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 99;
    pointer-events: none
}

    .share-selected-text-main-container.active {
        opacity: 1;
        -ms-transform: translateY(0);
        transform: translateY(0);
        z-index: 999
    }

        .share-selected-text-main-container.active .share-selected-text-inner {
            pointer-events: auto
        }

    .share-selected-text-main-container .share-selected-text-inner {
        -ms-flex: 1;
        flex: 1;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        background: rgb(54,55,54);
        height: 100%;
        pointer-events: none;
        position: relative
    }

        .share-selected-text-main-container .share-selected-text-inner:after {
            content: '';
            position: absolute;
            bottom: -6px;
            left: 0;
            right: 0;
            margin: auto;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 6px 6.5px 0;
            border-color: #404658 transparent transparent
        }

    .share-selected-text-main-container .share-selected-text-btn {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        text-transform: uppercase;
        font-weight: 700;
        color: #fff;
        height: 100%;
        margin: 0;
        padding: 0 5px;
        transition: .2s ease all
    }

        .share-selected-text-main-container .share-selected-text-btn:focus,
        .share-selected-text-main-container .share-selected-text-btn:hover {
            background: #4f566d;
        }