/* components/login/login.wxss */
@import "../../variables";

.loginContainer {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    width: 750rpx;
    height: 100%;
    background-color: rgba($color: #000000, $alpha: .3);
    backdrop-filter: blur(12rpx);
    display: flex;
    justify-content: center;
    align-items: center;
    .contain {
        width: 100%;
        height: 25vh;
        background-color: #ffffff;
        border-radius: 20rpx 20rpx 0 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        position: fixed;
        bottom: 0;
        left: 0;
        text {
            font-size: 35rpx;
            width: 80%;
            line-height: 50rpx;
            margin-bottom: 50rpx;
        }
    }

    .login {
        width: 60%;
        height: 80rpx;
        background: $primary-color-blue;
        color: white;
        font-size: 40rpx;
        font-weight: 800;
        line-height: 80rpx;
        text-align: center;
        border-radius: $primary-border-radius-20;
    }
}