/* S3001: make the two package accordion utility states match the metric tiles. */
.package-seller-detail-stats > .package-customer-reviews-button {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 52.53125px !important;
  min-height: 52.53125px !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 7px 9px !important;
  background: rgba(128, 210, 237, 0.34) !important;
  color: #fff !important;
  box-shadow: none !important;
  font: 900 11px/1.65 Vazirmatn, Tahoma, Arial, sans-serif !important;
  text-align: center !important;
}

.package-design-token-box:has(> .package-design-token-loading:not(.is-error)) {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 52.53125px !important;
  min-height: 52.53125px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 7px 9px !important;
  background: rgba(128, 210, 237, 0.34) !important;
  color: #fff !important;
  box-shadow: none !important;
  display: grid !important;
  align-content: center !important;
  justify-items: center !important;
  gap: 0 !important;
}

.package-design-token-box:has(> .package-design-token-loading:not(.is-error))
  > .package-design-token-loading {
  box-sizing: border-box !important;
  width: 100% !important;
  padding: 0 !important;
  color: #fff !important;
  font: 900 11px/1.65 Vazirmatn, Tahoma, Arial, sans-serif !important;
  white-space: normal !important;
  text-align: center !important;
}

.package-design-token-box:has(> .package-design-token-loading:not(.is-error))
  > .package-design-token-scope {
  max-width: 100% !important;
  overflow: hidden !important;
  color: #fff !important;
  font: 800 10px/1.35 Vazirmatn, Tahoma, Arial, sans-serif !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}