.qr-container {
    display: block;
    padding: 40px 0;
    max-width: 800px;
}

.app-type {
    cursor: pointer;
}

.qr-image-wrapper {
    display: flex;
    justify-content: center;
    width: 40%;
}

.qr-image-wrapper img {
    display: block;
    height: 250px;
}

.config-wrapper {
    display: flex;
}
.config-box {
    width: 85%;
}

.direction-tab {
    display: flex;
    margin-bottom: 30px;
    border-bottom: var(--bs-border-width) solid var(--bs-border-color);
}
.direction-tab .app-type {
    display: block;
    padding: 5px 7px 0 7px;
}

.direction-tab .activated {
    border-bottom: 3px solid var(--bs-border-color);
}

.config-box div {
    margin-bottom: 15px;
}

.error-msg {
    font-size: 13px;
    color: #b02a37;
}