.__1-Queue_tableContainer__AEVKa {
  border-radius: var(--br25);
  transition: var(--transition3);
  max-width: 1920px;
  height: 100%;
  width: 100%;
  position: absolute;
  white-space: pre-line;
  cursor: grab;
  overflow: auto;
}
.__1-Queue_tableContainer__AEVKa:active {
  cursor: grabbing;
}
.__1-Queue_table__ccJGH {
  border-collapse: collapse;
  max-width: 1920px;
  width: 100%;
}

.__1-Queue_headertable__PVkeh {
  background-color: var(--color-white);
  transition: var(--transition6);
  color: var(--text-h2);
  position: sticky;
  top: 0;
  z-index: 1;
  font-size: var(--font-14);
  font-weight: var(--weight-400);
}
/* _head_ */

.__1-Queue_row__GFc0A {
  padding-inline: 20px;
  position: relative;
  width: 100%;
  height: 70px;
  border-bottom: 1px solid var(--box-border);
  display: flex;
  gap: var(--gap-10);
  justify-content: space-between;
  align-items: center;
  transition: var(--transition2);
  animation: var(--bottom08);
  cursor: pointer;
}
.__1-Queue_row__GFc0A:hover {
  background-color: var(--color-gray30);
}
.__1-Queue_selectedRow__TVxuP {
  background-color: var(--color-gray30) !important;
}
.__1-Queue_table__ccJGH tr {
  text-transform: uppercase;
  padding-inline: 20px;
  position: relative;
  width: 100%;
  height: 70px;
  border-bottom: 1px solid var(--box-border);
  display: flex;
  gap: var(--gap-10);
  justify-content: space-between;
  align-items: center;
  transition: var(--transition2);
}
.__1-Queue_headertable__PVkeh > tr {
  height: 50px;
}
.__1-Queue_headertable__PVkeh > tr > th {
  word-break: keep-all;
  width: -moz-min-content;
  width: min-content;
}

/* _detail_ */
.__1-Queue_ordernumber__AKKNR {
  cursor: pointer;
  color: var(--color-light-blue);
  border-radius: var(--br8);
  position: relative;
  text-align: center;
  padding: var(--paddingtag);
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  text-transform: uppercase;
  transition: var(--transition3);
}
.__1-Queue_ordernumberviewed__pS6vl {
  border: 1.5px dashed var(--color-light-blue);
  border-radius: var(--br8);
  cursor: pointer;
  padding: var(--paddingtag);
  color: var(--color-light-blue);
  position: relative;
  text-align: center;
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  text-transform: uppercase;
  transition: var(--transition3);
}
.__1-Queue_customer__rh61Q {
  transition: var(--transition3);
  height: 40px;
  position: relative;
  display: flex;
  flex-direction: row;
  gap: var(--gap-10);
  align-items: center;
}
.__1-Queue_items__gzgJh {
  color: var(--text-h2);
  position: relative;
  text-align: center;
  font-size: var(--font-14);

  font-weight: var(--weight-400);

  text-transform: uppercase;
  transition: var(--transition3);
}
.__1-Queue_date__6OW2a {
  color: var(--text-h2);
  font-weight: var(--weight-400);
  position: relative;
  text-align: center;
  transition: var(--transition3);
  @media (max-width: 800px) {
    min-width: 75px !important;
  }
}
.__1-Queue_delivery__SlN_T {
  position: relative;
  display: flex;
  padding: var(--padding-5);
  border-radius: var(--br8);
  font-size: var(--font-12);
  font-weight: var(--weight-600);
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  text-transform: uppercase;
  transition: var(--transition3);
  text-wrap: nowrap;
}

.__1-Queue_post__vVw24 {
  color: var(--color-light-yellow);
}
.__1-Queue_tipax__YJWQA {
  color: var(--color-light-green);
}
.__1-Queue_pishtaz__3qSd6 {
  color: var(--color-purple);
}
.__1-Queue_destination__ma2NB {
  word-break: break-word;
  max-width: 90px;
  color: var(--text-h2);
  position: relative;
  text-align: center;
  font-size: var(--font-12);
  font-weight: var(--weight-400);
  text-transform: capitalize;
  transition: var(--transition3);
}
.__1-Queue_status__s5bKD.__1-Queue_confirmed__kEBRD {
  position: relative;
  display: flex;
  padding: var(--padding-5);
  border-radius: var(--br8);
  font-size: var(--font-12);
  font-weight: var(--weight-600);
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  text-transform: uppercase;
  transition: var(--transition3);
  text-wrap: nowrap;
  color: var(--color-dark-blue);
  background-color: var(--color-dark-blue30);
}

.__1-Queue_status__s5bKD.__1-Queue_shipped__u9zSi {
  position: relative;
  display: flex;
  padding: var(--padding-5);
  border-radius: var(--br8);
  font-size: var(--font-12);
  font-weight: var(--weight-600);
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  text-transform: uppercase;
  transition: var(--transition3);
  text-wrap: nowrap;
  color: var(--color-dark-green);
  background-color: var(--color-dark-green30);
}

.__1-Queue_selectedmenu__oh__9 {
  position: absolute;
  top: 5px;

  border-radius: var(--br10);
  background-color: var(--color-disable);
  border: 1px solid var(--color-gray);
  padding: 0px var(--padding-10);
  z-index: 100;
  color: var(--text-h1);
  font-size: var(--font-12);
  font-weight: var(--weight-400);
  display: flex;
  flex-direction: row;
  gap: var(--gap-10);
  animation: var(--bottom08);
  align-items: center;
  justify-content: center;
}
html[dir="rtl"] .__1-Queue_selectedmenu__oh__9 {
  border-radius: var(--br20) 0 var(--br20) var(--br20);
}
.__1-Queue_selectedmenu__oh__9 {
  position: absolute;
  top: 40px;
  margin-inline-start: 30px;
  border-radius: 0 var(--br20) var(--br20) var(--br20);
  background-color: var(--background-root);
  box-shadow: var(--box-shadow);
  padding: var(--padding-10);
  z-index: 100;
  color: var(--text-h1);
  font-size: var(--font-12);
  font-weight: var(--weight-400);
  display: flex;
  flex-direction: column;
  gap: var(--gap-10);
  animation: var(--bottom08);
  align-items: flex-start;
  justify-content: center;
  flex-wrap: nowrap;
}
.__1-Queue_selectedmenu__oh__9 > div:nth-child(1) {
  min-width: 150px;
  padding-bottom: 10px;
  font-weight: var(--weight-600);
  font-size: var(--font-14);
  border-bottom: 1px solid var(--color-gray60);
}
.__1-Queue_action__Joh_C {
  min-width: 150px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  gap: var(--gap-10);
  align-items: center;
  justify-content: flex-start;
  width: -moz-fit-content;
  width: fit-content;
  padding: var(--padding-5);
  border-radius: var(--br8);
  font-size: var(--font-12);
  font-weight: var(--weight-600);
  text-transform: uppercase;
  transition: var(--transition3);
}
.__1-Queue_action__Joh_C:hover {
  background-color: var(--color-gray30);
}

.__2-InProgress_tableContainer__zSnDg {
  border-radius: var(--br20);
  transition: var(--transition3);
  max-width: 1920px;
  height: 100%;
  width: 100%;
  position: absolute;
  white-space: pre-line;
  cursor: grab;
  overflow: auto;
}
.__2-InProgress_tableContainer__zSnDg:active {
  cursor: grabbing;
}
.__2-InProgress_table__aZ57I {
  border-collapse: collapse;
  max-width: 1920px;
  width: 100%;
}
.__2-InProgress_headertable__G9QsE {
  background-color: var(--color-white);
  transition: var(--transition6);
  color: var(--text-h2);
  position: sticky;
  top: 0;
  z-index: 1;
  font-size: var(--font-14);
  font-weight: var(--weight-400);
}
/* _head_ */

.__2-InProgress_row__DKJXZ {
  padding-inline: 20px;
  position: relative;
  width: 100%;
  height: 70px;
  border-bottom: 1px solid var(--box-border);
  display: flex;
  gap: var(--gap-10);
  justify-content: space-between;
  align-items: center;
  transition: var(--transition2);
  animation: var(--bottom08);
  cursor: pointer;
}
.__2-InProgress_row__DKJXZ:hover {
  background-color: var(--color-gray30);
}
.__2-InProgress_selectedRow__yD6CM {
  background-color: var(--color-gray30) !important;
}
.__2-InProgress_table__aZ57I tr {
  top: -1px;
  text-transform: uppercase;

  padding-inline: 20px;
  position: relative;
  width: 100%;
  height: 70px;
  border-bottom: 1px solid var(--box-border);
  display: flex;
  gap: var(--gap-10);
  justify-content: space-between;
  align-items: center;
  transition: var(--transition2);
}
.__2-InProgress_headertable__G9QsE > tr {
  height: 50px;
}
.__2-InProgress_headertable__G9QsE > tr > th {
  word-break: keep-all;
  width: -moz-min-content;
  width: min-content;
}

