.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 {
        -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 {
        list-style-type: none;

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

        li {
            padding: 5px;
            cursor: pointer;
            font-size: 14px;

            display: table-cell;
            height: 24px;
            vertical-align: middle;
            text-align: center;
            position: relative;
            padding-left: 8px;
            padding-right: 8px;
            border-radius: 32px;

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

            &.size{
                width: 60px;
                height: 32px;
                border-radius: 8px;
            }

            &.type{
                width: 60px;
                height: 32px;
                border-radius: 12px;
                -webkit-border-radius: 12px;
                -moz-border-radius: 12px;
                -ms-border-radius: 12px;
                -o-border-radius: 12px;
            }
        }
      }
    }
  }