.input-container {
  display: flex;
  align-items: center;
  position: relative;
}
.input-container input {
  flex: 1;
}
.input-container span {
  position:relative
}

.bubble{
  font-size:0.8rem;
 
  color:#E74EFE;
  color:#FF5300;
  color:#FFF;
  background:#19bcd3;
  margin-left:10px;
  border-radius: 6px;
  z-index: 1;
  position: absolute;
  line-height:1rem !important;
  padding:2px 8px 2px 5px;
    
  top:-25px;
  left:calc(-80%);
  position:absolute;white-space:nowrap; 
}

.bubble:after {
  content: '';
  position: absolute;
  bottom: 1px;
  left: 20%;
  width: 0;
  height: 0;
  border: 0.375em solid transparent;
  border-top-color: #19bcd3;
  border-bottom: 0;
  border-left: 0;
  margin-left: -0.187em;
  margin-bottom: -0.375em;
} 

.txt_digit {
    position: absolute;
    top: 1px; /* Adjust as needed */
    left: 4px; /* Adjust as needed */
    font-size: 12px; /* Adjust the font size as needed */
    color: #19bcd3; /* Adjust the color as needed */
    pointer-events: none; /* Prevent text from being selectable or clickable */
}
@media screen and (max-width: 780px){
  .bubble{
     top:-25px;
     left:calc(-80%);
  }
  
}  

/* 選中文字時的樣式 */
.copy::selection {
    background: #19bcd3; /* 設定選中文字的底色 */
    color: white;      /* 設定選中文字的文字顏色 */
}

/* For Firefox */
.copy::-moz-selection {
    background: #19bcd3;
    color: white;
}
.copy{
  -webkit-touch-callout: none;
  line-height: 1.35 !important;
  
}

.selected{
  background:#19bcd3;
  color:white;
}

@media screen and (max-width: 575px){
  .copy span{
    font-size:0.8em;
  }
}