/* _detail_ */
.__2-InProgress_ordernumber__gSw0u {
  cursor: pointer;
  color: var(--color-light-blue);
  border-radius: var(--br8);
  position: relative;
  text-align: center;
  padding: var(--paddingtag);
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  text-transform: uppercase;
  transition: var(--transition3);
}
.__2-InProgress_ordernumberviewed__H98Ia {
  border: 1.5px dashed var(--color-light-blue);
  border-radius: var(--br8);
  cursor: pointer;
  padding: var(--paddingtag);
  color: var(--color-light-blue);
  position: relative;
  text-align: center;
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  text-transform: uppercase;
  transition: var(--transition3);
}
.__2-InProgress_customer__5uTMs {
  transition: var(--transition3);
  height: 40px;
  position: relative;
  display: flex;
  flex-direction: row;
  gap: var(--gap-10);
  align-items: center;
}
.__2-InProgress_items__wGm_5 {
  color: var(--text-h2);
  position: relative;
  text-align: center;
  font-size: var(--font-14);

  font-weight: var(--weight-400);

  text-transform: uppercase;
  transition: var(--transition3);
}
.__2-InProgress_date__ZHh4x {
  color: var(--text-h2);
  font-weight: var(--weight-400);
  position: relative;
  text-align: center;
  transition: var(--transition3);
  @media (max-width: 800px) {
    min-width: 75px !important;
  }
}
.__2-InProgress_delivery__LNHJM {
  position: relative;
  display: flex;
  padding: var(--padding-5);
  border-radius: var(--br8);
  font-size: var(--font-12);
  font-weight: var(--weight-600);
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  text-transform: uppercase;
  transition: var(--transition3);
  text-wrap: nowrap;
}

.__2-InProgress_post__gQaTv {
  color: var(--color-light-yellow);
}
.__2-InProgress_tipax__6NvGq {
  color: var(--color-light-green);
}
.__2-InProgress_bike__mRufi {
  color: var(--color-purple);
}
.__2-InProgress_destination__fOh2z {
  display: flex;
  gap: var(--gap-5);
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  word-break: break-word;
  max-width: 90px;
  color: var(--text-h1);
  position: relative;
  text-align: center;
  font-size: var(--font-12);
  font-weight: var(--weight-400);
  text-transform: capitalize;
  transition: var(--transition3);
}
.__2-InProgress_status__eo9hj {
  position: relative;
  display: flex;
  padding-inline: 5px;
  min-height: 30px;
  max-height: 30px;
  gap: var(--gap-5);
  border-radius: var(--br8);
  font-size: var(--font-12);
  font-weight: var(--weight-600);
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  transition: var(--transition3);
  text-wrap: nowrap;
}
.__2-InProgress_printWaybill__k9jvE {
  border: 1px solid var(--color-dark-yellow60);
  color: var(--color-dark-yellow);
  background-color: var(--color-dark-yellow10);
}
.__2-InProgress_pickupRequest__3qltp {
  border: 1px solid var(--color-purple60);
  color: var(--color-purple);
  background-color: var(--color-purple10);
}
.__2-InProgress_status__eo9hj > svg {
  height: 20px;
  max-width: 20px;
  width: 20px;
  min-width: 20px;
}
.__2-InProgress_status__eo9hj > span {
  width: 100%;
}
html[dir="rtl"] .__2-InProgress_selectedmenu__q3Dgb {
  border-radius: var(--br20) 0 var(--br20) var(--br20);
}
.__2-InProgress_selectedmenu__q3Dgb {
  position: absolute;
  top: 40px;
  margin-inline-start: 30px;
  border-radius: 0 var(--br20) var(--br20) var(--br20);
  background-color: var(--background-root);
  box-shadow: var(--box-shadow);
  padding: var(--padding-10);
  z-index: 100;
  color: var(--text-h1);
  font-size: var(--font-12);
  font-weight: var(--weight-400);
  display: flex;
  flex-direction: column;
  gap: var(--gap-10);
  animation: var(--bottom08);
  align-items: flex-start;
  justify-content: center;
  flex-wrap: nowrap;
}
.__2-InProgress_selectedmenu__q3Dgb > div:nth-child(1) {
  min-width: 150px;
  padding-bottom: 15px;
  font-weight: var(--weight-600);
  font-size: var(--font-14);
  border-bottom: 1px solid var(--color-gray30);
}
.__2-InProgress_action__mUl1a {
  min-width: 150px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  gap: var(--gap-10);
  align-items: center;
  justify-content: flex-start;
  width: -moz-fit-content;
  width: fit-content;
  padding: var(--padding-5);
  border-radius: var(--br8);
  font-size: var(--font-12);
  font-weight: var(--weight-600);
  text-transform: uppercase;
  transition: var(--transition3);
}
.__2-InProgress_action__mUl1a:hover {
  background-color: var(--color-gray30);
}

.__3-PickingUp_tableContainer__YOI5p {
  border-radius: var(--br20);
  transition: var(--transition3);
  max-width: 1920px;
  height: 100%;
  width: 100%;
  position: absolute;
  white-space: pre-line;
  cursor: grab;
  overflow: auto;
}
.__3-PickingUp_tableContainer__YOI5p:active {
  cursor: grabbing;
}
.__3-PickingUp_table__63oJ2 {
  border-collapse: collapse;
  max-width: 1920px;
  width: 100%;
}
.__3-PickingUp_headertable__oQ36U {
  background-color: var(--color-white);
  transition: var(--transition6);
  color: var(--text-h2);
  position: sticky;
  top: 0;
  z-index: 1;
  font-size: var(--font-14);
  font-weight: var(--weight-400);
}
/* _head_ */

.__3-PickingUp_row__EZwD9 {
  padding-inline: 20px;
  position: relative;
  width: 100%;
  height: 70px;
  border-bottom: 1px solid var(--box-border);
  display: flex;
  gap: var(--gap-10);
  justify-content: space-between;
  align-items: center;
  transition: var(--transition2);
  animation: var(--bottom08);
  cursor: pointer;
}
.__3-PickingUp_row__EZwD9:hover {
  background-color: var(--color-gray30);
}
.__3-PickingUp_selectedRow__B8RIv {
  background-color: var(--color-gray30) !important;
}
.__3-PickingUp_table__63oJ2 tr {
  top: -1px;
  text-transform: uppercase;

  padding-inline: 20px;
  position: relative;
  width: 100%;
  height: 70px;
  border-bottom: 1px solid var(--box-border);
  display: flex;
  gap: var(--gap-10);
  justify-content: space-between;
  align-items: center;
  transition: var(--transition2);
}
.__3-PickingUp_headertable__oQ36U > tr {
  height: 50px;
}
.__3-PickingUp_headertable__oQ36U > tr > th {
  word-break: keep-all;
  width: -moz-min-content;
  width: min-content;
}

/* _detail_ */
.__3-PickingUp_ordernumber__sFO7d {
  cursor: pointer;
  color: var(--color-light-blue);
  border-radius: var(--br8);
  position: relative;
  text-align: center;
  padding: var(--paddingtag);
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  text-transform: uppercase;
  transition: var(--transition3);
}
.__3-PickingUp_ordernumberviewed__zS5WW {
  border: 1.5px dashed var(--color-light-blue);
  border-radius: var(--br8);
  cursor: pointer;
  padding: var(--paddingtag);
  color: var(--color-light-blue);
  position: relative;
  text-align: center;
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  text-transform: uppercase;
  transition: var(--transition3);
}
.__3-PickingUp_customer__BDEoG {
  transition: var(--transition3);
  height: 40px;
  position: relative;
  display: flex;
  flex-direction: row;
  gap: var(--gap-10);
  align-items: center;
}
.__3-PickingUp_items__or5_y {
  color: var(--text-h2);
  position: relative;
  text-align: center;
  font-size: var(--font-14);

  font-weight: var(--weight-400);

  text-transform: uppercase;
  transition: var(--transition3);
}
.__3-PickingUp_date__2Aqy0 {
  color: var(--text-h2);
  font-weight: var(--weight-400);
  position: relative;
  text-align: center;
  transition: var(--transition3);
  @media (max-width: 800px) {
    min-width: 75px !important;
  }
}
.__3-PickingUp_delivery__22_dH {
  position: relative;
  display: flex;
  padding: var(--padding-5);
  border-radius: var(--br8);
  font-size: var(--font-12);
  font-weight: var(--weight-600);
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  text-transform: uppercase;
  transition: var(--transition3);
  text-wrap: nowrap;
}

