.tap-media-modal[data-v-f95389d6]
{
    background: var(--media-component-background);
    max-width: 496px;
    width: 80%;
    margin: 10vh auto;
    max-height: 80vh;
    border-radius: var(--radius-m8-w10);
    position: relative;
}
.tap-media-modal.tap-media-modal--middle[data-v-f95389d6]
{
    margin: 0 auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.tap-media-modal.tap-media-modal--bottom[data-v-f95389d6]
{
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%);
    left: 50%;
    bottom: 0;
}
.tap-media-modal .tap-cell.tap-cell--pc[data-v-f95389d6]
{
    padding-left: 24px;
    padding-right: 24px;
}
.media-modal__header[data-v-f95389d6]
{
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    padding: 24px 24px var(--space-m8-w12);
}
@media only screen and (max-width: 499px)
{
    .media-modal__header[data-v-f95389d6]
    {
        padding: 16px 20px 8px;
    }
}
.media-modal__header__right-enabled[data-v-f95389d6]
{
    position: relative;
    padding-right: 36px;
}
@media only screen and (min-width: 499px)
{
    .media-modal__header__right-enabled[data-v-f95389d6]
    {
        padding-right: 44px;
    }
}
.media-modal__header__right-enabled .media-modal__header--right[data-v-f95389d6]
{
    position: absolute;
    padding: 24px 24px 0 0;
    right: 0;
    top: 0;
}
.media-modal__header__right-enabled .media-modal__header--right .svg-icon[data-v-f95389d6]
{
    color: var(--gray-06);
}
@media only screen and (max-width: 499px)
{
    .media-modal__header__right-enabled .media-modal__header--right[data-v-f95389d6]
    {
        padding: 18px 8px 0 0;
    }
    .media-modal__header__right-enabled .media-modal__header--right .svg-icon[data-v-f95389d6]
    {
        color: var(--gray-07);
    }
}
.media-modal__header--left[data-v-f95389d6], .media-modal__header--right[data-v-f95389d6]
{
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}
.media-modal-header__title[data-v-f95389d6]
{
    font-size: 22px;
}
@media only screen and (max-width: 499px)
{
    .media-modal-header__title[data-v-f95389d6]
    {
        font-size: 20px;
    }
}
.media-modal__body[data-v-f95389d6]
{
    max-height: calc(80vh - 66px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto;
}
.media-modal__body.media-component-loading[data-v-f95389d6]
{
    height: 300px;
}
.tap-media-modal--full-content[data-v-f95389d6]
{
    position: relative;
}
.tap-media-modal--full-content .media-modal__header[data-v-f95389d6]
{
    position: absolute;
    background: transparent;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.tap-media-modal--full-content .media-modal__body[data-v-f95389d6]
{
    height: 100%;
    padding-bottom: 0;
    max-height: 80vh;
    border-radius: var(--radius-m8-w10);
}
.media-component-loading[data-v-f95389d6]
{
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}
.media-modal__header--close[data-v-f95389d6]
{
    cursor: pointer;
    width: 28px;
    height: 28px;
}
@media only screen and (max-width: 499px)
{
    .media-modal__header--close[data-v-f95389d6]
    {
        width: 20px;
        height: 20px;
    }
}
.media-modal__header--left .media-modal__header--close[data-v-f95389d6]
{
    margin-right: 26px;
}
.media-modal__header--close .icon-close-icon[data-v-f95389d6]
{
    width: var(--icon-size-m28-w28);
}