.berry-scroll{--size: 32px;position:fixed;top:var(--header-h);bottom:0;right:calc(var(--gutter) / 2);z-index:calc(var(--z-header) - 1);width:var(--size);pointer-events:none;transform:translateY(calc(-1 * var(--berry-shift, 0px)))}.berry-scroll--narrow{top:var(--header-h-phone);right:0;width:4px}.berry-scroll__rail{position:absolute;top:calc(var(--size) / 2);bottom:calc(var(--size) / 2);left:50%;width:var(--border-hair);background:var(--glass-line);opacity:0;transition:opacity var(--dur) var(--ease-out)}.berry-scroll.is-lit:not(.berry-scroll--narrow) .berry-scroll__rail{opacity:1}.berry-scroll__tick{position:absolute;top:var(--tick);left:50%;width:10px;height:var(--border-hair);translate:-50% 0;background:var(--glass-line);opacity:0;transition:opacity var(--dur) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.berry-scroll__tick.is-active{background:var(--text)}.berry-scroll.is-lit .berry-scroll__tick{opacity:1}.berry-scroll--narrow .berry-scroll__tick{width:4px;opacity:.6}.berry-scroll__berry{position:absolute;top:var(--pos);left:0;width:var(--size);height:var(--size);pointer-events:auto;touch-action:none;cursor:grab;opacity:.55;transition:transform var(--dur-fast) var(--ease-out),opacity var(--dur) var(--ease-out)}.berry-scroll.is-lit .berry-scroll__berry{opacity:1}.berry-scroll.is-held .berry-scroll__berry{cursor:default}.berry-scroll__berry:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.berry-scroll--narrow .berry-scroll__berry{left:calc(var(--size) / -2 + 2px);opacity:.9;transform:scale(.5);transform-origin:right center}.berry-scroll--narrow.is-held .berry-scroll__berry{transform:none}.berry-scroll__grip{position:absolute;top:calc(var(--pos) + var(--size) / 2 - var(--hit-target) / 2);right:0;width:var(--hit-min);height:var(--hit-target);pointer-events:auto;touch-action:none}.berry-scroll__tape{position:absolute;top:calc(var(--pos) + var(--size) / 2);right:calc(100% + var(--space-2xs));translate:0 -50%;padding:.45em .7em;white-space:nowrap;pointer-events:none;background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturate));border:var(--border-hair) solid var(--glass-line);box-shadow:inset 0 1px 0 var(--glass-sheen);color:var(--text);font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:var(--tracking-wide);text-transform:uppercase;line-height:1.4;clip-path:inset(-1px -1px -1px 100%);opacity:0;visibility:hidden;transition:clip-path var(--dur-fast) var(--ease-dolly),opacity var(--dur-fast) var(--ease-out),visibility 0s linear var(--dur-fast)}.berry-scroll.is-taped .berry-scroll__tape{clip-path:inset(-1px);opacity:1;visibility:visible;transition:clip-path var(--dur-fast) var(--ease-dolly),opacity var(--dur-fast) var(--ease-out) calc(var(--dur-fast) / 2),visibility 0s}.berry-scroll__tape--count{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:.8ch;width:max-content;max-width:32rem;white-space:normal}.berry-scroll__tape--count .berry-scroll__title{display:grid;min-width:0;padding-left:.8ch;border-left:var(--border-hair) solid var(--glass-line)}.berry-scroll__tape--count .berry-scroll__name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.berry-scroll__card{position:absolute;top:var(--card-top, var(--pos));right:calc(100% + var(--space-xs));min-width:12rem;max-width:min(18rem,60vw);max-height:calc(100% - 16px);overflow-y:auto;overscroll-behavior:contain;padding:0;pointer-events:none;background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturate));border:var(--border-hair) solid var(--glass-line);box-shadow:inset 0 1px 0 var(--glass-sheen),var(--shadow-lg);opacity:0;transition:opacity var(--dur) var(--ease-out)}.berry-scroll.is-held .berry-scroll__card{opacity:1;pointer-events:auto}.berry-scroll__list{margin:0;padding:0;list-style:none;animation:rack-in var(--rack-dur) var(--ease-out) both}.berry-scroll__item{display:grid;grid-template-columns:1.6em 1fr;align-items:baseline;gap:var(--space-2xs);width:100%;padding:.5em .85em;background:transparent;border:0;color:var(--text-dim);font-family:var(--font-body);font-size:var(--fs-sm);text-align:left;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.berry-scroll__item[aria-current=true],.berry-scroll__item[data-in-view]{background:var(--glass-line);color:var(--text)}@media(hover:hover){.berry-scroll__item:hover{color:var(--text)}}.berry-scroll__n{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:var(--tracking-wide)}