/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-duration: initial;
      --tw-border-style: solid;
    }
  }
}

article[data-astro-cid-3zbxo6iv] img[data-astro-cid-3zbxo6iv]:not(.no-zoom) {
  cursor: zoom-in;
  border-radius: var(--radius-xl, .75rem);
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .3s;
  transition-duration: .3s;
}

@media (hover: hover) {
  article[data-astro-cid-3zbxo6iv] img[data-astro-cid-3zbxo6iv]:not(.no-zoom):hover {
    scale: 1.02;
  }
}

article[data-astro-cid-3zbxo6iv] > [data-astro-cid-3zbxo6iv] + [data-astro-cid-3zbxo6iv] {
  margin-top: calc(var(--spacing, .25rem) * 6);
}

article[data-astro-cid-3zbxo6iv] blockquote[data-astro-cid-3zbxo6iv] {
  border-top-right-radius: var(--radius-lg, .5rem);
  border-bottom-right-radius: var(--radius-lg, .5rem);
  border-left-style: var(--tw-border-style);
  border-left-width: 4px;
  border-color: var(--color-teal-9);
  background-color: oklab(96.1% 0 2.98023e-8);
}

@supports (color: color-mix(in lab, red, red)) {
  article[data-astro-cid-3zbxo6iv] blockquote[data-astro-cid-3zbxo6iv] {
    background-color: color-mix(in oklab, var(--color-gray-200) 50%, var(--color-white));
  }
}

article[data-astro-cid-3zbxo6iv] blockquote[data-astro-cid-3zbxo6iv] {
  padding-block: calc(var(--spacing, .25rem) * 2);
  padding-left: calc(var(--spacing, .25rem) * 4);
  color: var(--color-gray-700);
  font-style: italic;
}

article[data-astro-cid-3zbxo6iv] pre[data-astro-cid-3zbxo6iv] {
  border-radius: var(--radius-lg, .5rem);
  background-color: var(--color-gray-200);
  padding: calc(var(--spacing, .25rem) * 4);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, #0000000d);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  overflow-x: auto;
}

@keyframes slow-zoom {
  from {
    transform: scale(1);
  }

  to {
    transform: scale(1.05);
  }
}

.animate-slow-zoom[data-astro-cid-3zbxo6iv] {
  animation: 20s ease-in-out infinite alternate slow-zoom;
}

@keyframes fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.animate-fade-in[data-astro-cid-3zbxo6iv] {
  animation: .8s ease-in-out forwards fade-in;
}

@keyframes fade-in-up {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fade-in-up[data-astro-cid-3zbxo6iv] {
  animation: .8s ease-out forwards fade-in-up;
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}