@use '../../styles/abstracts' as *;
@use '../abstracts-theme/variables.theme' as *;

/* Theme Organism - draggable menu */

.o-draggable-menu {
  border-radius: toRem(8);
  background-color: themed($theme-map, 'color', 'primary', 50);
  box-shadow: 2px 3px 10px 2px rgba(0, 0, 0, 0.2);

  &__list {
    &__item {
      .a-btn,
      .a-link {
        border-radius: toRem(6);
        @include typography-level(themed($theme-map, 'typography', 'contextual-menu'));
      }
    }

    &__submenu {
      border-radius: toRem(5);
      background-color: themed($theme-map, 'color', 'primary', 50);
      box-shadow: 2px 3px 10px 2px rgba(0, 0, 0, 0.2);
    }
  }
}