@import './client_light.css';
@import './client_dark.css';
@import './bright_light.css';
@import './space_gray.css';
@import './constants.css';
@import './animations.css';

/* Файлы с CSS компонентов подключаются здесь неслучайно. Пока не удалось делать импорты через JS так,
 * чтобы в каждом файле были доступны css переменные без их дублирования.
 */
/* Layout */
@import '../components/Root/Root.css';
@import '../components/VKView/View.css';
@import '../components/Panel/Panel.css';
@import '../components/PanelHeader/PanelHeader.css';
@import '../components/HeaderButton/HeaderButton.css';
@import '../components/PanelHeaderContent/PanelHeaderContent.css';
@import '../components/HeaderContext/HeaderContext.css';
@import '../components/Epic/Epic.css';
@import '../components/Tabbar/Tabbar.css';
@import '../components/TabbarItem/TabbarItem.css';
@import '../components/FixedLayout/FixedLayout.css';
@import '../components/HorizontalScroll/HorizontalScroll.css';
@import '../components/InnerScroll/InnerScroll.css';

/* Popouts */
@import '../components/PopoutWrapper/PopoutWrapper.css';
@import '../components/ActionSheet/ActionSheet.css';
@import '../components/Alert/Alert.css';
@import '../components/ScreenSpinner/ScreenSpinner.css';

/* Modals TODO */
/* @import '../components/ModalRoot/ModalRoot.css';
@import '../components/ModalCard/ModalCard.css';
@import '../components/ModalPage/ModalPage.css';
@import '../components/ModalPageHeader/ModalPageHeader.css';*/

/* Blocks */
@import '../components/Tappable/Tappable.css';
@import '../components/Button/Button.css';
@import '../components/CellButton/CellButton.css';
@import '../components/Div/Div.css';
@import '../components/Link/Link.css';
@import '../components/Header/Header.css';
@import '../components/Group/Group.css';
@import '../components/Cell/Cell.css';
@import '../components/List/List.css';
@import '../components/Footer/Footer.css';
@import '../components/Spinner/Spinner.css';
@import '../components/Switch/Switch.css';
@import '../components/InfoRow/InfoRow.css';
@import '../components/Avatar/Avatar.css';
@import '../components/Gallery/Gallery.css';
@import '../components/Progress/Progress.css';
@import '../components/Search/SearchIOS.css';
@import '../components/Search/SearchAndroid.css';
@import '../components/Tabs/Tabs.css';
@import '../components/TabsItem/TabsItem.css';

@import '../components/Counter/Counter.css';
@import '../components/UsersStack/UsersStack.css';
/*TODO
@import '../components/Tooltip/Tooltip.css';
@import '../components/PullToRefresh/PullToRefresh.css';*/

/* Forms */
@import '../components/FormLayout/FormLayout.css';
@import '../components/FormLayoutGroup/FormLayoutGroup.css';
@import '../components/Slider/Slider.css';
@import '../components/Radio/Radio.css';
@import '../components/Checkbox/Checkbox.css';
@import '../components/Input/Input.css';
@import '../components/Select/Select.css';
@import '../components/Textarea/Textarea.css';
@import '../components/File/File.css';
@import '../components/FormStatus/FormStatus.css';
@import '../components/FormField/FormField.css';

html,
body,
div#root {
  margin: 0;
  padding: 0;
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
  font-family: var(--font-common);
}

body {
  overflow-x: hidden;
}

input,
textarea,
select,
button {
  font-family: inherit;
}

#root {
  user-select: none;
}

a:focus {
  outline: none;
}