@import './base.css';

*[hidden] { display: none !important; }

body {
  display: flex;
  direction: row;
}

main {
  height: 100dvh;
  flex-grow: 1;
  overflow: auto;
}

.main-sidebar {
  height: 100dvh;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: var(--z-index-sidebar);
  background-color: var(--color-background);
}

.main-header {
  height: var(--header-height);
  border-bottom: 1px solid var(--color-border);
  display: flex;
  flex-direction: row;
  align-items: center;
}

a {
  text-decoration: none;
  color: var(--color-blue);
  transition: 0.4s;
  padding: 3px;
}

button {
  color: inherit;
  background-color: var(--color-background-soft);
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius);
}

button {
  border-color: var(--color-border-hover);
}

.with-sidebar-expanded .when-sidebar-collapsed {
  display: none;
}