/* Standalone development styles */
/* These styles are used when running npm run dev locally */
/* In plugin mode (ScanDx), styles are injected via shadow DOM in plugin-bootstrap.ts */
/* Tooltip wrapper styles */
.wrapper {
  position: relative;
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
}

.childWrapper {
  display: contents;
}

.childWrapper.disabled {
  pointer-events: none;
}

.popover {
  position: absolute;
  background-color: #33bdfa;
  border-radius: 4px;
  color: white;
  font-size: 15px;
  padding: 8px;
  width: max-content;
  max-width: 222px;
  z-index: 2;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
  box-sizing: border-box;
  font-family: Arial, Helvetica, sans-serif;
  top: calc(100% + 10px);
}

.popover::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: 7px solid #33bdfa;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  bottom: 100%;
}

.center {
  left: 50%;
  transform: translateX(-50%);
}

.center::before {
  left: 50%;
  transform: translateX(-50%);
}

.leftSide {
  right: calc(50% - 20px);
}

.leftSide::before {
  right: 13px;
}

/* Button base styles */
button {
  background-color: transparent;
  padding: 0;
  border: 0;
  border-radius: 0;
  outline: 0;
  user-select: none;
  z-index: 1;
  cursor: pointer;
}

button::-moz-focus-inner {
  border-style: none;
}

button:disabled {
  cursor: default;
}

