@charset "UTF-8";
.vp {
  color: #39a9e0;
  display: inline-block;
  height: 60px;
  text-align: left;
  vertical-align: top;
}
.vp__icon {
  color: #39a9e0;
  float: left;
  height: 100%;
  margin-right: 8px;
  width: 60px;
}
.vp__titles {
  display: block;
  overflow: hidden;
  padding-top: 14px;
}
.vp__title, .vp__subtitle {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  text-transform: uppercase;
}
.vp__title {
  color: #1e2429;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2142957143;
  margin-top: 3px;
  padding-bottom: 2px;
}
.vp__subtitle {
  color: #1e2429;
  font-size: 10px;
  line-height: 1.20001;
}
@media (max-width: 47.99em) {
  .vp {
    height: 40px;
  }
  .vp__icon {
    margin-right: 4px;
    width: 40px;
  }
  .vp__titles {
    padding-top: 4px;
  }
}
/**
 See main-app/assets/styles/layout/_wrapper.scss for the BF VP banner overrides
 */
.vp-list {
  height: 60px;
  overflow: hidden;
  text-align: center;
}
.vp-list__black-friday {
  height: auto;
}
.vp-list__gutter {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -14px;
}
.vp-list__gutter a:hover {
  text-decoration: none;
}
.vp-list .vp {
  cursor: pointer;
  display: flex;
  flex: 1 0 auto;
  justify-content: center;
  padding-left: 10px;
  padding-right: 14px;
  position: relative;
  text-align: left;
}
.vp-list .vp-banner {
  position: relative;
}
.vp-list .vp-banner__link-desktop--full {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
}
.vp-list .vp-banner__link-desktop--left {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 70.2%;
}
.vp-list .vp-banner__link-desktop--right {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 29.8%;
}
.vp-list .vp-banner__link-mobile--full {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
}
.vp-list .vp-banner__link-mobile--left {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 68.9%;
}
.vp-list .vp-banner__link-mobile--right {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 31.1%;
}
@media (max-width: 47.99em) {
  .vp-list {
    height: 40px;
  }
  .vp-list__black-friday {
    height: auto;
  }
}
@media (min-width: 48em) {
  .vp-list .vp:after {
    width: 1px;
    height: 30px;
    content: "";
    position: absolute;
    top: 17px;
    left: -1px;
    background-color: #e6e6e6;
  }
  .vp-list .vp:first-child:after {
    display: none;
    visibility: hidden;
  }
}
@media (max-width: 35.99em) {
  .vp-list .vp-banner.for-desktop {
    display: none;
  }
}
@media (min-width: 36em) {
  .vp-list .vp-banner.for-mobile {
    display: none;
  }
}
.vp-modal {
  color: #1e2429;
  max-width: 450px;
}
.vp-modal__icon {
  color: #39a9e0;
  height: 80px;
  margin-top: -14px;
  width: 80px;
}
.vp-modal__icon.icon--vp__box-arrow-turn-left {
  margin-left: -13px;
}
.vp-modal__icon.icon--vp__box-location-dot {
  margin-left: -16px;
}
.vp-modal__icon.icon--vp__calendar-day-365 {
  margin-left: -13px;
}
.vp-modal__icon.icon--vp__clock-rotate-left-pound-circle {
  margin-left: -13px;
}
.vp-modal__icon.icon--vp__medal-20 {
  margin-left: -20px;
}
.vp-modal__icon.icon--vp__shop-arrow-turn-down {
  margin-left: -7px;
}
.vp-modal__icon.icon--vp__square-star-bring-forward {
  margin-left: -11px;
}
.vp-modal__icon.icon--vp__tags {
  margin-left: -8px;
}
.vp-modal__icon.icon--vp__truck-7-7 {
  margin-left: -5px;
}
.vp-modal__icon.icon--vp__truck-fast {
  margin-left: -7px;
}
.vp-modal__icon.icon--vp__warehouse-full {
  margin-left: -3px;
}
.vp-modal__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  padding-bottom: 6px;
}
.vp-modal__text {
  font-size: 15px;
  line-height: 20px;
}
@media (max-width: 47.99em) {
  .vp-modal {
    padding: 30px;
    max-width: 100vw;
  }
}
@media (min-width: 48em) {
  .vp-modal {
    padding: 42px 44px 44px 44px;
  }
}