.divider:after,
.divider:before {
    content: "";
    flex: 1;
    height: 1px;
    background: #eee;
}

.bg-gray-800 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-gray-800-rgb), var(--bs-bg-opacity)) !important; }

/* For the draggable sprites in combat */

.lteam-sprite {
    width: 64px;
    height: 64px;
    margin: 10px;
    display: inline-block;
    background-size: cover;  /* Ensure the image covers the whole div */
    background-position: center; /* Center the image within the div */
    cursor: grab;
}

.rteam-sprite {
    width: 64px;
    height: 64px;
    margin: 10px;
    display: inline-block;
    background-size: cover;  /* Ensure the image covers the whole div */
    background-position: center; /* Center the image within the div */
    cursor: grab;
}

.team-container {
    display: flex;
    justify-content: flex-start;
}