/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.99.9/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/.pnpm/sass-loader@12.6.0_sass@1.89.2_webpack@5.99.9/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./blocks/3d-viewer/css/styles.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.three-d-viewer-block .three-d-viewer-container {
  position: relative;
  min-height: 300px;
}
.three-d-viewer-block .three-d-viewer-container canvas {
  width: 100% !important;
  height: 100% !important;
  display: block;
}
.three-d-viewer-block .three-d-viewer-container .loading-indicator {
  transition: opacity 0.3s ease;
}
.three-d-viewer-block .three-d-viewer-container .loading-indicator.hidden {
  opacity: 0;
  pointer-events: none;
}
.three-d-viewer-block .three-d-viewer-container .controls-overlay {
  transition: opacity 0.2s ease;
}
.three-d-viewer-block .three-d-viewer-container .controls-overlay.visible {
  display: block !important;
}
.three-d-viewer-block .three-d-viewer-container .controls-overlay .control-btn {
  font-family: monospace;
  font-weight: bold;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.three-d-viewer-block .three-d-viewer-container .controls-overlay .control-btn:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.three-d-viewer-block .three-d-viewer-container .controls-overlay .control-btn:active {
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}
.three-d-viewer-block .three-d-viewer-container .controls-overlay .control-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  -webkit-transform: none !important;
          transform: none !important;
}
.three-d-viewer-block .three-d-viewer-container .error-message.visible {
  display: -ms-flexbox !important;
  display: flex !important;
}
@media (max-width: 768px) {
  .three-d-viewer-block .controls-overlay {
    top: 2px;
    right: 2px;
  }
  .three-d-viewer-block .controls-overlay .bg-white\/90 {
    padding: 8px;
  }
  .three-d-viewer-block .controls-overlay .control-btn {
    padding: 6px 8px;
    font-size: 10px;
  }
}
.block-editor .three-d-viewer-block .three-d-viewer-container {
  border: 1px dashed #ccc;
}

/*# sourceMappingURL=index.css.map*/