/* 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-edge-swipe-zone: 24px;
  --dt-mobile-fab-icon-size: 24px;
  --dt-mobile-fab-size: 60px;
  --dt-mobile-glass-blur: 20px;
  --dt-mobile-glass-saturate: 1.8;
  --dt-mobile-group-header-gap: 24px;
  --dt-mobile-group-inset: 16px;
  --dt-mobile-group-radius: 16px;
  --dt-mobile-group-row-height: 44px;
  --dt-mobile-group-row-height-two-line: 64px;
  --dt-mobile-icon-inline-min: 16px;
  --dt-mobile-input-height: 44px;
  --dt-mobile-large-title-padding-bottom: 8px;
  --dt-mobile-large-title-padding-top: 8px;
  --dt-mobile-month-cell-min-height: 48px;
  --dt-mobile-sheet-grabber-height: 5px;
  --dt-mobile-sheet-grabber-width: 36px;
  --dt-mobile-sheet-item-height: 48px;
  --dt-mobile-sheet-max-height: 0.9;
  --dt-mobile-sheet-radius: 26px;
  --dt-mobile-swipe-action-width: 80px;
  --dt-mobile-swipe-threshold: 48px;
  --dt-mobile-switch-thumb-size: 24px;
  --dt-mobile-switch-track-height: 32px;
  --dt-mobile-switch-track-width: 52px;
  --dt-mobile-tabbar-gap: 8px;
  --dt-mobile-tabbar-height: 60px;
  --dt-mobile-tabbar-icon-size: 26px;
  --dt-mobile-tabbar-inset: 16px;
  --dt-mobile-tabbar-item-inset: 4px;
  --dt-mobile-tabbar-label-size: 12px;
  --dt-mobile-touch-gap: 8px;
  --dt-mobile-touch-target: 44px;
  --dt-mobile-touch-target-comfortable: 48px;
  --dt-semantic-typography-body-font-size: 17px;
  --dt-semantic-typography-body-line-height: 1.4;
  --dt-semantic-typography-caption-font-size: 13px;
  --dt-semantic-typography-title-font-size: 17px;
  --dt-typography-font-size-body: 17px;
  --dt-typography-font-size-body-large: 17px;
  --dt-typography-font-size-body-small: 15px;
  --dt-typography-font-size-caption: 13px;
  --dt-typography-font-size-display: 22px;
  --dt-typography-font-size-display-large: 34px;
  --dt-typography-font-size-headline: 28px;
  --dt-typography-font-size-micro: 12px;
  --dt-typography-font-size-overline: 13px;
  --dt-typography-font-size-title: 17px;
  --dt-typography-font-size-title-large: 22px;
  --dt-typography-line-height-body: 1.4;
}