.text-secret {
  display: none;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* Changelog */
#changelogText {
  height: 25vh;
}

#changelogText:focus {
  border: 0px;
  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);
}

/* for All Charts Download Button */
[data-bs-theme="dark"] .btn-secondary {
  --bs-btn-color: #6c757d;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6c757d;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none;
}

/* Difficulty Table */
.table {
  --bs-table-bg: transparent;
}

#tableDiff {
  width: 100% !important;
}

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

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

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

[data-bs-theme="dark"] .scale-frame {
  border: 3px solid #495057;
}

[data-bs-theme="dark"] .scale-frame td {
  border: 1px solid #495057;
}

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