.line{scroll-padding-inline:var(--gutter,16px);scrollbar-width:none;overscroll-behavior-x:contain;position:relative;overflow:auto hidden}.line::-webkit-scrollbar{display:none}.line-track{min-width:100%;padding:18px var(--gutter) 22px;align-items:flex-start;gap:14px;display:inline-flex;position:relative}.line-string{pointer-events:none;width:100%;position:absolute;top:0;left:0;overflow:visible}.line-string path{fill:none;stroke:var(--marigold);stroke-width:2.5px;stroke-linecap:round;filter:drop-shadow(0 0 6px #ffb02073)}.line-paper .line-string path{stroke:var(--marigold-bar);filter:none}.line.is-offline .line-string path{stroke-dasharray:3 9;opacity:.75;filter:none}.hang{transform-origin:50% -14px;flex:none;position:relative}.hang:before{content:"";z-index:2;background:var(--marigold);border-radius:2px;width:8px;height:16px;margin-left:-4px;position:absolute;top:-12px;left:50%;box-shadow:0 2px 4px #0006}.line-poster .hang:before{background:var(--ink-fixed)}.hang.peg-wait:before{border:2px dashed var(--marigold);box-shadow:none;background:0 0}.hang.peg-wait>.print:has(.print-blank){box-shadow:none;background:#fbf8f30f;border:1.5px dashed #f5efe680}.hang.peg-wait>.print .print-blank{background:0 0}.line-paper .hang.peg-wait>.print:has(.print-blank){border-color:var(--paper-edge)}.hang.peg-fail:before{background:var(--rec)}.print{background:var(--print);width:74px;color:var(--ink-fixed);border-radius:3px;margin:0;padding:5px 5px 7px;position:relative;box-shadow:0 14px 24px -12px #000000b3}.print-lg{width:104px}.print img,.print-blank{aspect-ratio:1;object-fit:cover;background:var(--paper-2);border-radius:1px;width:100%;display:block}.print figcaption{font:600 13px/1 var(--font);white-space:nowrap;align-items:center;gap:6px;padding:6px 1px 0;display:flex}.print figcaption .avatar{font-size:10px}.print:has(figcaption){width:100px;padding-bottom:7px}.hang:nth-child(odd)>.print:has(figcaption){transform:rotate(-2deg)}.hang:nth-child(2n)>.print:has(figcaption){transform:rotate(2.2deg)}.print-bar{background:var(--paper-2);border-radius:2px;height:3px;margin-top:6px;display:block;overflow:hidden}.print-bar i{background:var(--marigold-bar);height:100%;transition:width .5s var(--ease);display:block}.print.is-done .print-bar i{background:var(--c-potey)}.print.is-fail{box-shadow:0 0 0 2px var(--rec), 0 14px 24px -12px #000000b3}.print.is-fail .print-bar i{background:var(--rec)}.print.is-wait img{filter:grayscale(.7)brightness(.85)}.print-state{font:600 12px/1.2 var(--font);color:#5a5248;margin-top:6px;display:block}.print.is-fail .print-state{color:#b42318}.print-tick{background:var(--c-potey);width:22px;height:22px;color:var(--ink-fixed);opacity:0;transition:opacity .3s var(--spring), transform .3s var(--spring);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:14px;right:-7px;transform:scale(.5)}.print-tick svg{stroke-width:3px;width:13px;height:13px}.print.is-done .print-tick{opacity:1;transform:none}.pstack{background:var(--print);border-radius:3px;width:74px;padding:5px 5px 7px;position:relative;box-shadow:4px -4px 0 -1px #e9e1d4,8px -8px 0 -2px #cfc4b3,0 14px 24px -12px #000000b3}.line-big .pstack{width:104px}.pstack img,.pstack-plus{aspect-ratio:1;object-fit:cover;border-radius:1px;place-items:center;width:100%;display:grid}.pstack-plus{font:400 28px/1 var(--font-big)}.pstack-label{font:600 12px/1.2 var(--font);color:#5a5248;text-align:center;margin-top:6px;display:block}.pstack.is-more{box-shadow:none;background:#fbf8f314;border:1.5px dashed #f5efe68c}.pstack.is-more .pstack-plus,.pstack.is-more .pstack-label{color:var(--ink)}.line-paper .pstack.is-more{border-color:var(--paper-edge);background:0 0}.pchip-person{border:1px solid var(--line);background:var(--surface);height:44px;color:var(--ink);font:500 15px/1 var(--font);white-space:nowrap;border-radius:22px;align-items:center;gap:9px;padding:0 14px 0 5px;display:inline-flex}.pchip-role{color:var(--marigold-deep);font-size:13px}.pchip-count{font-weight:700}.pchip-person.is-all{padding:0 18px}.pchip-person[aria-pressed=true]{border-color:var(--marigold);background:var(--marigold-wash);box-shadow:0 0 0 1px var(--marigold)}.pchip-person.is-all[aria-pressed=true]{background:var(--marigold);color:var(--on-marigold)}.pchip-person.is-me{border-color:var(--marigold);box-shadow:0 0 0 3px #ffb02038}.line-poster .pchip-person{color:var(--ink-fixed);background:#ffffffdb;border-color:#1a171433}.line-big .line-track{gap:18px;padding-top:22px}.line-big .print{width:104px}.line-big .print-tick{width:26px;height:26px;right:-8px}@media (min-width:900px){.line-track{gap:18px}.print:has(figcaption){width:156px;padding:7px 7px 10px}.print figcaption{padding-top:9px;font-size:15px}.line-big .print,.line-big .pstack{width:150px;padding:7px 7px 10px}.line-big .line-track{justify-content:center;gap:28px}}.hang.arrive{animation:swing-in .9s var(--spring) both}.hang.sway{animation:5s ease-in-out 2 sway}.hang.sway:nth-child(2n){animation-duration:6s;animation-delay:-2s}.hang.sway:nth-child(3n){animation-duration:7s;animation-delay:-1s}.hang.arrive.sway{animation:swing-in .9s var(--spring) both}.line.is-off .hang.sway{animation-play-state:paused}html.lite .hang.sway,html.lite .hang.arrive{animation:none}@keyframes swing-in{0%{opacity:0;transform:translateY(-46px)rotate(-16deg)}55%{opacity:1;transform:translateY(2px)rotate(6deg)}78%{transform:rotate(-2.5deg)}to{transform:none}}@keyframes sway{0%,to{transform:none}25%{transform:rotate(-1.2deg)}75%{transform:rotate(1.2deg)}}