.__3-PickingUp_post__oc_B_ {
  color: var(--color-light-yellow);
}
.__3-PickingUp_tipax__3AYJF {
  color: var(--color-light-green);
}
.__3-PickingUp_bike__PS4DA {
  color: var(--color-purple);
}
.__3-PickingUp_destination__mAZqg {
  display: flex;
  gap: var(--gap-5);
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  word-break: break-word;
  max-width: 90px;
  color: var(--text-h1);
  position: relative;
  text-align: center;
  font-size: var(--font-12);
  font-weight: var(--weight-400);
  text-transform: capitalize;
  transition: var(--transition3);
}
.__3-PickingUp_status__LJEko {
  position: relative;
  display: flex;
  padding-inline: 5px;
  min-height: 30px;
  max-height: 30px;
  gap: var(--gap-5);
  border-radius: var(--br8);
  font-size: var(--font-12);
  font-weight: var(--weight-600);
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  transition: var(--transition3);
  text-wrap: nowrap;
}
.__3-PickingUp_requestsent__DhEIX {
  border: 1px solid var(--color-gray60);
  color: var(--color-gray);
  background-color: var(--color-gray10);
}
.__3-PickingUp_pickedup__qRxOs {
  border: 1px solid var(--color-firoze60);
  color: var(--color-firoze);
  background-color: var(--color-firoze10);
}
.__3-PickingUp_status__LJEko > svg {
  height: 20px;
  max-width: 20px;
  width: 20px;
  min-width: 20px;
}
.__3-PickingUp_status__LJEko > span {
  width: 100%;
}

.__3-PickingUp_selectedmenu__egrPM {
  position: absolute;
  top: 5px;
  border-radius: var(--br10);
  background-color: var(--color-disable);
  border: 1px solid var(--color-gray);
  padding: 0px var(--padding-10);
  z-index: 100;
  color: var(--text-h1);
  font-size: var(--font-12);
  font-weight: var(--weight-400);
  display: flex;
  flex-direction: row;
  gap: var(--gap-10);
  animation: var(--bottom08);
  align-items: center;
  justify-content: center;
}

.__4-Sent_tableContainer__n5NQz {
  border-radius: var(--br20);
  transition: var(--transition3);
  max-width: 1920px;
  height: 100%;
  width: 100%;
  position: absolute;
  white-space: pre-line;
  cursor: grab;
  overflow: auto;
}
.__4-Sent_tableContainer__n5NQz:active {
  cursor: grabbing;
}
.__4-Sent_table__UhQ1n {
  border-collapse: collapse;
  max-width: 1920px;
  width: 100%;
}
.__4-Sent_headertable__5QtpL {
  background-color: var(--color-white);
  transition: var(--transition6);
  color: var(--text-h2);
  position: sticky;
  top: 0;
  z-index: 1;
  font-size: var(--font-14);
  font-weight: var(--weight-400);
}
/* _head_ */

.__4-Sent_row__xPxE5 {
  padding-inline: 20px;
  position: relative;
  width: 100%;
  height: 70px;
  border-bottom: 1px solid var(--box-border);
  display: flex;
  gap: var(--gap-10);
  justify-content: space-between;
  align-items: center;
  transition: var(--transition2);
  animation: var(--bottom08);
  cursor: pointer;
}
.__4-Sent_row__xPxE5:hover {
  background-color: var(--color-gray30);
}
.__4-Sent_selectedRow__ge99J {
  background-color: var(--color-gray30) !important;
}
.__4-Sent_table__UhQ1n tr {
  top: -1px;
  text-transform: uppercase;

  padding-inline: 20px;
  position: relative;
  width: 100%;
  height: 70px;
  border-bottom: 1px solid var(--box-border);
  display: flex;
  gap: var(--gap-10);
  justify-content: space-between;
  align-items: center;
  transition: var(--transition2);
}
.__4-Sent_headertable__5QtpL > tr {
  height: 50px;
}
.__4-Sent_headertable__5QtpL > tr > th {
  word-break: keep-all;
  width: -moz-min-content;
  width: min-content;
}

/* _detail_ */
.__4-Sent_ordernumber__1pqXI {
  cursor: pointer;
  color: var(--color-light-blue);
  border-radius: var(--br8);
  position: relative;
  text-align: center;
  padding: var(--paddingtag);
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  text-transform: uppercase;
  transition: var(--transition3);
}
.__4-Sent_ordernumberviewed__9umVJ {
  border: 1.5px dashed var(--color-light-blue);
  border-radius: var(--br8);
  cursor: pointer;
  padding: var(--paddingtag);
  color: var(--color-light-blue);
  position: relative;
  text-align: center;
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  text-transform: uppercase;
  transition: var(--transition3);
}
.__4-Sent_customer__KE6bN {
  transition: var(--transition3);
  height: 40px;
  position: relative;
  display: flex;
  flex-direction: row;
  gap: var(--gap-10);
  align-items: center;
}
.__4-Sent_items__lSxem {
  color: var(--text-h2);
  position: relative;
  text-align: center;
  font-size: var(--font-14);

  font-weight: var(--weight-400);

  text-transform: uppercase;
  transition: var(--transition3);
}
.__4-Sent_date__sHmte {
  color: var(--text-h2);
  font-weight: var(--weight-400);
  position: relative;
  text-align: center;
  transition: var(--transition3);
  @media (max-width: 800px) {
    min-width: 75px !important;
  }
}
.__4-Sent_delivery__2GClx {
  position: relative;
  display: flex;
  padding: var(--padding-5);
  border-radius: var(--br8);
  font-size: var(--font-12);
  font-weight: var(--weight-600);
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  text-transform: uppercase;
  transition: var(--transition3);
  text-wrap: nowrap;
}

.__4-Sent_post__0tzFR {
  color: var(--color-light-yellow);
}
.__4-Sent_tipax__VAIKe {
  color: var(--color-light-green);
}
.__4-Sent_bike__7wRYU {
  color: var(--color-purple);
}
.__4-Sent_destination__hJ3bT {
  display: flex;
  gap: var(--gap-5);
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  word-break: break-word;
  max-width: 90px;
  color: var(--text-h1);
  position: relative;
  text-align: center;
  font-size: var(--font-12);
  font-weight: var(--weight-400);
  text-transform: capitalize;
  transition: var(--transition3);
}
.__4-Sent_status__gwler {
  position: relative;
  display: flex;
  padding-inline: 5px;
  min-height: 30px;
  max-height: 30px;
  gap: var(--gap-5);
  border-radius: var(--br8);
  font-size: var(--font-12);
  font-weight: var(--weight-600);
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  transition: var(--transition3);
  text-wrap: nowrap;
}
.__4-Sent_IssuingTrackingCode__mNLS_ {
  border: 1px solid var(--color-gray60);
  color: var(--color-gray);
  background-color: var(--color-gray10);
}
.__4-Sent_TrackingCode__KpPM5 {
  border: 1px solid var(--text-h1);
  border: 1px solid var(--color-gray);
  color: var(--text-h1);
  background-color: transparent;
  font-weight: var(--weight-400);
}
.__4-Sent_status__gwler > svg {
  height: 20px;
  max-width: 20px;
  width: 20px;
  min-width: 20px;
}
.__4-Sent_status__gwler > span {
  width: 100%;
}

.__4-Sent_selectedmenu__yKIvp {
  position: absolute;
  top: 5px;
  /* height: 100px; */
  border-radius: var(--br10);
  background-color: var(--color-disable);
  border: 1px solid var(--color-gray);
  padding: 0px var(--padding-10);
  z-index: 100;
  color: var(--text-h1);
  font-size: var(--font-12);
  font-weight: var(--weight-400);
  display: flex;
  flex-direction: row;
  gap: var(--gap-10);
  animation: var(--bottom08);
  align-items: center;
  justify-content: center;
}
.__4-Sent_copytrackingcode__ivb7s {
  cursor: pointer;
  color: var(--color-light-blue);
  position: relative;
  display: flex;
  text-align: center;
  padding: var(--paddingtag);
  line-height: 15px;
  font-size: var(--font-12);
  font-weight: var(--weight-400);
  text-transform: uppercase;
  transition: var(--transition3);
  align-items: center;
  align-content: center;
  justify-content: space-between;
}
.__4-Sent_copytrackingcode__ivb7s > span {
  width: 100%;
}

.__5-Delivered_tableContainer__4toi_ {
  border-radius: var(--br20);
  transition: var(--transition3);
  max-width: 1920px;
  height: 100%;
  width: 100%;
  position: absolute;
  white-space: pre-line;
  cursor: grab;
  overflow: auto;
}
.__5-Delivered_tableContainer__4toi_:active {
  cursor: grabbing;
}
.__5-Delivered_table__CoCCB {
  border-collapse: collapse;
  max-width: 1920px;
  width: 100%;
}
.__5-Delivered_headertable__SUo24 {
  background-color: var(--color-white);
  transition: var(--transition6);
  color: var(--text-h2);
  position: sticky;
  top: 0;
  z-index: 1;
  font-size: var(--font-14);
  font-weight: var(--weight-400);
}
/* _head_ */

