.bf-rpt-grid-wrp{
  padding:16px;
}

.bf-add-to-end-btn-wrp{
  padding-block: 16px;
}

.repeater-grid .btcd-fld-itm{
  grid-area: unset;
  grid-row-start: var(--row, auto);
  grid-column: var(--column-start, 1)/ var(--column-span,span 60);
  min-height: 0px;
}

.bf-pair-btn-wrp{
  flex-direction: column;
}

@media screen and (min-width:960px){
  .bf-pair-btn-wrp{
    flex-direction: row;
  }
  
  .repeater-grid .btcd-fld-itm:has(.full-width){
    --column-span: span 60;
  }

  .repeater-grid .btcd-fld-itm:has(.half-width){
    --column-span: span 30;
  }

  .repeater-grid .btcd-fld-itm:has(.third-width){
    --column-span: span 20;
  }
  
  .repeater-grid .btcd-fld-itm:has(.fourth-width){
    --column-span: span 15;
  }
  
  .repeater-grid .btcd-fld-itm:has(.col-start-1){
    --column-start:1;
  }
  
  .repeater-grid .btcd-fld-itm:has(.col-start-15){
    --column-start:16;
  }
  
  .repeater-grid .btcd-fld-itm:has(.col-start-20){
    --column-start:21;
  }
  
  .repeater-grid .btcd-fld-itm:has(.col-start-30){
    --column-start:31;
  }
  
  .repeater-grid .btcd-fld-itm:has(.col-start-40){
    --column-start:41;
  }
  
  .repeater-grid .btcd-fld-itm:has(.col-start-45){
    --column-start:46;
  }
  
  .repeater-grid .btcd-fld-itm:has(.row-1){
    --row:1;
  }
  
  .repeater-grid .btcd-fld-itm:has(.row-2){
    --row:2;
  }
  .repeater-grid .btcd-fld-itm:has(.row-3){
    --row:3;
  }
  .repeater-grid .btcd-fld-itm:has(.row-4){
    --row:4;
  }
  .repeater-grid .btcd-fld-itm:has(.row-5){
    --row:5;
  }
  .repeater-grid .btcd-fld-itm:has(.row-6){
    --row:6;
  }
  .repeater-grid .btcd-fld-itm:has(.row-7){
    --row:7;
  }
  .repeater-grid .btcd-fld-itm:has(.row-8){
    --row:8;
  }
  .repeater-grid .btcd-fld-itm:has(.row-9){
    --row:9;
  }
  .repeater-grid .btcd-fld-itm:has(.row-10){
    --row:10;
  }
  
}

.radio-btn-style .bf-inp-wrp>.bf-cc {
  display: flex;
  flex-direction: row;
  gap:16px;
  max-width: 100%;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding-block: 16px;
}

.radio-btn-style .bf-cw>label{
  background-color: white;
  padding: 8px 16px;
  border-radius: 999px;
  box-shadow: 0 2px 4px -2px #0006;
}

.radio-btn-style .bf-cw>label .bf-bx{
  display: none;
}

.radio-btn-style .bf-cw>input:checked + label{
  background-color: var(--primary,#0b98b7);
  color:white;
}

.bf-dpd-wrp{
  background-color: white;
}