.shortcut-action, .toolbar-id--toolbar-icon-shortcut {
  display: none !important;
}

/* ----- Custom CSS ----- */
html, body, .toolbar {
  font-family: Verdana, Tahoma, "DejaVu Sans", "IBM Plex Sans", sans-serif;
  image-rendering: -webkit-optimize-contrast;
}

h1, h2, h3, h4, h5 {
  font-family: "Trebuchet MS", "IBM Plex Sans", Calibri, Verdana, Arial, Helvetica, sans-serif;
  color: #0e4d75;
}

a, .link, button.link, .forgot-password-link {
  color: #0e4d75;
}

#edit-register-button {
  display: none;
}

#edit-submit {
  border-radius: 0.25rem;
  background: #f3f3f3;
  color: rgba(38, 39, 48);
  text-shadow: none;
  font-size: 1.25rem;
  padding: 1rem;
  border: 1px solid rgba(38, 39, 48, 0.2);
}

.form-text:focus, .form-tel:focus, .form-email:focus, .form-url:focus, .form-search:focus, .form-number:focus, .form-color:focus, .form-file:focus, .form-textarea:focus, .form-date:focus, .form-time:focus {
  border-color: #0e4d75;
  -webkit-box-shadow: inset 0 0 0 1px #0e4d75;
  -moz-box-shadow: inset 0 0 0 1px #0e4d75;
  box-shadow: inset 0 0 0 1px #0e4d75;
}

#edit-submit:hover {
  box-shadow: none;
  border-color: #0e4d75;
  color: #0e4d75;
  transition: 0.3s;
}

#edit-submit:active {
  color: #fff;
  border-color: #0e4d75;
  background-color: #0e4d75;
}

#edit-submit:focus {
  border-color: rgb(14, 77, 117);
  box-shadow: rgba(14, 77, 117, 0.5) 0 0 0 0.2rem;
}

body.path-user .user-form-page__user-form img.toolbar-icon-home {
  max-height: 100px;
}

body.path-user .user-form-page__page-title {
  font-size: 2.5rem;
}

/* ----- IMAGE PLACEHOLDER ----- */
body.path-user .user-form-page__wallpaper {
  background-image: url("mibiVAL-title.png");
  background-size: 960px;
  background-position: right top;
  background-color: #f4f1de !important;
  background-repeat: no-repeat;
}

body.path-user .user-form-page__wallpaper img {
  display: none;
}

/* ----- TOOLBAR PREVENT BREAKOVER ----- */
/*
gin_toolbar.css contains breakpoints for 976px width, where the toolbar breaks from vertical to horizontal and looks horrible.
To prevent this from happening, all code inside the @media (min-width: 976px) selectors was copied here, to be active no matter the width of the window.
There are some other breakpoints (1024px, 588px, some more), but none of them have a significant, obvious effect, so ignored for now.
 */

#toolbar-item-administration-tray {
  border: 0 none;
}
.toolbar .toolbar-bar #toolbar-item-administration-tray .toolbar-icon::before, .toolbar .toolbar-bar #toolbar-item-administration-tray .responsive-preview-icon::before,
.toolbar .toolbar-bar .toolbar-tab > .toolbar-icon-edit.toolbar-item::before {
  left: 15px;
  width: 22px;
  height: 22px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.toolbar .toolbar-bar .toolbar-logo {
  height: 80px;
}
.toolbar .toolbar-bar .toolbar-icon-home {
  display: block;
  width: 100%;
  margin: 8px 0;
}
.toolbar .toolbar-bar #toolbar-item-administration-tray a.toolbar-icon.override-icon:before, .toolbar .toolbar-bar #toolbar-item-administration-tray a.override-icon.responsive-preview-icon:before {
  left: 0;
  width: 0;
  content: none;
}
.toolbar .toolbar-bar #toolbar-item-administration-tray a.toolbar-icon-admin-toolbar-tools-help.toolbar-icon-default {
  font-size: 0;
  height: 80px;
  -webkit-transition: top 0.15s cubic-bezier(0.19, 1, 0.22, 1);
  transition: top 0.15s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.toolbar .toolbar-bar #toolbar-item-administration-tray a.toolbar-icon-admin-toolbar-tools-help.toolbar-icon-default::before {
  width: 32px;
  height: 32px;
  left: 10px;
  -webkit-mask-size: 32px 32px;
  mask-size: 32px 32px;
  -webkit-mask-position: center center;
  mask-position: center center;
}
#toolbar-item-administration-tray a.toolbar-icon.override-icon:before, #toolbar-item-administration-tray a.override-icon.responsive-preview-icon:before {
  left: 0;
  width: 0;
  content: none;
}


