:root {
  --font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;

  --max-screen-width: 1200px;
  --header-height: 80px;
  --header-small-height: 64px;
  --sidebar-width: 240px;
  --sidebar-small-width: 240px;
  --menu-width: 320px;
  --menu-small-width: 240px;
  --menu-height: 68px;
  --menu-small-height: 50px;
  --grid-gutter: 40px;
  --border-radius: 6px;
  --box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
  --box-shadow-hover: 0 8px 16px rgba(0, 0, 0, .24), 0 6px 6px rgba(0, 0, 0, .22);

  --z-index-lv1: 5999;
  --z-index-lv2: 9999;
  --z-index-lv3: 15999;
  --z-index-lv4: 19999;
  --z-index-lv5: 25999;

  --color-primary: #546e7a;
  --color-primary-hover: #37474f;
  --color-secondary: #333;
  --color-secondary-hover: black;
  --color-success: #43a047;
  --color-success-hover: #237d32;
  --color-danger: #e53935;
  --color-danger-hover: #c62828;
  --color-warning: #fdd835;
  --color-warning-hover: #f9a825;
  --color-dark: #37474f;
  --color-dark-hover: #263238;
  --color-black: #141414;
  --color-black-hover: #424242;
  --color-gray-hover: #bdbdbd;
  --color-border: #ebebeb;
  --color-bg: #f2f2f2;
  --color-code: #d81b60;
  --color-code-bg: #282c34;
  --color-text: #333;
  --color-link: #1e88e5;
  --color-btn: white;
  --color-btn-hover: #eee;

  --Power0_easeNone: cubic-bezier(0, 0, 1, 1);
  --Power1_easeIn: cubic-bezier(.26, 0, .6, .2);
  --Power2_easeIn: cubic-bezier(.4, 0, .68, .06);
  --Power3_easeIn: cubic-bezier(.52, 0, .74, 0);
  --Power4_easeIn: cubic-bezier(.64, 0, .78, 0);
  --Sine_easeIn: cubic-bezier(.32, 0, .6, .36);
  --Expo_easeIn: cubic-bezier(.66, 0, .86, 0);
  --Circ_easeIn: cubic-bezier(.54, 0, 1, .44);
  --Power1_easeOut: cubic-bezier(.4, .8, .74, 1);
  --Power2_easeOut: cubic-bezier(.32, .94, .6, 1);
  --Power3_easeOut: cubic-bezier(.26, 1, .48, 1);
  --Power4_easeOut: cubic-bezier(.22, 1, .36, 1);
  --Sine_easeOut: cubic-bezier(.4, .64, .68, 1);
  --Expo_easeOut: cubic-bezier(.14, 1, .34, 1);
  --Circ_easeOut: cubic-bezier(0, .56, .46, 1);
  --Power1_easeInOut: cubic-bezier(.48, .04, .52, .96);
  --Power2_easeInOut: cubic-bezier(.66, 0, .34, 1);
  --Power3_easeInOut: cubic-bezier(.76, 0, .24, 1);
  --Power4_easeInOut: cubic-bezier(.84, 0, .16, 1);
  --Sine_easeInOut: cubic-bezier(.36, 0, .64, 1);
  --Expo_easeInOut: cubic-bezier(.9, 0, .1, 1);
  --Circ_easeInOut: cubic-bezier(.88, .14, .12, .86);
  --Hover_easeOut: cubic-bezier(.25, .8, .25, 1);
}

@custom-media --small-viewport (width <= 768px);
@custom-media --medium-viewport (width > 768px) and (width < 1200px);
@custom-media --large-viewport (width >= 1200px);
