.family-no-style {
    font-family: SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif !important;
}

.size {
    font-size: 0.5em;
}

.section-buttons-and-connectors .caption-volume {
    --top: -18px;
    --left: 46px;
}

@media (max-width: 1068px) {
    .section-buttons-and-connectors .caption-volume {
        --top: -18px;
        --left: 29px;
    }
}

@media (max-width: 734px) {
    .section-buttons-and-connectors .caption-volume {
        --top: -18px;
        --left: 26px;
    }
}

.section-buttons-and-connectors .caption-speaker-1 {
    --top: -21px;
    --left: 150px;
}

@media (max-width: 1068px) {
    .section-buttons-and-connectors .caption-speaker-1 {
        --top: -20px;
        --left: 100px;
    }
}

@media (max-width: 734px) {
    .section-buttons-and-connectors .caption-speaker-1 {
        --top: -18px;
        --left: 93px;
    }
}

.section-buttons-and-connectors .caption-speaker-2 {
    --bottom: -21px;
    --left: 150px;
}

@media (max-width: 1068px) {
    .section-buttons-and-connectors .caption-speaker-2 {
        --bottom: -23px;
        --left: 100px;
    }
}

@media (max-width: 734px) {
    .section-buttons-and-connectors .caption-speaker-2 {
        --bottom: 401px;
        --left: 93px;
    }
}

@media (max-width: 1068px) {
    .section-buttons-and-connectors .caption-magnetic-connector {
        --top: 213px;
        --left: 426px;
    }
}

@media (max-width: 734px) {
    .section-buttons-and-connectors .caption-camera-1 {
        --left: 222px;
    }

    .section-buttons-and-connectors .caption-microphone-1 {
        --left: 218px;
    }

    .section-buttons-and-connectors .caption-magnetic-connector {
        --top: 634px;
        --left: 175px;
    }
}