.icon {
  display: inline-block;
  flex: 0 0 auto;
  width: 1em;
  height: 1em;
  overflow: visible;
  vertical-align: -0.14em;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.icon-button .icon,
button > .icon {
  pointer-events: none;
}

.room-details summary::after {
  content: none;
}

.room-details-toggle {
  display: grid;
  place-items: center;
  width: 1.8em;
  height: 1.8em;
}

.room-details-toggle .icon {
  width: 1.25em;
  height: 1.25em;
}

.room-details-toggle .icon-minus,
.room-details[open] .room-details-toggle .icon-plus {
  display: none;
}

.room-details[open] .room-details-toggle .icon-minus {
  display: block;
}