.bb-sign {
    margin: 0 auto;
    width: 640px;
    padding: 0 1rem;
}

    .bb-sign img {
        background-color: var(--bb-primary-color);
        border-radius: 50%;
        margin-block: 2rem;
    }

    .bb-sign h1 {
        font-size: 24px;
        font-weight: 300;
        letter-spacing: -0.5px;
        margin-block-end: 1rem;
    }

.bb-sign-body {
    background-color: #f6f8fa;
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    padding: 1rem;
}

    .bb-sign-body img {
        width: 32px;
        height: auto;
        margin: 0;
        margin-block-end: 1rem;
    }

    .bb-sign-body h3 {
        font-size: 20px;
        font-weight: 400;
    }

.bb-sign-qr {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

::deep .qrcode {
    padding: .5rem;
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    display: inline-flex;
    align-items: center;
    justify-items: center;
}
