@font-face {
  font-family: "Gibson";
  src: url("/fonts/Gibson-Medium.otf") format("truetype");
}
html.redesign.redesign-order-summary {
  background: linear-gradient(to bottom, blue 0, blue 280px, white 280px, white 94%, black 94%, black 100%);
}
html.redesign.redesign-order-summary footer {
  width: 100%;
}
html.redesign.redesign-order-summary footer div.viewport {
  width: 100%;
  max-width: 1400px;
}
html.redesign.redesign-order-summary body.order_confirmation > div.viewport,
html.redesign.redesign-order-summary body.order_process > div.viewport {
  padding: 0;
}
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view {
  width: 100%;
  max-width: 1150px;
  padding: 0;
}
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content {
  width: 100%;
  box-shadow: none;
}
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content div.order_confirmation_header,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content div.order_confirmation_header {
  border: none;
  box-shadow: none;
  display: flex;
  margin-top: 30px;
}
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content div.order_confirmation_header div#header-main-info h1,
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content div.order_confirmation_header div#header-main-info h2,
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content div.order_confirmation_header div#header-main-info h3,
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content div.order_confirmation_header div#header-main-info h4,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content div.order_confirmation_header div#header-main-info h1,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content div.order_confirmation_header div#header-main-info h2,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content div.order_confirmation_header div#header-main-info h3,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content div.order_confirmation_header div#header-main-info h4 {
  font-family: "Poppins", sans-serif;
  color: black;
}
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content div.order_confirmation_header div#header-main-info h1,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content div.order_confirmation_header div#header-main-info h1 {
  font-weight: 600;
  margin-bottom: 20px;
}
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content div.order_confirmation_header div#header-main-info h2,
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content div.order_confirmation_header div#header-main-info h3,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content div.order_confirmation_header div#header-main-info h2,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content div.order_confirmation_header div#header-main-info h3 {
  font-weight: 500;
}
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content div.order_confirmation_header div#header-main-info h4,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content div.order_confirmation_header div#header-main-info h4 {
  font-weight: normal;
  font-size: 14px;
}
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content div.order_confirmation_header div#header-main-info span.ss-icon,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content div.order_confirmation_header div#header-main-info span.ss-icon {
  scale: 1.5;
  background: blue !important;
}
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content div.order_confirmation_header div#header-side-info,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content div.order_confirmation_header div#header-side-info {
  display: flex;
  flex-direction: column;
  padding: 10px 20px;
  width: 350px;
  height: 65px;
  background: rgb(238, 241, 246);
}
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content div.order_confirmation_header div#header-side-info span,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content div.order_confirmation_header div#header-side-info span {
  font-size: 14px;
}
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content div.order_confirmation_header div#header-side-info > h2,
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content div.order_confirmation_header div#header-side-info > span,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content div.order_confirmation_header div#header-side-info > h2,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content div.order_confirmation_header div#header-side-info > span {
  width: 100%;
  flex-grow: 1;
}
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content div.order_confirmation_header div#header-side-info h2,
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content div.order_confirmation_header div#header-side-info span,
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content div.order_confirmation_header div#header-side-info a,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content div.order_confirmation_header div#header-side-info h2,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content div.order_confirmation_header div#header-side-info span,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content div.order_confirmation_header div#header-side-info a {
  font-family: "Poppins", sans-serif;
  color: blue;
  font-weight: normal;
  background: none;
}
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content div.order_confirmation_header div#header-side-info h2:hover,
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content div.order_confirmation_header div#header-side-info span:hover,
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content div.order_confirmation_header div#header-side-info a:hover,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content div.order_confirmation_header div#header-side-info h2:hover,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content div.order_confirmation_header div#header-side-info span:hover,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content div.order_confirmation_header div#header-side-info a:hover {
  color: rgba(0, 0, 255, 0.5);
}
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content h3.order_summary,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content h3.order_summary {
  font-family: "Poppins", sans-serif;
  color: black;
  font-weight: 600;
  margin-top: 15px;
  margin-bottom: 15px;
}
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content ul.details_info,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content ul.details_info {
  border: none;
  display: flex;
  gap: 30px;
}
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content ul.details_info li.card,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content ul.details_info li.card {
  width: 270px;
  border: none;
  margin: 0;
}
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content ul.details_info li.card div,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content ul.details_info li.card div {
  width: 270px;
  max-width: unset;
  position: unset;
  margin: 0 !important;
}
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content ul.details_info li.card div.payment div.info div,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content ul.details_info li.card div.payment div.info div {
  padding: 0;
  border: none;
  background-color: unset;
}
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content ul.details_info li.card div.payment > p,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content ul.details_info li.card div.payment > p {
  color: black;
  font-family: "Poppins", sans-serif;
}
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content ul.details_info li.card div.shipping h4,
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content ul.details_info li.card div.billing h4,
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content ul.details_info li.card div.payment h4,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content ul.details_info li.card div.shipping h4,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content ul.details_info li.card div.billing h4,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content ul.details_info li.card div.payment h4 {
  background: blue;
  font-size: 19px;
  color: white;
  border: none;
  border-radius: 0;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  padding: 7px 13px;
  margin: 0;
}
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content ul.details_info li.card div.shipping div.info,
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content ul.details_info li.card div.billing div.info,
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content ul.details_info li.card div.payment div.info,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content ul.details_info li.card div.shipping div.info,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content ul.details_info li.card div.billing div.info,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content ul.details_info li.card div.payment div.info {
  background: rgb(238, 241, 246);
  padding: 10px;
  border: none;
  border-radius: 0;
  color: black;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 14px;
}
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content h3.order_dl,
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content h3.order_ship,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content h3.order_dl,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content h3.order_ship {
  font-family: "Poppins", sans-serif;
  color: black;
  font-weight: 600;
  margin-top: 25px;
}
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content ol.order_contents,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content ol.order_contents {
  display: flex;
  border: none;
  border-radius: 0;
  flex-direction: column;
  gap: 15px;
}
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content ol.order_contents span.description,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content ol.order_contents span.description {
  width: 29%;
}
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content ol.order_contents > li,
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content ol.order_contents li.item_bar,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content ol.order_contents > li,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content ol.order_contents li.item_bar {
  background: none;
  border: 1px solid #dde4ed;
  border-radius: 0;
  font-family: "Poppins", sans-serif;
  color: black;
  font-weight: 500;
  padding: 10px;
  height: 50px;
  display: flex;
  align-items: center;
}
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content ol.order_contents > li span,
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content ol.order_contents li.item_bar span,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content ol.order_contents > li span,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content ol.order_contents li.item_bar span {
  font-size: 14px;
}
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content ol.order_contents > li span.item,
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content ol.order_contents li.item_bar span.item,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content ol.order_contents > li span.item,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content ol.order_contents li.item_bar span.item {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content ol.order_contents li.item_contents,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content ol.order_contents li.item_contents {
  border: 1px solid #dde4ed;
  background: rgb(247, 249, 251);
  border-radius: 0;
  height: 50px;
  padding: 0 10px;
  display: flex;
  align-items: center;
}
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content ol.order_contents li.item_contents span,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content ol.order_contents li.item_contents span {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  color: black;
}
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content ol.order_contents li.item_contents span a,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content ol.order_contents li.item_contents span a {
  background: transparent;
  border: 2px solid red;
  color: red;
  text-shadow: none;
  border-radius: 0;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  margin: 0;
}
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content ol.order_contents li.item_contents span a::after,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content ol.order_contents li.item_contents span a::after {
  display: none;
}
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content ol.order_contents + div.text,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content ol.order_contents + div.text {
  font-family: "Poppins", sans-serif;
  color: black;
  font-weight: normal;
  padding: 5px 10px;
}
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content div#support_center,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content div#support_center {
  display: none;
}
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content div.totals,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content div.totals {
  margin: 20px 0 40px 0;
}
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content div.totals dl,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content div.totals dl {
  font-family: "Poppins", sans-serif;
}
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content div.totals dl.subtotals,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content div.totals dl.subtotals {
  background: rgb(238, 241, 246);
  color: black;
  border: none;
  border-radius: 0;
  padding: 10px;
}
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content div.totals dl.total,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content div.totals dl.total {
  padding: 10px;
  background: blue;
  color: white;
  border: none;
  border-radius: 0;
}
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content div.totals span.help,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content div.totals span.help {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  border: 1px solid blue;
  width: 100%;
}
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content div.totals span.help a,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content div.totals span.help a {
  color: blue;
  font-family: "Poppins", sans-serif;
  font-weight: normal;
  font-size: 16px;
}
html.redesign.redesign-order-summary body.order_confirmation > div.viewport div#view div#content div.totals span.help a:hover,
html.redesign.redesign-order-summary body.order_process > div.viewport div#view div#content div.totals span.help a:hover {
  color: rgba(0, 0, 255, 0.5);
}