@use 'core/_base' as *;
@use 'sass:selector';
@use "./components/dialog/_index.scss";

@include setNamespace('dialog');

#{b()} {
    position: fixed;
    &.inbox{
        position: absolute;
        transform: scale(1); // 将内部的fixed降级为absolute
    }
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 999;

    #{e('content')} {
        height: fit-content;
    }

    &.playing{
        overflow: hidden !important;
    }

    // 用定位方便一点但是无法用transform动画
    &.center {
        display: flex;
        // align-items: flex-end;
        // align-items: center; // align-items 为center溢出 后无法滚动到顶部
        // justify-content: center;
        overflow: auto;
        
        &.my{
            padding: 40px 0;
        }
        #{e('content')} {
            margin: auto;
            width: 30%;
            @media (max-width: 768px) {
                width: 90%;
            }
            // margin-top: 20vh;
        }
    }

    &.bottom {
        display: flex;
        align-items: flex-end;
        overflow: hidden;

        > #{e('content')} {
            width: 100%;
        }
    }
    &.top {
        display: flex;
        align-items: flex-start;
        overflow: hidden;

        > #{e('content')} {
            width: 100%;
        }
    }
}