@use '../../_styles/mixin.scss' as *;

@include respond('<=laptop') {
  .o-menu-medium {
    --menu-item-padding-v: 4px;

    --menu-icon-size: var(--o-icon_size_control-s);
    --menu-arrow-size: var(--o-icon_size_control-s);

    & .o-sub-menu[data-level='0'] > .o-sub-menu-title,
    & .o-menu-item[data-level='0'] {
      --menu-item-padding-v: 8px;
      --menu-text-size: var(--o-font_size-tip1);
      --menu-text-height: var(--o-line_height-tip1);
    }
  }
}

@include respond('<=pad_v') {
  .o-menu-small {
    --menu-text-size: var(--o-font_size-tip2);
    --menu-text-height: var(--o-line_height-tip2);

    .o-menu-item[data-level='0'],
    .o-sub-menu[data-level='0'] > .o-sub-menu-title {
      --menu-text-size: var(--o-font_size-tip1);
      --menu-text-height: var(--o-line_height-tip1);
    }
  }
}