/*
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 #8d949e;
    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 #0e5d91;
    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: #0e5d91;
    transition: background-color .4s ease-out;
    color: white;
}

.tab-group .tab.active button:hover {
    background-color: #3e7da7;
}

/*# sourceMappingURL=tabs.css.map */