.flex-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dialogue .settings-wrapper .settings .content-wrapper .content {

  &::-webkit-scrollbar {
    width: 11px;
  }

  #settings-info .divider {
    background-image: url('../assets/common/paytable/paytable_separator.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: transparent;
    height: 1vw;
    margin: 30px 0 0;
  }
  #rules {
    position: relative;
    z-index: -1;
   }
  
  #settings-info,
  #settings-rules {
    .flex-wrapper;

    .content-block {

      .section-title {
        margin-top: 30px;
        margin-bottom: 1vw;
        font-family: @font-family;
        font-weight: 500;
        color: #fff45c;
        text-transform: uppercase;
        text-align: center;
        font-size: 3.3vw;
        line-height: 3.4vw;
        word-break: break-word;
        -webkit-text-stroke-width: 0.15vw;
        -webkit-text-stroke-color: #a01b1f;
        text-shadow: 0vw 0.4vw 0.2vw black;
        @media @portrait {
          font-size: 6vw;
          line-height: 6.1vw;
        }
        }
        
        .desc-img {
          max-width: 100%;
          margin: 10px 0 30px;
          @media @desktop-landscape{
            max-width: 70%;
          }
        }
        
        .buy-feature-bg {
          position: relative;
          float: left;
          display: flex;
          justify-content: center;
          align-items: center;
          width: 100%;
          font-size: 50px;
          margin: 20px 0;
          font-family: @font-family;
        
          @media @portrait {
            width: 100%;
          }
        
          p {
            margin-top: 0;
            position: absolute;
            text-shadow: none;
            -webkit-text-stroke-color: #a01b1f;
            -webkit-text-stroke-width: 0.15vw;
            width: 100%;
            margin-bottom: 0;
            padding: 10px;
            font-size: 160%;
            background: linear-gradient(0deg, rgba(255, 160, 32, 1) 0%, rgba(255, 244, 92, 1) 70%);
            background-clip: border-box;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            filter: drop-shadow(2px 7px #000);
        
            @media @portrait {
              font-size: 160%;
              -webkit-text-stroke-width: 0.38vw
            }
        
            &.buy-feature-long {
              font-size: 70%;
              filter: drop-shadow(2px 4px #000);
        
              @media @landscape {
                -webkit-text-stroke-width: 0.1vw;
              }
        
              @media @tablet-portrait {
                -webkit-text-stroke-width: 0.18vw;
              }
            }
        
            &.buy-feature-med {
              font-size: 90%;
              -webkit-text-stroke-width: 0.15vw;
        
              @media @portrait {
                font-size: 85%;
                -webkit-text-stroke-width: 0.3vw;
              }
            }
          }
        
          .buy-feature-image {
            width: 250px;
            object-position: bottom;
            object-fit: contain;
            height: 100%;
            max-height: 200px;
          }
      }
    
      .desc-text {
        font-size: 1.2vw;
        text-align: center;
        margin: 1vw 0;
        color: #fff45c;

        @media @desktop-landscape{
          max-width: 70%;
        }

        @media @mobile-landscape {
          font-size: 1.5vw;
        }

        @media @narrow-landscape {
          font-size: 1.5vw;
        }

        @media @portrait {
          font-size: 3.5vw;
        }

        &.paytable {
          margin: 2vw 0;
        }
      }

      .infoHeader {
        width: 100%;
        align-items: center;
        margin-bottom: 30px;

        .logo {
          max-width: 30vw;
          margin: -3vw 0 -3vw;

          @media @portrait {
            max-width: 50vw;
          }
        }

        .section-title {
          margin: 0;
          font-size: 3.25vw;
          
          @media @portrait {
            font-size: 6vw;
            line-height: 6.1vw;
          }
        }

        .feature-bet-amount {
          font-size: 1.2vw;
          text-align: center;
          color: #fff45c;

          &.version {
            margin: 0 0 2vw;
          }

          @media @mobile-landscape {
            font-size: 1.5vw;
          }

          @media @narrow-landscape {
            font-size: 1.8vw;
          }

          @media @portrait {
            font-size: 4vw;
          }
        }
      }

      tr.symbol-count-value-table {

        td.symbol-count,
        td.symbol-dot,
        td.symbol-value {
          color: #fff45c;
          font-size: 20px;
        }

        td.symbol-count {
          white-space: nowrap;
          text-align: right;
        }

        td.symbol-dot {
          text-align: center;
        }

        td.symbol-value {
          text-align: left;
          white-space: nowrap;
        }
      }
    }
  }
}

.settings .content .replay {
  justify-content: center;
  padding: 0 5vw 10vh;
}