/* Scene tools toolbar platform styling */
.scene-tools-toolbar.viewer-toolbar {
  gap: 6px;
  padding: 6px;
  background: rgb(12, 12, 12);

  border-radius: 16px;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.34);
  color: rgb(255, 255, 255);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.scene-tools-toolbar.viewer-toolbar .scene-tools-group {
  gap: 4px;
  padding: 4px;
  background: transparent;
  border-radius: 12px;
}

.scene-tools-toolbar.viewer-toolbar .scene-tools-divider {
  width: 1px;
  height: 28px;
  margin: 0 1px;
  background: rgb(38, 38, 38);
}

.scene-tools-toolbar.viewer-toolbar .scene-tools-btn {
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  padding: 0;
  background: rgb(12, 12, 12);
  border: 0;
  border-radius: 10px;
  box-shadow: none;
  color: rgb(255, 255, 255);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.scene-tools-toolbar.viewer-toolbar .scene-tools-btn:hover,
.scene-tools-toolbar.viewer-toolbar .scene-tools-btn:focus-visible {
  background: rgb(30, 30, 30);
  border: 0;
  outline: none;
}

.scene-tools-toolbar.viewer-toolbar .scene-tools-btn.active,
.scene-tools-toolbar.viewer-toolbar .scene-tools-btn[aria-pressed="true"] {
  background: rgb(39, 88, 208);
  border: 0;
  color: rgb(255, 255, 255);
}

.scene-tools-toolbar.viewer-toolbar .scene-tools-btn:disabled {
  background: rgb(12, 12, 12);
  border: 0;
  color: rgba(255, 255, 255, 0.42);
  cursor: not-allowed;
  opacity: 1;
}

.scene-tools-toolbar.viewer-toolbar .scene-tools-btn:disabled:hover,
.scene-tools-toolbar.viewer-toolbar .scene-tools-btn:disabled:focus-visible {
  background: rgb(12, 12, 12);
}

.scene-tools-toolbar.viewer-toolbar .scene-tools-btn:disabled svg,
.scene-tools-toolbar.viewer-toolbar .scene-tools-btn:disabled path,
.scene-tools-toolbar.viewer-toolbar .scene-tools-btn:disabled circle,
.scene-tools-toolbar.viewer-toolbar .scene-tools-btn:disabled rect {
  opacity: 0.42;
}

.scene-tools-toolbar.viewer-toolbar .scene-tools-settings-dropdown {
  display: inline-flex;
}

.scene-tools-toolbar.viewer-toolbar .scene-tools-settings-menu {
  min-width: 190px;
  padding: 8px;
  background: rgb(12, 12, 12);

  border-radius: 16px;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.34);
  color: rgb(255, 255, 255);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.scene-tools-toolbar.viewer-toolbar .toolbar-dropdown-section {
  gap: 4px;
}

.scene-tools-toolbar.viewer-toolbar .toolbar-dropdown-section + .toolbar-dropdown-section {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid rgb(38, 38, 38);
}

.scene-tools-toolbar.viewer-toolbar .scene-tools-settings-item {
  min-height: 34px;
  padding: 0 10px;
  background: transparent;
  border: 0;
  border-radius: 10px;
  box-shadow: none;
  color: rgba(255, 255, 255, 0.72);
  font-weight: 600;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.scene-tools-toolbar.viewer-toolbar .scene-tools-settings-item:hover,
.scene-tools-toolbar.viewer-toolbar .scene-tools-settings-item:focus-visible {
  background: rgb(30, 30, 30);
  border: 0;
  color: rgb(255, 255, 255);
  outline: none;
}

.scene-tools-toolbar.viewer-toolbar .scene-tools-settings-item.active {
  background: rgb(39, 88, 208);
  border: 0;
  color: rgb(255, 255, 255);
}

.scene-tools-toolbar.viewer-toolbar .scene-tools-settings-checkbox {
  accent-color: rgb(39, 88, 208);
}

/* Splat selection toolbar color overrides */
.splat-selection-toolbar.viewer-toolbar .splat-selection-label,
.splat-selection-toolbar.viewer-toolbar .crop-volume-toolbar .crop-volume-kind,
.splat-selection-toolbar.viewer-toolbar .crop-volume-toolbar .crop-volume-size,
.splat-selection-toolbar.viewer-toolbar #splatSelectionInvertBtn,
.splat-selection-toolbar.viewer-toolbar #splatSelectionDoneBtn,
.splat-selection-toolbar.viewer-toolbar #splatSelectionDeleteBtn {
  background: rgb(30, 30, 30);
  border-color: rgb(38, 38, 38);
  color: rgb(255, 255, 255);
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.splat-selection-toolbar.viewer-toolbar .splat-selection-label,
.splat-selection-toolbar.viewer-toolbar .crop-volume-toolbar .crop-volume-size > span {
  color: rgba(255, 255, 255, 0.78);
}

.splat-selection-toolbar.viewer-toolbar .crop-volume-toolbar .crop-volume-size .crop-volume-size-input {
  background: rgb(12, 12, 12);
  border-color: rgb(38, 38, 38);
  color: rgb(255, 255, 255);
  box-shadow: none;
}

.splat-selection-toolbar.viewer-toolbar .crop-volume-toolbar .crop-volume-size .crop-volume-size-input:focus {
  border-color: rgb(39, 88, 208);
  outline: none;
}

.splat-selection-toolbar.viewer-toolbar #splatSelectionInvertBtn:hover,
.splat-selection-toolbar.viewer-toolbar #splatSelectionInvertBtn:focus-visible,
.splat-selection-toolbar.viewer-toolbar #splatSelectionDoneBtn:hover,
.splat-selection-toolbar.viewer-toolbar #splatSelectionDoneBtn:focus-visible,
.splat-selection-toolbar.viewer-toolbar #splatSelectionDeleteBtn:hover,
.splat-selection-toolbar.viewer-toolbar #splatSelectionDeleteBtn:focus-visible {
  background: rgb(30, 30, 30);
  border-color: rgb(38, 38, 38);
  outline: none;
}

.splat-selection-toolbar.viewer-toolbar #splatSelectionInvertBtn.active,
.splat-selection-toolbar.viewer-toolbar #splatSelectionInvertBtn[aria-pressed="true"],
.splat-selection-toolbar.viewer-toolbar #splatSelectionDoneBtn {
  background: rgb(39, 88, 208);
  border-color: rgb(39, 88, 208);
  color: rgb(255, 255, 255);
}

.splat-selection-toolbar.viewer-toolbar #splatSelectionDoneBtn:hover,
.splat-selection-toolbar.viewer-toolbar #splatSelectionDoneBtn:focus-visible {
  background: rgb(58, 111, 238);
  border-color: rgb(58, 111, 238);
}