.flow-chart .arrow{text-align:center;font-size:1.75rem;line-height:1.25}.flow-chart .step>*{display:flex;flex-direction:column;justify-content:center}.flow-chart .step .tile{background-color:#0b3f47;color:#fff;font-weight:700;padding:.5rem;border-radius:.25rem}.flow-chart .step .tile.tile-neutral{background-color:#495054}.flow-chart .step .tile.tile-secondary{background-color:#2e808e}.flow-chart .step .tile.tile-icon{display:flex;flex-direction:row;justify-content:space-between;padding:0;align-items:center}.flow-chart .step .tile.tile-icon>div:first-child{width:3rem;height:100%;flex-grow:0;flex-shrink:0;border-right:2px solid #fff;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:.5rem}.flow-chart .step .tile.tile-icon>div:nth-child(2){flex-grow:1;text-align:left;padding:.5rem 1rem}.flow-chart .step:has(.popup) .tile{border-radius:.25rem .25rem 0 0}.flow-chart .step .popup{background-color:#ebebeb;padding:.25rem .5rem;border-radius:0 0 .25rem .25rem}@media screen and (min-width:768px),print{.flow-chart .arrow{width:30%}.flow-chart .step{display:flex;position:relative}.flow-chart .step:has(.popup) .tile{border-radius:.25rem}.flow-chart .step .tile{flex:0 0 30%;text-align:center;padding:.5rem 1rem;border-radius:.25rem;min-height:4rem}.flow-chart .step .popup{flex:1 0 60%;margin-left:1rem;padding:.5rem 1rem;border-radius:.25rem}.flow-chart .step .popup:after{position:absolute;content:"";width:0;height:0;left:30%;top:50%;transform:translateY(-50%);border-width:8px 16px 8px 0;border-color:transparent #ebebeb transparent transparent;border-style:solid}}@media print{.flow-chart .step .tile,.flow-chart .step .popup{background-color:transparent !important;color:#000 !important;border:1px solid #000}.flow-chart .step .tile.tile-icon>div:first-child{border-right:1px solid #000}.flow-chart .step .popup:after{border-color:transparent #000 transparent transparent}}