/*! tabbyjs v12.0.3 | (c) 2019 Chris Ferdinandi | MIT License | http://github.com/cferdinandi/tabby */
[role=tablist] {
    border-bottom: 1px solid #d3d3d3;
    list-style: none;
    margin: 0;
    padding: 0
}

[role=tablist] * {
    box-sizing: border-box
}

@media (min-width:30em) {
    [role=tablist] li {
        display: inline-block
    }
}

[role=tab] {
    border: 1px solid transparent;
    border-top-color: #d3d3d3;
    display: block;
    padding: .5em 1em;
    text-decoration: none
}

@media (min-width:30em) {
    [role=tab] {
        border-top-color: transparent;
        border-top-left-radius: .0em;
        border-top-right-radius: .0em;
        display: inline-block;
        margin-bottom: -1px
    }
}

[role=tab][aria-selected=true] {
    background-color: #d3d3d3
}

@media (min-width:30em) {
    [role=tab][aria-selected=true] {
        background-color: transparent;
        border: 1px solid #d3d3d3;
        border-bottom-color: #fff;
        color: #007DC5;
    }
}

[role=tab]:hover:not([aria-selected=true]) {
    background-color: transparent;
}

@media (min-width:30em) {
    [role=tab]:hover:not([aria-selected=true]) {
        border: 1px solid #d3d3d3
    }
}

[hidden] {
    display: none
}