.fw-popup-menu,
.fw-popup-menu__overlay {
  position:         fixed;
  z-index:          1210;
}

.fw-popup-menu {
  padding:          15px;
  background:       #ffffff;
}

.fw-popup-menu__overlay {
  top:              82px;
  bottom:           0;
  left:             0;
  right:            0;
  background:       rgba(0, 0, 0, 0.6);
}

.fw-popup-menu__info {
  padding: 0 35px 0 15px;
  }

.fw-popup-menu__corner {
  position:         absolute;
  width:            20px;
  height:           20px;
  overflow:         hidden;
  margin:           -10px;
  /*
    margin = -height/2 = -width/2.
    Размеры блока уголка сжимаются в точку и их не нужно учитывать используя top, bottom, right и left
  */
}

.fw-popup-menu__corner:before {
  content:          '';
  display:          block;
  background:       #FFFFFF;
  width:            100%;
  height:           100%;
}

.fw-popup-menu__action-bar {
  display:          flex;
  margin-bottom:    7px;
}

.fw-popup-menu__action {
  margin-right:     15px;
  cursor:           pointer;
}

.fw-popup-menu__action:last-child {
  margin-right:     0;
}

.fw-popup-menu__action-delimiter {
  flex-grow: 1;
}

.fw-popup-menu__label {
  font-size:        11px;
  text-decoration:  none;
  color:            #036799;
  background:       url('fwPopupMenu__underline.svg') bottom/2px 1px repeat-x;
}

.fw-popup-menu__notice:not(:empty) {
  margin: -15px -15px 15px;
}

.fw-popup-menu__preview {
  font-size:        11px;
  color:            gray;
  margin-bottom:    12px;
}

/* Позиционирование меню относительно элемента */

.fw-popup-menu_side_top .fw-popup-menu__corner {
  margin-top: 0;
  top:        100%;
}
.fw-popup-menu_side_top .fw-popup-menu__corner:before {
  transform:  translateY(-66%) rotate(45deg);
}

.fw-popup-menu_side_bottom .fw-popup-menu__corner {
  margin-bottom: 0;
  bottom:     100%;
}
.fw-popup-menu_side_bottom .fw-popup-menu__corner:before {
  transform:  translateY(66%) rotate(45deg);
}

.fw-popup-menu_side_left .fw-popup-menu__corner {
  margin-left: 0;
  left:       100%;
}
.fw-popup-menu_side_left .fw-popup-menu__corner:before {
  transform:  translate(-66%) rotate(45deg);
}

.fw-popup-menu_side_right .fw-popup-menu__corner {
  margin-right: 0;
  right:      100%;
}
.fw-popup-menu_side_right .fw-popup-menu__corner:before {
  transform:  translate(66%) rotate(45deg);
}

/* Overlay */

.fw-popup-menu_no-overlay,
.fw-popup-menu_with-overlay {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
}

/* Modifiers */

.fw-popup-menu_p-0 {
  padding: 0;
}