.menu-sub>li>a>.menu-icon {
    margin-right: 5px !important;
}

.jsoneditor-frame input {
    background-color: #fff !important;
}

.pcr-button {
    width: 100% !important;
}

.pcr {
    border-radius: 20px !important;
}

.flip video {
    transform: scaleX(-1);
}

.separator {
    display: flex;
    align-items: center;
    text-align: center;
}

.separator::before,
.separator::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid;
}

.separator:not(:empty)::before {
    margin-right: .50em;
}

.separator:not(:empty)::after {
    margin-left: .50em;
}
.menu-item {
    flex: 0 0 auto;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
}
.layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner > .menu-item .menu-sub > .menu-item > .menu-link::before {
    content: none;
}
/* .layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner > .menu-item .menu-sub > .menu-item > .menu-link::before {
    content: "";
    height: 8px;
    width: 8px;
    border-radius: 50rem;
    background: currentColor;
    position: absolute;
    left: 1.1875rem;
    color: #7b7c95;
  } */

.score-btn {
    font-size: 1.8em;
}
.score {
    font-family: monospace, monospace;
}
.game-heading {
    white-space: nowrap;         /* Prevent text from wrapping */
    overflow: hidden;            /* Hide anything that overflows the box */
    text-overflow: ellipsis;     /* Show "..." at the end */
}
.offcanvas-body {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; /* for smooth scroll */
    overscroll-behavior: contain; /* prevent scroll chaining */
}
.no-wrap {
    white-space: nowrap;         /* Prevent text from wrapping */
    overflow: hidden;            /* Hide anything that overflows the box */
    text-overflow: ellipsis;     /* Show "..." at the end */
}


/* Global dropdown (ported to <body>) */
.autocomplete-list {
  position: fixed;               /* anchor to viewport */
  z-index: 3000;                 /* above off-canvas/modals if needed */
  background: var(--bs-body-bg);
  color: var(--bs-dark);
  border-radius: 0 0 8px 8px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .08);
  max-height: 220px;
  overflow-y: auto;
  display: none;                 /* toggled by JS */
  box-sizing: border-box;        /* width will be set in JS */
}
.autocomplete-item {
  padding: .55rem .75rem;
  cursor: pointer;
}
.autocomplete-item:hover,
.autocomplete-item[aria-selected="true"] {
  background: var(--bs-secondary);
  color: var(--bs-light);
}
.autocomplete-empty {
  padding: .55rem .75rem;
  color: var(--bs-dark);
}
