/* ==========================================================================
   Dark skin
   ========================================================================== */
/* Colors */
/* dark syntax highlighting (base16) */
.author__urls.social-icons .svg-inline--fa,
.page__footer-follow .social-icons .svg-inline--fa {
  color: inherit;
}

/* ==========================================================================
   Variables
   ========================================================================== */
/*
   Typography
   ========================================================================== */
/* paragraph indention */
/* system typefaces */
/* sans serif typefaces */
/* serif typefaces */
/* type scale */
/* headline scale */
/*
   Colors
   ========================================================================== */
/* YIQ color contrast */
/* brands */
/* links */
/* notices */
/* syntax highlighting (base16) */
/*
   Breakpoints
   ========================================================================== */
/*
   Grid
   ========================================================================== */
/*
   Other
   ========================================================================== */
#publi-container {
  margin-top: 1rem;
}

.publi-controls {
  text-align: right;
  margin-bottom: 0.5rem;
}

.publi-show-all-label {
  display: inline-flex;
  align-items: center;
  gap: 0.4em;
  cursor: pointer;
  font-size: 0.9em;
}

.publi-tabs {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid rgb(102.4, 105.9, 112.9);
  margin-bottom: 1rem;
}

.publi-tab-btn {
  color: #eaeaea;
  font-size: 90%;
  padding: 0.3rem 0.7rem;
  background: transparent;
  border: 1px solid transparent;
  border-bottom: none;
  cursor: pointer;
  position: relative;
  bottom: -1px;
  transition: color 0.15s;
}
.publi-tab-btn:hover {
  color: #f99;
  border-color: rgb(102.4, 105.9, 112.9) rgb(102.4, 105.9, 112.9) transparent;
}
.publi-tab-btn.is-active {
  color: #f99;
  background-color: #252a34;
  border-color: rgb(102.4, 105.9, 112.9) rgb(102.4, 105.9, 112.9) #252a34;
}

.publi-count {
  display: inline-block;
  background-color: rgb(80.6, 84.6, 92.6);
  color: #eaeaea;
  border-radius: 10px;
  padding: 1px 6px;
  font-size: 75%;
  font-weight: normal;
  vertical-align: middle;
  margin-left: 3px;
}

.publi-panels {
  padding-top: 1rem;
}

.publi-panel {
  display: none;
}
.publi-panel.is-active {
  display: block;
}

.publi-show-all .publi-tabs {
  display: none;
}
.publi-show-all .publi-panel {
  display: block;
}

/*# sourceMappingURL=publi-tab.css.map */