#toolbar-item-administration-tray {
  display: block;
}

.toolbar-fixed {
  padding-top: 0 !important;
  padding-left: 68px;
  -webkit-transition: 0.15s cubic-bezier(0.19, 1, 0.22, 1);
  transition: 0.15s cubic-bezier(0.19, 1, 0.22, 1);
}
.toolbar-fixed[data-toolbar-menu=open] {
  padding-left: 240px;
}

.toolbar .toolbar-box {
  position: static;
}

.toolbar-tab > .toolbar-item.toolbar-icon-menu {
  display: none;
}

.toolbar-menu-administration a.toolbar-menu__trigger {
  position: fixed;
  left: 0;
  bottom: 0;
  font-size: 0.875rem;
  color: var(--colorGinTextLight);
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 68px;
  height: 64px;
  padding: 16px 0 16px 68px;
  margin: 0;
  -webkit-transition: width 0.15s cubic-bezier(0.19, 1, 0.22, 1);
  transition: width 0.15s cubic-bezier(0.19, 1, 0.22, 1);
  overflow: hidden;
}
.toolbar-menu-administration a.toolbar-menu__trigger, .toolbar-menu-administration a.toolbar-menu__trigger:active, .toolbar-menu-administration a.toolbar-menu__trigger:focus {
  background-color: transparent;
}
.toolbar-menu-administration a.toolbar-menu__trigger:hover::before {
  background-color: var(--colorGinTitle);
}
.toolbar-menu-administration a.toolbar-menu__trigger::before {
  content: "";
  position: absolute;
  left: 17px;
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid var(--colorGinBorder);
  background: var(--colorGinLayerBackground) url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 1.7109375,0.31445312 0.2890625,1.7226562 5.5917969,7.0761719 0.2890625,12.429688 1.7109375,13.837891 8.4082031,7.0761719 Z' fill='%23999999'/%3E%3C/svg%3E") no-repeat center center;
  background-size: 11px 11px;
  -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.19, 1, 0.22, 1);
  transition: -webkit-transform 0.15s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.15s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.15s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.15s cubic-bezier(0.19, 1, 0.22, 1);
}
.toolbar-menu-administration a.toolbar-menu__trigger.is-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: normal;
  color: var(--colorGinTextLight);
  width: 240px;
}
.toolbar-menu-administration a.toolbar-menu__trigger.is-active:hover {
  color: var(--colorGinTitle);
}
.toolbar-menu-administration a.toolbar-menu__trigger.is-active:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.toolbar-menu-administration a.toolbar-menu__trigger .menu {
  display: none;
}
.toolbar-menu-administration a.toolbar-menu__trigger .close {
  display: inline;
}

