@import url("./base-modal.css");

.modal details {
    border: 1px 0 0 1px solid #aaa;
    border-radius: 4px;
    padding: .5em .5em 0;
}

.modal summary {
    font-weight: bold;
    margin: -.5em -.5em 0;
    padding: .5em;
}

.modal details[open] {
    padding: .5em;
}

.modal details[open] summary {
    border-bottom: 1px solid #aaa;
    margin-bottom: .5em;
}

.modal summary::-webkit-details-marker {
  display: none
}

.modal summary:after {
  border-radius: 5px;
  content: "+";
  color: #111111;
  float: left;
  font-size: 1.5em;
  font-weight: bold;
  margin: -5px 10px 0 0;
  padding: 0;
  text-align: center;
  width: 20px;
}
.modal details[open] summary:after {
  content: "-";
}

.modal ul {
  list-style-type: none;
}