:root {
  --primary: #424C6F;
  --secondary: #f77e4b;
}

.software-section {
  margin: 0 25%;
}

.version-selector {
  padding-right: 30px;
  margin-bottom: 10px;
  background-color: var(--primary);
  border: 1px solid gray;
  height: 40px !important;
  font-size: medium;
  color: white;
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg width="20px" height="20px" stroke-width="2.3" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="%23ffffff"><path d="M6 9L12 15L18 9" stroke="%23ffffff" stroke-width="2.3" stroke-linecap="round" stroke-linejoin="round"></path></svg>') !important;
}

.deprecated {
  display: none;
}
.deprecated.visible {
  display: block;
}

.release-date-section {
  margin: 10px;
}

.release-date-title {
  font-weight: bold;
}

.release-date-value {
  font-style: italic;
}

.udi-section {
  margin: 10px;
}

.udi-title {
  font-weight: bold;
}

.udi-value {
  font-style: italic;
}

.country-section {
  padding: 10px 10%;
  text-align: justify;
}

.country-name {
  font-weight: bold;
  display: inline;
}

.country-name:not(:last-child)::after {
  content: ",";
}

.country-list {
  list-style-type: none;
  padding-inline-start: 0;
  text-align: center;
}

.certification-section {
  padding: 10px 10%;
}

.certification-list {
  list-style-type: none;
  padding-inline-start: 0;
}
.certification-list .certification-name a svg {
  filter: invert(27%) sepia(12%) saturate(1595%) hue-rotate(189deg) brightness(99%) contrast(88%);
}

.intended-use-section {
  padding: 10px 10%;
}

.intended-use-text {
  text-align: justify;
}