body.law-mode.embed-mode {
  overflow: hidden;
  background: #071018;
  cursor: default;
}

body.law-mode.embed-mode .scene-product-nav,
body.law-mode.embed-mode .chambre-tete,
body.law-mode.embed-mode .seance-bar,
body.law-mode.embed-mode .hint-nav,
body.law-mode.embed-mode .legende,
body.law-mode.embed-mode .scene-empty,
body.law-mode.embed-mode .acces-mobile,
body.law-mode.embed-mode .curseur,
body.law-mode.embed-mode .curseur-halo,
body.law-mode.embed-mode .grain {
  display: none !important;
}

body.law-mode.embed-mode .chambre-scene {
  inset: 0;
  min-height: 100%;
}

body.law-mode.embed-mode .chambre-scene::after {
  background:
    linear-gradient(180deg, rgba(3, 7, 13, .1), transparent 20%, transparent 68%, rgba(3, 7, 13, .62)),
    radial-gradient(120% 90% at 50% 46%, transparent 58%, rgba(2, 4, 8, .35) 100%);
}

body.law-mode.embed-mode .camera-nav {
  z-index: 12;
  bottom: 14px;
  width: auto;
  max-width: calc(100vw - 24px);
  background: rgba(8, 13, 21, .82);
  border-color: rgba(88, 215, 230, .26);
  box-shadow: 0 12px 35px rgba(0, 0, 0, .32);
  backdrop-filter: blur(14px);
}

body.law-mode.embed-mode .camera-nav-label {
  color: rgba(238, 242, 247, .52);
}

body.law-mode.embed-mode .camera-nav button.actif {
  color: #d9fbff;
  border-color: rgba(88, 215, 230, .45);
  background: rgba(55, 196, 214, .16);
}

body.law-mode.embed-mode .plaque {
  z-index: 30;
}

@media (max-width: 720px) {
  body.law-mode.embed-mode .camera-nav {
    bottom: 8px;
    width: calc(100vw - 16px);
  }
}