.logo-mini{width: 6em}
.logo-mini-2{display: none}
.navbar-light .logo-mini-1{display: none}
.navbar-light .logo-mini-2{display: block}
.spinner-border,.spinner-grow {
  display: inline-block;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg)
  }
}

.spinner-border {
  --bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-border-width:0.25em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-border;border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent
}

.spinner-border-sm {
  --bs-spinner-width:1rem;--bs-spinner-height:1rem;--bs-spinner-border-width:0.2em}

@keyframes spinner-grow {
  0% {
    transform: scale(0)
  }

  50% {
    opacity: 1;
    transform: none
  }
}

.spinner-grow {
  --bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-grow;background-color: currentcolor;
  opacity: 0
}

.spinner-grow-sm {
  --bs-spinner-width:1rem;--bs-spinner-height:1rem}

.hand {
  width: 200px;
  height: 100px;
  background-color: #ccc;
  border-radius: 50px 0 50px 50px;
  position: relative;
}

.hand:before {
  content: '';
  position: absolute;
  width: 80px;
  height: 80px;
  background-color: #fff;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}