@import './variables';

.s-menu__wrapper {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;

  [slot='activator'] {
    width: 100%;
  }
}

.s-menu {
  background-color: var(--theme-surface);
  backface-visibility: hidden;
  position: absolute;
  contain: content;
  max-height: $menu-max-height;
  overflow: auto;
  @include elevation($menu-content-elevation);

  &:not(.tile) {
    border-radius: $menu-content-border-radius;
  }
}