.styles_qrcode__v_56m {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

[dir] .styles_qrcode__v_56m {
    border: 1px solid var(--color-line);
    background: var(--color-qrcode-bg);
    border-radius: 8px;
    padding: 8px
}

[dir] .styles_qrcode__v_56m.no-border {
    border: none
}

[dir] .styles_qrcode__v_56m.no-borderRadius,
[dir] .styles_qrcode__v_56m.no-borderRadius img {
    border-radius: 0
}

.styles_qrcode__v_56m img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

[dir] .styles_qrcode__v_56m img {
    border-radius: 8px
}

.styles_qrcode__v_56m .styles_placeholder__3qcCl {
    color: var(--color-title);
    font-size: 18px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

[dir] .styles_qrcode__v_56m .styles_placeholder__3qcCl {
    background: var(--color-qrcode-bg)
}

.styles_qrcode__v_56m .styles_placeholder__3qcCl i {
    display: block;
    font-size: 22px
}