/**
 * Utilitários CSS do Mobile Design System Waygest.
 * Importar a classe via CSS module onde a página precisar de clearance.
 */

.bottomBarClearance {
    padding-bottom: var(--mobile-bottom-bar-clearance);
}

.tabBarClearance {
    padding-bottom: var(--mobile-tab-bar-clearance);
}

.pagePadding {
    padding-inline: var(--mobile-page-padding-x);
    padding-block: var(--mobile-page-padding-y);
}

.touchTarget {
    min-width: var(--mobile-touch-target);
    min-height: var(--mobile-touch-target);
}