/********* public:share_controls.less ********/
.shareButtons:before,.shareButtons:after {
    content: " ";
    display: table
}

.shareButtons:after {
    clear: both
}

.shareButtons--iconic .shareButtons-buttons {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(35px, 1fr))
}

.shareButtons-label {
    float: left;
    margin-right: 3px;
    color: #414854;
    min-height: 35px;
    line-height: 35px
}

.shareButtons-button {
    float: left;
    margin-right: 3px;
    padding: 6px;
    color: #414854;
    font-size: 20px;
    line-height: 20px;
    white-space: nowrap;
    min-width: 35px;
    border-radius: 2px;
    background-color: transparent;
    -webkit-transition: all .15s ease;
    transition: all .15s ease
}

.shareButtons-button:last-of-type {
    margin-right: 0
}

.shareButtons-button:hover {
    text-decoration: none;
    color: white
}

.shareButtons-button>i {
    display: inline-block;
    vertical-align: middle;
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.shareButtons-button.shareButtons-button--brand>i {
    font-family: 'Font Awesome 5 Brands';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.shareButtons-button>span {
    font-weight: 500;
    font-size: 14px
}

.shareButtons--iconic .shareButtons-button {
    text-align: center
}

.shareButtons--iconic .shareButtons-button>i {
    min-width: 20px
}

.shareButtons--iconic .shareButtons-button>svg {
    vertical-align: middle
}

.shareButtons--iconic .shareButtons-button>span {
    position: absolute;
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden
}

.shareButtons-button.shareButtons-button--facebook:hover {
    background-color: #3B5998
}

.shareButtons-button.shareButtons-button--facebook>i:before {
    content: "\f39e";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.shareButtons-button.shareButtons-button--twitter:hover {
    background-color: #000000
}

.shareButtons-button.shareButtons-button--twitter>i:before {
    content: "\f099";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.shareButtons-button.shareButtons-button--pinterest:hover {
    background-color: #bd081c
}

.shareButtons-button.shareButtons-button--pinterest>i:before {
    content: "\f231";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.shareButtons-button.shareButtons-button--tumblr:hover {
    background-color: #35465c
}

.shareButtons-button.shareButtons-button--tumblr>i:before {
    content: "\f173";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.shareButtons-button.shareButtons-button--reddit:hover {
    background-color: #FF4500
}

.shareButtons-button.shareButtons-button--reddit>i:before {
    content: "\f281";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.shareButtons-button.shareButtons-button--whatsApp:hover {
    background-color: #25D366
}

.shareButtons-button.shareButtons-button--whatsApp>i:before {
    content: "\f232";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.shareButtons-button.shareButtons-button--email:hover {
    background-color: #1289ff
}

.shareButtons-button.shareButtons-button--email>i:before {
    content: "\f0e0";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.shareButtons-button.shareButtons-button--share {
    cursor: pointer
}

.shareButtons-button.shareButtons-button--share:hover {
    background-color: #787878
}

.shareButtons-button.shareButtons-button--share>i:before {
    content: "\f1e0";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.shareButtons-button.shareButtons-button--link {
    cursor: pointer
}

.shareButtons-button.shareButtons-button--link:hover {
    background-color: #787878
}

.shareButtons-button.shareButtons-button--link>i:before {
    content: "\f0c1";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.shareButtons-button.is-hidden {
    display: none
}

.shareInput {
    margin-bottom: 5px
}

.shareInput:last-child {
    margin-bottom: 0
}

.shareInput-label {
    font-size: 1rem
}

.shareInput-label:after {
    content: ":"
}

.shareInput-label.is-sentence:after {
    content: ""
}

.shareInput-button {
    color: #EAECF2;
    cursor: pointer
}

.shareInput-button>i {
    display: inline-block;
    vertical-align: middle;
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.shareInput-button>i:before {
    content: "\f0c5";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.shareInput-button.is-hidden {
    display: none
}

.shareInput-input {
    font-size: 1rem
}

@media (max-width: 568px) {
    .shareInput-input {
        font-size:16px
    }
}

.shareInput-button.is-hidden+.shareInput-input {
    border-radius: 4px
}