#shopshape-addons {
  margin-bottom: 1rem;
}

#shopshape-addons details {
  margin-bottom: 1rem;
}

#shopshape-addons details[open] > summary::after {
  transform: rotate(180deg);
}

#shopshape-addons summary {
  cursor: pointer;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#shopshape-addons summary::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  width: 1rem;
  height: 1rem;
  margin-left: 0.5rem;
  transition: transform 0.3s;
}

#shopshape-addons table {
  width: 100%;
}

#shopshape-addons table td,
#shopshape-addons table th {
  text-align: start;
  padding-right: 1rem;
  padding-left: 1rem;
}

#shopshape-addons table td {
  max-width: 30%;
  width: 30%;
}

#shopshape-addons-clear {
  float: unset;
}

#shopshape-addons-total {
  display: none;
}

#shopshape-addons-total button {
  padding: 0.5rem 1rem;
}