.__5-Delivered_row__BlYOj {
  padding-inline: 20px;
  position: relative;
  width: 100%;
  height: 70px;
  border-bottom: 1px solid var(--box-border);
  display: flex;
  gap: var(--gap-10);
  justify-content: space-between;
  align-items: center;
  transition: var(--transition2);
  animation: var(--bottom08);
  cursor: pointer;
}
.__5-Delivered_row__BlYOj:hover {
  background-color: var(--color-gray30);
}
.__5-Delivered_selectedRow__HPPzN {
  background-color: var(--color-gray30) !important;
}
.__5-Delivered_table__CoCCB tr {
  top: -1px;
  text-transform: uppercase;

  padding-inline: 20px;
  position: relative;
  width: 100%;
  height: 70px;
  border-bottom: 1px solid var(--box-border);
  display: flex;
  gap: var(--gap-10);
  justify-content: space-between;
  align-items: center;
  transition: var(--transition2);
}
.__5-Delivered_headertable__SUo24 > tr {
  height: 50px;
}
.__5-Delivered_headertable__SUo24 > tr > th {
  word-break: keep-all;
  width: -moz-min-content;
  width: min-content;
}

/* _detail_ */
.__5-Delivered_ordernumber__uWXCn {
  cursor: pointer;
  color: var(--color-light-blue);
  border-radius: var(--br8);
  position: relative;
  text-align: center;
  padding: var(--paddingtag);
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  text-transform: uppercase;
  transition: var(--transition3);
}
.__5-Delivered_ordernumberviewed__N4ru1 {
  border: 1.5px dashed var(--color-light-blue);
  border-radius: var(--br8);
  cursor: pointer;
  padding: var(--paddingtag);
  color: var(--color-light-blue);
  position: relative;
  text-align: center;
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  text-transform: uppercase;
  transition: var(--transition3);
}
.__5-Delivered_customer__f6ILh {
  transition: var(--transition3);
  height: 40px;
  position: relative;
  display: flex;
  flex-direction: row;
  gap: var(--gap-10);
  align-items: center;
}
.__5-Delivered_items__v_Tud {
  color: var(--text-h2);
  position: relative;
  text-align: center;
  font-size: var(--font-14);

  font-weight: var(--weight-400);

  text-transform: uppercase;
  transition: var(--transition3);
}
.__5-Delivered_date__8wlQB {
  color: var(--text-h2);
  font-weight: var(--weight-400);
  position: relative;
  text-align: center;
  transition: var(--transition3);
  @media (max-width: 800px) {
    min-width: 75px !important;
  }
}
.__5-Delivered_delivery__nvOmA {
  position: relative;
  display: flex;
  padding: var(--padding-5);
  border-radius: var(--br8);
  font-size: var(--font-12);
  font-weight: var(--weight-600);
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  text-transform: uppercase;
  transition: var(--transition3);
  text-wrap: nowrap;
}

.__5-Delivered_post__42C2k {
  color: var(--color-light-yellow);
}
.__5-Delivered_tipax__sEEAT {
  color: var(--color-light-green);
}
.__5-Delivered_bike__F3FMI {
  color: var(--color-purple);
}
.__5-Delivered_destination__3voMm {
  display: flex;
  gap: var(--gap-5);
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  word-break: break-word;
  max-width: 90px;
  color: var(--text-h1);
  position: relative;
  text-align: center;
  font-size: var(--font-12);
  font-weight: var(--weight-400);
  text-transform: capitalize;
  transition: var(--transition3);
}
.__5-Delivered_status__wyE_s {
  position: relative;
  display: flex;
  padding-inline: 5px;
  min-height: 30px;
  max-height: 30px;
  gap: var(--gap-5);
  border-radius: var(--br8);
  font-size: var(--font-12);
  font-weight: var(--weight-600);
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  transition: var(--transition3);
  text-wrap: nowrap;
}
.__5-Delivered_TrackingCode__AvctC {
  border: 1px solid var(--color-gray60);
  color: var(--color-gray);
  background-color: var(--color-gray10);
  font-weight: var(--weight-400);
}
.__5-Delivered_TrackingCode__AvctC > svg {
  height: 20px;
  max-width: 20px;
  width: 20px;
  min-width: 20px;
}
.__5-Delivered_TrackingCode__AvctC > span {
  width: 100%;
}

.__5-Delivered_selectedmenu__TgM_n {
  position: absolute;
  top: 5px;
  /* height: 100px; */
  border-radius: var(--br10);
  background-color: var(--color-disable);
  border: 1px solid var(--color-gray);
  padding: 0px var(--padding-10);
  z-index: 100;
  color: var(--text-h1);
  font-size: var(--font-12);
  font-weight: var(--weight-400);
  display: flex;
  flex-direction: row;
  gap: var(--gap-10);
  animation: var(--bottom08);
  align-items: center;
  justify-content: center;
}
.__5-Delivered_copytrackingcode__lfyUz {
  width: 100%;
  cursor: pointer;
  color: var(--color-light-blue);
  position: relative;
  display: flex;
  text-align: center;
  padding: var(--paddingtag);
  line-height: 15px;
  font-size: var(--font-12);
  font-weight: var(--weight-400);
  text-transform: uppercase;
  transition: var(--transition3);
  align-items: center;
  align-content: center;
  justify-content: space-between;
}
.__5-Delivered_copytrackingcode__lfyUz > span {
  width: 100%;
}

.__5-Delivered_comments__q8Z_R {
  position: relative;
  display: flex;
  padding-inline: 5px;
  min-height: 40px;
  max-height: 40px;
  width: 50px;
  max-width: 50px;
  gap: var(--gap-5);
  border-radius: var(--br10);
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  color: var(--text-h1);
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  transition: var(--transition3);
  text-wrap: nowrap;
  border: 1px solid var(--color-gray60);
}
.__5-Delivered_comments__q8Z_R > svg {
  height: 20px;
  max-width: 20px;
  width: 20px;
  min-width: 20px;
}
.__5-Delivered_comments__q8Z_R > span {
  width: 100%;
}

.__6-Failed_tableContainer__aptMc {
  border-radius: var(--br20);
  transition: var(--transition3);
  max-width: 1920px;
  height: 100%;
  width: 100%;
  position: absolute;
  white-space: pre-line;
  cursor: grab;
  overflow: auto;
}
.__6-Failed_tableContainer__aptMc:active {
  cursor: grabbing;
}
.__6-Failed_table__JMjRm {
  border-collapse: collapse;
  max-width: 1920px;
  width: 100%;
}
.__6-Failed_headertable__2XFJh {
  background-color: var(--color-white);
  transition: var(--transition6);
  color: var(--text-h2);
  position: sticky;
  top: 0;
  z-index: 1;
  font-size: var(--font-14);
  font-weight: var(--weight-400);
}
/* _head_ */

.__6-Failed_row__eWmj_ {
  padding-inline: 20px;
  position: relative;
  width: 100%;
  height: 70px;
  border-bottom: 1px solid var(--box-border);
  display: flex;
  gap: var(--gap-10);
  justify-content: space-between;
  align-items: center;
  transition: var(--transition2);
  animation: var(--bottom08);
  cursor: pointer;
}
.__6-Failed_row__eWmj_:hover {
  background-color: var(--color-gray30);
}
.__6-Failed_selectedRow__toJJc {
  background-color: var(--color-gray30) !important;
}
.__6-Failed_table__JMjRm tr {
  top: -1px;
  text-transform: uppercase;

  padding-inline: 20px;
  position: relative;
  width: 100%;
  height: 70px;
  border-bottom: 1px solid var(--box-border);
  display: flex;
  gap: var(--gap-10);
  justify-content: space-between;
  align-items: center;
  transition: var(--transition2);
}
.__6-Failed_headertable__2XFJh > tr {
  height: 50px;
}
.__6-Failed_headertable__2XFJh > tr > th {
  word-break: keep-all;
  width: -moz-min-content;
  width: min-content;
}

/* _detail_ */
.__6-Failed_ordernumber__22XK9 {
  cursor: pointer;
  color: var(--color-light-blue);
  border-radius: var(--br8);
  position: relative;
  text-align: center;
  padding: var(--paddingtag);
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  text-transform: uppercase;
  transition: var(--transition3);
}
.__6-Failed_ordernumberviewed__ymcgh {
  border: 1.5px dashed var(--color-light-blue);
  border-radius: var(--br8);
  cursor: pointer;
  padding: var(--paddingtag);
  color: var(--color-light-blue);
  position: relative;
  text-align: center;
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  text-transform: uppercase;
  transition: var(--transition3);
}
.__6-Failed_customer__tSSuP {
  transition: var(--transition3);
  height: 40px;
  position: relative;
  display: flex;
  flex-direction: row;
  gap: var(--gap-10);
  align-items: center;
}
.__6-Failed_items__dVZmv {
  color: var(--text-h2);
  position: relative;
  text-align: center;
  font-size: var(--font-14);

  font-weight: var(--weight-400);

  text-transform: uppercase;
  transition: var(--transition3);
}
.__6-Failed_date__6Lzrr {
  color: var(--text-h2);
  font-weight: var(--weight-400);
  position: relative;
  text-align: center;
  transition: var(--transition3);
  @media (max-width: 800px) {
    min-width: 75px !important;
  }
}
.__6-Failed_delivery__iQ1eF {
  position: relative;
  display: flex;
  padding: var(--padding-5);
  border-radius: var(--br8);
  font-size: var(--font-12);
  font-weight: var(--weight-600);
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  text-transform: uppercase;
  transition: var(--transition3);
  text-wrap: nowrap;
}

