/*! ONYPHE OQL Complete v1.5.0 | styles */
/* ONYPHE OQL Complete: dropdown styles.
   Theme it by setting these variables on .oql-list or any ancestor
   (for example :root, or html.dark-theme for a dark mode). */
.oql-list {
   --oql-bg: #ffffff;
   --oql-fg: #212529;
   --oql-muted: #6c757d;
   --oql-border: #dadcdf;
   --oql-accent: #2754e6;                                   /* matched text */
   --oql-active: rgba(39, 84, 230, .11);                    /* highlighted option */
   --oql-asm: #2754e6;                                      /* ASM badge */
   --oql-cti: #673bb7;                                      /* CTI badge */
   --oql-value: #b42318;                                    /* Value badge */
   --oql-radius: .5rem;
   --oql-shadow: 0 12px 32px rgba(8, 18, 43, .16);
   --oql-mono: SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
   --oql-max-height: 23rem;
   --oql-z: 30;

   position: absolute; left: 0; right: 0; top: calc(100% + .35rem); z-index: var(--oql-z);
   max-height: var(--oql-max-height); overflow-y: auto;
   background: var(--oql-bg); color: var(--oql-fg);
   border: 1px solid var(--oql-border); border-radius: var(--oql-radius);
   box-shadow: var(--oql-shadow);
   text-align: left;
}
.oql-list[hidden] { display: none; }
.oql-head, .oql-foot {
   position: sticky; z-index: 1; padding: .4rem .85rem;
   font-size: .72rem; line-height: 1.4; color: var(--oql-muted); background: var(--oql-bg);
}
.oql-head { top: 0; border-bottom: 1px solid var(--oql-border); font-weight: 600; }
.oql-foot { bottom: 0; border-top: 1px solid var(--oql-border); }
.oql-opt {
   display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .05rem .75rem;
   padding: .4rem .85rem; cursor: pointer; line-height: 1.35;
}
.oql-opt.is-active { background: var(--oql-active); }
.oql-name {
   font-family: var(--oql-mono); font-size: .88rem;
   overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.oql-name b { color: var(--oql-accent); font-weight: 700; }
.oql-meta { display: flex; gap: .4rem; align-items: center; font-size: .7rem; color: var(--oql-muted); white-space: nowrap; }
.oql-badge { border: 1px solid currentColor; border-radius: 999px; padding: 0 .4rem; font-weight: 600; line-height: 1.5; }
.oql-asm { color: var(--oql-asm); }
.oql-cti { color: var(--oql-cti); }
.oql-oql { color: var(--oql-muted); }
.oql-value { color: var(--oql-value); }
.oql-desc {
   grid-column: 1 / -1; font-size: .76rem; color: var(--oql-muted);
   overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
@media (forced-colors: active) {
   .oql-opt.is-active { outline: 2px solid Highlight; outline-offset: -2px; }
}