.react-tabs {
  -webkit-tap-highlight-color: transparent;
}
  
.react-tabs__tab-list {
  display: flex;
  border-bottom: 1px solid var(--matterColorNegative);
  margin: 0 0 38px;
  padding: 0;
}
  
.react-tabs__tab {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid transparent;
  bottom: -1px;
  position: relative;
  list-style: none;
  padding: 6px 12px;
  color: var(--matterColorAnti);
  cursor: pointer !important;
}
  
.react-tabs__tab svg path {
  stroke: var(--matterColorAnti);
  stroke-width: 1.2;
}
  
.react-tabs__tab:last-child svg path {
  stroke: var(--matterColorAnti);
}
  
.react-tabs__tab--selected {
  display: flex;
  align-items: center;
  padding: 6px 12px;
  gap: 8px;
  background: var(--matterColorBright);
  border: 1px solid var(--matterColorNegative);
  color: var(--matterColor);
  border-radius: var(--borderRadiusMedium) var(--borderRadiusMedium) 0 0;
  cursor: default !important
}
  
.react-tabs__tab--selected svg path {
  stroke: var(--matterColor);
}
  
.react-tabs__tab:last-child.react-tabs__tab--selected svg path {
  stroke: var(--matterColor);
}
  
.react-tabs__tab--disabled {
  color: var(--matterColorAnti);
  cursor: default !important;
}
  
.react-tabs__tab:focus {
  outline: none;
}
  
.react-tabs__tab-panel {
  display: none;
}
  
.react-tabs__tab-panel--selected {
  display: block;
}
  
@media (max-width: 768px) {
  .react-tabs__tab-list {
    margin: 0 0 30px;
  }
}