.neo-toolbar {
  background-color: var(--toolbar-background-color);
  box-sizing: border-box;
  padding: var(--toolbar-padding);
}
.neo-toolbar .neo-button {
  margin: 0;
}
@media (max-width: 600px) {
  .neo-toolbar .neo-button {
    padding: 0 5px;
  }
}
.neo-toolbar.neo-dock-left .neo-button {
  padding: 12px 6px;
}
.neo-toolbar.neo-dock-left .neo-button.icon-left {
  flex-direction: column-reverse;
}
.neo-toolbar.neo-dock-left .neo-button.icon-left .neo-button-glyph {
  margin: 10px 0 0 0;
}
.neo-toolbar.neo-dock-left .neo-button-badge {
  transform: rotate(180deg);
  writing-mode: vertical-rl;
}
.neo-toolbar.neo-dock-left .neo-button-badge.neo-bottom-left {
  bottom: var(--button-badge-margin-top);
  left: unset;
  right: var(--button-badge-margin-left);
  top: unset;
}
.neo-toolbar.neo-dock-left .neo-button-badge.neo-bottom-right {
  bottom: unset;
  left: unset;
  right: var(--button-badge-margin-left);
  top: var(--button-badge-margin-top);
}
.neo-toolbar.neo-dock-left .neo-button-badge.neo-top-left {
  bottom: var(--button-badge-margin-top);
  left: var(--button-badge-margin-left);
  right: unset;
  top: unset;
}
.neo-toolbar.neo-dock-left .neo-button-badge.neo-top-right {
  bottom: unset;
  left: var(--button-badge-margin-left);
  right: unset;
  top: var(--button-badge-margin-top);
}
.neo-toolbar.neo-dock-left .neo-button-glyph {
  transform: rotate(-90deg);
}
.neo-toolbar.neo-dock-left .neo-button-text {
  transform: rotate(180deg);
  writing-mode: vertical-rl;
}
.neo-toolbar.neo-dock-left .neo-label {
  margin-bottom: 10px;
  margin-top: 10px;
  transform: rotate(180deg);
  writing-mode: vertical-rl;
}
.neo-toolbar.neo-dock-right .neo-button {
  padding: 12px 6px;
}
.neo-toolbar.neo-dock-right .neo-button.icon-left {
  flex-direction: column;
}
.neo-toolbar.neo-dock-right .neo-button.icon-left .neo-button-glyph {
  margin: 0 0 10px 0;
}
.neo-toolbar.neo-dock-right .neo-button-badge {
  writing-mode: vertical-lr;
}
.neo-toolbar.neo-dock-right .neo-button-badge.neo-bottom-left {
  bottom: unset;
  left: var(--button-badge-margin-left);
  right: unset;
  top: var(--button-badge-margin-top);
}
.neo-toolbar.neo-dock-right .neo-button-badge.neo-bottom-right {
  bottom: var(--button-badge-margin-top);
  left: var(--button-badge-margin-left);
  right: unset;
  top: unset;
}
.neo-toolbar.neo-dock-right .neo-button-badge.neo-top-left {
  bottom: unset;
  left: unset;
  right: var(--button-badge-margin-left);
  top: var(--button-badge-margin-top);
}
.neo-toolbar.neo-dock-right .neo-button-badge.neo-top-right {
  bottom: var(--button-badge-margin-top);
  left: unset;
  right: var(--button-badge-margin-left);
  top: unset;
}
.neo-toolbar.neo-dock-right .neo-button-glyph {
  transform: rotate(90deg);
}
.neo-toolbar.neo-dock-right .neo-button-text {
  writing-mode: vertical-lr;
}
.neo-toolbar.neo-dock-right .neo-label {
  margin-bottom: 10px;
  margin-top: 10px;
  writing-mode: vertical-lr;
}
.neo-toolbar.neo-dock-bottom .neo-button.icon-left .neo-button-glyph, .neo-toolbar.neo-dock-top .neo-button.icon-left .neo-button-glyph {
  margin: var(--button-glyph-margin);
}
.neo-toolbar.neo-dock-bottom .neo-label, .neo-toolbar.neo-dock-top .neo-label {
  margin: 0 10px 0 5px;
}

/*# sourceMappingURL=Base.css.map */