.modal_product{
    height: 533px;
    width: 900px;
  }

.modal_body_left{
    margin: 0 auto;
    float: left;
    position: static;
    display: flex;
    justify-content: center; /*Центрирование по горизонтали*/
    align-items: center;     /*Центрирование по вертикали */
    width: 400px;
}

.modal_body_right{
    background: #F7F7F7;
    width: 450px;
    display: table;
    float: left;
    position: static;
}

.modal_header{
    height: 450px;
}

.position_product{
    padding-top: 100px;
    margin: 0 auto;
}

.pizza-block {
    display: block ruby;
    margin-bottom: 15px;
    margin-left: 15px;
    border-spacing: 0;
    border-collapse: separate;

    &__selector {
        display: table-cell;
        height: 26px;
        vertical-align: middle;
        text-align: center;
        position: relative;
        padding-left: 8px;
        padding-right: 8px;
        border-radius: 32px;
        -moz-transition: border 250ms, color 250ms;
        -o-transition: border 250ms, color 250ms;
        -webkit-transition: border 250ms, color 250ms;
        transition: border 250ms, color 250ms;
        cursor: pointer;

      ul {
        display: flex;
        flex: 1;
        list-style-type: none;

        &:first-of-type {
          margin-bottom: 6px;
        }

        li {
            padding: 8px;
            flex: 1;
            cursor: pointer;
            font-weight: 600;
            font-size: 14px;
            border-radius: 12px;

          &.active {
            background: #FED11E;
            box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04);
            cursor: auto;
          }
        }
      }
    }
  }