/**
 * @license
 * Copyright (c) 2017 - 2026 Vaadin Ltd.
 * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
 */
@media lumo_components_context-menu-overlay {
  :host {
    align-items: flex-start;
    justify-content: flex-start;
    --_default-offset: var(--lumo-space-xs);
    /* TODO These style overrides should not be needed.
     We should instead offer a way to have non-selectable items inside the context menu. */
    --_lumo-list-box-item-selected-icon-display: none;
    --_lumo-list-box-item-padding-left: calc(var(--lumo-space-m) + var(--lumo-border-radius-m) / 4);
  }

  [part='overlay'] {
    border: none;
    outline: none;
  }

  :host([phone]) {
    inset: 0 0 var(--vaadin-overlay-viewport-bottom, 0) 0 !important;
    align-items: stretch;
    justify-content: flex-end;
  }
}