.__6-Failed_post__UEnu5 {
  color: var(--color-light-yellow);
}
.__6-Failed_tipax__oiaHS {
  color: var(--color-light-green);
}
.__6-Failed_bike__rRgop {
  color: var(--color-purple);
}
.__6-Failed_destination__Bi0pd {
  display: flex;
  gap: var(--gap-5);
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  word-break: break-word;
  max-width: 90px;
  color: var(--text-h1);
  position: relative;
  text-align: center;
  font-size: var(--font-12);
  font-weight: var(--weight-400);
  text-transform: capitalize;
  transition: var(--transition3);
}
.__6-Failed_status__qHLs7 {
  position: relative;
  display: flex;
  padding-inline: 5px;
  min-height: 30px;
  max-height: 30px;
  gap: var(--gap-5);
  border-radius: var(--br8);
  font-size: var(--font-12);
  font-weight: var(--weight-600);
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  transition: var(--transition3);
  text-wrap: nowrap;
}
.__6-Failed_returned__ZDBW3 {
  border: 1px solid var(--color-purple60);
  color: var(--color-purple);
  background-color: var(--color-purple10);
}
.__6-Failed_canceled__NE9Mn {
  border: 1px solid var(--color-dark-red60);
  color: var(--color-dark-red);
  background-color: var(--color-dark-red10);
  font-weight: var(--weight-400);
}
.__6-Failed_usercanceled__WaiHL {
  border: 1px solid var(--color-dark-red60);
  color: var(--color-dark-red);
  background-color: var(--color-dark-red10);
  font-weight: var(--weight-400);
}
.__6-Failed_failed__wV_yf {
  border: 1px solid var(--color-dark-red60);
  color: var(--color-dark-red);
  background-color: var(--color-dark-red10);
}
.__6-Failed_status__qHLs7 > svg {
  height: 20px;
  max-width: 20px;
  width: 20px;
  min-width: 20px;
}
.__6-Failed_status__qHLs7 > span {
  width: 100%;
}

.__6-Failed_selectedmenu__ndSgl {
  position: absolute;
  top: 5px;
  /* height: 100px; */
  border-radius: var(--br10);
  background-color: var(--color-disable);
  border: 1px solid var(--color-gray);
  padding: 0px var(--padding-10);
  z-index: 100;
  color: var(--text-h1);
  font-size: var(--font-12);
  font-weight: var(--weight-400);
  display: flex;
  flex-direction: row;
  gap: var(--gap-10);
  animation: var(--bottom08);
  align-items: center;
  justify-content: center;
}
.__6-Failed_copytrackingcode__NDJU_ {
  cursor: pointer;
  color: var(--color-light-blue);
  position: relative;
  display: flex;
  text-align: center;
  padding: var(--paddingtag);
  line-height: 15px;
  font-size: var(--font-12);
  font-weight: var(--weight-400);
  text-transform: uppercase;
  transition: var(--transition3);
  align-items: center;
  align-content: center;
  justify-content: space-between;
}
.__6-Failed_copytrackingcode__NDJU_ > span {
  width: 100%;
}

/* Animation for productinfo open/close */
.OrderDetail-Content_productinfo__lmxN_ {
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s;
  max-height: 0;
  opacity: 0;
}
.OrderDetail-Content_productinfoOpen__s6t6z {
  max-height: 2000px; /* large enough for content */
  opacity: 1;
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s;
}

.OrderDetail-Content_productinfoClosed__41H4_ {
  max-height: 0;
  opacity: 0;
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s;
}

@media (max-width: 480px) {
  .OrderDetail-Content_orderinfoStep__CY_vc {
    min-width: 40px !important;
    min-height: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;
    padding: var(--padding-10) !important;
    border-radius: var(--br10) !important;
  }
  .OrderDetail-Content_orderStep__4HiTx {
    padding: var(--padding-5) !important;
    border-radius: var(--br10) !important;
  }
  .OrderDetail-Content_orderprogressStep__K_bCp,
  .OrderDetail-Content_orderpickupStep__dV_dv,
  .OrderDetail-Content_ordersendStep__8csDx {
    padding: var(--padding-3) !important;
    border-radius: var(--br8) !important;
  }
  .OrderDetail-Content_orderinfoStep__CY_vc > svg,
  .OrderDetail-Content_orderprogressStep__K_bCp > svg,
  .OrderDetail-Content_orderpickupStep__dV_dv > svg,
  .OrderDetail-Content_ordersendStep__8csDx > svg {
    height: 18px;
  }
  .OrderDetail-Content_popup__oWzbR {
    padding: 16px 12px !important;
  }
  .OrderDetail-Content_headerStyle__w1PU2 {
    padding: 14px 10px !important;
  }
  .OrderDetail-Content_quickinfo__4ymwR {
    font-size: var(--font-12) !important;
  }
  .OrderDetail-Content_quickinfo__4ymwR > svg {
    height: 14px !important;
  }
  .OrderDetail-Content_tableheader__j12Vr {
    font-size: var(--font-12) !important;
    width: 110px !important;
    min-width: 110px !important;
    max-width: 110px !important;
  }
  .OrderDetail-Content_tablecontent__TucCd,
  .OrderDetail-Content_producttag__kwRga > span,
  .OrderDetail-Content_quantitytag__Q1OSk > span,
  .OrderDetail-Content_quantitytag__Q1OSk {
    font-size: var(--font-12) !important;
  }
  .OrderDetail-Content_popup__oWzbR {
    padding: 20px 20px 30px 20px !important;
    max-width: 100% !important;
    bottom: 0 !important;
    top: auto !important;
    left: auto !important;
    border-radius: var(--br25) var(--br25) 0 0 !important;
    animation: var(--slide-in);
  }
}

.OrderDetail-Content_popup__oWzbR {
  position: fixed;
  display: flex;
  flex-direction: column;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 116;
  transition: var(--transition3);
  border-radius: var(--br25);
  background-color: var(--color-white);
  /* border: 3px solid var(--box-border); */
  padding: var(--paddingboxmobile);
  justify-content: space-between;
  /* width: 395px; */
  width: 595px;
  max-width: calc(100% - 50px);
  height: 100%;
  max-height: calc(100% - 50px);
  min-width: 250px;
  overflow-y: auto;
  animation: var(--fadeIn3);
}

