.block {
    display: block ruby;
    margin-bottom: 15px;
    margin-left: 15px;
    border-spacing: 0;
    border-collapse: separate;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    &_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;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

      ul {
        margin-left: -25px;

        &: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: 178px;
                height: 24px;
                border-radius: 12px;
                -webkit-border-radius: 12px;
                -moz-border-radius: 12px;
                -ms-border-radius: 12px;
                -o-border-radius: 12px;
            }
          }
        }
      }
    }