.hb{--hb-marker:12px;--hb-stem:var(--ps-3);--hb-chip-max:320px;--hb-chip-edge:0 0 0 1px var(--pub-line);--hb-icon-edge:inset 0 0 0 1px var(--pub-line-blue);--hb-marker-occupied:inset 0 0 0 2px var(--pub-bg);--hb-marker-vacant:inset 0 0 0 2px var(--pub-ink-3);--hb-marker-resolved:inset 0 0 0 3px var(--pb-600);--hb-ping:0 0 0 2px var(--pb-400);--hb-first-delay:640ms;--hb-band:var(--ps-8);position:relative;display:block;container:hb/inline-size;overflow:clip;overflow-clip-margin:var(--ps-1)}.hb,.hb__gate{inline-size:100%}.hb__gate{aspect-ratio:6/5}.hb__band{block-size:0}.hb__overlay{position:absolute;inset:0;z-index:1;pointer-events:none}.hb__anchor{position:absolute;inline-size:0;block-size:0}.hb__marker{position:absolute;inset-inline-start:calc(var(--hb-marker) / -2);inset-block-start:calc(var(--hb-marker) / -2);inline-size:var(--hb-marker);block-size:var(--hb-marker);border-radius:50%;background:var(--pb-600);box-shadow:var(--hb-marker-occupied),var(--psh-rest)}.hb__anchor[data-kind=vacated] .hb__marker{background:var(--pub-bg);box-shadow:var(--hb-marker-vacant),var(--psh-rest)}.hb__anchor[data-kind=resolved] .hb__marker{background:var(--pub-bg);box-shadow:var(--hb-marker-resolved),var(--psh-rest)}.hb__marker:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:var(--hb-ping);opacity:0;animation:hb-ping var(--pub-spring-hero-dur,.4s) var(--pub-spring-hero,cubic-bezier(.233,.089,.29,.981)) both}.hb__stem{position:absolute;inset-inline-start:-1px;inset-block-end:calc(var(--hb-marker) / 2);inline-size:2px;block-size:var(--hb-stem);background:var(--pb-600);transform-origin:50% 100%;animation:hb-grow var(--pub-spring-snappy-dur,.21s) var(--pub-spring-snappy,cubic-bezier(.246,.313,.125,1.028)) both}.hb__chip{position:absolute;inset-block-end:calc(var(--hb-marker) / 2 + var(--hb-stem));display:flex;align-items:center;gap:var(--ps-1);box-sizing:border-box;inline-size:max-content;max-inline-size:var(--hb-chip-max);padding-block:var(--ps-1);padding-inline:var(--ps-1) var(--ps-2);border-radius:var(--pr-12);background:var(--pub-bg);color:var(--pub-ink);font-size:var(--pub-fs-14);font-weight:600;line-height:20px;font-variant-numeric:tabular-nums;white-space:nowrap;box-shadow:var(--hb-chip-edge),var(--psh-rest);isolation:isolate;animation:hb-pop var(--pub-spring-bouncy-dur,.31s) var(--pub-spring-bouncy,cubic-bezier(.337,.477,.131,1.281)) both}.hb__anchor[data-side=left] .hb__chip{inset-inline-end:calc(var(--ps-2) * -1);transform-origin:100% 100%}.hb__anchor[data-side=right] .hb__chip{inset-inline-start:calc(var(--ps-2) * -1);transform-origin:0 100%}.hb__chip:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;box-shadow:var(--psh-raised);pointer-events:none;animation:hb-lift var(--pub-spring-bouncy-dur,.31s) var(--pub-spring-bouncy,cubic-bezier(.337,.477,.131,1.281)) both}.hb__chip-icon{display:grid;flex:none;place-items:center;inline-size:var(--ps-4);block-size:var(--ps-4);border-radius:50%;color:var(--pub-ink-on-dark);background:var(--pb-600)}.hb__anchor[data-kind=paid] .hb__chip-icon{background:var(--pub-ok)}.hb__anchor[data-kind=vacated] .hb__chip-icon{color:var(--pub-ink-2);background:var(--pb-50);box-shadow:var(--hb-icon-edge)}.hb__chip-text{display:flex;flex-direction:column;min-inline-size:0}.hb__chip-label,.hb__chip-meta{overflow:hidden;text-overflow:ellipsis}.hb__chip-meta{color:var(--pub-ink-3);font-weight:400}.hb__chip-detail:after{content:"·";margin-inline:var(--ps-1)}.hb__anchor[data-first] .hb__chip,.hb__anchor[data-first] .hb__chip:before,.hb__anchor[data-first] .hb__marker:after,.hb__anchor[data-first] .hb__stem{animation-delay:var(--hb-first-delay)}.hb__anchor[data-leaving] .hb__chip{animation:hb-leave var(--pub-spring-snappy-dur,.21s) var(--pub-spring-snappy,cubic-bezier(.246,.313,.125,1.028)) both}.hb__anchor[data-leaving] .hb__marker,.hb__anchor[data-leaving] .hb__stem{animation:hb-fade-out var(--pub-spring-snappy-dur,.21s) var(--pub-spring-snappy,cubic-bezier(.246,.313,.125,1.028)) both}@container hb (max-width: 479px){.hb__band{block-size:var(--hb-band)}.hb__anchor{position:static}.hb__stem{display:none}.hb__marker{inset-inline-start:calc(var(--hb-x) - var(--hb-marker) / 2);inset-block-start:calc(var(--hb-y) - var(--hb-marker) / 2)}.hb__anchor .hb__chip,.hb__anchor[data-side] .hb__chip{inset-block:calc(100% + var(--ps-1)) auto;inset-inline:0 auto;max-inline-size:100%;transform-origin:0 0}}.hb__toggle{--hb-toggle-size:var(--ps-4);--hb-toggle-hit:var(--pub-tap-min,44px);--hb-toggle-ring:var(--pub-shadow-none);--hb-toggle-edge:inset 0 0 0 1px var(--pub-line-blue);position:absolute;inset-block-start:var(--ps-1);inset-inline-end:10%;z-index:2;box-sizing:border-box;display:grid;place-items:center;inline-size:var(--hb-toggle-size);block-size:var(--hb-toggle-size);padding:0;border:0;border-radius:var(--pr-8);background-color:var(--pub-bg);color:var(--pub-ink-2);box-shadow:var(--hb-toggle-ring),var(--hb-toggle-edge),var(--psh-rest);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform var(--pub-spring-bouncy-dur) var(--pub-spring-bouncy)}.hb__toggle:after{content:"";position:absolute;inset:calc((var(--hb-toggle-size) - var(--hb-toggle-hit)) / 2)}@media (hover:hover){.hb__toggle:hover{background-color:var(--pb-50);color:var(--pb-700)}}.hb__toggle:active{background-color:var(--pb-100);color:var(--pb-700);transform:scale(.97)}.hb__toggle[aria-pressed=true]{background-color:var(--pb-50);color:var(--pb-600)}.hb__toggle:focus-visible{--hb-toggle-ring:var(--pub-ring);outline:2px solid transparent}.hb__toggle:disabled{color:var(--pub-ink-3);background-color:var(--pb-100);box-shadow:var(--pub-shadow-none);cursor:not-allowed}@media (prefers-reduced-motion:reduce){.hb__toggle{transform:none!important;transition:none}}@keyframes hb-pop{0%{opacity:0;transform:translateY(10px) scale(.6)}to{opacity:1;transform:none}}@keyframes hb-lift{0%{opacity:0;transform:translate(-6px,-14px) scale(.9)}to{opacity:1;transform:none}}@keyframes hb-grow{0%{transform:scaleY(0)}to{transform:none}}@keyframes hb-ping{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}@keyframes hb-leave{to{opacity:0;transform:translateY(-8px) scale(.96)}}@keyframes hb-fade-out{to{opacity:0}}@keyframes hb-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.hb__anchor[data-first] .hb__chip,.hb__anchor[data-first] .hb__chip:before,.hb__anchor[data-first] .hb__stem,.hb__chip,.hb__chip:before,.hb__stem{animation:hb-fade-in var(--pub-reduced-dur,.12s) linear both}.hb__anchor[data-first] .hb__marker:after,.hb__marker:after{animation:none}}