/* The existing WebGL scene draws these control surfaces and icons. Native
   elements retain labels, focus, keyboard, forms and click handling. */
html body [data-rotor-ui-3d][data-rotor-ui-3d] {
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transform:none!important;
  text-shadow:0 1px 2px #000c;
}
html body [data-rotor-ui-3d][data-rotor-ui-3d]::before,
html body [data-rotor-ui-3d][data-rotor-ui-3d]::after {
  content:none!important;display:none!important;
}
html body [data-rotor-ui-3d][data-rotor-ui-3d]:focus-visible {
  outline:2px solid #f4efb5!important;outline-offset:3px!important;
}
html body [data-rotor-ui-3d-backdrop][data-rotor-ui-3d-backdrop] {
  background:transparent!important;box-shadow:none!important;border-color:transparent!important;
}
html body [data-rotor-ui-3d-icon] {opacity:0!important;}
html body [data-rotor-ui-3d-glyph] {color:transparent!important;text-shadow:none!important;}
.rotor-ui3d-icon {
  display:inline-block;flex:none;width:19px;height:19px;margin-inline-end:7px;
  vertical-align:middle;pointer-events:none;
}
@media (max-width:640px) {
  .rotor-ui3d-icon {width:16px;height:16px;margin-inline-end:5px;}
}
@media (forced-colors:active) {
  html body [data-rotor-ui-3d][data-rotor-ui-3d] {
    border:1px solid ButtonText!important;background:ButtonFace!important;
    color:ButtonText!important;text-shadow:none;
  }
  html body [data-rotor-ui-3d-icon] {opacity:1!important;}
  html body [data-rotor-ui-3d-glyph] {color:ButtonText!important;}
  .rotor-ui3d-icon {display:none;}
}