@import url('variables.css');
@import url('reset.css');
@import url('header.css');
@import url('index.css');
@import url('footer.css');
@import url('page.css');


/*
 * GLOBAL
 * ========================================================================= */
body {
  background-color: var(--base-background);
  color: var(--base-color);
  font-family: var(--font-sans);
}

@media screen and (max-width: 768px) {
  body.overflow {
    overflow: hidden;
  }
}

.inner {
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px;
  width: calc(var(--base-width) + 20px * 2);
}

@media screen and (max-width: 768px) {
  .inner {
    width: 100%;
    padding: 0 16px;
  }
}

.icon {
  display: flex;
  align-items: center;
}

.icon svg,
.icon img {
  width: 14px;
  height: 14px;
}

#breadcrumbs {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  gap: 4px;
}

#breadcrumbs svg {
  height: 0.875rem;
  width: 0.875rem;
}

@media screen and (max-width: 768px) {
  #breadcrumbs {
    position: absolute;
    top: 0;
    left: 1rem;
    height: 2.5rem;
    font-size: 0.75rem;
  }
}