img.white {
  display: none;
}
#navigation {
  margin-left: auto;
}
#hs_cos_wrapper_primary-menu {
  display: flex;
  align-items: center;  
}
@media screen and (max-width: 1023px) {
  #hs_cos_wrapper_header_primary-menu {
    display: none; 
  }
}

#hs_menu_wrapper_header_sidebar-menu {
  .hs-menu-depth-1 > a {
    font-size: 1.25rem;
    font-weight: 500;
  }
}
#socials {
  svg {
    margin: 0 auto;
  }
}


.drawer {
  @layer daisyui.l1.l2.l3 {
    position: relative;
    display: grid;
    width: 100%;
    grid-auto-columns: max-content auto;
  }
}
.drawer-side {
  :where(&) {
    @layer daisyui.l1.l2.l3 {
      overflow-x: hidden;
      overflow-y: hidden;
    }
  }
  @layer daisyui.l1.l2.l3 {
    pointer-events: none;
    visibility: hidden;
    position: fixed;
    inset-inline-start: calc(0.25rem * 0);
    top: calc(0.25rem * 0);
    z-index: 10;
    grid-column-start: 1;
    grid-row-start: 1;
    display: grid;
    width: 100%;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-template-rows: repeat(1, minmax(0, 1fr));
    align-items: flex-start;
    justify-items: start;
    overscroll-behavior: contain;
    background-color: transparent;
    opacity: 0%;
    transition: opacity 0.2s ease-out 0.1s allow-discrete, visibility 0.3s ease-out 0.1s allow-discrete;
    height: 100vh;
    height: 100dvh;
    > .drawer-overlay {
      position: sticky;
      top: calc(0.25rem * 0);
      cursor: pointer;
      place-self: stretch;
      background-color: oklch(0% 0 0 / 40%);
    }
    > * {
      grid-column-start: 1;
      grid-row-start: 1;
    }
    > *:not(.drawer-overlay) {
      will-change: transform;
      transition: translate 0.3s ease-out, width 0.2s ease-out;
      translate: -100%;
      [dir="rtl"] & {
        translate: 100%;
      }
    }
  }
}
.drawer-toggle {
  @layer daisyui.l1.l2.l3 {
    position: fixed;
    height: calc(0.25rem * 0);
    width: calc(0.25rem * 0);
    appearance: none;
    opacity: 0%;
    :where(&:checked ~ .drawer-side) {
      scrollbar-color: currentColor oklch(0 0 0 / calc(var(--page-has-backdrop, 0) * 0.4));
      @supports (color: color-mix(in lab, red, red)) {
        scrollbar-color: color-mix(in oklch, currentColor 35%, #0000) oklch(0 0 0 / calc(var(--page-has-backdrop, 0) * 0.4));
      }
    }
    :where(:root:has(&:checked)) {
      --page-has-backdrop: 1;
      --page-overflow: hidden;
      --page-scroll-bg: var(--page-scroll-bg-on);
      --page-scroll-gutter: stable;
      --page-scroll-transition: var(--page-scroll-transition-on);
      animation: set-page-has-scroll forwards;
      animation-timeline: scroll();
    }
  }
  @layer daisyui.l1.l2 {
    :where(&:checked ~ .drawer-side) {
      pointer-events: auto;
      visibility: visible;
      overflow-y: auto;
      opacity: 100%;
      & > *:not(.drawer-overlay) {
        translate: 0%;
      }
    }
    &:focus-visible ~ .drawer-content label.drawer-button {
      outline: 2px solid;
      outline-offset: 2px;
    }
  }
}
.drawer-content {
  @layer daisyui.l1.l2.l3 {
    grid-column-start: 2;
    grid-row-start: 1;
    min-width: calc(0.25rem * 0);
  }
}
.drawer-end {
  @layer daisyui.l1.l2 {
    grid-auto-columns: auto max-content;
    > .drawer-toggle {
      & ~ .drawer-content {
        grid-column-start: 1;
      }
      & ~ .drawer-side {
        grid-column-start: 2;
        justify-items: end;
      }
      & ~ .drawer-side > *:not(.drawer-overlay) {
        translate: 100%;
        [dir="rtl"] & {
          translate: -100%;
        }
      }
      &:checked ~ .drawer-side > *:not(.drawer-overlay) {
        translate: 0%;
      }
    }
  }
}