.frs-block-ar-viewer {
  width: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.frs-block-ar-viewer--editor {
  min-height: auto;
  padding: var(--wp--preset--spacing--medium);
  background: var(--wp--preset--color--lightgrey);
  text-align: center;
}

.ar-viewer-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: var(--wp--preset--spacing--x-small) var(--wp--preset--spacing--small);
  border-bottom: 1px solid var(--wp--preset--color--lightgrey);
}

.ar-viewer-header .ar-viewer-back {
  font-size: var(--wp--preset--font-size--body);
  font-weight: var(--wp--custom--font-weight--medium);
  color: var(--wp--preset--color--black);
  text-decoration: none;
}

.ar-viewer-header .ar-viewer-back:hover {
  text-decoration: underline;
}

.ar-viewer-header .ar-viewer-dimensions {
  font-size: var(--wp--preset--font-size--body);
  color: var(--wp--preset--color--midgrey);
  margin: 0;
}

.ar-viewer-stage {
  flex: 1;
  display: flex;
  align-items: stretch;
  justify-content: center;
  min-height: 60vh;
  position: relative;
}

.ar-viewer-loading {
  color: var(--wp--preset--color--midgrey);
}

#ar-model-viewer {
  width: 100%;
  height: auto;
  min-height: 60vh;
}

.ar-button {
  padding: var(--wp--preset--spacing--x-small) var(--wp--preset--spacing--medium);
  border: 0;
  border-radius: 8px;
  background: var(--wp--preset--color--black);
  color: var(--wp--preset--color--white);
  font-size: var(--wp--preset--font-size--cta-default);
  line-height: var(--wp--custom--line-height--cta);
  font-weight: var(--wp--custom--font-weight--medium);
  font-family: var(--wp--custom--font-family--body);
  cursor: pointer;
  position: absolute;
  bottom: var(--wp--preset--spacing--medium);
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.ar-button:hover {
  background: var(--wp--preset--color--white);
  color: var(--wp--preset--color--black);
  border: 1px solid var(--wp--preset--color--black);
}

.ar-viewer-reset-btn {
  position: absolute;
  top: var(--wp--preset--spacing--x-small);
  right: var(--wp--preset--spacing--x-small);
  z-index: 10;
  padding: var(--wp--preset--spacing--tiny) var(--wp--preset--spacing--x-small);
  border: 1px solid var(--wp--preset--color--lightgrey);
  border-radius: 8px;
  background: var(--wp--preset--color--white);
  color: var(--wp--preset--color--black);
  font-size: var(--wp--preset--font-size--body);
  font-family: var(--wp--custom--font-family--body);
  cursor: pointer;
}

.ar-viewer-reset-btn:hover {
  background: var(--wp--preset--color--black);
  color: var(--wp--preset--color--white);
}

.ar-viewer-fallback {
  padding: var(--wp--preset--spacing--medium);
  text-align: center;
}

.ar-viewer-fallback-img {
  max-width: 100%;
  max-height: 60vh;
  object-fit: contain;
}



/*# sourceMappingURL=block-ar-viewer.css.map */