.shelf{--shelf-row:44px;--shelf-rows:3.5;position:absolute;bottom:calc(100% + 1px);left:0;right:0;z-index:2;background:#fff;max-height:0;overflow:hidden;opacity:0;pointer-events:none;border-top:1px solid transparent;transition:max-height .26s var(--ease-out),opacity .14s var(--ease-out),border-top-color .14s var(--ease-out)}.shelf-open{max-height:calc(var(--shelf-row) * var(--shelf-rows));opacity:1;pointer-events:auto;border-top-color:var(--hairline);transition:max-height .42s var(--ease-spring),opacity .18s var(--ease-out),border-top-color .18s var(--ease-out)}.shelf-veil{display:none;position:absolute;inset:0;z-index:0}.shelf-scroll{position:relative;z-index:1;max-height:calc(var(--shelf-row) * var(--shelf-rows));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;--shelf-fade:22px;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 var(--shelf-fade),#000 calc(100% - var(--shelf-fade)),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 var(--shelf-fade),#000 calc(100% - var(--shelf-fade)),transparent 100%)}.shelf-scroll::-webkit-scrollbar{display:none}.shelf-list{margin:0;padding:0;list-style:none;max-width:calc(var(--shelf-measure, 560px) + var(--gutter, 24px) * 2)}.shelf-row{--ink-gap:var(--space-sm);display:flex;align-items:center;width:100%;min-height:var(--shelf-row);box-sizing:border-box;padding:0 var(--gutter,24px);border:none;background:transparent;font:inherit;color:var(--ink-secondary);text-align:left;cursor:pointer;transition:color .16s var(--ease-out),background-color .16s var(--ease-out)}.shelf-row:hover{color:var(--ink)}.shelf-row:focus-visible{outline:1px solid var(--ink);outline-offset:-2px}.shelf-row-current{color:var(--ink)}.shelf-title{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shelf-min,.shelf-title{font-size:var(--text-meta)}.shelf-min{flex:none;font-variant-numeric:tabular-nums;color:var(--ink-secondary)}.shelf-live{flex:none;display:inline-flex;align-items:center;color:var(--ink)}@media (prefers-reduced-motion:no-preference){.shelf-row{opacity:0;transform:translateY(6px);transition:opacity .2s var(--ease-out),transform .26s var(--ease-out),color .16s var(--ease-out)}.shelf-open .shelf-row{opacity:1;transform:none;transition-delay:calc(min(var(--i, 0), 6) * 26ms)}.shelf:not(.shelf-open) .shelf-row{transition-delay:0ms;transition-duration:.1s}}@media (max-width:768px){.shelf{--shelf-row:48px}.shelf-list{max-width:none}}.shelf-ledger{--shelf-row:42px;--ink-gap:var(--space-sm);--shelf-col:440px;right:auto;width:min(var(--shelf-col),calc(100% - var(--gutter, 24px) * 2));background:transparent;border-top:none}.shelf-ledger .shelf-list{max-width:none}.shelf-ledger .shelf-row{min-height:42px;box-shadow:inset 0 -1px 0 var(--hairline)}.shelf-no{flex:none;width:2.4ch;text-align:right;font-size:var(--text-meta);font-variant-numeric:tabular-nums;color:var(--ink-secondary);opacity:.65;transition:opacity .16s var(--ease-out)}.shelf-ledger .shelf-row-current .shelf-no,.shelf-ledger .shelf-row:hover .shelf-no{opacity:1}.shelf-ledger .shelf-title{font-size:var(--text-meta)}.shelf-clock{color:var(--ink)}.shelf-q1 .shelf-veil{display:block;background:#fff;border-top:1px solid var(--hairline);transition:border-color .18s var(--ease-out)}.shelf-q1:not(.shelf-open) .shelf-veil{border-top-color:transparent}.shelf-q2{width:min(560px,calc(100% - var(--gutter, 24px) * 2))}.shelf-q2 .shelf-list{max-width:var(--shelf-col)}.shelf-q2 .shelf-veil{display:block;background:#fff;-webkit-mask-image:linear-gradient(to right,#000 0 calc(var(--shelf-col) - 8px),transparent 100%);mask-image:linear-gradient(to right,#000 0 calc(var(--shelf-col) - 8px),transparent 100%)}.shelf-q3{max-width:min(var(--shelf-col),calc(100% - var(--gutter, 24px) * 2))}.shelf-q3,.shelf-q3 .shelf-row{width:-moz-max-content;width:max-content}.shelf-q3 .shelf-row{max-width:100%;background:#fff;box-shadow:none;padding-right:var(--space-sm)}.shelf-q3 .shelf-scroll{-webkit-mask-image:none;mask-image:none}.shelf-q3:before{display:none}@media (prefers-reduced-motion:no-preference){.shelf-ledger .shelf-row{opacity:1;transform:none;transition:color .16s var(--ease-out)}.shelf-open.shelf-ledger .shelf-row{transition-delay:0ms}}@media (max-width:768px){.shelf-ledger{--shelf-row:48px;left:0;right:0;width:auto;max-width:none;background:#fff;border-top:1px solid var(--hairline)}.shelf-ledger .shelf-veil{display:none}.shelf-ledger .shelf-row{min-height:48px;width:100%;max-width:none;background:transparent;box-shadow:inset 0 -1px 0 var(--hairline);padding-right:var(--gutter,24px)}.shelf-ledger:before{display:block}}.shelf-r1 .shelf-veil{border-right:1px solid var(--hairline)}.shelf-r2{width:min(560px,calc(100% - var(--gutter, 24px) * 2))}.shelf-r2 .shelf-list{max-width:var(--shelf-col)}.shelf-r2 .shelf-veil{-webkit-mask-image:linear-gradient(to right,#000 0 calc(var(--shelf-col) - 8px),transparent 100%);mask-image:linear-gradient(to right,#000 0 calc(var(--shelf-col) - 8px),transparent 100%)}.sitenav:after{content:"";position:absolute;bottom:calc(100% + 1px);left:0;right:0;height:100vh;pointer-events:none;z-index:1;background:#fff;opacity:0;transition:opacity .26s var(--ease-out)}.sitenav:has(.shelf-r3.shelf-open):after{opacity:.62}@media (prefers-reduced-motion:reduce){.sitenav:after{transition:none}}.shelf-s1,.shelf-s2,.shelf-s3{--card-inset:6px;--card-radius:var(--radius-surface);left:var(--card-inset);right:auto;bottom:calc(100% + 1px + var(--card-inset));width:min(var(--shelf-col),calc(100% - var(--card-inset) * 2));border-top:none;background:transparent}.shelf-s1,.shelf-s1 .shelf-scroll,.shelf-s2,.shelf-s2 .shelf-scroll,.shelf-s3,.shelf-s3 .shelf-scroll{border-radius:var(--card-radius)}.shelf-s1 .shelf-veil,.shelf-s2 .shelf-veil,.shelf-s3 .shelf-veil{display:block;background:#fff;border-radius:var(--card-radius);box-shadow:inset 0 0 0 1px var(--hairline)}.shelf-s1:before,.shelf-s2:before,.shelf-s3:before{display:none}.shelf-s1 .shelf-row,.shelf-s2 .shelf-row,.shelf-s3 .shelf-row{box-shadow:none}.shelf-s1 .shelf-list>li:not(:last-child) .shelf-row,.shelf-s2 .shelf-list>li:not(:last-child) .shelf-row,.shelf-s3 .shelf-list>li:not(:last-child) .shelf-row{box-shadow:inset 0 -1px 0 var(--hairline)}.shelf-s2 .shelf-veil{background:hsla(0,0%,100%,.76);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 0 0 1px var(--hairline),0 1px 1px rgba(17,24,39,.04),0 6px 16px -6px rgba(17,24,39,.1)}@supports not (((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) or (-webkit-backdrop-filter:blur(1px))){.shelf-s2 .shelf-veil{background:#fff}}@media (prefers-reduced-transparency:reduce){.shelf-s2 .shelf-veil{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}}.shelf-s3{--card-radius:var(--shelf-radius,6px)}.shelf-s3 .shelf-veil{background:var(--surface-subtle)}.shelf-s3 .shelf-row{background:transparent}@media (max-width:768px){.shelf-s1,.shelf-s2,.shelf-s3{left:var(--card-inset);right:var(--card-inset);width:auto;max-width:none;background:transparent;border-top:none}}