/* Changelog */
#changelog {
  overflow: auto;
  resize: none;
}

#changelog:focus {
  border: 0px #fff;
  box-shadow: none;
}

/* Custom accordion box shadow */
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  transform: var(--bs-accordion-btn-icon-transform);
}

.accordion-button:focus {
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}

/* Custom accordion button color (Dark Mode) */
.accordion {
  --custom-accordion-btn-active-icon-dark: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23adb5bd'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}

[data-bs-theme="dark"] .accordion-button::after {
  background-image: var(--custom-accordion-btn-active-icon-dark);
}

[data-bs-theme="dark"] .accordion-button:not(.collapsed)::after {
  background-image: var(--custom-accordion-btn-active-icon-dark);
  transform: var(--bs-accordion-btn-icon-transform);
}

/* Table */
#shortcut_table {
  color: #222222;
  font-size: 0.9em;
  text-align: center;
  border: solid 2px #000;
}

#shortcut_table td {
  border: solid 1px #000;
}

/* Chart Layout */
.table {
  --bs-table-bg: transparent;
}

#tableDiff {
  width: 100% !important;
}

#tableDiff a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: none;
  background-color: transparent;
}

#tableDiff th {
  text-align: center;
  vertical-align: middle;
  font-size: 0.95em;
}

.text-start td {
  text-align: left !important;
}

.text-center td {
  text-align: center !important;
}

/* etc */
.scale-frame {
  table-layout: fixed;
  width: 250px;
  text-align: center;
  border: 3px solid #000;
  border-collapse: collapse;
  float: left;
}

.scale-frame th {
  border-color: #000000;
  border-style: solid;
  border-width: 3px 3px 3px;
}

.scale-frame td {
  border: 1px solid #000;
}

.text-secret {
  display: none;
}

#update {
  font-size: 1.25em;
  font-weight: 700;
  color: #484d55;
}

[data-bs-theme="dark"] #update {
  color: #dee2e6;
}

#tableLoading {
  text-align: center;
  font-size: 1.25em;
  font-weight: 500;
  color: #222222;
}

/* for table vertical-align */
.table > thead > tr > th {
  vertical-align: middle;
}

.table > tbody > tr > td {
  vertical-align: middle;
}