@charset "utf-8";

.block-reserve-notice {
  --icon-external: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 12 12%22%3E%3Cpath fill=%22none%22 stroke=%22black%22 stroke-width=%221.2%22 d=%22M4.5 2H1v9h9V7.5M7 1h4v4M11 1L5.5 6.5%22/%3E%3C/svg%3E');
  margin: 0 10px 24px;
  padding: 20px;
  border: 1px solid var(--rsv-line, #dedede);
  border-radius: var(--rsv-radius, 8px);
  font-size: 14px;
  line-height: 1.8;
}

.block-reserve-notice--title {
  margin: 0 0 8px;
  font-weight: 700;
}

.block-reserve-notice--text {
  margin: 0;
}

.block-reserve-notice--list {
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}

.block-reserve-notice--list li {
  padding-left: 1em;
  text-indent: -1em;
}

.block-reserve-notice--list li + li {
  margin-top: 4px;
}

.pane-contents .block-reserve-notice a.block-reserve-notice--link {
  color: var(--rsv-brand, #d81625);
  font-weight: 500;
  text-decoration: underline;
  cursor: pointer;
}

.pane-contents .block-reserve-notice a.block-reserve-notice--link:where(:hover, :focus-visible) {
  text-decoration: none;
}

.pane-contents .block-reserve-notice a.block-reserve-notice--link::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 4px;
  background-color: currentColor;
  -webkit-mask: var(--icon-external) no-repeat center / contain;
  mask: var(--icon-external) no-repeat center / contain;
  vertical-align: -1px;
}