.timeline-cell{min-width:280px}
.timeline-cell .state-step{width:44px;cursor:help}
.timeline-cell .state-name{display:none}
.timeline-cell .state-line{width:26px;margin:8px -13px 0}
.state-step[title]::after{content:attr(title);position:absolute;left:50%;bottom:calc(100% + 9px);transform:translateX(-50%) translateY(4px);z-index:20;min-width:max-content;max-width:220px;padding:7px 10px;border-radius:7px;background:#173b31;color:#fff;font-size:11px;font-weight:700;line-height:1.25;white-space:normal;text-align:center;box-shadow:0 7px 20px #0003;opacity:0;visibility:hidden;pointer-events:none;transition:.15s}
.state-step[title]::before{content:"";position:absolute;left:50%;bottom:calc(100% + 3px);transform:translateX(-50%);z-index:21;border:6px solid transparent;border-top-color:#173b31;opacity:0;visibility:hidden;transition:.15s}
.state-step[title]:hover::after,.state-step[title]:hover::before,.state-step[title]:focus-visible::after,.state-step[title]:focus-visible::before{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
main .instance-summary{display:block;background:#fff;color:#15221f;padding:19px}
main .instance-summary h2,main .instance-summary h3,main .instance-summary b,main .instance-summary span{color:inherit}
.full-timeline{width:100%}
.full-timeline .state-timeline{width:100%;min-width:650px;justify-content:stretch;padding:8px 20px 0}
.full-timeline .state-step{flex:0 0 110px;width:110px;cursor:help}
.full-timeline .state-name{display:block;width:110px;margin-top:8px;font-size:11px}
.full-timeline .state-line{flex:1 1 auto;width:auto;min-width:25px;margin:8px -28px 0}