/* src/styles.css */
*,
::before,
::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
@font-face {
  font-family: "aviano-sans";
  font-display: swap;
  font-style: normal;
  font-weight: 300;
  src: url(/assets/fonts/AvianoSans-Light.woff2) format("woff2"), url(/assets/fonts/AvianoSans-Light.woff) format("woff");
}
@font-face {
  font-family: "aviano-sans";
  font-display: swap;
  font-style: normal;
  font-weight: 600;
  src: url(/assets/fonts/AvianoSans-Bol.otf) format("opentype");
}
html,
body {
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background: #edf8fd;
  color-scheme: only light;
}
body {
  margin: 0;
}
input,
textarea,
select,
button {
  color-scheme: only light;
}
*,
::before,
::after {
  box-sizing: border-box;
}
.pointer-events-none {
  pointer-events: none;
}
.visible {
  visibility: visible;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.inset-0 {
  inset: 0px;
}
.bottom-0 {
  bottom: 0px;
}
.left-0 {
  left: 0px;
}
.right-0 {
  right: 0px;
}
.top-0 {
  top: 0px;
}
.isolate {
  isolation: isolate;
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-\[49\] {
  z-index: 49;
}
.col-span-12 {
  grid-column: span 12 / span 12;
}
.block {
  display: block;
}
.flex {
  display: flex;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.contents {
  display: contents;
}
.hidden {
  display: none;
}
.h-dvh {
  height: 100dvh;
}
.h-full {
  height: 100%;
}
.min-h-dvh {
  min-height: 100dvh;
}
.w-full {
  width: 100%;
}
.w-screen {
  width: 100vw;
}
.translate-y-full {
  --tw-translate-y: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.resize {
  resize: both;
}
.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.flex-wrap {
  flex-wrap: wrap;
}
.justify-center {
  justify-content: center;
}
.gap-x-12 {
  column-gap: 3rem;
}
.overflow-auto {
  overflow: auto;
}
.text-wrap {
  text-wrap: wrap;
}
.border {
  border-width: 1px;
}
.text-center {
  text-align: center;
}
.uppercase {
  text-transform: uppercase;
}
.opacity-0 {
  opacity: 0;
}
.outline {
  outline-style: solid;
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[10px\] {
  --tw-blur: blur(10px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.invert {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-filter {
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition {
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke,
    opacity,
    box-shadow,
    transform,
    filter,
    backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 768px) {
  .md\:items-center {
    align-items: center;
  }
  .md\:pt-0 {
    padding-top: 0px;
  }
}
@media (min-width: 1024px) {
  .lg\:col-span-10 {
    grid-column: span 10 / span 10;
  }
  .lg\:col-span-8 {
    grid-column: span 8 / span 8;
  }
  .lg\:col-start-2 {
    grid-column-start: 2;
  }
  .lg\:col-start-3 {
    grid-column-start: 3;
  }
}

/* src/react/CardNav.css */
.card-nav-container {
  position: fixed;
  top: 1.25rem;
  left: 50%;
  z-index: 90;
  width: min(92%, 860px);
  box-sizing: border-box;
  transform: translateX(-50%);
  pointer-events: auto;
}
ivymyst-card-nav {
  position: fixed;
  inset: 0 0 auto;
  z-index: 90;
  display: block;
  height: 0;
  pointer-events: none;
}
.card-nav {
  position: relative;
  display: block;
  height: 60px;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.48);
  border-radius: 8px;
  box-shadow: 0 18px 42px rgba(8, 28, 36, 0.18);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  will-change: height;
}
.card-nav-top {
  position: absolute;
  inset: 0 0 auto;
  z-index: 2;
  display: flex;
  height: 60px;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.45rem 0.55rem 1.1rem;
}
.hamburger-menu {
  display: flex;
  height: 100%;
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.hamburger-menu:hover .hamburger-line {
  opacity: 0.75;
}
.hamburger-line {
  width: 30px;
  height: 2px;
  background-color: currentColor;
  transform-origin: 50% 50%;
  transition:
    transform 0.25s ease,
    opacity 0.2s ease,
    margin 0.3s ease;
}
.hamburger-menu.open .hamburger-line:first-child {
  transform: translateY(4px) rotate(45deg);
}
.hamburger-menu.open .hamburger-line:last-child {
  transform: translateY(-4px) rotate(-45deg);
}
.card-nav-logo-container {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  align-items: center;
  transform: translate(-50%, -50%);
}
.card-nav-logo {
  width: auto;
  height: 24px;
  max-width: 190px;
  display: block;
  object-fit: contain;
  filter: brightness(0) saturate(0%) opacity(0.72);
}
.card-nav-cta-button {
  display: inline-flex;
  height: 100%;
  min-width: 112px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 6px;
  padding: 0 1rem;
  font:
    600 0.72rem/1 aviano-sans,
    Arial,
    sans-serif;
  text-transform: uppercase;
  letter-spacing: 0;
  transition: background-color 0.3s ease, transform 0.3s ease;
}
.card-nav-cta-button:hover {
  background-color: #0b3f4e !important;
  transform: translateY(-1px);
}
.card-nav-content {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  top: 60px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
  padding: 0.5rem;
  visibility: hidden;
  pointer-events: none;
}
.card-nav.open .card-nav-content {
  visibility: visible;
  pointer-events: auto;
}
.card-nav-link-row {
  display: flex;
  min-height: 34px;
  gap: 4px;
  border-radius: 6px;
  background: rgba(14, 74, 91, 0.1);
  padding: 4px;
}
.card-nav-text-button {
  display: inline-flex;
  height: 30px;
  flex: 1 1 0;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: transparent;
  color: #123442;
  font:
    600 0.68rem/1 aviano-sans,
    Arial,
    sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  transition:
    background-color 0.24s ease,
    color 0.24s ease,
    border-color 0.24s ease;
}
.card-nav-text-button:hover {
  background: rgba(125, 211, 252, 0.28);
  color: #062431;
}
.card-nav-cards {
  display: flex;
  min-height: 0;
  flex: 1 1 auto;
  gap: 12px;
}
.nav-card {
  position: relative;
  display: flex;
  height: 100%;
  min-width: 0;
  -webkit-user-select: none;
  user-select: none;
  flex: 1 1 0;
  flex-direction: column;
  gap: 8px;
  border-radius: 8px;
  padding: 12px 16px;
}
.nav-card-label {
  font:
    600 1.05rem/1.2 aviano-sans,
    Arial,
    sans-serif;
  letter-spacing: 0;
  text-transform: uppercase;
}
.nav-card-links {
  display: flex;
  margin-top: auto;
  flex-direction: column;
  gap: 2px;
}
.nav-card-link {
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  gap: 6px;
  color: inherit;
  font:
    400 0.92rem/1.45 aviano-sans,
    Arial,
    sans-serif;
  text-decoration: none;
  transition: opacity 0.3s ease;
}
.nav-card-link:hover {
  opacity: 0.75;
}
.nav-card-link-icon {
  width: 1em;
  height: 1em;
  flex: 0 0 auto;
}
@media (max-width: 991px), (max-width: 1199px) and (pointer: coarse) {
  .card-nav-container {
    top: max(0.75rem, env(safe-area-inset-top));
    width: min(calc(100% - 28px), 720px);
  }
  .card-nav.open {
    max-height: calc(100svh - 1.7rem);
    overflow-y: auto !important;
    scrollbar-width: none;
  }
  .card-nav.open::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }
  .card-nav-top {
    justify-content: space-between;
    padding: 0.5rem 0.75rem;
  }
  .hamburger-menu {
    order: 1;
    height: 44px;
    min-width: 44px;
  }
  .card-nav-logo-container {
    position: static;
    order: 2;
    transform: none;
  }
  .card-nav-logo {
    height: 20px;
    max-width: 150px;
  }
  .card-nav-cta-button {
    order: 3;
    height: 44px;
    min-width: 104px;
    padding: 0 0.95rem;
  }
  .card-nav-content {
    bottom: 0;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 8px;
    padding: 0.5rem;
  }
  .card-nav-link-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px;
  }
  .card-nav-text-button {
    height: 30px;
    padding: 0 0.35rem;
    font-size: 0.66rem;
  }
  .card-nav-cards {
    flex: 0 0 auto;
    flex-direction: column;
    gap: 8px;
  }
  .nav-card {
    height: auto;
    min-height: 68px;
    max-height: none;
    flex: 1 1 auto;
  }
  .nav-card-label {
    font-size: 0.95rem;
  }
  .nav-card-link {
    font-size: 0.86rem;
  }
}
@media (max-width: 575px) {
  .card-nav-container {
    top: max(0.5rem, env(safe-area-inset-top));
    width: min(calc(100% - 16px), 440px);
  }
  .card-nav,
  .card-nav-top {
    height: 56px;
  }
  .card-nav.open {
    max-height: calc(100svh - 1rem - env(safe-area-inset-top));
  }
  .card-nav-top {
    padding: 0.4rem 0.55rem;
  }
  .hamburger-menu {
    height: 40px;
    min-width: 40px;
  }
  .hamburger-line {
    width: 26px;
  }
  .card-nav-logo {
    height: 18px;
    max-width: 132px;
  }
  .card-nav-cta-button {
    display: none;
  }
  .card-nav-content {
    top: 56px;
    gap: 7px;
    padding: 0.45rem;
  }
  .card-nav-link-row {
    grid-template-columns: 1fr;
    min-height: 0;
  }
  .card-nav-text-button {
    height: 34px;
    justify-content: flex-start;
    padding: 0 0.75rem;
    font-size: 0.68rem;
  }
  .nav-card {
    min-height: 82px;
    gap: 10px;
    padding: 12px 14px;
  }
  .nav-card-label {
    font-size: 0.9rem;
  }
  .nav-card-link {
    font-size: 0.82rem;
    line-height: 1.36;
  }
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */