:root {
  --gin-toolbar-height: 48px;
  --gin-toolbar-secondary-height: 48px;
  --gin-scroll-offset: 72px;
  --gin-toolbar-y-offset: var(--gin-toolbar-height);
  --gin-toolbar-x-offset: 0px;
  --gin-sticky-offset: 0px;
  --gin-icon-size-toolbar: 20px;
}

@media (min-width: 61em) {
  :root {
    --gin-toolbar-height: 0px;
    --gin-toolbar-secondary-height: 52px;
    --gin-toolbar-x-offset: var(--drupal-displace-offset-left, 64px);
    --gin-scroll-offset: 130px;
    --gin-sticky-offset: var(--gin-height-sticky);
  }
}

@media (min-width: 61em) {
  html.admin-toolbar-expanded {
    --gin-toolbar-x-offset: var(--drupal-displace-offset-left, 264px);
  }
}

body.gin--core-navigation {
  --admin-toolbar-sidebar-width: 4rem;
}

[data-admin-toolbar=expanded] body.gin--core-navigation {
  --admin-toolbar-sidebar-width: 16.5rem;
}

@media (--admin-toolbar-tablet) {
  [data-admin-toolbar=expanded] body.gin--core-navigation {
    --admin-toolbar-sidebar-width: calc(16.5 * var(--admin-toolbar-rem));
  }
}

[data-drupal-admin-styles] {
  --admin-toolbar-font-family: var(--gin-font);
  --admin-toolbar-color-white: var(--gin-bg-layer);
  --admin-toolbar-color-gray-050: var(--gin-bg-layer2);
  --admin-toolbar-color-gray-100: var(--gin-border-color-layer);
  --admin-toolbar-color-gray-200: var(--gin-border-color-layer2);
  --admin-toolbar-color-gray-800: var(--gin-color-text);
  --admin-toolbar-color-gray-990: var(--gin-color-primary-active);
}

.gin--core-navigation .admin-toolbar-control-bar {
  background-color: var(--admin-toolbar-color-white);
}

.gin--core-navigation .gin-secondary-toolbar:not(.gin-secondary-toolbar--frontend) {
  margin-block-end: var(--gin-spacing-xxs);
}

.gin--core-navigation .gin-secondary-toolbar--frontend {
  z-index: 102;
  margin-inline-start: var(--gin-toolbar-x-offset);
}

.toolbar-menu__link:hover::before {
  inline-size: var(--gin-spacing-xxs);
}

.admin-toolbar {
  top: 0;
  height: 100%;
}

.admin-toolbar__header {
  padding-block-start: var(--gin-spacing-xs);
}

@media (min-width: 64em) {
  .admin-toolbar__header {
    padding-block-start: 0;
  }
}

.admin-toolbar__content {
  padding: var(--admin-toolbar-sidebar-header) var(--gin-spacing-s) var(--gin-spacing-s) var(--gin-spacing-s);
  margin-block-start: calc(var(--gin-spacing-xxs) * -1);
}

@media (min-width: 64em) {
  .admin-toolbar__content {
    padding: var(--gin-spacing-s);
    margin-block-start: 0;
  }
}

.admin-toolbar__footer {
  padding: var(--gin-spacing-s);
}

.admin-toolbar__footer,
.admin-toolbar__content .toolbar-block:nth-last-child(n+2)::after {
  border-block-start-color: var(--gin-border-color-secondary);
}

.admin-toolbar__logo {
  line-height: 0;
  border-radius: 10px;
}

.admin-toolbar__logo svg rect {
  fill: var(--gin-color-primary);
}

.admin-toolbar__logo svg path {
  fill: var(--gin-bg-app);
}

.admin-toolbar__logo:hover svg rect {
  fill: var(--gin-color-primary-hover);
}

.admin-toolbar__logo:active svg rect, .admin-toolbar__logo:focus svg rect {
  fill: var(--gin-color-primary-active);
}

