/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
@layer properties;
#model-viewer-canvas, #model-viewer-overlay {
  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);
  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;
}
#model-viewer-canvas {
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-black, #070007);
}
#model-viewer-overlay {
  pointer-events: none;
}
#model-viewer-overlay-content {
  pointer-events: none;
  position: relative;
  color: var(--color-light-gray, #828185);
}
#model-viewer-close {
  pointer-events: auto;
  position: absolute;
  top: calc(var(--spacing, 0.25rem) * 2);
  right: calc(var(--spacing, 0.25rem) * 2);
  height: calc(var(--spacing, 0.25rem) * 7);
  width: calc(var(--spacing, 0.25rem) * 7);
  cursor: pointer;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-light-gray, #828185);
  background-color: transparent;
  --tw-leading: calc(var(--spacing, 0.25rem) * 6.5);
  line-height: calc(var(--spacing, 0.25rem) * 6.5);
  color: var(--color-light-gray, #828185);
}
#texture-placeholder {
  position: absolute;
  right: 2px;
  bottom: 2px;
  display: none;
  height: auto;
  width: calc(1 / 4 * 100%);
}
#texture-preview-window {
  position: absolute;
  right: 2px;
  bottom: 2px;
  display: none;
  height: auto;
  width: calc(1 / 4 * 100%);
  & #prev-texture, & #next-texture {
    pointer-events: auto;
    position: absolute;
    top: calc(var(--spacing, 0.25rem) * -6);
    height: calc(var(--spacing, 0.25rem) * 5);
    width: calc(var(--spacing, 0.25rem) * 5);
    border-radius: calc(infinity * 1px);
    background-color: var(--color-light-gray, #828185);
    color: var(--color-black, #070007);
  }
  & #prev-texture {
    left: var(--spacing, 0.25rem);
  }
  & #next-texture {
    right: var(--spacing, 0.25rem);
  }
  & #texture-filename {
    position: absolute;
    top: calc(var(--spacing, 0.25rem) * -5.25);
    left: calc(1 / 2 * 100%);
    width: calc(7 / 10 * 100%);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
  }
  & > #texture-image-container > img {
    height: 100%;
    width: 100%;
  }
}
.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-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@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-duration: initial;
      --tw-border-style: solid;
      --tw-leading: initial;
    }
  }
}
/*# sourceMappingURL=3d-modeling.min.css.map */