.OrderDetail-Content_ordernumber__Qx_mL {
  position: relative;
  padding: var(--padding-8) var(--padding-16);
  background-color: var(--color-white);
  color: var(--text-h1);
  font-size: var(--font-14);
  font-weight: var(--weight-600);
  border-radius: var(--br20);
}
.OrderDetail-Content_headerstep__vNayb {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: var(--gap-10);
}
.OrderDetail-Content_orderinfoStep__CY_vc {
  padding: var(--padding-10);
  min-width: 50px;
  min-height: 50px;
  max-width: 50px;
  max-height: 50px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-gray60);
  border-radius: var(--br15);
  cursor: pointer;
  stroke: var(--color-gray);
  transition: var(--transition2);
}
.OrderDetail-Content_orderinfoStep__CY_vc:hover {
  background-color: var(--color-gray30);
}
.OrderDetail-Content_orderStep__4HiTx {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  max-height: 50px;
  background-color: var(--color-gray10);
  border-radius: var(--br15);
  align-content: center;
  justify-content: space-between;
  align-items: center;
  padding: var(--padding-5);
}
.OrderDetail-Content_headerStyle__w1PU2 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  max-height: 50px;
  background-color: var(--color-gray30);
  border-radius: var(--br50);
  align-content: center;
  justify-content: space-between;
  align-items: center;
  padding: var(--padding-16);
}
.OrderDetail-Content_loader__iy8mO {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  gap: var(--gap-5);
}
.OrderDetail-Content_loadercircle__ICkJ2 {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: var(--color-gray);
  animation: OrderDetail-Content_loader__iy8mO 3s ease-in-out infinite;
}
@keyframes OrderDetail-Content_loader__iy8mO {
  0%,
  40% {
    transform: scale(1);
  }
  20% {
    transform: scale(1.3);
  }
}
.OrderDetail-Content_orderprogressStep__K_bCp,
.OrderDetail-Content_orderpickupStep__dV_dv,
.OrderDetail-Content_ordersendStep__8csDx {
  padding: var(--padding-8);
  aspect-ratio: 1/1;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--br10);
  transition: var(--transition2);
  stroke: var(--color-gray);
  border: 1px solid transparent;
}
.OrderDetail-Content_orderStepactive__OuNvL {
  height: 50px;
  width: 50px;
  min-width: 50px;
  padding: var(--padding-10);
  border-radius: var(--br15);
  background-color: var(--color-dark-blue30);
  stroke: var(--color-dark-blue);
  border: 1px solid transparent;
}
.OrderDetail-Content_closeButton__dja4U {
  height: 50px;
  width: 50px;
  min-width: 50px;
  padding: var(--padding-10);
  border-radius: var(--br15);
  stroke: var(--color-dark-blue);
  border: 1px solid transparent;
  cursor: pointer;
  transition: var(--transition2);
}
.OrderDetail-Content_closeButton__dja4U:hover {
  background-color: var(--color-gray30);
}
.OrderDetail-Content_content__R8jNk {
  position: relative;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--gap-40);
  animation: var(--top04);
  overflow-y: scroll;
  overflow-x: hidden;
}
.OrderDetail-Content_productcontent__ZhOic {
  padding: var(--padding-10);
  border-radius: var(--br15);
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
  gap: var(--gap-10);
  transition: var(--transition3);
  justify-content: flex-start;
  align-content: flex-start;
}
.OrderDetail-Content_productcontent__ZhOic:hover {
  background-color: var(--color-gray10);
}
.OrderDetail-Content_productContainer__GaTX8 {
  display: flex;
  gap: var(--gap-10);
  flex-direction: row;
  align-content: flex-start;
  justify-content: flex-start;
}
.OrderDetail-Content_buyerparent__FKcFI {
  background-color: var(--color-gray10);
  padding: var(--padding-10) var(--padding-8);
  border-radius: var(--br15);
  display: flex;
  flex-direction: column;
}
.OrderDetail-Content_buyerinfo__MDL4I {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--gap-10);
}
.OrderDetail-Content_buyerinfomore__LozFq {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--gap-10);
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height 0.8s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s;
}
.OrderDetail-Content_buyerinfomoreOpen__ZAvhn {
  max-height: 2000px;
  opacity: 1;
  transition: max-height 0.8s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s;
}
.OrderDetail-Content_buyerinfomoreClosed__8LxRu {
  max-height: 0;
  opacity: 0;
  transition: max-height 0.8s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s;
}
.OrderDetail-Content_quickinfoparent__EyYKA {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  animation: var(--bottom);
  padding-top: 10px;
  border-top: 1px solid var(--color-gray30);
}
.OrderDetail-Content_quickinfo__4ymwR {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: var(--gap-5);
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  color: var(--text-h1);
  width: 100%;
  justify-content: center;
  max-width: 50%;
}
.OrderDetail-Content_buyerinfomore__LozFq {
  transition: var(--transition2);
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--gap-10);
  overflow: hidden;
}
.OrderDetail-Content_loadmore__J8tdR {
  cursor: pointer;
  color: var(--color-dark-blue);
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  justify-content: center;
  gap: var(--gap-5);
}
.OrderDetail-Content_loadmore__J8tdR > span {
  position: relative;
  text-align: center;
  min-width: 50px;
}
.OrderDetail-Content_loadmoreIcon__Y2vSx {
  transition: var(--transition2);
}
.OrderDetail-Content_buyerinfomoreinfo__nXTzn {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  font-size: var(--font-14);
  font-weight: var(--weight-400);

  gap: var(--gap-30);
}
.OrderDetail-Content_productinfo__lmxN_ {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: var(--gap-30);
}

.OrderDetail-Content_productlist__bqzsS {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}
.OrderDetail-Content_product__vOW0x {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: var(--gap-10);
}
.OrderDetail-Content_productcounter__gv9_e {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--gap-5);
  justify-content: center;
  align-items: center;
  height: 100%;
}
.OrderDetail-Content_productcounter__gv9_e > span {
  position: relative;
  min-width: 24px;
  min-height: 24px;
  width: 24px;
  height: 24px;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--color-gray60);
  border-radius: 50%;
  color: var(--text-h2);
  font-size: var(--font-12);
  font-weight: var(--weight-400);
  justify-content: center;
  align-items: center;
}
.OrderDetail-Content_productcounter__gv9_e::after {
  content: " ";
  height: 100%;
  width: 1px;
  background-color: var(--color-gray30);
}
.OrderDetail-Content_productmodel__JOgRb {
  display: flex;
  flex-direction: column;
  gap: var(--gap-15);
}
.OrderDetail-Content_productmodelinfo__smK30 {
  position: relative;
  display: flex;
  flex-direction: row;
  gap: var(--gap-10);
  align-items: center;
  justify-content: flex-start;
}
.OrderDetail-Content_productimage__W27pS {
  min-width: 80px;
  min-height: 80px;
  width: 80px;
  height: 80px;
  border: 1px solid var(--color-gray10);
  border-radius: var(--br10);
}
.OrderDetail-Content_producttaglist__DGqam {
  display: flex;
  gap: var(--gap-8);
  width: 100%;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: flex-start;
}
.OrderDetail-Content_producttag__kwRga,
.OrderDetail-Content_quantitytag__Q1OSk {
  display: flex;
  background-color: var(--color-gray10);
  border: 1px solid var(--color-gray30);
  padding: var(--padding-5) var(--padding-8);
  border-radius: var(--br8);
  color: var(--text-h1);
  font-size: var(--font-14);
  font-weight: var(--weight-500);
  flex-direction: row;
  align-items: center;
  gap: var(--gap-5);
  flex-wrap: nowrap;
}
.OrderDetail-Content_quantitytag__Q1OSk {
  background-color: var(--color-gray10);
  border: 1px solid var(--color-gray);
}
.OrderDetail-Content_producttag__kwRga > span,
.OrderDetail-Content_quantitytag__Q1OSk > span {
  color: var(--text-h2);
  font-size: var(--font-14);
  font-weight: var(--weight-400);
}
.OrderDetail-Content_productinfoparent__6Gbdu {
  height: 100%;
  max-width: 100%;
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--gap-5);
  align-items: flex-start;
  justify-content: space-between;
}
.OrderDetail-Content_productname__4Fh7L {
  text-align: start;
  color: var(--text-h1);
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  line-height: 17px;
  width: 100%;
  height: 100%;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  display: -webkit-box;
}
.OrderDetail-Content_productprice__82vKZ {
  color: var(--text-h1);
  font-size: var(--font-14);
  font-weight: var(--weight-400);
}
.OrderDetail-Content_productid__b3p_z {
  color: var(--text-h2);
  font-size: var(--font-14);
  font-weight: var(--weight-400);
}
.OrderDetail-Content_infoTable___TmJr {
  padding-top: 10px;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0px;
}
.OrderDetail-Content_infoTable___TmJr > tbody {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-content: flex-start;
  flex-wrap: nowrap;
}
.OrderDetail-Content_infoTable___TmJr > tbody > tr {
  padding: var(--padding-10) var(--padding-5);
  padding-block: 10px;
  border-radius: var(--br10);
  width: 100%;
  border-top: 1px solid var(--color-gray10);
  transition: var(--transition2);
}
.OrderDetail-Content_infoTable___TmJr > tbody > tr:hover {
  background-color: var(--color-gray10);
}
.OrderDetail-Content_tableheader__j12Vr {
  text-transform: uppercase;
  width: 130px;
  min-width: 130px;
  max-width: 130px;
  text-align: start;
  color: var(--text-h2);
  font-size: var(--font-14);
  font-weight: var(--weight-400);
}
.OrderDetail-Content_tablecontent__TucCd {
  text-align: start;
  color: var(--text-h1);
  font-size: var(--font-14);
  font-weight: var(--weight-500);
}
.OrderDetail-Content_mobileparent__ezNKd {
  display: flex;
  flex-direction: row;
  gap: var(--gap-10);
  align-items: center;
}
.OrderDetail-Content_tagcolor__JDwS2 {
  width: 13px;
  height: 13px;
  border-radius: 50%;
}
.OrderDetail-Content_subproduct__u65rs {
  display: flex;
  flex-direction: row;
  gap: var(--gap-8);
  width: 100%;
  border-radius: var(--br25);
  justify-content: flex-start;
  align-items: flex-start;
  transition: var(--transition3);
  flex-wrap: wrap;
}

