.tab-nav{width:100%;height:64px;padding:var(--space-1);border:1px solid rgba(var(--color-snow-rgb),.15);border-radius:var(--radius-sm);background:rgba(var(--color-midnight-rgb),.96)}.tab-item,.tab-nav{display:flex;align-items:center}.tab-item{position:relative;justify-content:center;height:48px;min-width:80px;flex-shrink:0;padding:0 var(--space-4);background:transparent;border:none;border-bottom:6px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.tab-item:hover:not(.is-active):not([data-force]),.tab-item[data-force=hover]:not(.is-active){background:rgba(var(--color-snow-rgb),.1)}.tab-item:focus-visible:not([data-force]),.tab-item[data-force=focus]{outline:2px solid var(--color-witchy);outline-offset:-2px}.tab-item.is-active{border-bottom-color:var(--color-lime);border-radius:0}.tab-item-label{font-family:var(--font-roboto);font-size:16px;font-weight:500;letter-spacing:.1px;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--color-snow);opacity:.7}.tab-item.is-active .tab-item-label{color:var(--color-lime);opacity:1}