.stock-data-tabs{
  display:flex;
  align-items:flex-end;
  gap:28px;
  margin:0 0 18px;
  overflow-x:auto;
  overflow-y:hidden;
  border-bottom:1px solid #2a3642;
  scrollbar-width:thin;
  scrollbar-color:#3b5268 transparent;
}
.stock-data-tabs button{
  position:relative;
  flex:0 0 auto;
  appearance:none;
  margin:0;
  padding:10px 2px 12px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:#8fa3b8;
  font:inherit;
  font-weight:600;
  line-height:1.25;
  cursor:pointer;
  transition:color .18s ease;
}
.stock-data-tabs button::after{
  content:"";
  position:absolute;
  right:0;
  bottom:-1px;
  left:0;
  height:2px;
  border-radius:2px 2px 0 0;
  background:#56d8c4;
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .18s ease;
}
.stock-data-tabs button:hover{color:#dbe8f4}
.stock-data-tabs button.active{color:#f5fbff}
.stock-data-tabs button.active::after{transform:scaleX(1)}
.stock-data-tabs button:focus-visible{
  outline:2px solid #4aa8ff;
  outline-offset:-3px;
}
@media (max-width:640px){
  .stock-data-tabs{gap:22px}
}