html {
  --viavi-icon-color: rgba(255, 255, 255);
}
@media (prefers-color-scheme: light) {
  #toolbar-administration-secondary #toolbar-bar {
    color: #000 !important;
  }
  #toolbar-administration-secondary #toolbar-bar a,
  #toolbar-administration-secondary #toolbar-bar button {
    color: #000 !important;
  }
}

@media (prefers-color-scheme: dark) {
  #toolbar-administration-secondary #toolbar-bar {
    color: #fff !important;
  }
  #toolbar-administration-secondary #toolbar-bar a,
  #toolbar-administration-secondary #toolbar-bar button {
    color: #fff !important;
  }
}

[data-darkreader-scheme="dark"]
  #toolbar-administration-secondary
  #toolbar-bar
  .toolbar-icon::before {
  background-color: #fff !important;
}

#toolbar-administration-secondary #toolbar-bar,
.gin-secondary-toolbar__layout-container,
.gin-breadcrumb-wrapper {
  background: transparent !important;
}

[data-darkreader-scheme="dark"] .gin-breadcrumb-wrapper {
  background-color: none !important;
  background: transparent !important;
  background-image: none !important;
}

/* Local enviornment */
.environment-local .gin-secondary-toolbar {
  background: #303030 !important;
}
[data-darkreader-scheme="dark"] {
  .environment-local .gin-secondary-toolbar {
    background: #303030 !important;
  }
}

/* Dev enviornment */
.environment-dev .gin-secondary-toolbar {
  background: rgb(200, 101, 28, 0.9) !important;
}

/* Stage enviornment */
.environment-stage .gin-secondary-toolbar {
  background: rgb(200, 101, 28, 0.9) !important;
}

/* Live enviornment */
.environment-live .gin-secondary-toolbar {
  background: rgb(73, 30, 136, 0.9) !important;
}
@media (prefers-color-scheme: light) {
  .environment-live #toolbar-administration-secondary #toolbar-bar {
    color: #fff !important;
  }
  .environment-live #toolbar-administration-secondary #toolbar-bar a,
  .environment-live #toolbar-administration-secondary #toolbar-bar button {
    color: #fff !important;
  }
}

#toolbar-administration-secondary #toolbar-tab-l10n_client_ui {
  box-sizing: border-box;
}

#toolbar-administration-secondary #toolbar-tab-l10n_client_ui button::before {
  mask: none;
  background: none;
  background-color: #fff;
  mask-image: url(../../../contrib/l10n_client/l10n_client_ui/images/translate_icon_ffffff.svg);
}
@media (prefers-color-scheme: light) {
  #toolbar-administration-secondary #toolbar-tab-l10n_client_ui button::before {
    mask-image: url(../../../contrib/l10n_client/l10n_client_ui/images/translate_icon_bebebe.svg);
  }
}

#toolbar-administration-secondary button {
}

#toolbar-administration-secondary .toolbar-icon::before {
  background-color: #fff;
}

#toolbar-administration-secondary #toolbar-bar {
  border-radius: var(--gin-border-s);
}

.toolbar-link--has-icon.toolbar-link--tmgmt-admin-tmgmt:before {
  mask-image: url(../../../../themes/contrib/gin/dist/media/sprite.svg#tmgmt-view);
}

body #gin-toolbar-bar {
  /*z-index: 9;*/
}

[dir="ltr"]
  .gin-secondary-toolbar
  .toolbar-secondary
  .toolbar-bar
  .toolbar-tab {
  margin: 0 !important;
}
.gin-breadcrumb-wrapper ol {
  list-style-type: none;
  padding-inline-start: 0;
  margin-bottom: 0;
}

.gin-secondary-toolbar .gin-back-to-admin {
  color: #fff;
}
.gin-secondary-toolbar .gin-back-to-admin:hover {
  color: #fff;
}
.gin-secondary-toolbar .gin-back-to-admin::before {
  background-color: #fff;
}
.gin-secondary-toolbar .gin-back-to-admin:hover::before {
  background-color: #fff;
}

.gin-secondary-toolbar
  .gin-secondary-toolbar
  .toolbar-secondary
  .toolbar-bar
  .toolbar-tab
  > .toolbar-icon-edit.toolbar-item::before {
  background-color: #fff;
}
.gin-secondary-toolbar
  .toolbar.toolbar-secondary
  .toolbar-bar
  .toolbar-tab
  > .toolbar-icon::before {
  background-color: #fff;
}

.gin-secondary-toolbar
  .toolbar.toolbar-secondary
  .toolbar-bar
  .toolbar-tab
  > .responsive-preview-icon::before {
  background-color: #fff;
}

.gin-secondary-toolbar
  .toolbar
  .toolbar-tab-responsive-preview.toolbar-tab
  .responsive-preview-trigger::after {
  background-color: #fff;
}

.node-product-category-edit-form .field--name-field-sticky-nav,
.node-solution-edit-form .field--name-field-sticky-nav,
.node-learning-center-page-edit-form .field--name-field-sticky-nav {
  display: none;
}

html[data-darkreader-mode]
  #toolbar-administration-secondary
  #toolbar-bar
  .toolbar-icon::before {
  background: var(--gin-icon-color) !important;
}
#toolbar-administration-secondary #toolbar-bar .toolbar-icon::before {
  background: var(--gin-icon-color) !important;
}