[data-component=navigation]{display:flex;align-items:center}[data-component=navigation][data-variant=horizontal]{flex-direction:row;gap:var(--spacing-1)}[data-component=navigation][data-variant=vertical]{flex-direction:column;align-items:stretch;gap:var(--spacing-0_5);width:100%}[data-component=navigation][data-variant=tabs]{flex-direction:row;gap:var(--spacing-4);border-bottom:1px solid var(--navtabs-border-secondary);padding-bottom:0}@media (max-width:768px){[data-component=navigation][data-variant=horizontal]{display:none}[data-component=navigation][data-variant=horizontal].mobile-visible{display:flex;flex-direction:column;align-items:stretch;gap:var(--spacing-0_5)}}[data-component=notification-button]{position:relative}[data-component=notification-button] [data-element=indicator]{position:absolute;display:flex;align-items:center;justify-content:center;background:var(--color-state-error);color:var(--color-content-inverse);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1}[data-component=notification-button] [data-element=indicator][data-type=dot]{top:var(--spacing-1);right:var(--spacing-1);width:var(--spacing-2);height:var(--spacing-2);border-radius:var(--radius-full);border:2px solid var(--color-surface-primary)}[data-component=notification-button] [data-element=indicator][data-type=count]{top:calc(var(--spacing-0_5) * -1);right:calc(var(--spacing-0_5) * -1);min-width:var(--spacing-4);height:var(--spacing-4);padding:0 var(--padding-xs);border-radius:var(--radius-full);border:2px solid var(--color-surface-primary)}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}to{transform:scale(1);opacity:1}}[data-component=notification-button][data-has-notifications] [data-element=indicator]{animation:pulse .4s ease-in-out}