/* Precision inspector additions: measurement units and proportional sizing. */
.transform-controls .transform-unit-label {
  padding-right: 4px;
  border-right: 1px solid #e2dde6;
}

.transform-controls .transform-unit-label select {
  width: 48px !important;
  height: 27px !important;
  padding: 2px 5px !important;
  border: 1px solid #d9d2df;
  border-radius: 5px;
  background: #fff;
  color: #433b48;
  font-size: 8px;
  font-weight: 800;
  text-transform: none;
}

.transform-controls .precision-nudge-label {
  padding-right: 4px;
  border-right: 1px solid #e2dde6;
}

.transform-controls .precision-nudge-label input {
  width: 56px !important;
  border-color: #83b9b5 !important;
  background: #f3fbfa !important;
  color: #075f5a !important;
  font-weight: 850;
}

.transform-controls .precision-nudge-label:focus-within input {
  border-color: #0d9488 !important;
  box-shadow: 0 0 0 2px rgba(13,148,136,.14);
}

.transform-aspect-lock {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  padding: 0 !important;
  border: 1px solid #d9d2df !important;
  border-radius: 5px !important;
  background: #fff !important;
  color: #6f6675 !important;
  font-size: 15px !important;
}

.transform-aspect-lock:hover {
  border-color: #8b3dff !important;
  background: #f7f1ff !important;
  color: #6420b3 !important;
}

.transform-aspect-lock.active {
  border-color: #0d9488 !important;
  background: #e6f7f5 !important;
  color: #08756e !important;
  box-shadow: inset 0 0 0 1px rgba(13,148,136,.14) !important;
}

@media (max-width: 850px) {
  .transform-controls .transform-unit-label {
    padding-right: 2px;
  }

  .transform-controls .precision-nudge-label {
    padding-right: 2px;
  }
}