<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*** START NEGATIVE SPACE MEGA MENU ***/
header {
  .megamenu-wrapper {
    nav[data-megamenu] {
      display: block;
      visibility: hidden;
      opacity: 0;
    }
  }

  .megamenu-wrapper:hover,
  .megamenu-wrapper:focus-within {
    a[data-megamenu],
    button[data-megamenu] {
      hr {
        width: 100%;
      }

      &amp;::after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 90%;
        bottom: -30px;
      }

      svg {
        --tw-rotate: 90deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
          skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }
    }

    nav[data-megamenu] {
      opacity: 1 !important;
      pointer-events: all !important;
      transform: unset !important;
      visibility: visible;
    }

    nav[data-megamenu-small] {
      transform: translateX(-50%) !important;
    }
  }

  &amp;.is-skin--false {
    .megamenu-wrapper:hover,
    .megamenu-wrapper:focus-within {
      a[data-megamenu] {
        --tw-text-opacity: 1;
        color: rgba(var(--irestore-red), var(--tw-text-opacity));
      }
    }
  }

  &amp;.is-skin--true {
    .megamenu-wrapper:hover,
    .megamenu-wrapper:focus-within {
      a[data-megamenu] {
        --tw-text-opacity: 1;
        color: rgba(var(--irestore-purple), var(--tw-text-opacity));
      }
    }
  }
}
/**** END NEGATIVE SPACE MEGA MENU ****/
</pre></body></html>