.block__dots {
  cursor: pointer;
  text-align: center;

  .dot {
    padding-left: 5px;

    &:first-child {
      padding-left: 0;
    }
  }

  .square-menu {
    display: flex;
    margin: 0 4px;
  }
}

.menu__items {
  position: absolute;
  left: 53px;

  padding: 20px;

  background-color: var(--color-gray-fff);
  border: 1px solid lightgray;
  border-radius: 5px;
  box-shadow: 3px 6px 8px 0 #a2a2a2a6;

  &.default {
    left: 0;
  }

  .helper {
    cursor: pointer;
    color: var(--color-gray-666);
    white-space: nowrap;
  }

  .menu__item {
    display: flex;
    align-items: center;
    justify-content: space-between;

    &:hover {
      .home-icon:not(.disabled) {
        visibility: visible;
      }
    }
  }

  .home-icon {
    cursor: pointer;
    color: var(--color-gray-eee);
    visibility: hidden;

    &:hover:not(.selected, .disabled) {
      color: var(--color-gray-666);
    }

    &.selected {
      color: var(--color-gray-666);
      visibility: visible;
    }
  }
}