.toolbar-tab--toolbar-item-administration {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

.toolbar-menu__logo {
  display: block;
  width: 68px;
  height: 100%;
  background: rgba(255, 255, 255, 0.075) url(../media/drupal.svg?b9443b5ba2fe0278c421b8da1c5661a9) no-repeat left 22px center;
  background-size: 56px auto;
}
.toolbar-menu__logo:hover {
  background-color: rgba(255, 255, 255, 0.125);
}

.toolbar-menu-administration {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  top: auto;
  left: 0;
  width: 68px;
  height: 100vh;
  max-width: calc(100% - 39px);
  background: var(--colorGinLayerBackground);
  -webkit-box-shadow: 0 0 48px rgba(0, 0, 0, 0.075);
  box-shadow: 0 0 48px rgba(0, 0, 0, 0.075);
  -webkit-transition: 0.15s cubic-bezier(0.19, 1, 0.22, 1);
  transition: 0.15s cubic-bezier(0.19, 1, 0.22, 1);
}
.gin--dark-mode .toolbar-menu-administration {
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}
[data-toolbar-menu=open] .toolbar-menu-administration {
  width: 240px;
}
.toolbar-tray-horizontal .toolbar-menu-administration ul li.menu-item--expanded .menu-item.hover-intent ul {
  margin-top: 0;
  margin-left: 243px;
}
.toolbar-vertical .toolbar-menu-administration {
  width: 245px;
}
.toolbar-vertical .toolbar-menu-administration > .toolbar-menu > .menu-item {
  border-top: 0 none;
  border-bottom: 0 none;
}
.toolbar-vertical .toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-icon, .toolbar-vertical .toolbar-menu-administration > .toolbar-menu > .menu-item > .responsive-preview-icon,
.toolbar-vertical .toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-box > .toolbar-icon,
.toolbar-vertical .toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-box > .responsive-preview-icon {
  width: auto;
  padding-left: 3.5rem;
}
.toolbar-vertical .toolbar-menu-administration > .toolbar-menu > .menu-item .toolbar-menu {
  left: 245px;
}
.toolbar-menu-administration > .toolbar-menu {
  -ms-flex-item-align: start;
  align-self: flex-start;
  height: 100%;
  max-height: calc(100% - 68px);
  overflow-y: auto;
  background: transparent;
  -webkit-overflow-scrolling: touch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow-x: hidden;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, var(--colorGinLayerBackground)), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(80%, var(--colorGinLayerBackground))) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)) 0 100%;
  background: linear-gradient(var(--colorGinLayerBackground) 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), var(--colorGinLayerBackground) 80%) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)) 0 100%;
  background-color: var(--colorGinLayerBackground);
  background-repeat: no-repeat;
  background-attachment: local, local, scroll, scroll;
  background-size: 100% 40px, 100% 40px, 100% 16px, 100% 16px;
}
.toolbar-menu-administration > .toolbar-menu .menu-item__spacer {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-icon, .toolbar-menu-administration > .toolbar-menu > .menu-item > .responsive-preview-icon,
.toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-box > .toolbar-icon,
.toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-box > .responsive-preview-icon {
  font-size: 1rem;
  color: var(--colorGinTextLight);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 224px;
  height: 48px;
  padding-left: 60px;
  padding-right: 0;
  margin: 0 8px 1px;
  border-radius: 8px;
  overflow: hidden;
}
.toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-icon:hover, .toolbar-menu-administration > .toolbar-menu > .menu-item > .responsive-preview-icon:hover,
.toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-box > .toolbar-icon:hover,
.toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-box > .responsive-preview-icon:hover {
  color: var(--colorGinPrimary);
  background-color: transparent;
}
.toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-icon.is-active, .toolbar-menu-administration > .toolbar-menu > .menu-item > .is-active.responsive-preview-icon,
.toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-box > .toolbar-icon.is-active,
.toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-box > .is-active.responsive-preview-icon {
  color: var(--colorGinPrimary);
  font-weight: 500;
}
.toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-icon.is-active:before, .toolbar-menu-administration > .toolbar-menu > .menu-item > .is-active.responsive-preview-icon:before,
.toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-box > .toolbar-icon.is-active:before,
.toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-box > .is-active.responsive-preview-icon:before {
  background: var(--colorGinPrimary);
}
.toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-icon.toolbar-handle, .toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-handle.responsive-preview-icon,
.toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-box > .toolbar-icon.toolbar-handle,
.toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-box > .toolbar-handle.responsive-preview-icon {
  width: 68px;
}
.toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-icon.toolbar-handle:before, .toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-handle.responsive-preview-icon:before,
.toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-box > .toolbar-icon.toolbar-handle:before,
.toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-box > .toolbar-handle.responsive-preview-icon:before {
  display: none;
}
.toolbar-menu-administration > .toolbar-menu > .menu-item .toolbar-menu {
  display: none;
  position: fixed;
  top: 0;
  margin-left: 68px;
  width: 245px;
  height: 100vh;
  max-width: calc(100% - 39px);
  -webkit-box-shadow: none;
  box-shadow: none;
  border-left: 1px solid var(--colorGinLayerBorder);
  overflow-y: auto;
  overflow-x: hidden;
}
.gin--dark-mode .toolbar-menu-administration > .toolbar-menu > .menu-item .toolbar-menu {
  border-left: 1px solid #1b1b1d;
}
.toolbar-menu-administration > .toolbar-menu > .menu-item .toolbar-menu a,
.toolbar-menu-administration > .toolbar-menu > .menu-item .toolbar-menu span {
  color: var(--colorGinText);
}
.toolbar-menu-administration > .toolbar-menu > .menu-item .toolbar-menu a.is-active,
.toolbar-menu-administration > .toolbar-menu > .menu-item .toolbar-menu span.is-active {
  color: var(--colorGinPrimary);
  font-weight: 500;
  background: var(--colorGinPrimaryLight);
}
.toolbar-menu-administration > .toolbar-menu > .menu-item .toolbar-menu a.is-active:hover,
.toolbar-menu-administration > .toolbar-menu > .menu-item .toolbar-menu span.is-active:hover {
  color: var(--colorGinPrimaryHover);
  background: var(--colorGinPrimaryLightHover);
}
.toolbar-menu-administration > .toolbar-menu > .menu-item .toolbar-menu__title, .toolbar-menu-administration > .toolbar-menu > .menu-item .toolbar-menu__sub-title {
  position: relative;
  display: block;
  min-height: 36px;
  font-size: 1.75em;
  letter-spacing: -0.025em;
  padding: 0;
  margin: 1.25rem 0.75rem 1.5rem 0.75rem;
}
.toolbar-menu-administration > .toolbar-menu > .menu-item .toolbar-menu__title a, .toolbar-menu-administration > .toolbar-menu > .menu-item .toolbar-menu__sub-title a {
  font-weight: 500;
  color: var(--colorGinTitle);
  padding: 0.75rem;
  border-radius: 8px;
}
.toolbar-menu-administration > .toolbar-menu > .menu-item .toolbar-menu__sub-title {
  font-size: 1.375em;
  letter-spacing: -0.01em;
  margin-top: 1.375rem;
  margin-bottom: 1.4rem;
}
.toolbar-menu-administration > .toolbar-menu > .menu-item .toolbar-menu__sub-title a {
  padding: 0.9rem 0.75rem;
}
.toolbar-menu-administration > .toolbar-menu > .menu-item .toolbar-menu .menu-item {
  border-top: 0 none;
  border-left: 0 none;
  border-bottom: 0 none;
}
.toolbar-menu-administration > .toolbar-menu > .menu-item .toolbar-menu .menu-item .toolbar-icon, .toolbar-menu-administration > .toolbar-menu > .menu-item .toolbar-menu .menu-item .responsive-preview-icon {
  font-size: 0.9375rem;
  padding: 1em 2rem 1em 0.75rem;
  margin: 0.25em 0.75rem;
  border-radius: 8px;
  overflow: hidden;
}
.toolbar-menu-administration > .toolbar-menu .toolbar-menu {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, var(--colorGinLayerBackground)), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(80%, var(--colorGinLayerBackground))) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;
  background: linear-gradient(var(--colorGinLayerBackground) 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), var(--colorGinLayerBackground) 80%) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;
  background-color: var(--colorGinLayerBackground);
  background-repeat: no-repeat;
  background-attachment: local, local, scroll, scroll;
  background-size: 100% 40px, 100% 40px, 100% 24px, 100% 24px;
}
.toolbar-menu-administration .menu-item.hover-intent > .toolbar-menu {
  z-index: 2;
  display: block;
  border-right: 1px solid rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: 7px 0px 16px rgba(0, 0, 0, 0.075);
  box-shadow: 7px 0px 16px rgba(0, 0, 0, 0.075);
}
.toolbar-menu-administration .menu-item .menu-item:hover > .toolbar-icon, .toolbar-menu-administration .menu-item .menu-item:hover > .responsive-preview-icon {
  background: var(--colorGinPrimaryLight);
}
.toolbar-menu-administration .menu-item .menu-item.hover-intent:hover > .toolbar-icon, .toolbar-menu-administration .menu-item .menu-item.hover-intent:hover > .responsive-preview-icon {
  color: var(--colorGinPrimaryHover);
}

