@media (min-width: 768px) {
  ::-webkit-scrollbar {
    height: 8px;
    background-color: transparent
  }

  ::-webkit-scrollbar-track {
    background-color: var(--bs-gray-200);
  }

  ::-webkit-scrollbar-thumb {
    background-color: var(--bs-primary);
  }
}

html {
  overflow-y: scroll;
}

body {
  background-color: var(--bs-gray-100);
}

ul {
  list-style-type: disc;
}

img {
  margin-bottom: 2rem;
}

.navbar-brand>img {
  margin-bottom: 0;
}

.container {
  max-width: 1100px;
}

a {
  color: #0070c9;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

[href="#pageTop"] {
  position: fixed;
  bottom: 60px;
  right: 30px;

  opacity: 0;
  transition: opacity 0.5s ease, transform 0.5s ease;

  pointer-events: none;
}

[href="#pageTop"].show {
  opacity: 1;

  pointer-events: auto;
}

ul:has(.download) {
  list-style: none;

  & li {
    position: relative;

    &::before {
      content: '';
      display: inline-block;
      width: 1rem;
      height: 1rem;
      background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-download' viewBox='0 0 16 16'><path d='M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5'/><path d='M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708z'/></svg>");
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      text-align: center;
      position: absolute;
      top: .4rem;
      left: -1.5rem;
    }
  }
}

div.information {
  margin-bottom: 1.85rem;
  padding: .5rem;
  background-color: var(--bs-primary-bg-subtle);
  border: solid 1px var(--bs-primary-border-subtle);
  border-radius: 5px;

  & ul {
    margin-bottom: 0;
    list-style: none;

    & li {
      position: relative;

      &::before {
        content: '';
        display: inline-block;
        width: 1rem;
        height: 1rem;
        background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-info-circle' viewBox='0 0 16 16'><path d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/><path d='m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0'/></svg>");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        text-align: center;
        position: absolute;
        top: .4rem;
        left: -1.5rem;
      }
    }
  }
}

.accordion-button:hover {
  background-color: var(--bs-primary-bg-subtle);
}

.accordion-button:not(.collapsed) {
  background: none;
  color: #000000;
}

.accordion-button::after {
  padding: 1rem 0;
  background-position: center;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus-square' viewBox='0 0 16 16'><path d='M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z'/><path d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/></svg>");
}

.accordion-button:not(.collapsed)::after {
  padding: 1rem 0;
  background-position: center;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash-square' viewBox='0 0 16 16'><path d='M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z'/><path d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/></svg>");
}

span.br {
  display: block;
  height: 1rem;
}

.barcode {
  margin: 0;
  padding: 0;
}