@media (max-width: 480px) {
  .orderstep_popup__9mrhV {
    padding: 20px 20px 30px 20px !important;
    max-width: 100% !important;
    bottom: 0 !important;
    top: auto !important;
    left: auto !important;
    border-radius: var(--br25) var(--br25) 0 0 !important;
    animation: var(--slide-in) !important;
  }
  .orderstep_loader___1Yz0 {
    gap: var(--gap-3) !important;
  }
  .orderstep_orderStepactive__Aamf2 {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;
    padding: var(--padding-5) !important;
  }

  .orderstep_closeButton__RaJ4r {
    min-width: 40px !important;
    min-height: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;
    padding: var(--padding-5) !important;
  }
}
.orderstep_popup__9mrhV {
  width: 595px;
  max-width: calc(100% - 50px);
  height: 100%;
  max-height: calc(100% - 50px);
  min-width: 250px;
}
.orderstep_popupmini__8ufz_ {
  position: fixed;
  max-width: 400px;
  width: calc(100% - 40px);
  max-height: 400px;
  aspect-ratio: 1 / 1;
  box-shadow: var(--box-shadow);
  background-color: var(--color-white);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: var(--br50);
  display: flex;
  flex-direction: column;
  padding: var(--paddingbox);
  justify-content: space-between;
  z-index: 117;
  transition: var(--transition3);
}
.orderstep_orderStepactive__Aamf2 {
  width: 50px;
  height: 50px;
  min-width: 50px;
  min-height: 50px;
  max-width: 50px;
  max-height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  stroke: var(--color-dark-blue);
  transition: var(--transition2);
  padding: var(--padding-10);
  border-radius: var(--br15);
  background-color: var(--color-gray10);
  border: 1px solid var(--color-gray30);
}
.orderstep_orderStepactive__Aamf2 > svg {
  transition: var(--transition2);
  stroke: var(--text-h1);
}
.orderstep_orderStepactive__Aamf2:hover {
  background-color: var(--color-gray30);
}
.orderstep_orderstepopen__Vws2s {
  stroke: var(--color-dark-blue);
  background-color: var(--color-dark-blue10);
  border: 1px solid var(--color-dark-blue);
}
.orderstep_orderstepopen__Vws2s > svg {
  transition: var(--transition2);
  stroke: var(--color-dark-blue);
}
.orderstep_loader___1Yz0 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  gap: var(--gap-5);
}
.orderstep_loadercircle__0Nmop {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: var(--color-gray);
  animation: orderstep_loader___1Yz0 3s ease-in-out infinite;
}
@keyframes orderstep_loader___1Yz0 {
  0%,
  40% {
    transform: scale(1);
  }
  20% {
    transform: scale(1.3);
  }
}
.orderstep_closeButton__RaJ4r {
  min-width: 50px;
  min-height: 50px;
  max-width: 50px;
  max-height: 50px;
  padding: var(--padding-10);
  border-radius: var(--br15);
  stroke: var(--color-dark-blue);
  border: 1px solid transparent;
  cursor: pointer;
  transition: var(--transition2);
}
.orderstep_closeButton__RaJ4r:hover {
  background-color: var(--color-gray30);
}
.orderstep_headerStyle__Br5l9 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  max-height: 40px;
  min-height: 40px;
  background-color: var(--color-gray30);
  border-radius: var(--br25);
  align-content: center;
  justify-content: space-between;
  align-items: center;
  padding: var(--padding-8) var(--padding-16) var(--padding-8) var(--padding-8);
}
.orderstep_ordernumber__QfhpU {
  position: relative;
  padding: var(--padding-5) var(--padding-16);
  background-color: var(--color-white);
  color: var(--text-h1);
  font-size: var(--font-14);
  font-weight: var(--weight-600);
  border-radius: var(--br20);
}
.orderstep_orderStep__fjs38 {
  overflow: hidden;
  height: 50px;
  width: 100%;
  max-width: 430px;
  display: flex;
  flex-direction: row;
  max-height: 50px;
  background-color: var(--color-gray10);
  border-radius: var(--br15);
  align-content: center;
  justify-content: space-between;
  align-items: center;
  padding: var(--padding-5);
}
.orderstep_maincontent__jgR4w {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  animation: var(--top04);
  font-size: var(--font-16);
  color: var(--text-h1);
  text-align: center;
  gap: var(--gap-20);
}

/* -------------------------------pickup------------------------------------ */
.orderstep_StepPickup_orderprogressStep__rR2I1,
.orderstep_StepPickup_orderpickupStep__ieXb8,
.orderstep_StepPickup_ordersendStep__VAjej {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  display: flex;
  padding: var(--padding-8);
  align-items: center;
  justify-content: center;
  border-radius: var(--br10);
  transition: var(--transition2);
  stroke: var(--color-gray);
  border: 1px solid transparent;
}
.orderstep_StepPickup_orderprogressStepactive__t_ENE {
  border: 1px solid var(--color-dark-blue);
  background-color: var(--color-dark-blue10);
  stroke: var(--color-dark-blue);
}
.orderstep_StepPickup_orderprogressStepactive__t_ENE > svg {
  stroke: var(--color-dark-blue);
}
.orderstep_StepPickup_ordersendStep__VAjej {
  opacity: 0.4;
}
.orderstep_StepPickup_orderprogressStep__rR2I1 {
  stroke: var(--color-dark-green);
}
.orderstep_StepPickup_orderpickupStep__ieXb8:hover {
  background-color: var(--color-gray30);
  border: 1px solid var(--color-gray30);
}
.orderstep_StepPickup_orderpickupStep__ieXb8 {
  cursor: pointer;
  stroke: var(--color-dark-blue);
}
/* ----------------------------pickup Container------------------------------ */
.orderstep_pdfsection__Ai1kz {
  width: 100%;
  display: flex;
  gap: var(--gap-20);
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: var(--padding-20);
  font-size: var(--font-16);
  color: var(--text-h1);
  text-align: center;
  border-radius: var(--br20);
  background-color: var(--color-gray10);
}
.orderstep_attention__8yhiT {
  display: flex;
  width: 100%;
  gap: 10px;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  color: var(--text-h1);
  font-size: var(--font-14);
  font-weight: var(--weight-500);
  flex-direction: row;
  text-align: start;
}
/* ----------------------------------sent--------------------------------- */
.orderstep_StepSend_orderprogressStep__TFPqL,
.orderstep_StepSend_orderpickupStep__gYokK,
.orderstep_StepSend_ordersendStep__t7nJJ {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  display: flex;
  padding: var(--padding-8);
  align-items: center;
  justify-content: center;
  border-radius: var(--br10);
  transition: var(--transition2);
  stroke: var(--color-gray);
  border: 1px solid transparent;
}
.orderstep_StepSend_orderprogressStepactive__McIP0 {
  border: 1px solid var(--color-dark-blue);
  background-color: var(--color-dark-blue10);
  stroke: var(--color-dark-blue);
}

.orderstep_StepSend_ordersendStep__t7nJJ > svg {
  stroke: var(--color-dark-blue);
}
.orderstep_StepSend_orderprogressStep__TFPqL,
.orderstep_StepSend_orderpickupStep__gYokK {
  stroke: var(--color-dark-green);
}
.orderstep_StepSend_ordersendStep__t7nJJ {
  cursor: pointer;
}

.orderstep_StepSend_ordersendStep__t7nJJ:hover {
  background-color: var(--color-gray30);
  border: 1px solid var(--color-gray30);
}

/* ----------------------------send Container------------------------------ */

.orderstep_infoTable__CbbsI {
  padding-top: 10px;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0px;
}
.orderstep_infoTable__CbbsI > tbody {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-content: flex-start;
  flex-wrap: nowrap;
}
.orderstep_infoTable__CbbsI > tbody > tr {
  padding: var(--padding-10) var(--padding-5);
  padding-block: 10px;
  border-radius: var(--br10);
  width: 100%;
  border-top: 1px solid var(--color-gray10);
  transition: var(--transition2);
}
.orderstep_infoTable__CbbsI > tbody > tr:hover {
  background-color: var(--color-gray10);
}
.orderstep_tableheader__VypVZ {
  text-transform: uppercase;
  width: 130px;
  min-width: 130px;
  max-width: 130px;
  text-align: start;
  color: var(--text-h2);
  font-size: var(--font-14);
  font-weight: var(--weight-400);
}
.orderstep_tablecontent__Z_9oU {
  text-align: start;
  color: var(--text-h1);
  font-size: var(--font-14);
  font-weight: var(--weight-500);
}
.orderstep_mobileparent__gg9J_ {
  display: flex;
  flex-direction: row;
  gap: var(--gap-10);
  align-items: center;
}
/* ----------------------------------delivered--------------------------------- */
.orderstep_Stepdelivered_orderprogressStep__IsxUF,
.orderstep_Stepdelivered_orderpickupStep__bytNX,
.orderstep_Stepdelivered_ordersendStep__0QiHc {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  display: flex;
  padding: var(--padding-8);
  align-items: center;
  justify-content: center;
  border-radius: var(--br10);
  transition: var(--transition2);
  stroke: var(--color-gray);
  border: 1px solid transparent;
}
.orderstep_Stepdelivered_orderprogressStepactive__T8l_d {
  border: 1px solid var(--color-dark-green);
  background-color: var(--color-dark-green10);
  stroke: var(--color-dark-green);
}