.toolbar .toolbar-toggle-orientation button {
  display: none;
}

.menu-item__tools,
.menu-item__admin_toolbar_tools-help {
  margin-bottom: 8px;
}

.toolbar .toolbar-bar #toolbar-item-administration-search:hover::before,
.toolbar .toolbar-bar .toolbar-menu-administration .toolbar-icon:hover::before,
.toolbar .toolbar-bar .toolbar-menu-administration .responsive-preview-icon:hover::before,
.toolbar .toolbar-bar .toolbar-tab > .toolbar-icon-edit.toolbar-item:hover::before,
.toolbar .toolbar-bar .toolbar-icon-toggle-vertical:hover::before,
.toolbar .toolbar-bar .toolbar-icon-toggle-horizontal:hover::before {
  background: var(--colorGinPrimary);
}

.toolbar .toolbar-bar #toolbar-item-administration-search.is-active:hover::before,
.toolbar .toolbar-bar .toolbar-menu-administration .toolbar-icon.is-active:hover::before,
.toolbar .toolbar-bar .toolbar-menu-administration .is-active.responsive-preview-icon:hover::before,
.toolbar .toolbar-bar .toolbar-tab > .toolbar-icon-edit.toolbar-item.is-active:hover::before,
.toolbar .toolbar-bar .toolbar-icon-toggle-vertical.is-active:hover::before,
.toolbar .toolbar-bar .toolbar-icon-toggle-horizontal.is-active:hover::before {
  background: var(--colorGinPrimary);
}
.toolbar .toolbar-bar .toolbar-tab > .toolbar-icon:hover:before, .toolbar .toolbar-bar .toolbar-tab > .responsive-preview-icon:hover:before {
  background-color: var(--colorGinTitle);
}
.toolbar .toolbar-bar .toolbar-tab > .toolbar-icon.is-active:before, .toolbar .toolbar-bar .toolbar-tab > .is-active.responsive-preview-icon:before, .toolbar .toolbar-bar .toolbar-tab > .toolbar-icon.is-active:hover:before {
  background-color: var(--colorGinPrimary);
}
.toolbar-meta .toolbar-bar .toolbar-icon:hover:before, .toolbar-meta .toolbar-bar .responsive-preview-icon:hover:before, .toolbar-meta .toolbar-bar .toolbar-icon.is-active:before, .toolbar-meta .toolbar-bar .is-active.responsive-preview-icon:before,
.toolbar-icon-edit:hover:before,
.toolbar-icon-edit.is-active:before,
.toolbar-icon-menu:hover:before,
.toolbar-icon-menu.is-active:before,
.toolbar-icon-local-tasks:hover:before,
.toolbar-icon-local-tasks.is-active:before,
#toolbar-item-administration-search:hover:before,
#toolbar-item-administration-search.is-active:before,
.toolbar-tab > .toolbar-icon-edit.toolbar-item:hover:before,
.toolbar-tab > .toolbar-icon-edit.toolbar-item.is-active:before {
  background: #fff;
}

