.visualization{display:grid;grid-template-columns:8rem minmax(0,1fr);grid-template-areas:"yAxis xAxis" "yAxis timeline"}.timeline{grid-auto-rows:1rem;overflow-x:auto;padding:.25rem;grid-row-gap:.25rem;position:relative;grid-area:timeline}.timeline__grid{position:absolute;padding:.25rem;z-index:0;left:0;top:0;bottom:0;grid-row-gap:.25rem}.timeline__grid--item{height:100%;border-right:1px solid #e7e7e7}.cell{font-size:.75rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%;transition:.16s;z-index:1;position:relative}.cell:hover{cursor:pointer;box-shadow:0 0 0 2px #5c5c5c}.cell__faux-trigger{position:absolute;height:100%;width:100%}.cell--selected{box-shadow:0 0 0 2px #2a52c9}.cell-popover__description li{list-style:disc}.cell-popover__description li+li{margin-top:.25rem}.y-axis{margin-left:1rem;grid-area:yAxis;position:relative;border-left:1px solid #e7e7e7;border-right:1px solid #e7e7e7;grid-auto-flow:row;grid-row-gap:.25rem;padding:.25rem;flex-shrink:0}.y-axis .story-section{border-bottom:1px solid #e7e7e7;font-size:.75rem;font-weight:700;padding-right:.5rem}.y-axis .story-section:last-child{border-bottom:none}.y-axis:before{position:absolute;font-weight:700;content:"← Call Order";left:-50%;top:50%;transform:translateY(-50%) rotate(-90deg)}.x-axis{grid-area:xAxis;position:relative;border-bottom:1px solid #e7e7e7}.x-axis:before{position:absolute;content:"SOP Order →";left:50%;font-weight:700;transform:translate(-50%,-100%)}.type-legend+.type-legend{margin-left:1rem}.type-legend__icon{width:1rem;height:1rem}