﻿.more-button__warp[data-v-fdc405fb]
{
    width: 280px;
    background: var(--media-component-background);
    -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,.1);
    box-shadow: 0 3px 6px rgba(0,0,0,.1);
    border-radius: 16px;
    z-index: 1;
    padding: 12px 0;
    max-height: 80vh;
    overflow: auto;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
}
.more-button__warp--use-media-popover[data-v-fdc405fb]
{
    -webkit-box-shadow: 2px 8px 30px 0 rgba(0,0,0,.06),0 0 10px 0 rgba(0,0,0,.04);
    box-shadow: 2px 8px 30px rgba(0,0,0,.06),0 0 10px rgba(0,0,0,.04);
}
@media only screen and (max-width: 499px)
{
    .more-button__warp--use-media-popover[data-v-fdc405fb]
    {
        padding: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        width: 100%;
        border-radius: 0;
        background: transparent;
    }
}
.more-button__value-title[data-v-fdc405fb]
{
    display: block;
    padding: 16px 20px;
    padding-bottom: var(--space-m4-w6);
    font-size: var(--caption-m12-w12-size);
    color: var(--gray-04);
}
.more-button__value-title[data-v-fdc405fb]:not(.more-button__value-title-first)
{
    position: relative;
}
.more-button__value-title[data-v-fdc405fb]:not(.more-button__value-title-first):after
{
    content: "";
    display: block;
    background: var(--gray-02);
    height: 1px;
    width: calc(100% - 32px);
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%);
    bottom: 100%;
}
@media only screen and (max-width: 499px)
{
    .more-button__value-title[data-v-fdc405fb]:not(.more-button__value-title-first)
    {
        position: relative;
    }
    .more-button__value-title[data-v-fdc405fb]:not(.more-button__value-title-first):after
    {
        content: "";
        display: block;
        background: var(--gray-02);
        height: 1px;
        width: calc(100% + 32px);
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translate(-50%);
        bottom: 100%;
    }
    .more-button__value-title.more-button__value-title--use-media-popover[data-v-fdc405fb]
    {
        padding-left: 0;
        padding-right: 0;
        position: relative;
    }
    .more-button__value-title.more-button__value-title--use-media-popover[data-v-fdc405fb]:after
    {
        content: "";
        display: block;
        background: var(--gray-02);
        height: 1px;
        width: 100%;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translate(-50%);
        bottom: 100%;
    }
}
.more-button__value-item[data-v-fdc405fb]
{
    padding: 16px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
    position: relative;
    cursor: pointer;
    color: var(--gray-08);
}
.more-button__value-item svg[data-v-fdc405fb]
{
    width: 24px;
    height: 24px;
    margin-right: 12px;
}
.more-button__value-item.active .more-button__value-item--check[data-v-fdc405fb]
{
    display: block;
}
.more-button__value-item.disable[data-v-fdc405fb]
{
    color: var(--gray-02);
    cursor: no-drop;
}
.more-button__value-item .style[data-v-fdc405fb]
{
    color: var(--primary-tap-blue);
}
.more-button__value-item .more-button__value-item--check[data-v-fdc405fb]
{
    display: none;
    position: absolute;
    right: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    color: var(--primary-tap-blue);
}
@media only screen and (max-width: 499px)
{
    .more-button__value-item--use-media-popover[data-v-fdc405fb]
    {
        padding-left: 0;
        padding-right: 0;
    }
    .more-button__value-item--use-media-popover .more-button__value-item--check[data-v-fdc405fb]
    {
        margin-right: 0;
    }
}
.more-button__value-item--tips[data-v-fdc405fb]
{
    display: -webkit-box;
    display: flex;
    margin-left: auto;
    -webkit-box-align: center;
    align-items: center;
    font-size: 12px;
    color: var(--gray-06);
}
.more-button__value-item--tips svg[data-v-fdc405fb]
{
    width: 12px;
    height: 12px;
    margin-right: 0;
}
.ico-font-size-20[data-v-fdc405fb]
{
    width: 20px!important;
    height: 20px!important;
    padding: 2px;
}
@media only screen and (max-width: 499px)
{
    .popover-more-button__media .media-popup__body
    {
        width: 100%;
    }
}
.reply-more__popover
{
    cursor: pointer;
}