/*
Version: 1.0
*/

@charset "UTF-8";

.c-shareBtns {
    margin: 2em 0
}

.c-shareBtns__message {
    padding: .25em 0 .75em;
    text-align: center;
    width: 100%
}

.c-shareBtns__message .__text {
    display: inline-block;
    line-height: 1.5;
    padding: 0 1.5em;
    position: relative
}

.c-shareBtns__message .__text:after,.c-shareBtns__message .__text:before {
    background-color: currentcolor;
    bottom: 0;
    content: "";
    display: block;
    height: 1.5em;
    position: absolute;
    width: 1px
}

.c-shareBtns__message .__text:before {
    left: 0;
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg)
}

.c-shareBtns__message .__text:after {
    right: 0;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg)
}

.c-shareBtns__list {
    display: flex;
    justify-content: center
}

.c-shareBtns__item.-facebook {
    color: #3b5998
}

.c-shareBtns__item.-twitter {
    color: #1da1f2
}

.c-shareBtns__item.-twitter-x {
    color: #000
}

.c-shareBtns__item.-hatebu {
    color: #00a4de
}

.c-shareBtns__item.-pocket {
    color: #ef3f56
}

.c-shareBtns__item.-pinterest {
    color: #bb0f23
}

.c-shareBtns__item.-line {
    color: #00c300
}

.c-shareBtns__item.-copy {
    color: #717475;
    position: relative
}

.c-shareBtns:not(.-style-btn-small) .c-shareBtns__item {
    flex: 1
}

.c-shareBtns__btn {
    align-items: center;
    background-color: currentcolor;
    border-radius: var(--swl-radius--2,0);
    color: inherit;
    cursor: pointer;
    display: flex;
    justify-content: center;
    text-align: center;
    text-decoration: none
}

.c-shareBtns__icon {
    --the-icon-size: 4.5vw;
    color: #fff;
    display: block;
    font-size: var(--the-icon-size);
    height: 1em;
    line-height: 1;
    margin: auto;
    width: 1em
}

.c-shareBtns__icon:before {
    color: inherit;
    display: block
}

.-fix.c-shareBtns {
    border: none!important;
    left: 8px;
    margin: 0;
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 30px;
    z-index: 99
}

.-fix.c-shareBtns .c-shareBtns__list {
    border: none;
    flex-direction: column;
    margin: 0;
    padding: 0;
    width: 100%
}

.-fix.c-shareBtns .c-shareBtns__item {
    flex-basis: 100%;
    margin: 4px 0;
    max-width: 100%;
    padding: 0;
    width: 100%
}

.-fix.c-shareBtns .c-shareBtns__btn {
    height: 30px;
    padding: 0
}

.-fix.c-shareBtns .c-shareBtns__icon {
    font-size: 16px
}

.c-urlcopy {
    display: block;
    position: relative;
    width: 100%
}

.c-urlcopy .-copied {
    opacity: 0;
    position: absolute;
    top: 8px
}

.c-urlcopy .-to-copy {
    opacity: 1;
    top: 0
}

.c-urlcopy.-done .-to-copy {
    opacity: 0;
    top: 8px;
    transition-duration: 0s
}

.c-urlcopy.-done .-copied {
    opacity: 1;
    top: 0;
    transition-duration: .25s
}

.c-urlcopy.-done+.c-copyedPoppup {
    opacity: 1;
    visibility: visible
}

.c-urlcopy .c-shareBtns__icon {
    transition: opacity .25s,top .25s
}

.c-urlcopy__text {
    display: block
}

.c-urlcopy__content {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%
}

.c-copyedPoppup {
    bottom: calc(100% + 2px);
    color: grey;
    font-size: 10px;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    transition: opacity .25s,visibility .25s;
    visibility: hidden;
    white-space: nowrap
}

.-fix.c-shareBtns .c-copyedPoppup {
    bottom: 50%;
    left: 100%;
    right: auto;
    -webkit-transform: translateX(8px) translateY(50%);
    transform: translateX(8px) translateY(50%)
}

.c-big-urlcopy {
    margin: 1em 0
}

.c-big-urlcopy .c-shareBtns__icon {
    align-items: center;
    display: flex;
    justify-content: center;
    width: auto
}

.c-big-urlcopy .c-urlcopy__text {
    font-size: .8em;
    margin-left: .75em;
    padding-top: 1px
}

.c-shareBtns.-style-btn-small.has-big-copybtn {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.c-shareBtns.-style-btn-small .c-big-urlcopy {
    margin: 8px;
    max-width: 100%;
    width: 16em
}