:where([data-sheets~=navigation]) .tabs{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}:where([data-sheets~=navigation]) .tabs[data-focus-visible]{outline:none}:where([data-sheets~=navigation]) .tabs-list{scroll-snap-type:x proximity;scrollbar-width:none;box-shadow:inset 0 -2px 0 var(--color-line);gap:.25rem;display:flex;overflow-x:auto}:where([data-sheets~=navigation]) .tabs-list::-webkit-scrollbar{display:none}:where([data-sheets~=navigation]) .tabs-tab{min-block-size:var(--spacing-touch);border-radius:var(--radius-md) var(--radius-md) 0 0;color:var(--color-ink-muted);font:inherit;white-space:nowrap;cursor:pointer;scroll-snap-align:start;transition:color var(--duration-quick) var(--ease-standard);background:0 0;border:0;flex:none;align-items:center;gap:.45rem;padding:0 1rem;font-weight:800;display:inline-flex;position:relative}:where([data-sheets~=navigation]) .tabs-tab svg{block-size:1.15rem;inline-size:1.15rem}:where([data-sheets~=navigation]) .tabs-tab:after{content:"";background:var(--color-accent-edge);block-size:3px;transition:transform var(--duration-quick) var(--ease-standard);border-radius:3px 3px 0 0;position:absolute;inset-block-end:0;inset-inline:.5rem;transform:scaleX(0)}@media (hover:hover){:where([data-sheets~=navigation]) .tabs-tab:hover{color:var(--color-ink);background:var(--color-surface-sunken)}}:where([data-sheets~=navigation]) .tabs-tab[data-hovered]{color:var(--color-ink);background:var(--color-surface-sunken)}:where([data-sheets~=navigation]) .tabs-tab:active,:where([data-sheets~=navigation]) .tabs-tab[data-pressed]{transform:translateY(1px)}:where([data-sheets~=navigation]) .tabs-tab[data-selected]{color:var(--color-ink)}:where([data-sheets~=navigation]) .tabs-tab[data-selected]:after{transform:scaleX(1)}:where([data-sheets~=navigation]) .tabs-tab[aria-disabled=true]{color:var(--color-ink-muted);cursor:not-allowed;text-decoration:line-through}:where([data-sheets~=navigation]) .tabs-tab .badge{min-block-size:1.4rem}:where([data-sheets~=navigation]) .tabs-panel{min-block-size:4rem;min-inline-size:0}:where([data-sheets~=navigation]) .tabs-panel[hidden]{display:none}:where([data-sheets~=navigation]) .tabs-panel[data-entering]{animation:panel-fade var(--duration-moderate) var(--ease-enter)}@keyframes panel-fade{0%{opacity:0;transform:translateY(calc(.35rem * var(--motion-move)))}}@media (width>=40rem){:where([data-sheets~=navigation]) .tabs[data-orientation=vertical]{grid-template-columns:minmax(10rem,max-content) minmax(0,1fr);align-items:start}:where([data-sheets~=navigation]) .tabs[data-orientation=vertical] .tabs-list{box-shadow:inset -2px 0 0 var(--color-line);flex-direction:column;overflow:visible}:where([data-sheets~=navigation]) .tabs[data-orientation=vertical] .tabs-tab{border-radius:var(--radius-md) 0 0 var(--radius-md)}:where([data-sheets~=navigation]) .tabs[data-orientation=vertical] .tabs-tab:after{border-radius:3px 0 0 3px;block-size:auto;inline-size:3px;inset:.5rem 0 .5rem auto;transform:scaleY(0)}:where([data-sheets~=navigation]) .tabs[data-orientation=vertical] .tabs-tab[data-selected]:after{transform:scaleY(1)}}:where([data-sheets~=navigation]) .tabs-list[data-more-end]{-webkit-mask-image:linear-gradient(to right, var(--color-ink) calc(100% - 3rem), transparent);mask-image:linear-gradient(to right, var(--color-ink) calc(100% - 3rem), transparent)}:where([data-sheets~=navigation]) .tabs-list[data-more-start]{-webkit-mask-image:linear-gradient(to left, var(--color-ink) calc(100% - 3rem), transparent);mask-image:linear-gradient(to left, var(--color-ink) calc(100% - 3rem), transparent)}:where([data-sheets~=navigation]) .tabs-list[data-more-start][data-more-end]{-webkit-mask-image:linear-gradient(to right, transparent, var(--color-ink) 3rem, var(--color-ink) calc(100% - 3rem), transparent);mask-image:linear-gradient(to right, transparent, var(--color-ink) 3rem, var(--color-ink) calc(100% - 3rem), transparent)}:where([data-sheets~=navigation]) .sidebar{border-radius:var(--radius-xl);background:var(--color-panel);max-block-size:34rem;inline-size:16rem;box-shadow:inset 0 0 0 1px var(--color-line);align-content:start;gap:.15rem;padding:.75rem;display:grid;overflow-y:auto}:where([data-sheets~=navigation]) .sidebar-head{justify-content:space-between;align-items:center;gap:.5rem;padding:.25rem .25rem .5rem;display:flex}:where([data-sheets~=navigation]) .side-group-title{color:var(--color-ink-muted);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;padding:.75rem .65rem .25rem;font-weight:800}:where([data-sheets~=navigation]) .side-link{min-block-size:var(--spacing-touch);border-radius:var(--radius-md);color:var(--color-ink);white-space:nowrap;align-items:center;gap:.7rem;padding-inline:.65rem;font-weight:700;text-decoration:none;display:flex}:where([data-sheets~=navigation]) .side-link svg{block-size:1.25rem;inline-size:1.25rem;color:var(--color-ink-muted);flex:none}:where([data-sheets~=navigation]) .side-link .badge{margin-inline-start:auto}@media (hover:hover){:where([data-sheets~=navigation]) .side-link:hover{background:var(--color-surface-sunken)}}:where([data-sheets~=navigation]) .side-link[data-hovered]{background:var(--color-surface-sunken)}:where([data-sheets~=navigation]) .side-link:active,:where([data-sheets~=navigation]) .side-link[data-pressed]{transform:scale(.98)}:where([data-sheets~=navigation]) .side-link[aria-current=page]{background:var(--color-accent-soft);box-shadow:inset 3px 0 0 var(--color-accent-edge)}:where([data-sheets~=navigation]) .side-link[aria-current=page] svg{color:var(--color-accent-ink)}:where([data-sheets~=navigation]) .side-label{text-overflow:ellipsis;overflow:hidden}:where([data-sheets~=navigation]) .sidebar[data-collapsed]{inline-size:4.5rem}:where([data-sheets~=navigation]) .sidebar[data-collapsed] :is(.side-label,.side-group-title,.side-link .badge){clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}:where([data-sheets~=navigation]) .sidebar[data-collapsed] .side-link{justify-content:center;padding-inline:0}:where([data-sheets~=navigation]) .sidebar[data-collapsed] .sidebar-head{justify-content:center}