#navigation-link-navigationcreate {
  margin-block-start: var(--gin-spacing-xxs);
}

.toolbar-block__list {
  gap: 0;
}

.admin-toolbar .toolbar-button {
  min-height: unset;
  padding-inline: 10px;
  padding-block: calc(var(--gin-spacing-xs) + 1px);
  margin-block-end: var(--gin-spacing-xxxs);
}

.admin-toolbar .toolbar-button--primary {
  color: var(--gin-color-button-text) !important;
}

.gin--navigation-top-bar .toolbar-button.toolbar-button {
  padding: var(--gin-spacing-xs) var(--gin-spacing-s);
  min-height: auto;
  border: 0 none;
  border-radius: var(--gin-border-m);
  outline: none;
}

@media (prefers-reduced-motion: no-preference) {
  .gin--navigation-top-bar .toolbar-button.toolbar-button {
    transition: var(--gin-transition);
  }
}

.gin--navigation-top-bar .toolbar-button.toolbar-button--primary {
  --toolbar-button-color: var(--gin-color-button-text);
  --toolbar-button-bg: var(--gin-color-primary);
  --toolbar-button-hover-color: var(--gin-color-button-text);
  --toolbar-button-hover-bg: var(--gin-color-primary-hover);
  --toolbar-button-focus-color: var(--gin-color-button-text);
  --toolbar-button-focus-bg: var(--gin-color-primary-active);
  --toolbar-button-icon-size: var(--gin-font-size-s);
}

[dir="ltr"] .gin--navigation-top-bar .toolbar-button.toolbar-button--primary {
  box-shadow: .1em .25em .5em var(--gin-color-primary-light);
}

[dir="rtl"] .gin--navigation-top-bar .toolbar-button.toolbar-button--primary {
  box-shadow: -0.1em .25em .5em var(--gin-color-primary-light);
}

.gin--navigation-top-bar .toolbar-button.toolbar-button--icon--dots {
  cursor: pointer;
  color: var(--gin-color-text);
  background: transparent;
  display: block;
  height: 32px;
  width: 32px;
  padding: 6px;
  margin-inline: calc(var(--gin-spacing-xxs) * -1);
  border-radius: var(--gin-border-m);
}

@media (prefers-reduced-motion: no-preference) {
  .gin--navigation-top-bar .toolbar-button.toolbar-button--icon--dots {
    transition: background var(--gin-transition-fast);
  }
}

.gin--navigation-top-bar .toolbar-button.toolbar-button--icon--dots:hover, .gin--navigation-top-bar .toolbar-button.toolbar-button--icon--dots:focus {
  background: var(--gin-color-primary-light);
}

.gin--navigation-top-bar .toolbar-button.toolbar-button--icon--dots:hover::before, .gin--navigation-top-bar .toolbar-button.toolbar-button--icon--dots:focus::before {
  background: var(--gin-color-primary);
}

.gin--navigation-top-bar .toolbar-button.toolbar-button--icon--dots[aria-expanded=true], .gin--navigation-top-bar .toolbar-button.toolbar-button--icon--dots.is-active {
  background-color: var(--gin-color-primary-light-hover);
}

.gin--navigation-top-bar .toolbar-button.toolbar-button--icon--dots[aria-expanded=true]::before, .gin--navigation-top-bar .toolbar-button.toolbar-button--icon--dots.is-active::before {
  background-color: var(--gin-color-primary-active);
}

.admin-toolbar .toolbar-button,
.toolbar-menu__link {
  color: var(--gin-color-text);
  font-weight: var(--gin-font-weight-semibold);
  font-variation-settings: unset;
}

.admin-toolbar .toolbar-button, .admin-toolbar .toolbar-button:hover, .admin-toolbar .toolbar-button:active,
.toolbar-menu__link,
.toolbar-menu__link:hover,
.toolbar-menu__link:active {
  outline: none;
  box-shadow: none;
}

.admin-toolbar .toolbar-button:hover,
.toolbar-menu__link:hover {
  color: var(--gin-color-primary);
  background-color: var(--gin-bg-item-hover);
}

