@charset "utf-8";
/*====CSS Document====*/

/*-----------------------
FONTS
------------------------*/
@font-face {
  font-family: "Roboto";
  src: url("../../fonts-nco/Roboto-Regular-r2.woff2") format("woff2"),
    url("../../fonts-nco/Roboto-Regular-r2.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("../../fonts-nco/Roboto-Medium-r2.woff2") format("woff2"),
    url("../../fonts-nco/Roboto-Medium-r2.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("../../fonts-nco/Roboto-MediumItalic-r2.woff2") format("woff2"),
    url("../../fonts-nco/Roboto-MediumItalic-r2.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("../../fonts-nco/Roboto-Bold-r2.woff2") format("woff2"),
    url("../../fonts-nco/Roboto-Bold-r2.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("../../fonts-nco/Roboto-Black-r2.woff2") format("woff2"),
    url("../../fonts-nco/Roboto-Black-r2.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/*-----------------------
BASE (scoped to wrapper since this CSS loads globally)
------------------------*/
.upsell-fedex {
  background: #ffffff;
  color: #000000;
  text-align: center;
  font-family: "Roboto";
  font-weight: normal;
}

.upsell-fedex a {
  text-decoration: none;
}
ul.upsell-fedex-step_list li p.upsell-fedex-none-active {
  color: #676767;
}

/*-----------------------
MEDIA-QUERY
------------------------*/
.upsell-fedex-show-mob,
.upsell-fedex-show-tab {
  display: none;
}

@media only screen and (max-width: 1200px) {
  .upsell-fedex-hide-1200 {
    display: none;
  }
}

@media only screen and (max-width: 1021px) {
  .upsell-fedex-show-tab {
    display: block;
  }
  .upsell-fedex-show-desk {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .upsell-fedex-hide-mob {
    display: none;
  }
}


/*=======================================================================
  UPSELL-SHIPPING - the shipping-upsell Convert test's new arm
  (src/pages/upsells/upsell-shipping.js). Same funnel step as
  .upsell-fedex above. This file loads on every page, so everything is
  scoped to the .upsell-shipping wrapper / upsell-shipping- prefix.
========================================================================*/
.upsell-shipping {
  display: flow-root;
  background: #ffffff;
  color: #000000;
  text-align: center;
  font-family: "Roboto";
  font-weight: normal;
  font-size: 16px;
  line-height: normal;
}

/* The design's reset, scoped. :where() keeps it at the wrapper's single
   class of specificity, so the global element rules (webflow's img, p)
   lose to it and every component rule below still wins over it. */
.upsell-shipping :where(div, ul, li, p, img, input) {
  margin: 0;
  padding: 0;
}
.upsell-shipping :where(a) {
  outline: none;
  color: inherit;
  text-decoration: none;
}
.upsell-shipping :where(img) {
  display: inline;
  vertical-align: baseline;
  border: none;
  max-width: 100%;
  height: auto;
}
.upsell-shipping :where(li) {
  list-style: none;
}
.upsell-shipping :where(*) {
  box-sizing: border-box;
}
@keyframes upsell-shipping-pulse {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.55;
  }
}

/* The loading shell follows the real rows and button on smaller screens. */