/* Caliper button styles */
.buttonSize {
  width: 60px;
  height: 60px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.enabledImageStyle {
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='60' height='60' rx='6' fill='white'/%3E%3Cg transform='translate(6,6)'%3E%3Cpath d='M6.7793 26C6.7793 26.4142 7.11514 26.7499 7.5293 26.75C7.94351 26.75 8.2793 26.4142 8.2793 26V21H10.3086V23C10.3086 23.4141 10.6445 23.7499 11.0586 23.75C11.4728 23.75 11.8086 23.4142 11.8086 23V21H12.6621V23C12.6621 23.4142 12.9979 23.75 13.4121 23.75C13.8262 23.7498 14.1621 23.4141 14.1621 23V21H16.1914V28C16.1914 28.4142 16.5272 28.75 16.9414 28.75C17.3555 28.7499 17.6914 28.4141 17.6914 28V21H19.7207V23C19.7207 23.4142 20.0565 23.75 20.4707 23.75C20.8849 23.7499 21.2207 23.4142 21.2207 23V21H22.0732V23C22.0732 23.4141 22.4092 23.7498 22.8232 23.75C23.2375 23.75 23.5732 23.4142 23.5732 23V21H25.6025V26C25.6025 26.4141 25.9385 26.7498 26.3525 26.75C26.7668 26.75 27.1025 26.4142 27.1025 26V21H29.1328V23C29.1328 23.4142 29.4686 23.75 29.8828 23.75C30.2968 23.7497 30.6328 23.4141 30.6328 23V21H31.4854V23C31.4854 23.4142 31.8211 23.75 32.2354 23.75C32.6495 23.75 32.9854 23.4142 32.9854 23V21H35.0146V28C35.0146 28.4142 35.3505 28.75 35.7646 28.75C36.1789 28.75 36.5146 28.4142 36.5146 28V21H38.5439V23C38.5439 23.4142 38.8798 23.7499 39.2939 23.75C39.7082 23.75 40.0439 23.4142 40.0439 23V21H40.8975V23C40.8975 23.4142 41.2332 23.75 41.6475 23.75C42.0615 23.7498 42.3975 23.4141 42.3975 23V21H44V38H6C4.89543 38 4 37.1046 4 36V23C4 21.8954 4.89543 21 6 21H6.7793V26Z' fill='%23408DC1'/%3E%3Cpath d='M35.25 15.5352L35.25 10.4648L39.0918 13L35.25 15.5352Z' fill='%23CB2F36' stroke='%23CB2F36'/%3E%3Crect x='10' y='12' width='2' height='27' transform='rotate(-90 10 14)' fill='%23CB2F36'/%3E%3Cpath d='M12.75 10.4648L12.75 15.5352L8.9082 13L12.75 10.4648Z' fill='%23CB2F36' stroke='%23CB2F36'/%3E%3C/g%3E%3C/svg%3E");
}

.activeImageStyle {
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='58' height='58' rx='5' fill='white'/%3E%3Crect x='1' y='1' width='58' height='58' rx='5' stroke='%2300ADEF' stroke-width='2'/%3E%3Cg transform='translate(6,6)'%3E%3Cpath d='M6.7793 26C6.7793 26.4142 7.11514 26.7499 7.5293 26.75C7.94351 26.75 8.2793 26.4142 8.2793 26V21H10.3086V23C10.3086 23.4141 10.6445 23.7499 11.0586 23.75C11.4728 23.75 11.8086 23.4142 11.8086 23V21H12.6621V23C12.6621 23.4142 12.9979 23.75 13.4121 23.75C13.8262 23.7498 14.1621 23.4141 14.1621 23V21H16.1914V28C16.1914 28.4142 16.5272 28.75 16.9414 28.75C17.3555 28.7499 17.6914 28.4141 17.6914 28V21H19.7207V23C19.7207 23.4142 20.0565 23.75 20.4707 23.75C20.8849 23.7499 21.2207 23.4142 21.2207 23V21H22.0732V23C22.0732 23.4141 22.4092 23.7498 22.8232 23.75C23.2375 23.75 23.5732 23.4142 23.5732 23V21H25.6025V26C25.6025 26.4141 25.9385 26.7498 26.3525 26.75C26.7668 26.75 27.1025 26.4142 27.1025 26V21H29.1328V23C29.1328 23.4142 29.4686 23.75 29.8828 23.75C30.2968 23.7497 30.6328 23.4141 30.6328 23V21H31.4854V23C31.4854 23.4142 31.8211 23.75 32.2354 23.75C32.6495 23.75 32.9854 23.4142 32.9854 23V21H35.0146V28C35.0146 28.4142 35.3505 28.75 35.7646 28.75C36.1789 28.75 36.5146 28.4142 36.5146 28V21H38.5439V23C38.5439 23.4142 38.8798 23.7499 39.2939 23.75C39.7082 23.75 40.0439 23.4142 40.0439 23V21H40.8975V23C40.8975 23.4142 41.2332 23.75 41.6475 23.75C42.0615 23.7498 42.3975 23.4141 42.3975 23V21H44V38H6C4.89543 38 4 37.1046 4 36V23C4 21.8954 4.89543 21 6 21H6.7793V26Z' fill='%23408DC1'/%3E%3Cpath d='M35.25 15.5352L35.25 10.4648L39.0918 13L35.25 15.5352Z' fill='%23CB2F36' stroke='%23CB2F36'/%3E%3Crect x='10' y='12' width='2' height='27' transform='rotate(-90 10 14)' fill='%23CB2F36'/%3E%3Cpath d='M12.75 10.4648L12.75 15.5352L8.9082 13L12.75 10.4648Z' fill='%23CB2F36' stroke='%23CB2F36'/%3E%3C/g%3E%3C/svg%3E");
}

.disabledImageStyle {
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='60' height='60' rx='6' fill='white'/%3E%3Cg transform='translate(6,6)'%3E%3Cpath d='M6.7793 26C6.7793 26.4142 7.11514 26.7499 7.5293 26.75C7.94351 26.75 8.2793 26.4142 8.2793 26V21H10.3086V23C10.3086 23.4141 10.6445 23.7499 11.0586 23.75C11.4728 23.75 11.8086 23.4142 11.8086 23V21H12.6621V23C12.6621 23.4142 12.9979 23.75 13.4121 23.75C13.8262 23.7498 14.1621 23.4141 14.1621 23V21H16.1914V28C16.1914 28.4142 16.5272 28.75 16.9414 28.75C17.3555 28.7499 17.6914 28.4141 17.6914 28V21H19.7207V23C19.7207 23.4142 20.0565 23.75 20.4707 23.75C20.8849 23.7499 21.2207 23.4142 21.2207 23V21H22.0732V23C22.0732 23.4141 22.4092 23.7498 22.8232 23.75C23.2375 23.75 23.5732 23.4142 23.5732 23V21H25.6025V26C25.6025 26.4141 25.9385 26.7498 26.3525 26.75C26.7668 26.75 27.1025 26.4142 27.1025 26V21H29.1328V23C29.1328 23.4142 29.4686 23.75 29.8828 23.75C30.2968 23.7497 30.6328 23.4141 30.6328 23V21H31.4854V23C31.4854 23.4142 31.8211 23.75 32.2354 23.75C32.6495 23.75 32.9854 23.4142 32.9854 23V21H35.0146V28C35.0146 28.4142 35.3505 28.75 35.7646 28.75C36.1789 28.75 36.5146 28.4142 36.5146 28V21H38.5439V23C38.5439 23.4142 38.8798 23.7499 39.2939 23.75C39.7082 23.75 40.0439 23.4142 40.0439 23V21H40.8975V23C40.8975 23.4142 41.2332 23.75 41.6475 23.75C42.0615 23.7498 42.3975 23.4141 42.3975 23V21H44V38H6C4.89543 38 4 37.1046 4 36V23C4 21.8954 4.89543 21 6 21H6.7793V26Z' fill='%23D1D1D1'/%3E%3Cpath d='M35.25 15.5352L35.25 10.4648L39.0918 13L35.25 15.5352Z' fill='%23B0B1B3' stroke='%23B0B1B3'/%3E%3Crect x='10' y='12' width='2' height='27' transform='rotate(-90 10 14)' fill='%23B0B1B3'/%3E%3Cpath d='M12.75 10.4648L12.75 15.5352L8.9082 13L12.75 10.4648Z' fill='%23B0B1B3' stroke='%23B0B1B3'/%3E%3C/g%3E%3C/svg%3E");
}/* Global styles */