.pisell-number-keyboard-wrap {
  background-color: var(--pisell-number-background-color, #ffffff);
  
  &.pisell-number-keyboard-dark {
    background-color: var(--pisell-number-background-color, rgba(0, 0, 0, 0.70));
  }
  
  &.pisell-number-keyboard-light {
    background-color: var(--pisell-number-background-color, #ffffff);
  }
  
  .pisell-virtual-keyboard-input {
    background-color: var(--pisell-number-container-background-color, #d0d5dd);
    color: var(--pisell-number-text-color, #000000);
  }
  
  .pisell-keyboard {
    background-color: var(--pisell-number-keyboard-background-color, #f9f9f9);
    
    .pisell-keyboard-item {
      background-color: var(--pisell-number-keyboard-button-background-color, #ffffff);
      color: var(--pisell-number-keyboard-button-text-color, #000000);
      
      &:hover {
        background-color: var(--pisell-number-keyboard-button-hover-color, #f5f5f5);
      }
    }
    
    .pisell-keyboard-reset-button {
      background-color: var(--pisell-number-reset-button-background-color, #ffffff);
      color: var(--pisell-number-reset-button-text-color, #d92d20);
    }
    
    .pisell-keyboard-done-button {
      background-color: var(--pisell-number-done-button-background-color, #4ca30d);
      color: var(--pisell-number-done-button-text-color, #ffffff);
    }
  }
}