/* stylelint-disable */
@layer drv.components.header {
  .drv-header .drv-btn.drv-nav-toggle-btn {
    position: absolute;
    inset-block-start: var(--drv-spacing-03, 0.5rem);
    inset-inline-end: var(--drv-spacing-03, 0.5rem);
    z-index: 2;
    margin-block-end: 0;
    background-color: transparent;
    color: var(--drv-color-interactive-01, #083163);
  }
  @media (min-width: 37.5rem) {
    .drv-header .drv-btn.drv-nav-toggle-btn {
      position: relative;
      grid-column: -1/-2;
      grid-row: 2/3;
      place-self: baseline end;
      inset-block-start: 0;
      inset-inline-end: 0;
    }
  }
  .drv-header .drv-btn.drv-nav-toggle-btn .line1,
  .drv-header .drv-btn.drv-nav-toggle-btn .line3 {
    transform: translate(0, 0) rotate(0deg);
    transition: transform 250ms ease-in;
  }
  .drv-header .drv-btn.drv-nav-toggle-btn .line2 {
    transition: opacity 200ms ease-out;
  }
  .drv-header .drv-btn.drv-nav-toggle-btn[aria-expanded=true] {
    border-radius: 0;
    border-start-start-radius: var(--drv-spacing-03, 0.5rem);
    color: var(--drv-color-interactive-01-hover, #000000);
  }
  @media (min-width: 37.5rem) {
    .drv-header .drv-btn.drv-nav-toggle-btn[aria-expanded=true] {
      border-start-end-radius: var(--drv-spacing-03, 0.5rem);
      position: relative;
    }
  }
  .drv-header .drv-btn.drv-nav-toggle-btn[aria-expanded=true]::after, .drv-header .drv-btn.drv-nav-toggle-btn[aria-expanded=true]::before {
    content: "";
    position: absolute;
    z-index: -1;
    inline-size: 200%;
    border-radius: inherit;
    background: var(--drv-color-ui-05, #e1e6ec);
    inset: 0;
  }
  .drv-header .drv-btn.drv-nav-toggle-btn[aria-expanded=true]::after {
    transition-timing-function: cubic-bezier(0.5, 0, 1, 1);
    z-index: -2;
    transition-property: background-color;
    transition-duration: 200ms;
    inset: -0.0625rem;
  }
  .drv-header .drv-btn.drv-nav-toggle-btn[aria-expanded=true]:hover::after, .drv-header .drv-btn.drv-nav-toggle-btn[aria-expanded=true]:focus::after {
    background: var(--drv-color-ui-09, #000000);
  }
  @media (max-width: 37.48rem) {
    .drv-header .drv-btn.drv-nav-toggle-btn[aria-expanded=true]:hover, .drv-header .drv-btn.drv-nav-toggle-btn[aria-expanded=true]:focus {
      border-inline-end-color: var(--drv-color-ui-05, #e1e6ec);
      border-block-end-color: var(--drv-color-ui-05, #e1e6ec);
    }
  }
  .drv-header .drv-btn.drv-nav-toggle-btn[aria-expanded=true] .line2 {
    opacity: 0;
  }
  .drv-header .drv-btn.drv-nav-toggle-btn[aria-expanded=true] .line1 {
    transform: translate(5.25px, -0.5px) rotate(45deg);
    transform: translate(8px, 0) rotate(45deg);
  }
  .drv-header .drv-btn.drv-nav-toggle-btn[aria-expanded=true] .line3 {
    transform: translate(-9px, 8px) rotate(-45deg);
  }
  .drv-header--management-mode .drv-btn.drv-nav-toggle-btn {
    inset-block-start: 2rem;
  }
  @media (min-width: 37.5rem) {
    .drv-header--management-mode .drv-btn.drv-nav-toggle-btn {
      inset-block-start: 0;
    }
  }
  .drv-header--management-mode .drv-nav-flyout.drv-nav-flyout {
    inset-block-start: 4.5rem;
  }
  @media (min-width: 37.5rem) {
    .drv-header--management-mode .drv-nav-flyout.drv-nav-flyout {
      inset-block-start: 6.5rem;
    }
  }
}