.authenticationMobileDevices {
    padding: 20px;
    color: var(--color-font);
    background: var(--color-bg);
}

.authenticationMobileDevicesIntro {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 20px;
}

.authenticationMobileDevicesIntro > i,
.authenticationMobileDevicesIntro > svg {
    flex: 0 0 auto;
    padding: 16px;
    color: var(--lor-color);
    background: var(--lor-color-08);
    border-radius: 12px;
    font-size: 28px;
}

.authenticationMobileDevicesIntro h3 {
    margin: 0 0 8px;
    color: var(--lor-color-dark);
}

.authenticationMobileDevicesIntro p {
    margin: 0 0 8px;
}

.authenticationMobileDevicesSummary {
    font-weight: 600;
}

.authenticationMobileDevicesStatus:empty {
    display: none;
}

.authenticationMobileDeviceForm {
    padding: 16px;
}

.authenticationMobileDeviceEditor .popup_inner ul.popup_switches.bottom {
    left: 16px;
    right: 16px;
    padding: 0;
}

@media (max-width: 760px) {
    .authenticationMobileDevices {
        padding: 12px;
    }

    .authenticationMobileDevicesIntro {
        gap: 12px;
    }

    .authenticationMobileDevicesIntro > i,
    .authenticationMobileDevicesIntro > svg {
        padding: 12px;
        font-size: 22px;
    }
}