@layer theme,base;@layer components{.brand-cell{transition:background-color .15s}.brand-cell:hover,.nav-cell:hover{background:var(--surface)}.nav-cell{white-space:nowrap;color:var(--ink-soft);align-items:center;padding:0 1rem;font-size:.9375rem;font-weight:500;transition:background-color .15s,color .15s;display:inline-flex;position:relative}@media (width>=80rem){.nav-cell{padding:0 1.35rem}}.nav-cell-active,.nav-cell-active:hover,.nav-cell:hover{color:var(--ink)}.nav-cell-active:after{content:"";background:var(--ember);height:2px;position:absolute;inset:auto 0 -1px}.tool-cell{min-width:3.5rem;height:100%;min-height:3.5rem;color:var(--muted);place-items:center;transition:background-color .15s,color .15s;display:grid;position:relative}.tool-cell-active,.tool-cell-active:hover,.tool-cell:hover{background:var(--surface);color:var(--ink)}.tool-cell-active,.tool-cell-active:hover{box-shadow:inset 0 -2px 0 var(--ink)}.dropdown{background:var(--surface);border:1px solid var(--line);border-top:0}.dropdown-link{color:var(--ink-soft);transition:background-color .15s,color .15s}.dropdown-link:hover{background:var(--surface-2);color:var(--ink)}.dropdown-link-active,.dropdown-link-active:hover{background:var(--lit-tint);color:var(--ink);box-shadow:inset 2px 0 0 var(--ember)}.footer-link{color:var(--ink-soft);text-underline-offset:4px;transition:color .15s}.footer-link:hover{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px}.bottom-nav{padding-bottom:env(safe-area-inset-bottom)}.bottom-nav-link{min-height:4.25rem;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;display:flex;position:relative}.bottom-nav-active{color:var(--ink);font-weight:600}.bottom-nav-active:before{content:"";background:var(--ember);height:2px;position:absolute;inset:-1px 0 auto}.sheet-backdrop{background:#12131666}.sheet{background:var(--page)}.sheet-enter-active,.sheet-leave-active{transition:opacity var(--dur-panel) var(--ease-soft)}.sheet-enter-active .sheet,.sheet-leave-active .sheet{transition:transform .25s var(--ease-soft)}.sheet-enter-from,.sheet-leave-to{opacity:0}.sheet-enter-from .sheet,.sheet-leave-to .sheet{transform:translateY(100%)}}@layer utilities;