.q-context-trigger {
  display: contents;
  -webkit-touch-callout: none;
}
.q-context-popup {
  position: fixed;
  z-index: 1100;
  pointer-events: auto;
}
.q-context-menu {
  max-height: 100dvh;
  white-space: nowrap;
}
.q-context-menu[data-state='closed'] {
  opacity: 0;
  pointer-events: none;
}
.q-context-demo {
  width: 300px;
  padding: 45px 0;
  border: 1px dashed #00000036;
  border-radius: 4px;
  text-align: center;
  font:
    14px/20px QuoterGeist,
    Arial,
    sans-serif;
}
.q-context-menu .q-menu__item {
  box-sizing: border-box;
}
.q-context-menu .q-menu__prefix {
  padding-right: 8px;
}
.q-context-menu .q-menu__suffix {
  padding-left: 12px;
}
[data-theme='dark'] .q-context-demo {
  border-color: #ffffff36;
}
@media (max-width: 600px) {
  .q-context-menu {
    width: max-content !important;
  }
}