.sharing-and-copying {
    background: #fff;
    font-family: "NNNittiGrotesk-TextRegular";
    font-size: 1.125rem
}

.sharing-and-copying[data-animate] {
    transform: translateX(-10rem);
    opacity: 0
}

.sharing-and-copying[data-animate].active {
    transform: none;
    opacity: 1
}

.sharing-and-copying .copy-badge {
    position: relative;
    left: 50%;
    top: 4.75rem;
    display: none;
    position: fixed
}

.sharing-and-copying .sharing-row .sharing-container {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    display: flex;
    align-items: center;
    position: relative;
    border-bottom: 1px solid #d3d3d3;
    border-top: 1px solid #d3d3d3;
    flex-direction: column
}

@media print,
screen and (min-width: 40em) {
    .sharing-and-copying .sharing-row .sharing-container {
        flex-direction: row
    }
}

@media print,
screen and (min-width: 64em) {
    .sharing-and-copying .sharing-row .sharing-container {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }
}

.sharing-and-copying .sharing-row .media-wrapper {
    padding-bottom: 1rem
}

@media print,
screen and (min-width: 40em) {
    .sharing-and-copying .sharing-row .media-wrapper {
        padding-bottom: 0;
        margin-right: 1.25rem
    }
}

.sharing-and-copying .sharing-row .media-wrapper .share-list {
    margin: 0;
    display: flex;
    align-items: center
}

.sharing-and-copying .sharing-row .media-wrapper .share-list .share-item,
.sharing-and-copying .sharing-row .media-wrapper .share-list .more-item {
    display: inline;
    margin-right: .5rem;
    transition: all .3s
}

.sharing-and-copying .sharing-row .media-wrapper .share-list .share-item .share,
.sharing-and-copying .sharing-row .media-wrapper .share-list .share-item .nn-tooltip-trigger,
.sharing-and-copying .sharing-row .media-wrapper .share-list .more-item .share,
.sharing-and-copying .sharing-row .media-wrapper .share-list .more-item .nn-tooltip-trigger {
    display: block;
    height: 2.375rem;
    width: 2.375rem;
    background-repeat: no-repeat;
    background-size: cover
}

.sharing-and-copying .sharing-row .media-wrapper .share-list .share-item:hover,
.sharing-and-copying .sharing-row .media-wrapper .share-list .more-item:hover {
    opacity: .6
}

.sharing-and-copying .sharing-row .media-wrapper .share-list .share-item .share-facebook {
    background-image: url(assets/facebook.a12a9d5bfcac185bedf36cf27cdd9cb0.svg)
}

.sharing-and-copying .sharing-row .media-wrapper .share-list .share-item .share-twitter {
    background-image: url(assets/twitter.d8cc20aae04e770b3ee04574cdc5e245.svg)
}

.sharing-and-copying .sharing-row .media-wrapper .share-list .share-item .share-email {
    background-image: url(assets/email.310d1f26e78d8bd9c3c3a2594171017c.svg)
}

.sharing-and-copying .sharing-row .media-wrapper .share-list .share-item .share-linkedin {
    background-image: url(assets/linkedin.7bd2a2f48f9d562d98042fb81ce11494.svg)
}

.sharing-and-copying .sharing-row .media-wrapper .share-list .share-item .share-pinterest {
    background-image: url(assets/pinterest.a5ba3ab15d856f099ebe2bbff643abbb.svg)
}

.sharing-and-copying .sharing-row .media-wrapper .share-list .more-item .nn-tooltip-trigger {
    background-image: url(assets/arrow-up.ae5b129762f201159f86738fc4fa7628.svg)
}

.sharing-and-copying .sharing-row .media-wrapper .share-list .more-item .nn-tooltip-trigger:before {
    content: none
}

.sharing-and-copying .sharing-row .current-url {
    padding-bottom: 1rem;
    word-break: break-all
}

@media print,
screen and (min-width: 40em) {
    .sharing-and-copying .sharing-row .current-url {
        padding-bottom: 0;
        margin-right: 1.25rem
    }
}

.sharing-and-copying .sharing-row .copy-url {
    color: #f39100;
    font-family: "NNNittiGrotesk-TextRegular";
    white-space: nowrap
}