.shelf-nav{--zoom:.86;--shelf-ink:#4b1426;--shelf-in:cubic-bezier(.55, 0, 1, .45);--shelf-out:var(--ease-out-strong);z-index:20;justify-content:center;padding-top:8px;display:flex;position:relative}@media (min-width:768px){:root{--home-garden-base:min(900px, calc(107.74dvh - 262.9px));--shelf-zoom:tan(atan2(var(--home-garden-base), 562.86px));--home-garden-w:var(--home-garden-base)}:root:has(.shelf-nav-draw[data-compact]){--home-garden-w:min(900px, calc(155.3dvh - 378.9px - 149.1px * var(--shelf-zoom)))}.shelf-nav{--zoom:var(--shelf-zoom);padding-top:36px}}.shelf-nav:before{content:"";width:calc(394px * var(--zoom));height:calc(160px * var(--zoom));display:block}.shelf-nav:has([data-compact]):before{height:calc(136px * var(--zoom))}@media (min-width:768px){.shelf-nav:has([data-compact]):before{height:calc(96px * var(--zoom))}}.shelf-nav-draw{width:394px;height:160px;margin-left:calc(-197px * var(--zoom));transform:scale(var(--zoom));transform-origin:0 0;position:absolute;top:8px;left:50%}@media (min-width:768px){.shelf-nav-draw{top:36px}}.shelf-wordmark{border-radius:6px;width:152px;height:auto;transition:scale .15s ease-out;position:absolute;top:4px;left:50%;transform:translate(-46%)}.shelf-wordmark:active{scale:.97}.shelf-wordmark img{filter:brightness(0)saturate()invert(9%)sepia(46%)saturate(2400%)hue-rotate(315deg);width:100%;height:auto;display:block}.shelf-box{width:394px;height:104px;position:absolute;top:56px;left:0}.shelf-box,.shelf-row,.shelf-text{pointer-events:none}.shelf-cubby,.shelf-text a{pointer-events:auto}.shelf-wood{pointer-events:none;width:394px;height:104px;position:absolute;inset:0}.shelf-row{position:absolute;inset:0}.shelf-broom{border:1px solid var(--color-hairline);background-color:color-mix(in srgb, var(--color-page) 85%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:26px;height:26px;color:var(--shelf-ink);cursor:pointer;transition:scale .15s var(--ease-out-strong), background-color .15s ease-out;-webkit-tap-highlight-color:transparent;border-radius:9px;place-items:center;padding:0;display:grid;position:absolute;top:23px;right:0;box-shadow:0 1px 1.5px #3a32260f,0 5px 14px #3a32261f}.shelf-broom:after{content:"";position:absolute;inset:-14px}.shelf-broom svg{transform-origin:70% 30%;width:13px;height:13px;transition:rotate .2s var(--ease-out-strong)}.shelf-broom .shelf-spark{transform-box:fill-box;transform-origin:50%;transition:opacity .2s ease-out, scale .2s var(--ease-out-strong)}.shelf-broom:active{scale:.96}.shelf-broom:focus-visible{outline:1px solid var(--shelf-ink);outline-offset:2px}@media (hover:hover) and (pointer:fine){.shelf-broom:hover{background-color:color-mix(in srgb, var(--color-sand-light) 40%, color-mix(in srgb, var(--color-page) 85%, transparent))}.shelf-broom:hover svg{rotate:-10deg}}[data-tidy] .shelf-spark{opacity:0;scale:.4}.shelf-cubby{touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:2px;outline:none;height:84px;position:absolute;top:8px}.shelf-cubby:focus-visible{box-shadow:inset 0 0 0 1px #ffffffb3}.shelf-label{font-family:var(--font-commit-mono), ui-monospace, monospace;letter-spacing:.01em;color:#ece8e0d1;text-shadow:0 0 .6px #ece8e080;pointer-events:none;font-size:9.5px;line-height:.95;position:absolute;top:8px;left:6px}.shelf-shadow{opacity:.85;pointer-events:none;background:radial-gradient(closest-side,#0000008c,#0000);border-radius:50%;height:5px;position:absolute;transform:translate(-50%)scale(1)}.shelf-toy{transform-origin:50% 100%;pointer-events:none;will-change:transform;display:block;position:absolute}.shelf-toy-inner{transform-origin:50% 100%;display:block}.shelf-toy img{filter:drop-shadow(0 .5px .5px #00000059);width:100%;height:auto;display:block}@property --tip{syntax:"<length>";inherits:true;initial-value:387px}.shelf-nav-draw{--pass:.528s;--pass-ease:cubic-bezier(.33, 0, .25, 1)}.shelf-nav-draw[data-tidy]{animation:sweep-tip var(--pass) var(--pass-ease) forwards}@keyframes sweep-tip{0%{--tip:387px}to{--tip:-53px}}.shelf-sweeper{color:#e2bf7e;filter:drop-shadow(0 1px 1px #00000073);opacity:0;pointer-events:none;width:42px;height:42px;translate:calc(var(--tip) - 8px) 0;transform-origin:83% 10%;position:absolute;top:47px;left:0}.shelf-sweeper svg{width:100%;height:100%;display:block}.shelf-sweeper .shelf-spark{display:none}[data-tidy] .shelf-sweeper{animation:sweep-fade var(--pass) linear forwards, sweep-tilt var(--pass) cubic-bezier(.37, 0, .63, 1) forwards}@keyframes sweep-fade{0%{opacity:0}8%,82%{opacity:1}to{opacity:0}}@keyframes sweep-tilt{0%{rotate:6deg}35%{rotate:-10deg}to{rotate:-4deg}}a.shelf-cubby:first-of-type{--right:78.5px;--hit:.239s;--lx:31.5px}a.shelf-cubby:nth-of-type(2){--right:145px;--hit:.194s;--lx:101.5px}a.shelf-cubby:nth-of-type(3){--right:222px;--hit:.152s;--lx:170px}a.shelf-cubby:nth-of-type(4){--right:293px;--hit:.116s;--lx:243px}a.shelf-cubby:nth-of-type(5){--right:357px;--hit:69ms;--lx:318.5px}[data-tidy] .shelf-toy,[data-tidy] .shelf-shadow{translate:min(0px, var(--tip) - var(--right)) 0;opacity:0;transition:opacity .132s ease-in max(var(--hit), .275s)}[data-tidy] .shelf-toy{transition:rotate .2s cubic-bezier(.23, 1, .32, 1) var(--hit), opacity .132s ease-in max(var(--hit), .275s), scale 0s linear .44s;rotate:12deg;scale:.92}.shelf-label{-webkit-mask-size:788px 104px;mask-size:788px 104px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[data-tidy] .shelf-label{-webkit-mask-image:linear-gradient(90deg,#000 calc(50% - 10px),#0000 calc(50% + 10px));mask-image:linear-gradient(90deg,#000 calc(50% - 10px),#0000 calc(50% + 10px));-webkit-mask-position:calc(var(--tip) - 394px - var(--lx)) -16px;mask-position:calc(var(--tip) - 394px - var(--lx)) -16px;opacity:0;transition:opacity .16s ease-out calc(var(--pass) - .12s), color .3s ease-out}[data-tidy] .shelf-wood{opacity:0;transition:opacity .24s ease-in .396s,scale .24s ease-in .396s;scale:.98}.shelf-wood,.shelf-label{transition:opacity .24s ease-out .33s, scale .24s var(--shelf-out) .33s, color .3s ease-out .26s}.shelf-toy,.shelf-shadow{transition:translate 0s, rotate 0s, opacity .22s ease-out calc(.43s + var(--i) * 45ms), scale .3s var(--shelf-out) calc(.43s + var(--i) * 45ms)}.shelf-text{justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:0}[data-compact] .shelf-text{align-content:flex-start;align-items:flex-start;top:10px;bottom:auto}.shelf-text a{font-family:var(--font-commit-mono), ui-monospace, monospace;font-size:calc(14px / var(--zoom));white-space:nowrap;color:var(--color-ink-body);opacity:0;transition:opacity .14s var(--shelf-in), translate .14s var(--shelf-in), color .15s ease;padding:6px 5px;line-height:1;text-decoration:none;translate:0 -6px}@media (max-width:767px){.shelf-text{flex-wrap:wrap;align-content:center;column-gap:2px;padding:0 12px}.shelf-text a{padding:8px 6px}}.shelf-text a[aria-current=page]{color:var(--color-ink-primary)}[data-tidy][data-compact] .shelf-text a{opacity:1;transition: opacity .26s ease-out calc(60ms + var(--i) * 40ms), translate .44s cubic-bezier(.37, 0, .4, 1.3) calc(60ms + var(--i) * 40ms), color .15s ease;translate:0}.shelf-text a:focus-visible{outline:1px solid var(--color-ink-primary);outline-offset:-1px;border-radius:2px}@media (hover:hover) and (pointer:fine){.shelf-text a:hover{color:var(--shelf-ink);text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:.5px}}@media (prefers-reduced-motion:reduce){.shelf-nav *,.shelf-nav [data-tidy] *{transition:none!important}.shelf-sweeper{display:none}.shelf-nav-draw[data-tidy]{animation:none}}.shelf-spot{mix-blend-mode:screen;opacity:0;pointer-events:none;background:radial-gradient(60% 18% at 50% 92%,#ffecc499,#0000 100%),radial-gradient(70% 115% at 50% -12%,#ffe8ba7a,#ffe8ba24 62%,#0000 82%);height:92px;transition:opacity .24s ease-out .6s,left .56s cubic-bezier(.65,0,.35,1),width .56s cubic-bezier(.65,0,.35,1);position:absolute;top:0}.shelf-spot[data-on]{opacity:1}[data-tidy] .shelf-spot{opacity:0;transition:opacity .176s ease-out .22s}.shelf-cubby[aria-current=page] .shelf-label{color:#faf4e6f2}.shelf-cubby[aria-current=page] .shelf-toy img{animation:shelf-lift .42s var(--ease-out-strong) .3s backwards, shelf-hover-idle 3.2s cubic-bezier(.37, 0, .63, 1) .72s infinite}.shelf-cubby[aria-current=page] .shelf-shadow{animation:shelf-lift-shadow .42s var(--ease-out-strong) .3s backwards, shelf-hover-shadow 3.2s cubic-bezier(.37, 0, .63, 1) .72s infinite}.shelf-cubby[data-landing] .shelf-toy img{animation:.36s cubic-bezier(.45,0,.55,1) shelf-land}.shelf-cubby[data-landing] .shelf-shadow{animation:.36s cubic-bezier(.45,0,.55,1) shelf-land-shadow}@keyframes shelf-lift{0%{translate:0}to{translate:0 -3px}}@keyframes shelf-lift-shadow{0%{scale:1}to{scale:.85}}@keyframes shelf-land{0%{translate:0 -4px}to{translate:0}}@keyframes shelf-land-shadow{0%{scale:.8}to{scale:1}}@keyframes shelf-hover-idle{0%,to{translate:0 -3px}50%{translate:0 -6px}}@keyframes shelf-hover-shadow{0%,to{scale:.85}50%{scale:.72}}@media (prefers-reduced-motion:reduce){.shelf-cubby[aria-current=page] .shelf-toy img{animation:none;translate:0 -3px}.shelf-cubby[aria-current=page] .shelf-shadow{animation:none;scale:.85}.shelf-cubby[data-landing] :is(.shelf-toy img,.shelf-shadow){animation:none}.shelf-spot{transition:opacity .2s ease-out}}