.admin-toolbar .toolbar-button:active, .admin-toolbar .toolbar-button:focus, .admin-toolbar .toolbar-button:hover:focus,
.toolbar-menu__link:active,
.toolbar-menu__link:focus,
.toolbar-menu__link:hover:focus {
  color: var(--gin-color-primary-hover);
  background-color: var(--gin-color-primary-light);
}

.toolbar-button--large {
  font-weight: var(--gin-font-weight-bold);
}

[data-drupal-admin-styles] *:focus,
.gin--navigation-top-bar .button:focus,
.gin--navigation-top-bar .local-actions__item *:focus,
.gin--navigation-top-bar .toolbar-button.toolbar-button:focus,
.local-actions__item *:focus,
.admin-toolbar__logo:focus,
.toolbar-button.toolbar-button:focus,
.admin-toolbar__expand-button:focus {
  outline: none;
  box-shadow: 0 0 0 1px var(--gin-color-focus-border), 0 0 0 4px var(--gin-color-focus);
}

.toolbar-menu__link:focus {
  outline: none;
  box-shadow: inset 0 0 0 1px var(--gin-color-focus-border), inset 0 0 0 3px var(--gin-color-focus);
}

.toolbar-button.current {
  background-color: var(--gin-bg-item-hover);
}

.toolbar-button.current:hover {
  background-color: var(--gin-color-primary-light);
}

.toolbar-button.current:active, .toolbar-button.current:focus, .toolbar-button.current:hover:focus {
  background-color: var(--gin-color-primary-light);
}

.toolbar-button.current.is-active,
.toolbar-button:has(+ .toolbar-popover__wrapper .is-active) {
  color: var(--gin-color-primary);
  background-color: var(--gin-color-primary-light);
}

.toolbar-button.current.is-active::before,
.toolbar-button:has(+ .toolbar-popover__wrapper .is-active)::before {
  background: var(--gin-color-primary);
}

.gin--core-navigation .toolbar-button__icon {
  stroke-width: .25px;
  stroke: currentColor;
}

#navigation-link-navigationcreate:first-child {
  margin-block-end: var(--admin-toolbar-space-8);
}

#navigation-link-navigationcreate:first-child::after {
  content: "";
  display: block;
  margin-block-start: var(--admin-toolbar-space-12);
  border-block-end: 1px solid var(--gin-border-color-secondary);
}

.admin-toolbar__expand-button {
  margin-block-start: calc(var(--gin-spacing-xs) * -1);
}

.admin-toolbar__expand-button, .admin-toolbar__expand-button:hover {
  color: var(--gin-color-text-light);
  border-color: var(--gin-border-color);
}

.toolbar-popover--expanded {
  background-color: transparent;
}

.toolbar-popover--expanded > .toolbar-button {
  background-color: var(--gin-bg-item-hover);
}

.gin--dark-mode .toolbar-popover__wrapper {
  border-inline-start: 2px solid var(--gin-border-color-secondary);
}

.admin-toolbar__tooltip {
  font-size: var(--gin-font-size-xs);
  color: #fff;
  background-color: var(--gin-tooltip-bg);
}

.toolbar-block__list-item[id*=navigation-link-admin-toolbar-toolsextra-links] {
  display: none;
}

#toolbar-item-shortcuts,
#toolbar-item-announcement {
  display: none;
}

.gin-secondary-toolbar .toolbar-id--toolbar-icon-user {
  display: none !important;
}

.gin-secondary-toolbar .toolbar-menu {
  gap: 0;
}

.gin-secondary-toolbar .toolbar-menu__trigger {
  display: none;
}

.gin-secondary-toolbar .toolbar-tray .menu-item + .menu-item {
  border-inline-start: none;
}

.toolbar-loading #toolbar-item-shortcuts-tray,
.toolbar-loading #toolbar-item-shortcuts {
  visibility: hidden;
}