/* HTML: <div class="loader"></div> */
.loader {
    width: 50px;
    aspect-ratio: 1;
    display: grid;
    border: 4px solid #0000;
    border-radius: 50%;
    border-right-color: #25b09b;
    animation: l15 1s infinite linear;
  }
  .loader::before,
  .loader::after {    
    content: "";
    grid-area: 1/1;
    margin: 2px;
    border: inherit;
    border-radius: 50%;
    animation: l15 2s infinite;
  }
  .loader::after {
    margin: 8px;
    animation-duration: 3s;
  }
  @keyframes l15{ 
    100%{transform: rotate(1turn)}
  }

  .center
{
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100px;
  height: 100px;
}

.bi {
  vertical-align: -.05em !important;
}

.nav-sm .nav-link {
  padding: 0.25rem 0.5rem; /* Adjust the padding as needed */
  font-size: 0.875rem; /* Adjust the font size as needed */
}


.accordion .accordion-header .accordion-button {
  background-color: white;
  color: #939AA2;
  box-shadow: none;
}

@media (prefers-color-scheme: light) {
  .accordion .accordion-header .accordion-button {
    background-color: white;
    color: #212529;
  }

  [data-bs-theme=light] .accordion .accordion-header .accordion-button {
    background-color: white;
    color: #212529;
  }

  [data-bs-theme=dark] .accordion .accordion-header .accordion-button {
    background-color: #212529;
    color: #939AA2;
  }
}

@media (prefers-color-scheme: dark) {
  .accordion .accordion-header .accordion-button {
    background-color: #212529;
    color: #939AA2;
  }

  [data-bs-theme=light] .accordion .accordion-header .accordion-button {
    background-color: white;
    color: #212529;
  }

  [data-bs-theme=dark] .accordion .accordion-header .accordion-button {
    background-color: #212529;
    color: #939AA2;
  }
}