.toolbar .toolbar-bar {
  background: transparent;
}
.toolbar .toolbar-bar .toolbar-tab, .toolbar .toolbar-bar .toolbar-tab .toolbar-menu__logo {
  display: none;
}
.toolbar .toolbar-bar .toolbar-tab.toolbar-tab--toolbar-item-administration {
  display: block;
}

.toolbar-tab--toolbar-item-administration > .toolbar-icon-menu {
  display: none;
}

#toolbar-item-administration-tray {
  display: block;
  position: absolute;
  top: 0;
}
.toolbar-meta {
  display: block;
  margin-top: -11px;
}
.toolbar-meta .toolbar-bar {
  position: relative;
  height: 39px;
  z-index: 102;
}
.toolbar-meta .toolbar-bar .toolbar-tab {
  display: block;
  position: relative;
}
.toolbar-meta .toolbar-bar .toolbar-tab:hover, .toolbar-meta .toolbar-bar .toolbar-tab:focus-within {
  border-radius: 6px 6px 0 0;
}
.toolbar-meta .toolbar-bar .toolbar-tab:hover .toolbar-tray, .toolbar-meta .toolbar-bar .toolbar-tab:focus-within .toolbar-tray {
  display: block;
}
.toolbar-meta .toolbar-bar .toolbar-tab .toolbar-item {
  font-size: 0;
  color: var(--colorGinTextLight);
  width: 39px;
  height: 39px;
  margin: 0;
  border-radius: 6px 6px 0 0;
}
.toolbar-meta .toolbar-bar .toolbar-tab .toolbar-item:before {
  top: 0;
  left: 10px;
}
.toolbar-meta .toolbar-bar .toolbar-tab .toolbar-item:focus {
  border-radius: 6px;
}
.toolbar-meta .toolbar-bar .toolbar-tab .toolbar-item:focus ~ .toolbar-tray {
  display: block;
}
.toolbar-meta .toolbar-bar .toolbar-tab .toolbar-item:hover, .toolbar-meta .toolbar-bar .toolbar-tab .toolbar-item:focus {
  color: var(--colorGinTitle);
  background: none;
}
.toolbar-meta .toolbar-bar .toolbar-tab .toolbar-item:hover::before, .toolbar-meta .toolbar-bar .toolbar-tab .toolbar-item:focus::before {
  background-color: var(--colorGinTitle);
}
.toolbar-meta .toolbar-bar .toolbar-tab .toolbar-item:focus, .toolbar-meta .toolbar-bar .toolbar-tab .toolbar-item:hover:focus {
  -webkit-box-shadow: 0 0 0 2px var(--colorGinLayerBackground), 0 0 0 4px var(--colorGinFocus);
  box-shadow: 0 0 0 2px var(--colorGinLayerBackground), 0 0 0 4px var(--colorGinFocus);
}
.toolbar-meta .toolbar-bar .toolbar-tab:hover .trigger, .toolbar-meta .toolbar-bar .toolbar-tab:focus .trigger {
  text-decoration: none;
  background: var(--colorGinLayer3Background);
}
.toolbar-meta .toolbar-bar .toolbar-tab .toolbar-tray {
  position: absolute;
  left: 0;
  width: 170px;
  background-color: var(--colorGinLayer3Background);
  border-bottom: 0 none;
  border-radius: 0 6px 6px 6px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 20px 20px 40px rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 20px 20px 40px rgba(0, 0, 0, 0.12);
}
.toolbar-meta .toolbar-bar .toolbar-tab .toolbar-tray a {
  color: var(--colorGinPrimary);
  padding: 12px 16px;
  border-radius: 6px;
}
.toolbar-meta .toolbar-bar .toolbar-tab .toolbar-tray a:hover, .toolbar-meta .toolbar-bar .toolbar-tab .toolbar-tray a:active {
  color: var(--colorGinButtonText);
  background-color: var(--colorGinPrimary);
}
.toolbar-meta .toolbar-bar .toolbar-tab .toolbar-tray a.action-link::before {
  background-color: var(--colorGinPrimary);
}
.toolbar-meta .toolbar-bar .toolbar-tab .toolbar-tray a.action-link:hover::before {
  background-color: var(--colorGinButtonText);
}
.toolbar-meta .toolbar-bar .toolbar-tab .toolbar-tray .toolbar-lining:not(:empty) {
  padding: 0.5rem;
}
.toolbar-meta .toolbar-bar .toolbar-tab.hidden {
  display: none;
}
.toolbar-meta .toolbar-bar .toolbar-id--toolbar-icon-user:hover .icon-user {
  -webkit-box-shadow: 0 0 0 2px var(--colorGinAppBackground), 0 0 0 5px var(--colorGinLayer3Background);
  box-shadow: 0 0 0 2px var(--colorGinAppBackground), 0 0 0 5px var(--colorGinLayer3Background);
}
.toolbar-meta .toolbar-bar .toolbar-id--toolbar-icon-user .toolbar-tray {
  left: auto;
  right: 0;
  border-radius: 6px 0 6px 6px;
}
.toolbar-meta .toolbar-bar .toolbar-id--toolbar-icon-user:not(.has-user-icon) {
  margin-right: -1.333em;
}
.toolbar-meta .toolbar-bar .toolbar-id--toolbar-icon-user .icon-user ~ .toolbar-tray {
  border-radius: 6px;
}
.toolbar-meta .toolbar-bar .toolbar-id--toolbar-icon-user .icon-user {
  border: 1px solid var(--colorGinBorder);
  border-radius: 50%;
  overflow: hidden;
  margin-left: 1rem;
  padding: 0;
  line-height: 0;
}
.toolbar-meta .toolbar-bar .toolbar-id--toolbar-icon-user .icon-user__image {
  width: 39px;
  height: 39px;
  -o-object-fit: cover;
  object-fit: cover;
}
.toolbar .toolbar-bar .toolbar-menu-administration .toolbar-icon:before, .toolbar .toolbar-bar .toolbar-menu-administration .responsive-preview-icon:before,
.toolbar .toolbar-bar #toolbar-item-administration-search:before,
.toolbar .toolbar-bar .toolbar-tab > .toolbar-icon-edit.toolbar-item:before {
  -webkit-mask-size: 21px 21px;
  mask-size: 21px 21px;
}