/* Generated by scripts/build-design-tokens.js. Do not edit by hand. */
/* Trục Mobile: chỉ web trên điện thoại (html[data-mobile="1"], scripts/web-desktop-host/webMobileShell.js). */
:root[data-mobile="1"],
:root[data-mobile="1"][data-ui-scale][data-density] {
  --dt-component-button-compact-height: 36px;
  --dt-component-button-standard-height: 44px;
  --dt-component-field-height: 44px;
  --dt-component-header-control-size: 44px;
  --dt-component-header-height: 52px;
  --dt-component-header-icon-button-size: 44px;
  --dt-component-header-icon-size: 24px;
  --dt-component-nav-list-height: 48px;
  --dt-component-nav-list-height-two-line: 60px;
  --dt-component-navigation-item-height-collapsed: 48px;
  --dt-component-settings-nav-item-height: 48px;
  --dt-dimension-control-compact: 36px;
  --dt-dimension-control-header: 44px;
  --dt-dimension-control-header-icon: 44px;
  --dt-dimension-control-micro: 36px;
  --dt-dimension-control-standard: 44px;
  --dt-dimension-control-toolbar-dense: 36px;
  --dt-dimension-icon-context: 20px;
  --dt-dimension-icon-control: 20px;
  --dt-dimension-icon-dense: 20px;
  --dt-dimension-icon-micro: 16px;
  --dt-dimension-icon-sm: 20px;
  --dt-dimension-icon-xs: 16px;
  --dt-dimension-size-lg: 48px;
  --dt-dimension-size-md: 44px;
  --dt-dimension-size-sm: 36px;
  --dt-mobile-fab-icon-size: 24px;
  --dt-mobile-fab-size: 56px;
  --dt-mobile-input-height: 44px;
  --dt-mobile-month-cell-min-height: 48px;
  --dt-mobile-sheet-item-height: 48px;
  --dt-mobile-switch-thumb-size: 24px;
  --dt-mobile-switch-track-height: 32px;
  --dt-mobile-switch-track-width: 52px;
  --dt-mobile-tabbar-height: 56px;
  --dt-mobile-tabbar-icon-size: 28px;
  --dt-mobile-tabbar-indicator-height: 3px;
  --dt-mobile-tabbar-indicator-width: 32px;
  --dt-mobile-touch-gap: 8px;
  --dt-mobile-touch-target: 44px;
  --dt-mobile-touch-target-comfortable: 48px;
}