@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

.bg-image {
  background-image: var(--background);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.achievement-progress {
  background: linear-gradient(
    to right,
    var(--bs-dark-bg-subtle) 0px,
    var(--bs-dark-bg-subtle) var(--achievement-percentage),
    var(--bs-list-group-bg) var(--achievement-percentage)
  );
}

.btn-collapse-toggle[aria-expanded="false"] {
  --bs-btn-close-bg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16"><path 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-.708"/></svg>');
}

.btn-collapse-toggle[aria-expanded="true"] {
  --bs-btn-close-bg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-up" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708z"/></svg>');
}

.table td.fit,
.table th.fit {
  white-space: nowrap;
  width: 1%;
}

.text-nowrap {
  white-space: nowrap;
}