# presentation/styles/element.style.css

> 37 lines of code and 0 definitions.

Tree: Site tree
Language: css
Layer: product
Canonical: https://banes-lab.com/anatomy/tree#file-presentation-styles-element-style-css
Source text: https://banes-lab.com/assets/sources/source.7dd50d1ee1235ad009ac18db681f66a6be1552eb1c4e5e8e417a76dab219cd88.generated.txt

## Source

```css
.icon-pag {
    background-image: var(--asset-icon-grammar-sidebar);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: var(--size-icon-glyph);
    vertical-align: var(--icon-baseline-shift);
    width: var(--size-icon-glyph);
}

.icon-pag-xl {
    background-image: var(--asset-icon-grammar);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    filter: brightness(0) invert(1);
    height: var(--size-icon-xl);
    width: var(--size-icon-xl);
}

.visually-hidden,
.tab-button .visually-hidden {
    border: 0;
    clip-path: inset(50%);
    display: block;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.tab-button.active .icon-pag,
.tab-button:hover .icon-pag {
    filter: brightness(0);
}
```