.orderstep_Stepdelivered_ordersendStep__0QiHc > svg {
  stroke: var(--color-dark-green);
}
.orderstep_Stepdelivered_orderprogressStep__IsxUF,
.orderstep_Stepdelivered_orderpickupStep__bytNX {
  stroke: var(--color-dark-green);
}
.orderstep_Stepdelivered_ordersendStep__0QiHc {
  cursor: pointer;
}

.orderstep_Stepdelivered_ordersendStep__0QiHc:hover {
  background-color: var(--color-gray30);
  border: 1px solid var(--color-gray30);
}

/* ---------------------------failed------------------------ */

.orderstep_StepFailed_orderprogressStep__yNTVk,
.orderstep_StepFailed_orderpickupStep__JVzHK,
.orderstep_StepFailed_ordersendStep__gHjs_ {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  display: flex;
  padding: var(--padding-8);
  align-items: center;
  justify-content: center;
  border-radius: var(--br10);
  transition: var(--transition2);
  stroke: var(--color-gray);
  border: 1px solid transparent;
}
.orderstep_StepFailed_orderprogressStepactive__XxMKm {
  border: 1px solid var(--color-dark-red);
  background-color: var(--color-dark-red10);
  stroke: var(--color-dark-red);
}

.orderstep_StepFailed_ordersendStep__gHjs_ > svg {
  stroke: var(--color-dark-red);
}
.orderstep_StepFailed_orderprogressStep__yNTVk,
.orderstep_StepFailed_orderpickupStep__JVzHK {
  stroke: var(--color-dark-red);
}
.orderstep_StepFailed_ordersendStep__gHjs_ {
  cursor: pointer;
}

.orderstep_StepFailed_ordersendStep__gHjs_:hover {
  background-color: var(--color-gray30);
  border: 1px solid var(--color-gray30);
}

@media (max-width: 480px) {
  .OrderDetail_orderinfoStep__JvHIs > svg,
  .OrderDetail_orderprogressStep__qKxdz > svg,
  .OrderDetail_orderpickupStep___V9_T > svg,
  .OrderDetail_ordersendStep__NIw6R > svg {
    height: 20px;
  }
}

.OrderDetail_popup__7UOol {
  width: 595px;
  max-width: calc(100% - 50px);
  height: 100%;
  max-height: calc(100% - 50px);
  min-width: 250px;
}
.OrderDetail_popupmini__YwDnM {
  position: fixed;
  max-width: 400px;
  width: calc(100% - 40px);
  max-height: 400px;
  aspect-ratio: 1 / 1;
  box-shadow: var(--box-shadow);
  background-color: var(--color-white);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: var(--br50);
  display: flex;
  flex-direction: column;
  padding: var(--paddingbox);
  justify-content: space-between;
  z-index: 117;
  transition: var(--transition3);
}
.OrderDetail_orderStepactive__6VWll {
  height: 50px;
  width: 50px;
  min-width: 50px;
  padding: var(--padding-10);
  border-radius: var(--br15);
  background-color: var(--color-dark-blue30);
  stroke: var(--color-dark-blue);
  border: 1px solid transparent;
}
.OrderDetail_orderStep__bbBlp {
  opacity: 0.4;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  max-height: 50px;
  background-color: var(--color-gray10);
  border-radius: var(--br15);
  align-content: center;
  justify-content: space-between;
  align-items: center;
  padding: var(--padding-5);
}
.OrderDetail_orderinfoStep__JvHIs {
  padding: var(--padding-10);
  min-width: 50px;
  min-height: 50px;
  max-width: 50px;
  max-height: 50px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-gray60);
  border-radius: var(--br15);
  cursor: pointer;
  stroke: var(--color-gray);
  transition: var(--transition2);
}
.OrderDetail_orderinfoStep__JvHIs:hover {
  background-color: var(--color-gray30);
}
.OrderDetail_orderprogressStep__qKxdz,
.OrderDetail_orderpickupStep___V9_T,
.OrderDetail_ordersendStep__NIw6R {
  padding: var(--padding-8);
  aspect-ratio: 1/1;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--br10);
  transition: var(--transition2);
  stroke: var(--color-gray);
  border: 1px solid transparent;
}
.OrderDetail_loader__ozp4R {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  gap: var(--gap-5);
}
.OrderDetail_loadercircle__3q7HD {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: var(--color-gray);
}

.OrderDetail_closeButton__nV2g9 {
  min-width: 50px;
  min-height: 50px;
  max-width: 50px;
  max-height: 50px;
  padding: var(--padding-10);
  border-radius: var(--br15);
  stroke: var(--color-dark-blue);
  border: 1px solid transparent;
  cursor: pointer;
  transition: var(--transition2);
}
.OrderDetail_closeButton__nV2g9:hover {
  background-color: var(--color-gray30);
}
.OrderDetail_ordernumber__qANOL {
  position: relative;
  padding: var(--padding-5) var(--padding-16);
  background-color: var(--color-white);
  color: var(--text-h1);
  font-size: var(--font-14);
  font-weight: var(--weight-600);
  border-radius: var(--br20);
}
.OrderDetail_headerStyle__398Hq {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  max-height: 40px;
  background-color: var(--color-gray30);
  border-radius: var(--br25);
  align-content: center;
  justify-content: space-between;
  align-items: center;
  padding: var(--padding-8);
}
/* -------------- */

.OrderDetail_closebtn__IWpFQ {
  min-width: 25px;
  width: 25px;
  max-width: 25px;
  min-height: 25px;
  height: 25px;
  max-height: 25px;
  position: relative;

  padding: var(--padding-5);
  border-radius: var(--br5);
  border: 1px solid var(--color-gray60);
  transition: var(--transition3);
  cursor: pointer;
}
.OrderDetail_closebtn__IWpFQ:hover {
  box-shadow: 0 0 0 3px var(--color-gray30);
}

@media (max-width: 480px) {
  .OrderDetail_orderinfoStep__P6RsO > svg,
  .OrderDetail_orderprogressStep__FIR9j > svg,
  .OrderDetail_orderpickupStep__D0TV2 > svg,
  .OrderDetail_ordersendStep___40AR > svg {
    height: 20px;
  }
}

.OrderDetail_popup__2SOyM {
  width: 595px;
  max-width: calc(100% - 50px);
  height: 100%;
  max-height: calc(100% - 50px);
  min-width: 250px;
}

.OrderDetail_orderStepactive__uBArQ {
  height: 50px;
  width: 50px;
  min-width: 50px;
  padding: var(--padding-10);
  border-radius: var(--br15);
  background-color: var(--color-dark-blue30);
  stroke: var(--color-dark-blue);
  border: 1px solid transparent;
}
.OrderDetail_orderStep__ZCrBs {
  opacity: 0.6;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  max-height: 50px;
  background-color: var(--color-gray10);
  border-radius: var(--br15);
  align-content: center;
  justify-content: space-between;
  align-items: center;
  padding: var(--padding-5);
}
.OrderDetail_orderinfoStep__P6RsO {
  padding: var(--padding-10);
  min-width: 50px;
  min-height: 50px;
  max-width: 50px;
  max-height: 50px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-gray60);
  border-radius: var(--br15);
  cursor: pointer;
  stroke: var(--color-gray);
  transition: var(--transition2);
}
.OrderDetail_orderinfoStep__P6RsO:hover {
  background-color: var(--color-gray30);
}
.OrderDetail_orderprogressStep__FIR9j,
.OrderDetail_orderpickupStep__D0TV2,
.OrderDetail_ordersendStep___40AR {
  padding: var(--padding-8);
  aspect-ratio: 1/1;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--br10);
  transition: var(--transition2);
  stroke: var(--color-gray);
  border: 1px solid transparent;
}
.OrderDetail_loader__5GGXU {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  gap: var(--gap-5);
}
.OrderDetail_loadercircle__TwRt4 {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: var(--color-gray);
}

.OrderDetail_closeButton__wA0Pv {
  min-width: 50px;
  min-height: 50px;
  max-width: 50px;
  max-height: 50px;
  padding: var(--padding-10);
  border-radius: var(--br15);
  stroke: var(--color-dark-blue);
  border: 1px solid transparent;
  cursor: pointer;
  transition: var(--transition2);
}
.OrderDetail_closeButton__wA0Pv:hover {
  background-color: var(--color-gray30);
}
.OrderDetail_ordernumber__z9vCL {
  position: relative;
  padding: var(--padding-8) var(--padding-16);
  background-color: var(--color-white);
  color: var(--text-h1);
  font-size: var(--font-14);
  font-weight: var(--weight-600);
  border-radius: var(--br20);
}
.OrderDetail_headerStyle__lRweE {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  max-height: 50px;
  background-color: var(--color-gray30);
  border-radius: var(--br25);
  align-content: center;
  justify-content: space-between;
  align-items: center;
  padding: var(--padding-8);
}


/*# sourceMappingURL=c2952d955b5a1c5d.css.map*/