x-tabs .tabs-headers {
  position: relative;
  height: 100%;
}

x-tabs .tab-header {
  display: inline-block;
  padding: 5px;
  text-align: center;
  color: #a2a2a2;
}

x-tabs .tab-header:hover {
  cursor: pointer;
  opacity: 0.8;
}

x-tabs .tab-header[data-active=true] {
  color: #000;
}

x-tabs .tab-slots {
  position: relative;
  margin: 10px 0;
}

x-tabs .slide {
  position: absolute;  
  bottom: 0;
  background: #ffff8d;
  height: 3px;
  left: 0px;
  width: 100%;
  transition: left 0.3s ease-in-out;
}

x-tab {
  padding-top: 1em;
  padding-bottom: 1em;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 15px;
  width: 100%;
  display: flex;
}

x-tab.selected {
  font-weight: 600;
}

x-tab x-icon{
  width: auto;
}