.profile-devices-add__form {
display: flex;
flex-direction: column;
font-weight: 400;
font-size: 1rem;
padding: 2rem 1rem 1rem;
color: white;
}
.profile-devices-add__form-qrcode {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-bottom: .5rem;
}
.profile-devices-add__form-qrcode-title {
margin-bottom: 1rem;
color: var(--color-grey-200);
font-size: .875rem;
font-weight: 600;
line-height: 150%
}
.profile-devices-add__form-qrcode-code {
border-radius: .75rem;
background: rgba(255, 255, 255, 0.10);
padding: .5rem;
}
.profile-devices-add__form-qrcode-code > qr-code::part(table) {
border-radius: 0;
}
.profile-devices-add__form-list-loading {
position: relative;
min-height: 4rem;
}
.profile-devices-add__form-list-item {
display: flex;
flex-direction: column;
margin-bottom: 1.5rem;
}
.profile-devices-add__form-list-item-title {
color: var(--color-grey-200);
font-size: .875rem;
font-weight: 600;
margin-bottom: .5rem;
}
.profile-devices-add__form-add {
text-align: center;
color: var(--color-grey-200);
font-weight: 400;
font-size: .875rem;
font-weight: 600;
}
.profile-devices-add__form-add button {
margin-top: 1rem;
width: 100%;
height: 2.875rem;
}
.profile-devices-add__form-message {
text-align: left;
}