/* pages/home/additive/additive.wxss */

.main {
  width: 100%;
}

.main-item {
  margin: 10px;
  margin-bottom: 15px;
  border-radius: 0.5rem;
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  border-style: solid;
  border-width: 2px;
  border-color: rgba(230, 230, 230, 0.719);
  padding: 15px;
}

.logo-image {
  width: 75px;
  height: 75px;
  border-radius: 9999px;
  border-style: solid;
  border-width: 2px;
  border-color: rgba(200, 200, 200, 0.548);
}

.title {
  display: flex;

}

.main-title {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  margin: 10px;
}

.title-name {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
}

.title-enname {
  color: rgb(150, 150, 150);
}

.chemical-item {
  display: flex;
  justify-content: space-between;
  border-radius: 0.5rem;
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  border-style: solid;
  border-width: 2px;
  border-color: rgba(230, 230, 230, 0.719);
  margin: 10px;
  padding: 10px;
  align-items: center;
}

.chemical-name {
  margin-bottom: 5px;
}

.chemical-cas {
  color: rgb(150, 150, 150);
}