/* Главный файл стилей, который импортирует все остальные */

/* Базовые стили и переменные */
@import url('variables.css');

/* Стили компонентов */
@import url('button.css');
@import url('decore-card.css');
@import url('decore-chip.css');
@import url('decore-column.css');
@import url('decore-divider.css');
@import url('decore-dropdown.css');
@import url('decore-field.css');
@import url('decore-label.css');
@import url('decore-page.css');
@import url('decore-row.css');
@import url('decore-table.css');
@import url('decore-toolbar.css');
@import url('decore-tree.css');
@import url('decore-window.css');
@import url('document-viewer.css');
@import url('hint.css');
@import url('icon.css');
@import url('image.css');
@import url('infoline.css');
@import url('layout.css');
@import url('map.css');
@import url('menu.css');
@import url('message.css');
@import url('notifications.css');
@import url('popup.css');

/* Подключение шрифтов */
@font-face {
    font-family: 'Roboto';
    src: url('../../fonts/RobotoFlex.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

/* Глобальные стили */
* {
    font-family: var(--font-family-default);
}

h3 {
    margin: 0;
}

h3>p {
    margin-top: 0.5em;
}

p {
    margin: 0;
}

iframe {
    background-color: #c5c5c5;
}

label {
    font-size: var(--font-size-small);
}

input::placeholder,
textarea::placeholder {
    color: var(--placeholder-color);
}

input[type="checkbox"] {
    width: var(--input-checkbox-size);
    height: var(--input-checkbox-size);
    min-width: var(--input-checkbox-size);
    min-height: var(--input-checkbox-size);
    cursor: pointer;
}

.hidden {
    display: none;
}