:root{
}

:root{
}

.dragAndDropWrapper .value{
    background-color:#fff8cf;
    display:none;
    font-size:1rem;
    font-weight:500;
    line-height:1.5;
    padding:0.4rem 1rem;
    margin:0.4rem;
    border-radius:40px;
    -webkit-box-shadow:0 5px 5px rgba(0, 0, 0, 0.1);
    box-shadow:0 5px 5px rgba(0, 0, 0, 0.1);
    -webkit-transition:-webkit-transform 0.2s ease-out;
    transition:-webkit-transform 0.2s ease-out;
    -o-transition:transform 0.2s ease-out;
    transition:transform 0.2s ease-out;
    transition:transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
  }

.dragAndDropWrapper .value:hover{
    -webkit-transform:translateY(-12%);
    -ms-transform:translateY(-12%);
    transform:translateY(-12%);
    cursor:pointer;
    -webkit-box-shadow:0 10px 20px rgba(0, 0, 0, 0.26);
    box-shadow:0 10px 20px rgba(0, 0, 0, 0.26);
    background-color:#e7cf8d;
  }

.dragAndDropWrapper .value.draggable{
    position:fixed;
    background-color:#e7cf8d;
    z-index:99;
  }

.dragAndDropWrapper .value:nth-child(-n + 5){
    display:inline;
  }

.dragAndDropWrapper .valueWrapper{
    min-height:110px;
    margin:3rem 0rem 2rem 0rem;
  }

.dragAndDropWrapper .valueWrapper .value:nth-child(-n + 5){
      opacity:0.5;
    }

.dragAndDropWrapper .valueWrapper .value:nth-child(-n + 3){
      opacity:0.75;
    }

.dragAndDropWrapper .valueWrapper .value:nth-child(-n + 1){
      opacity:unset;
    }

.dragAndDropWrapper .valueWrapper .value:hover{
      opacity:unset;
    }

.dragAndDropWrapper .colWrapper h4{
      margin-bottom:0.5rem;
      -webkit-user-select:none;
      -moz-user-select:none;
      -ms-user-select:none;
      user-select:none;
      text-align:center;
    }

.dragAndDropWrapper .colWrapper .valueCol{
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-orient:vertical;
      -webkit-box-direction:normal;
      -ms-flex-direction:column;
      flex-direction:column;
      min-height:300px;
      height:auto;
      padding:0.5rem 0rem 0.7rem 0rem;
      font-size:0;
      border:1px solid #484848;
      -webkit-box-shadow:0 10px 20px rgba(0, 0, 0, 0.26);
      box-shadow:0 10px 20px rgba(0, 0, 0, 0.26);
      -webkit-transition:-webkit-box-shadow 0.2s ease-in;
      transition:-webkit-box-shadow 0.2s ease-in;
      -o-transition:box-shadow 0.2s ease-in;
      transition:box-shadow 0.2s ease-in;
      transition:box-shadow 0.2s ease-in, -webkit-box-shadow 0.2s ease-in;
    }

.dragAndDropWrapper .colWrapper .valueCol .value{
        margin:0.2rem;
        display:inline;
        max-width:100%;
      }

.dragAndDropWrapper .colWrapper .low .value{
        background-color:#e2e2e2;
      }

.dragAndDropWrapper .colWrapper .middle .value{
        background-color:#e7cf8d;
      }

.dragAndDropWrapper .colWrapper .high .value{
        background-color:#46b48e;
      }

.dragAndDropWrapper .colWrapper .selected{
      -webkit-box-shadow:0 10px 20px inset rgba(0, 0, 0, 0.12);
      box-shadow:0 10px 20px inset rgba(0, 0, 0, 0.12);
      border:3px solid #484848;
    }

.dragAndDropWrapper #valueSorter{
    border:2px solid #46b48e;
    height:300px;
    display:none;
  }

.valueSortActionsWrapper #valueSorter{
    display:none;
  }

.valueSortActionsWrapper .value-sort-high-priority{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    gap:1rem;
    -webkit-column-gap:3rem;
    -moz-column-gap:3rem;
    column-gap:3rem;
  }

.valueSortActionsWrapper .value-sort-high-priority>.value-sort-selected{
      color:#46b48e;
      -webkit-box-flex:0;
      -ms-flex:0 1 40%;
      flex:0 1 40%;
      font-weight:500;
    }

.valueSortActionsWrapper .value-sort-high-priority>.value-sort-selected p{
        color:#000000;
        display:inline;
      }