/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
@layer properties;
.load-splat-button {
  pointer-events: auto;
}
#splat-viewer-container {
  pointer-events: auto;
  position: fixed;
  top: calc(1 / 2 * 100%);
  left: calc(1 / 2 * 100%);
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-black, #070007);
  background-color: #2c2a30;
  transition-property: width,height;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  --tw-duration: 350ms;
  transition-duration: 350ms;
  & > #splat-viewer-close {
    position: absolute;
    top: 16px;
    right: 12px;
    height: calc(var(--spacing, 0.25rem) * 7);
    width: calc(var(--spacing, 0.25rem) * 7);
    cursor: pointer;
    border-radius: 6px;
    background-color: rgba(0,0,0,0.3);
    --tw-leading: calc(var(--spacing, 0.25rem) * 6.5);
    line-height: calc(var(--spacing, 0.25rem) * 6.5);
    color: rgb(224,220,221);
    font-family: "Arial", sans-serif;
    -webkit-text-stroke: 2px rgba(0,0,0,0.3);
    &:hover {
      filter: brightness(2);
    }
  }
}
.viewer-w-expanded {
  width: 900px;
}
.viewer-w-collapsed {
  width: 0;
}
.viewer-h-expanded {
  height: 600px;
}
.viewer-h-collapsed {
  height: 0;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@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-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-border-style: solid;
      --tw-duration: initial;
      --tw-leading: initial;
    }
  }
}
/*# sourceMappingURL=splats.min.css.map */