html {
  --outline-color-default-global: #0095cc;
  --outline-color-default: #0095cc;
  --outline-color-error: #d21209;
}

*:focus,
*:focus-visible {
  outline-offset: 2px;
}

.mouseevents *:focus {
  outline: 0;
}

.keyevents *:focus {
  outline: var(--outline-color-default, var(--outline-color-default-global)) solid 2px;
}

body.wp-admin {
  margin-top: 0;
}

body:has(.has-invisible-header) {
  margin-top: 0;
}

body:has(.has-invisible-side-navigation) {
  margin-left: 0;
}

@media (min-width: 640px) {
  body {
    transition: margin-left 0.18s cubic-bezier(0, 0, 0.4, 1), transform 0.18s cubic-bezier(0, 0, 0.4, 1);
    margin-left: 69px;
  }
  body.wp-admin {
    margin-left: 0;
  }
}
.side-navigation {
  z-index: 1030;
}
@media (max-width: 767px) {
  .side-navigation {
    height: 60px;
  }
}
@media (min-width: 768px) {
  .side-navigation {
    height: 80px;
  }
}
.side-navigation nav ul,
.side-navigation div ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.side-navigation nav ul li a,
.side-navigation div ul li a {
  text-decoration: none !important;
}
.side-navigation nav ul li a:hover,
.side-navigation div ul li a:hover {
  text-decoration: none !important;
}
.side-navigation #top-navigation-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: inherit;
  display: flex;
  flex-direction: row;
  color: #ffffff;
  background: #21033a;
  border-bottom: 1px solid rgba(167, 98, 234, 0.4);
}
.side-navigation #top-navigation-bar .side-navigation-toggle-button {
  margin: auto 12.5px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: inherit;
  fill: currentColor;
  background: #21033a;
  border: 0;
  width: 44px;
  height: 44px;
}
.side-navigation #top-navigation-bar .header--plain {
  flex-grow: 1;
  margin-left: 0;
}
.side-navigation #top-navigation-bar .header-container {
  padding-left: 0;
}

body:has(.has-visible-embedded-side-navigation) {
  margin-left: 240px;
}

.side-navigation.active.is-expanded, .side-navigation.active.is-embedded {
  width: 240px;
}

.side-navigation-drawer {
  position: absolute;
}
.side-navigation-drawer a {
  display: flex !important;
}

div div[role=dialog][aria-modal=true] ul li a {
  display: flex !important;
}

body.has-invisible-side-navigation .header {
  margin-left: 45px;
  transition: margin 0.15s cubic-bezier(0.77, 0, 0.175, 1);
}

.side-navigation .header:has(.container--full) {
  padding-left: 0;
  padding-right: 0;
}