/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
.container {
  width: 100%;
}
.hidden {
  display: none;
}
.inline-flex {
  display: inline-flex;
}
.flex-grow {
  flex-grow: 1;
}
.resize {
  resize: both;
}
.flex-wrap {
  flex-wrap: wrap;
}
.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
@layer utilities {
  .liquid-glass {
    background: rgba(255, 255, 255, 0.01);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    box-shadow: inset 0 0 12px rgba(255, 255, 255, 0.15);
    position: relative;
  }
  .liquid-glass::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.05));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
  }
  .liquid-glass-strong {
    background: rgba(255, 255, 255, 0.01);
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
    box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.2);
  }
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@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-border-style: solid;
    }
  }
}
