.smp-meter:not(.is-compact) {
    width: min(100%, var(--smp-width-desktop));
    padding: var(--smp-padding-desktop);
}

.smp-meter:not(.is-compact) .smp-meter-title {
    font-size: var(--smp-title-desktop);
}

.smp-meter:not(.is-compact) .smp-meter-label {
    font-size: var(--smp-label-desktop);
}

@media (max-width: 921px) {
    .smp-meter:not(.is-compact) {
        width: min(100%, var(--smp-width-tablet));
    }
}

@media (max-width: 600px) {
    .smp-meter:not(.is-compact) {
        width: min(100%, var(--smp-width-mobile));
        padding: var(--smp-padding-mobile);
    }

    .smp-meter:not(.is-compact) .smp-meter-title {
        font-size: var(--smp-title-mobile);
    }

    .smp-meter:not(.is-compact) .smp-meter-label {
        font-size: var(--smp-label-mobile);
    }
}