/* Base styles */
@import './base/_reset.css';
@import './base/_variables.css';
@import './base/_typography.css';
@import './base/_forms.css';

/* Layout styles */
@import './layout/_footer.css';

/* Pages */
@import './pages/_home.css';
@import './pages/_configurator.css';

/* Components */
@import './components/_alerts.css';
@import './components/_buttons.css';
@import './components/_navbar.css';
@import './components/_range-sliders.css';
@import './components/_select-groups.css';
@import './components/_color-picker.css';
@import './components/_default-choice-picker.css';
@import './components/_dimensions-section.css';
@import './components/_middle-columns-section.css';
@import './components/_mounting-type-gird.css';
@import './components/_multi-checkbox-section.css';
@import './components/_overview-section.css';
@import './components/_dialog.css';
@import './components/_user-access.css';
@import './components/_snackbar.css';
@import './components/_actuator-position-section.css';
@import './components/_not-found.css';
@import './components/_info-card.css';
@import './components/_help-icon.css';
@import './components/_dialog-carousel.css';
@import './components/_badges.css';


/* Utilities */
@import './utilities/_hide-or-display.css';
@import './utilities/_collapsible.css';
@import './utilities/_dropdown.css';
@import './utilities/_print.css';

#section-meta input,
#section-meta select {
    width: 100%;
    box-sizing: border-box;
}

#section-meta label {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.centered {
    text-align: center;
    vertical-align: middle;
}