.spirl-nav-button{font-size:var(--body-medium-size);font-weight:var(--standard-font-weight);font-family:var(--standard-font-family);line-height:var(--standard-line-height);color:var(--foreground-primary-color);text-overflow:ellipsis;white-space:nowrap;background:0 0;border-radius:4px;justify-content:flex-start;align-items:center;padding:2px 8px;text-decoration:none;display:flex;overflow:hidden}.spirl-nav-button:hover:is(a,button){background-color:rgb(from var(--white) r g b / .5)}.spirl-nav-button:hover{text-decoration:none}.spirl-nav-button.active-true{font-size:var(--body-medium-size);font-weight:var(--bold-font-weight);font-family:var(--standard-font-family);line-height:var(--standard-line-height);background:var(--white);color:var(--foreground-primary-color)}.spirl-nav-button.active-true:hover{background-color:rgb(from var(--white) r g b / .9)}.spirl-nav-button.inverted-true:hover{background-color:rgb(from var(--primary) r g b / .1)}.spirl-nav-button.inverted-true.active-true{background:var(--primary);color:var(--inverted-text-color)}.spirl-nav-button.inverted-true.active-true:hover{background-color:rgb(from var(--primary) r g b / .9)}