.order-details-diagram{margin-bottom:16px;display:flex}.order-details-diagram ul{margin:0;padding:20px 0 0;transition:all .5s;position:relative}.order-details-diagram ul:first-child{padding-top:0}.order-details-diagram ul ul:not(.empty):before{content:"";border-left:1px solid #ccc;width:0;height:20px;position:absolute;top:0;left:50%}.order-details-diagram li{float:left;text-align:center;padding:20px 6px 0;list-style-type:none;transition:all .5s;position:relative}.order-details-diagram li:after,.order-details-diagram li:before{content:"";border-top:1px solid #ccc;width:50%;height:19px;position:absolute;top:0;right:50%}.order-details-diagram li:after{border-left:1px solid #ccc;left:50%;right:auto}.order-details-diagram li:only-child{padding-top:0}.order-details-diagram li:only-child:after,.order-details-diagram li:only-child:before{display:none}.order-details-diagram li:first-child:after{border-radius:5px 0 0}.order-details-diagram li:first-child:before,.order-details-diagram li:last-child:after{border:0}.order-details-diagram li:last-child:before{border-right:1px solid #ccc;border-radius:0 5px 0 0}.order-details-diagram__child{color:#666;cursor:pointer;background-color:var(--c-white);border:1px solid #ccc;border-radius:5px;padding:10px 24px;text-decoration:none;transition:all .5s;display:inline-block}.order-details-diagram__child:hover{background-color:var(--c-onyx--200)}.order-details-diagram__child.active{background-color:var(--c-primary);color:var(--c-white);border:1px solid var(--c-primary)}.order-details-diagram__child.active:hover{background-color:var(--c-primary--1000);border:1px solid var(--c-primary--1000)}