@font-face {
  font-family: 'Inter';
  src: local('Inter Thin'),
       local('Inter-Thin'),
       url('/fonts/Inter/Inter-Thin.woff2')
         format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Inter';
  src: local('Inter ExtraLight'),
       local('Inter-ExtraLight'),
       url('/fonts/Inter/Inter-ExtraLight.woff2')
       format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Inter';
  src: local('Inter Light'),
       local('Inter-Light'),
       url('/fonts/Inter/Inter-Light.woff2')
       format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Inter';
  src: local('Inter Regular'),
       local('Inter-Regular'),
       url('/fonts/Inter/Inter-Regular.woff2')
       format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Inter';
  src: local('Inter Medium'),
       local('Inter-Medium'),
       url('/fonts/Inter/Inter-Medium.woff2')
       format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Inter';
  src: local('Inter SemiBold'),
       local('Inter-SemiBold'),
       url('/fonts/Inter/Inter-SemiBold.woff2')
       format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: block;
}


@font-face {
  font-family: 'Inter';
  src: local('Inter Bold'),
       local('Inter-Bold'),
       url('/fonts/Inter/Inter-Bold.woff2')
       format('woff2');
  font-weight: bold;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Inter';
  src: local('Inter Black'),
       local('Inter-Black'),
       url('/fonts/Inter/Inter-Black.woff2')
       format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'data-table';
  src: url('/fonts/data-table/data-table.woff2') format('woff2'),
       url('/fonts/data-table/data-table.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

:root {
  --theme-color-primary:    #181818;
  --theme-color-secondary:  #2f99d6;
  --theme-color-success:    #00af41;
  --theme-color-info:       #2f99d6;
  --theme-color-info-dark:  #2584ba;
  --theme-color-warning:    #ffa055;
  --theme-color-danger:     #ff5a55;
  --theme-color-light:      #f5f5f5;
  --theme-color-thin:       #f6f6f6;
  --theme-color-dark:       #181818;
  --theme-color-white:      #ffffff;
  --theme-color-indigo:     #6610f2;
  --theme-color-purple:     #6f42c1;
  --theme-color-orange:     #fd7e14;
  --theme-color-green:      #28a745;
  --theme-color-cyan:       #17a2b8;
  --theme-color-blue:       #2f99d6;
  --theme-color-pink:       #e83e8c;
  --theme-color-red:        #ff5a55;
  --theme-color-yellow:     #ffa055;
  --theme-color-teal:       #20c997;
  --theme-color-gray:       #8b8b8b;
  --theme-color-gray-light: #c5c5c5;
  --theme-color-gray-thin:  #e2e2e2;
  --theme-color-gray-dark:  #495057;
  --theme-color-gray-extra: #e6e6e6;
  --theme-color-background: #ffffff;

  --theme-width-max-normal: 1110px;
  --theme-padding-l-normal: 15px;
  --theme-padding-r-normal: 15px;

  --theme-icon-error: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2712%27%20height%3D%2712%27%20fill%3D%27none%27%20stroke%3D%27%23ff5a55%27%20viewBox%3D%270%200%2012%2012%27%3E%3Ccircle%20cx%3D%276%27%20cy%3D%276%27%20r%3D%274.5%27%2F%3E%3Cpath%20stroke-linejoin%3D%27round%27%20d%3D%27M5.8%203.6h.4L6%206.5z%27%2F%3E%3Ccircle%20cx%3D%276%27%20cy%3D%278.2%27%20r%3D%27.6%27%20fill%3D%27%23ff5a55%27%20stroke%3D%27none%27%2F%3E%3C%2Fsvg%3E");

  --theme-icon-more:  url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224px%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M240-400q-33%200-56.5-23.5T160-480q0-33%2023.5-56.5T240-560q33%200%2056.5%2023.5T320-480q0%2033-23.5%2056.5T240-400Zm240%200q-33%200-56.5-23.5T400-480q0-33%2023.5-56.5T480-560q33%200%2056.5%2023.5T560-480q0%2033-23.5%2056.5T480-400Zm240%200q-33%200-56.5-23.5T640-480q0-33%2023.5-56.5T720-560q33%200%2056.5%2023.5T800-480q0%2033-23.5%2056.5T720-400Z%22%2F%3E%3C%2Fsvg%3E");

  --theme-icon-enter: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224px%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M360-240%20120-480l240-240%2056%2056-144%20144h488v-160h80v240H272l144%20144-56%2056Z%22%2F%3E%3C%2Fsvg%3E");

  --theme-icon-warning: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224px%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22m40-120%20440-760%20440%20760H40Zm138-80h604L480-720%20178-200Zm302-40q17%200%2028.5-11.5T520-280q0-17-11.5-28.5T480-320q-17%200-28.5%2011.5T440-280q0%2017%2011.5%2028.5T480-240Zm-40-120h80v-200h-80v200Zm40-100Z%22%2F%3E%3C%2Fsvg%3E");

  --theme-icon-info: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224px%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M440-280h80v-240h-80v240Zm40-320q17%200%2028.5-11.5T520-640q0-17-11.5-28.5T480-680q-17%200-28.5%2011.5T440-640q0%2017%2011.5%2028.5T480-600Zm0%20520q-83%200-156-31.5T197-197q-54-54-85.5-127T80-480q0-83%2031.5-156T197-763q54-54%20127-85.5T480-880q83%200%20156%2031.5T763-763q54%2054%2085.5%20127T880-480q0%2083-31.5%20156T763-197q-54%2054-127%2085.5T480-80Z%22%2F%3E%3C%2Fsvg%3E");

  --theme-icon-remove: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23e3e3e3%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M6%2019c0%201.1.9%202%202%202h8c1.1%200%202-.9%202-2V7H6v12zM19%204h-3.5l-1-1h-5l-1%201H5v2h14V4z%22%2F%3E%3C%2Fsvg%3E");
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  font-size: 14px;
  font-weigth: 300;
}

body {
  margin: 0;
  font-size: 1rem;
  font-weight: 400;
  font-family: Inter,sans-serif;
  color: var(--theme-color-gray);
  background-color: var(--theme-color-background);
}

main {
  max-width: var(--theme-width-max-normal);
  padding-left: var(--theme-padding-l-normal);
  padding-right: var(--theme-padding-r-normal);
  margin: 0 auto;
}