@use '../abstract';
@use '../sprite';

.cds-whole-menu {
  $this: &;
  //@include mx.debug(green);
  @include abstract.relative;

  // margin-left: 20px;

  &__trigger.only-icon {
    width: 40px;
    height: 40px;
    padding: 0;
    border-radius: 4px;

    &:hover,
    &.is-active {
      background-color: var(--gray-50);
      border-radius: 8px;
    }

    svg {
      width: 24px;
      height: 24px;
    }
  } // trigger
}