.wvmkdet{position:relative;margin-block:1px;width:64px;height:298px;flex-shrink:0}.wvmkdet[data-animation-range=entry]{height:98px;align-self:flex-end;margin-block:0;margin-bottom:1px}.wvmkdet[data-animation-range=exit]{height:98px;align-self:flex-start;margin-block:0;margin-top:1px}.t917a9x{--tick-position:0%;--range-start:0%;--range-end:100%;position:absolute;left:0;top:var(--tick-position);width:100%;display:flex;align-items:center;justify-content:flex-end;gap:6px;transform:translateY(-50%)}.t8395yu{--tick-idle-color:var(--color-gray-300);width:8px;height:2px;background:var(--tick-idle-color);border-radius:100px}.t917a9x[data-is-major=true] .t8395yu{--tick-idle-color:var(--color-gray-700);width:14px}@supports (animation-timeline:scroll()){.wvmkdet[data-is-progress-visible=true] .t8395yu{animation:tickHighlight linear var(--animation-fill-mode);-webkit-animation-timeline:--content;animation-timeline:--content;-webkit-animation-range:var(--tick-timeline-range-name) var(--range-start) var(--tick-timeline-range-name) var(--range-end);animation-range:var(--tick-timeline-range-name) var(--range-start) var(--tick-timeline-range-name) var(--range-end)}.t917a9x[data-edge=start] .t8395yu{animation-name:tickHighlightStart-t8395yu}.t917a9x[data-edge=end] .t8395yu{animation-name:tickHighlightEnd-t8395yu}.t917a9x[data-edge=middle] .t8395yu{animation-name:tickHighlightMiddle-t8395yu}}@keyframes tickHighlightMiddle-t8395yu{0%{background:var(--tick-idle-color)}40%{background:var(--yellow)}60%{background:var(--yellow)}to{background:var(--tick-idle-color)}}@keyframes tickHighlightStart-t8395yu{0%{background:var(--yellow)}to{background:var(--tick-idle-color)}}@keyframes tickHighlightEnd-t8395yu{0%{background:var(--tick-idle-color)}to{background:var(--yellow)}}.ttpt5rv{width:36px;font-size:.75rem;text-align:right;font-weight:400;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--color-gray-700)}@supports (animation-timeline:scroll()){.wvmkdet[data-is-progress-visible=true] .ttpt5rv{animation:tickLabelHighlight linear var(--animation-fill-mode);-webkit-animation-timeline:--content;animation-timeline:--content;-webkit-animation-range:var(--tick-timeline-range-name) var(--range-start) var(--tick-timeline-range-name) var(--range-end);animation-range:var(--tick-timeline-range-name) var(--range-start) var(--tick-timeline-range-name) var(--range-end)}.t917a9x[data-edge=start] .ttpt5rv{animation-name:tickLabelHighlightStart-ttpt5rv}.t917a9x[data-edge=end] .ttpt5rv{animation-name:tickLabelHighlightEnd-ttpt5rv}.t917a9x[data-edge=middle] .ttpt5rv{animation-name:tickLabelHighlightMiddle-ttpt5rv}}@keyframes tickLabelHighlightMiddle-ttpt5rv{0%{color:var(--color-gray-700)}40%{color:var(--yellow);font-weight:700}60%{color:var(--yellow);font-weight:700}to{color:var(--color-gray-700)}}@keyframes tickLabelHighlightStart-ttpt5rv{0%{color:var(--yellow);font-weight:700}to{color:var(--color-gray-700)}}@keyframes tickLabelHighlightEnd-ttpt5rv{0%{color:var(--color-gray-700)}to{color:var(--yellow);font-weight:700}}.o18yl8j0{--yellow:#ffbf00;width:500px;max-width:100%;padding:2rem;margin-inline:auto;margin-bottom:3rem;color:var(--color-text);timeline-scope:--content}.w1uf0n8a{display:flex;gap:4px}.c12cxw18,.w1uf0n8a{position:relative;font-family:var(--font-family-mono)}.c12cxw18{flex:1 1;overflow:hidden;border-top:2px solid var(--color-gray-400);border-bottom:2px solid var(--color-gray-400);border-radius:2px}.p1ird410{position:absolute;top:0;left:0;width:100%;height:100%;border-left:2px solid var(--color-gray-400);border-right:2px solid var(--color-gray-400);pointer-events:none}.s3cv7mt{width:100%;height:300px;overflow-y:auto}.s17mkf7d{position:relative;height:700px}.pmnl9n9{position:absolute;top:var(--line-offset,300px);left:0;width:calc(50% - 50px - 12px);height:3px;background:var(--yellow);pointer-events:none;border-radius:0 100px 100px 0;opacity:0;transition:opacity .15s}.pmnl9n9[data-is-active=true]{opacity:1}@supports (animation-timeline:scroll()){.pmnl9n9{animation:progressLineOffset-pmnl9n9 linear both;-webkit-animation-timeline:--content;animation-timeline:--content;-webkit-animation-range:var(--animation-range-name);animation-range:var(--animation-range-name)}.o18yl8j0[data-animation-range=entry] .pmnl9n9{animation-name:progressLineOffsetEntry-pmnl9n9}.o18yl8j0[data-animation-range=exit] .pmnl9n9{animation-name:progressLineOffsetExit-pmnl9n9}.o18yl8j0[data-animation-range=mixed] .pmnl9n9{animation-name:progressLineOffsetMixed-pmnl9n9}}@property --line-offset{syntax:"<length>";inherits:false;initial-value:300px}@keyframes progressLineOffset-pmnl9n9{0%{--line-offset:300px}to{--line-offset:-3px}}@keyframes progressLineOffsetEntry-pmnl9n9{0%{--line-offset:300px}to{--line-offset:200px}}@keyframes progressLineOffsetExit-pmnl9n9{0%{--line-offset:97px}to{--line-offset:-3px}}@keyframes progressLineOffsetMixed-pmnl9n9{0%{--line-offset:300px}to{--line-offset:150px}}.s8cq3i3{transform:translateY(calc(-50% + 1.5px))}.p8taugp{position:absolute;left:0;right:0;bottom:calc(100% + 6px);font-size:.8rem;font-weight:var(--font-weight-bold);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:center;color:#fff;white-space:nowrap}.p8taugp[data-is-flipped=true]{bottom:auto;top:calc(100% + 6px)}.pygm6yj{position:absolute;left:0;right:0;margin-inline:auto;width:100px;height:100px;border-radius:4px;view-timeline:--content}.oq24d8q{border:4px dashed var(--color-gray-200)}.f6r1myt,.oq24d8q{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit}.f6r1myt{background:var(--yellow)}
/*# sourceMappingURL=269d3eb815a2be4a.css.map*/