/*
Usage:
- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
   if 3 colors used then the position of each will be 33,33%
- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
   first param - color, second - position. Also you can use px or other valid units for set position.
*/
/* based on "visually-hidden" mixin in LDS for accessibility goals */
/* Do not edit */
/** Styles for a group of buttons to be glued together into a tabs-like bar
 *  Intended use:
 *  <ul class="tab-group">
 *    <li class="tab">
 *      <button>
 */
.tab-group {
  list-style: none;
  border: 1px solid rgb(141, 148, 158);
  border-radius: 2px;
  border-radius: 4px;
  padding: 1px;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.tab-group .tab button {
  border-radius: 0px;
  padding: 0 15px;
  background-color: white;
  color: #222;
  text-shadow: none;
}
.tab-group .tab button:hover {
  background-color: #e7eff4;
}
.tab-group .tab button:focus {
  outline: 1px dotted rgb(14, 93, 145);
  outline-offset: -2px;
}
.tab-group .tab:first-of-type button {
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.tab-group .tab:last-of-type button {
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tab-group .tab.active button {
  background-color: rgb(14, 93, 145);
  transition: background-color 0.4s ease-out;
  color: white;
}
.tab-group .tab.active button:hover {
  background-color: #3e7da7;
}
/*# sourceMappingURL=tabs.css.map */