/*! tailwindcss v4.0.6 | MIT License | https://tailwindcss.com */
.static {
  position: static;
}
.container {
  width: 100%;
}
.flex {
  display: flex;
}
.hidden {
  display: none;
}
.h-full {
  height: 100%;
}
.w-full {
  width: 100%;
}
.grow {
  flex-grow: 1;
}
.flex-col {
  flex-direction: column;
}
.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
svg {
  fill: currentColor;
  stroke: currentColor;
}
.aspect-ratio-flex-flip {
  flex-direction: row;
}
.screen-square {
  width: min(100vh, 100vw);
  height: min(100vh, 100vw);
}
@media (max-aspect-ratio: 3/2) {
  .aspect-ratio-flex-flip {
    flex-direction: row;
  }
  .screen-square {
    width: min(80vh, 80vw);
    height: min(80vh, 80vw);
  }
}
@media (max-aspect-ratio: 1/1) {
  .aspect-ratio-flex-flip {
    flex-direction: column;
  }
  .screen-square {
    width: min(80vh, 80vw);
    height: min(80vh, 80vw);
  }
}
@media (max-aspect-ratio: 5/6) {
  .aspect-ratio-flex-flip {
    flex-direction: column;
  }
  .screen-square {
    width: min(100vh, 100vw);
    height: min(100vh, 100vw);
  }
}
@keyframes pulse-outline {
  0% {
    outline: 4px rgba(255,0,255,1.0);
    outline-offset: 0px;
    outline-style: dashed;
  }
  60% {
    outline: 7px rgba(127,0,127,1.0);
    outline-offset: 4px;
    outline-style: dashed;
  }
  100% {
    outline: 4px rgba(255,0,255,1.0);
    outline-offset: 0px;
    outline-style: dashed;
  }
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}