﻿.tap-media-popup[data-v-bfc693f6]
{
    position: fixed;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    max-height: 84vh;
    background-color: var(--primary-white);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    -webkit-overflow-scrolling: touch;
    padding: var(--space-m12-w16);
    z-index: 600;
}
.tap-media-popup.tap-media-popup--line-type[data-v-bfc693f6]
{
    border-radius: 12px 12px 0 0;
    padding-top: 4px;
}
.tap-media-sheet[data-v-bfc693f6] .media-modal__footer
{
    padding-left: 0;
    padding-right: 0;
}
.tap-media-popup--bottom[data-v-bfc693f6]
{
    padding-bottom: 0;
    padding-bottom: calc(var(--safe-area-inset-bottom));
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: var(--radius-m8-w10) var(--radius-m8-w10) 0 0;
}
.media-popup__header[data-v-bfc693f6]
{
    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;
}
.media-popup__body[data-v-bfc693f6]
{
    -webkit-box-flex: 1;
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
}
.media-sheet__slider-wrapper[data-v-bfc693f6]
{
    padding: var(--space-m8-w12);
}
.media-sheet__slider[data-v-bfc693f6]
{
    width: 33px;
    height: 4px;
    background: var(--gray-01);
    border-radius: var(--space-m2-w4);
    margin: 0 auto;
}
.media-popup__header-text[data-v-bfc693f6]
{
    padding: var(--space-m4-w6) var(--space-m8-w12) var(--space-m4-w6) 0;
}
.media-popup__close-btn[data-v-bfc693f6]
{
    margin-top: 16px;
    margin-bottom: 16px;
    width: 100%;
}