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