@import '../abstracts/variables';

.toolbar {
    display: flex;
    position: relative;
    align-items: center;
    height: 56px;
}

.toolbar-gutters {
    padding-left: 16px;
    padding-right: 16px;
}

@media (min-width:$breakpoint-xs) and (orientation: landscape) {
    .toolbar {
        height: 48px;
    }
}

@media (min-width:$breakpoint-sm) {
    .toolbar {
        height: 64px;
    }

    .toolbar-gutters {
        padding-left: 24px;
        padding-right: 24px;
    }
}

.toolbar-dense {
    height: 48px;
}
