.s-incentive{
  position:fixed;
  left:0;
  right:0;
  z-index:10001;
  display:flex;
  flex-flow:column;
  justify-content:flex-start;
  align-items:center;
  color:#FFFFFF;
  font-family:Roboto, sans-serif;
  font-size:24px;
  min-height:50px;
  height:auto;
  background:#4253A6;
  padding:0;
}
.s-incentive.s-incentive--onpage{
  position:relative;
  left:auto;
  right:auto;
  z-index:1;
  width:100%;
}

.s-popup__copy,
.s-incentive__copy{
  height:17px;
  width:17px;
  background-color:currentColor;
  mask:url(/a/voyager/img/copy.png) no-repeat center/contain;
  -webkit-mask:url(/a/voyager/img/copy.png) no-repeat center/contain;
  margin-left:6px;
}

.s-incentive--top{
  top:0;
  bottom:auto;
}

.s-incentive--top.s-incentive--shadowed{
  box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.4);
}

.s-incentive--bottom{
  top:auto;
  bottom:0;
  flex-flow:column-reverse;
}

.s-incentive__text--goal,
.s-incentive__text{
  display:flex;
  flex-flow:row nowrap;
  justify-content:center;
  align-items:center;
  flex-grow:1;
  padding:5px;
}
@media screen and (max-width: 600px){
  .s-incentive__text--goal,
.s-incentive__text{
    display:block;
    text-align:center;
  }
}

.s-incentive--bottom.s-incentive--shadowed{
  box-shadow:0 0 2px -2px rgba(0, 0, 0, 0.4);
}

.s-progress{
  background:transparent;
  overflow:hidden;
  position:relative;
  transition:0.2s cubic-bezier(0.4, 0, 0.6, 1);
  width:100%;
}

.s-progress__background{
  bottom:0;
  left:0;
  position:absolute;
  top:0;
  transition:inherit;
}

.s-progress__determinate{
  height:inherit;
  transition:inherit;
}

.s-progress--stripped .s-progress__determinate{
  background-image:linear-gradient(135deg, rgba(255, 255, 255, 0.25) 25%, transparent 0, transparent 50%, rgba(255, 255, 255, 0.25) 0, rgba(255, 255, 255, 0.25) 75%, transparent 0, transparent);
  background-size:40px 40px;
  background-repeat:repeat-x;
}

.s-popup{
  box-sizing:border-box;
  font-family:Roboto, sans-serif;
  color:#212B36;
  background:#F4F6F8;
  display:flex;
  flex-flow:column;
  justify-content:flex-start;
  align-items:stretch;
  padding:0;
  border-radius:10px;
  border:1px solid #e6e6e6;
  transition:opacity 0.3s ease-in-out;
  z-index:10002;
  max-height:590px;
  max-width:800px;
  width:auto;
  margin:0.5rem auto;
}
@media screen and (min-width: 901px){
  .s-popup{
    width:45%;
    height:85%;
    margin-right:auto;
    margin-left:auto;
    min-height:570px;
    min-width:800px;
  }
}
@media screen and (max-width: 900px){
  .s-popup{
    width:84%;
    min-height:84%;
  }
}
@media screen and (max-width: 700px){
  .s-popup{
    width:90%;
    min-height:90%;
    left:5%;
    top:7%;
    transform:none;
  }
}
@media screen and (max-width: 500px){
  .s-popup{
    width:98%;
    margin-top:1% !important;
    margin-right:auto;
    margin-left:auto;
    min-height:98%;
  }
}
.s-popup.s-style--shadowed{
  box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.2);
}
.s-popup.s-popup--fixed{
  position:fixed;
  z-index:1000000;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
}
.s-popup .s-popup__body-skeleton,
.s-popup .s-popup__head-skeleton{
  display:none;
}
.s-popup.s-loading .s-popup__body,
.s-popup.s-loading .s-popup__checkout,
.s-popup.s-loading .s-popup__head-container{
  display:none;
}
.s-popup.s-loading .s-popup__body-skeleton,
.s-popup.s-loading .s-popup__head-skeleton{
  display:flex;
}
.s-popup__alert{
  transition:opacity 0.3s ease-in-out;
  position:absolute;
  top:50%;
  right:10px;
  left:10px;
  background:rgba(255, 255, 255, 0.95);
  z-index:10;
  border-radius:4px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:500;
  font-size:20px;
  padding:10px;
  text-align:center;
  color:#FF6F80;
  border:2px solid #FF6F80;
  transform:translateY(-50%);
  height:80px;
}
.s-popup__head{
  position:relative;
  background:transparent;
  display:flex;
  flex-flow:row nowrap;
  padding:40px 40px 30px 30px;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
}
.s-popup__head-container{
  flex-flow:row nowrap;
  display:flex;
  flex-grow:1;
}
@media screen and (max-width: 850px){
  .s-popup__head-container{
    padding-right:0;
    flex-flow:column nowrap;
  }
}
@media screen and (max-width: 850px){
  .s-popup__head{
    padding:20px 20px 10px 20px;
  }
}
.s-popup__head .s-popup__checkout{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding-left:20px;
}
@media screen and (max-width: 850px){
  .s-popup__head .s-popup__checkout{
    display:none;
  }
}
.s-popup__body{
  display:flex;
  background:#ffffff;
  flex-direction:column;
  padding:0 30px 10px;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
  position:relative;
  overflow:hidden;
  flex:1 1 auto;
}
@media screen and (max-width: 850px){
  .s-popup__body{
    padding:0 20px 10px;
  }
}
.s-popup__footer{
  min-height:30px;
  display:none;
  justify-content:center;
  margin-top:10px;
}
@media screen and (max-width: 850px){
  .s-popup__footer{
    display:flex;
  }
}
.s-popup__footer .s-button--checkout{
  width:100%;
}
.s-popup__title{
  font-size:19px;
  margin:10px 0;
  text-align:left;
  display:flex;
  flex-flow:row wrap;
  min-height:50px;
}
.s-popup__title .s-title-main,
.s-popup__title .s-title-deal,
.s-popup__title .s-title-goal{
  display:flex;
  flex-flow:row wrap;
  align-items:center;
  justify-content:flex-start;
  font-weight:600;
}
@media screen and (max-width: 600px){
  .s-popup__title .s-title-main,
.s-popup__title .s-title-deal,
.s-popup__title .s-title-goal{
    font-size:15px;
    margin:0;
  }
}
.s-popup .s-popup__close{
  cursor:pointer;
  position:absolute;
  right:20px;
  top:20px;
  width:25px;
  height:25px;
  opacity:0.9;
  transition:opacity 0.3s ease-in-out;
}
.s-popup .s-popup__close:hover{
  opacity:1;
}
.s-popup .s-popup__close:before, .s-popup .s-popup__close:after{
  position:absolute;
  left:15px;
  content:" ";
  height:25px;
  width:2px;
  background-color:#212B36;
}
.s-popup .s-popup__close:before{
  transform:rotate(45deg);
}
.s-popup .s-popup__close:after{
  transform:rotate(-45deg);
}
.s-popup__items, .s-popup__total{
  color:#212B36;
  white-space:nowrap;
  font-weight:bold;
  text-align:right;
}
.s-popup__product{
  flex-grow:1;
  max-width:380px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
@media screen and (max-width: 100px){
  .s-popup__product{
    max-width:390px;
  }
}
@media screen and (max-width: 540px){
  .s-popup__product{
    max-width:350px;
  }
}
@media screen and (max-width: 400px){
  .s-popup__product{
    max-width:290px;
  }
}
.s-popup__product-name{
  text-overflow:ellipsis;
  overflow:hidden;
}
.s-popup__product-title{
  margin-bottom:10px;
  font-weight:bold;
  color:#10C1D6;
  min-height:30px;
}
.s-popup__product-title, .s-popup__product-item{
  display:flex;
  flex-flow:row nowrap;
  align-items:center;
  justify-content:flex-start;
}
@media screen and (max-width: 700px){
  .s-popup__product-title, .s-popup__product-item{
    margin-bottom:0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
}
@media screen and (max-width: 700px){
  .s-popup__product-item{
    margin-top:10px;
  }
}
.s-popup__ok-icon{
  background:#10C1D6;
  height:25px;
  width:25px;
  border-radius:50%;
  margin:0 17.5px 0 7.5px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#FFFFFF;
  font-size:17px;
  font-weight:bold;
}
.s-popup__product-image{
  height:40px;
  width:40px;
  background:#FFFFFF;
  border:1px solid #DADEF1;
  border-radius:3px;
  margin-right:10px;
  flex-shrink:0;
}
.s-popup__cart{
  padding:0 20px;
  display:grid;
  grid-template-columns:auto minmax(20%, 50px);
  grid-template-areas:"column-1 column-2" "column-3 column-4";
  grid-gap:5px;
  align-items:center;
  color:#212B36;
  font-weight:normal;
  font-size:15px;
  white-space:nowrap;
}
@media screen and (max-width: 850px){
  .s-popup__cart{
    padding:0;
    margin-top:8px;
    color:rgba(33, 43, 54, 0.6);
  }
}
.s-popup__carousel{
  flex-grow:1;
  overflow:hidden;
  width:100%;
  position:relative;
  display:flex;
  overflow-y:auto;
  flex-direction:column;
  justify-content:stretch;
}
.s-popup__carousel::-webkit-scrollbar-track{
  border-radius:3px;
  background-color:transparent;
  box-shadow:none;
}
.s-popup__carousel::-webkit-scrollbar{
  width:15px;
  box-shadow:none;
  background-color:transparent;
}
.s-popup__carousel::-webkit-scrollbar-thumb{
  border:5px solid rgba(0, 0, 0, 0);
  background-clip:padding-box;
  border-radius:7px;
  background-color:rgba(0, 0, 0, 0.16);
  box-shadow:none;
}
.s-popup__carousel::-webkit-scrollbar-button{
  width:0;
  height:0;
  display:none;
}
@media screen and (max-height: 700px){
  .s-popup__carousel{
    display:flex;
    height:100%;
    overflow-y:auto;
  }
}
.s-popup__carousel .splide{
  height:auto;
  flex:1;
  display:flex;
  min-height:330px;
  overflow:hidden;
}
@media screen and (max-height: 700px){
  .s-popup__carousel .splide{
    min-height:280px;
    height:auto;
  }
}
.s-popup__carousel .splide__list{
  height:100%;
}
.s-popup__carousel .splide__track{
  flex:1 1 auto;
  justify-content:start;
  margin-bottom:20px;
}
.s-popup__carousel .splide__slide{
  display:flex;
  padding:5px;
}

.s-incentive__code,
.s-popup__code{
  font-weight:600;
  display:inline-flex;
  align-items:baseline;
  border:1px dashed currentColor;
  padding:0 5px;
  border-radius:3px;
  cursor:pointer;
}

.s-popup .splide__pagination{
  bottom:0;
}
.s-popup .splide__pagination__page{
  background:#4253A6;
  opacity:0.25;
}
.s-popup .splide__pagination__page.is-active{
  background:#4253A6;
  opacity:1;
}
.s-popup .splide .splide__pagination__page{
  width:8px;
  height:8px;
  min-width:8px;
  max-width:8px;
  max-height:8px;
  min-height:8px;
  padding:2px !important;
}
.s-popup .splide .splide__arrow{
  display:flex;
  background-color:#000;
  outline:none;
  border:none;
  color:#FFFFFF;
  align-items:center;
  justify-content:center;
  height:45px;
  width:45px;
  min-width:45px;
  max-width:45px;
  border-radius:4px;
  opacity:0.7;
  transition:opacity 0.3s ease-in-out;
}
.s-popup .splide .splide__arrow svg{
  fill:white;
}
.s-popup .splide .splide__arrow:focus, .s-popup .splide .splide__arrow:active, .s-popup .splide .splide__arrow:hover{
  border:none;
  outline:none;
  opacity:0.9;
}
.s-popup .splide .splide__arrow.splide__arrow--prev{
  left:0;
}
.s-popup .splide .splide__arrow.splide__arrow--next{
  right:0;
}
.s-popup .splide .splide__arrow.splide__arrow--prev, .s-popup .splide .splide__arrow.splide__arrow--next{
  opacity:0.7;
}
.s-popup .splide .splide__arrow.splide__arrow--prev:focus, .s-popup .splide .splide__arrow.splide__arrow--prev:active, .s-popup .splide .splide__arrow.splide__arrow--prev:hover, .s-popup .splide .splide__arrow.splide__arrow--next:focus, .s-popup .splide .splide__arrow.splide__arrow--next:active, .s-popup .splide .splide__arrow.splide__arrow--next:hover{
  border:none;
  outline:none;
  opacity:0.9;
}

.no-arrows .splide__arrows{
  display:none !important;
}
.no-arrows .splide__track{
  margin-bottom:0;
}

@media screen and (max-width: 480px){
  .splide__arrows{
    display:none !important;
  }
}
.s-carousel__item{
  padding:5px;
}
.s-carousel__item .s-card__arrow:before{
  right:-23px;
  bottom:-19px;
  transform:rotate(-45deg);
}
.s-carousel__item .s-card__arrow:after{
  right:-29px;
  top:17px;
  transform:rotate(45deg);
}
@media screen and (max-width: 600px){
  .s-carousel__item.is-active.is-visible .s-card__details--options-1, .s-carousel__item.is-active.is-visible .s-card__details--options-2, .s-carousel__item.is-active.is-visible .s-card__details--options-3{
    bottom:45px;
    border-top:thin solid rgba(218, 222, 241, 0.5);
  }
  .s-carousel__item.is-active.is-visible .s-card__details--options-1.s-card__details--small, .s-carousel__item.is-active.is-visible .s-card__details--options-2.s-card__details--small, .s-carousel__item.is-active.is-visible .s-card__details--options-3.s-card__details--small{
    bottom:35px;
  }
  .s-carousel__item.is-active.is-visible .s-card__details--options-1.s-card__details--large, .s-carousel__item.is-active.is-visible .s-card__details--options-2.s-card__details--large, .s-carousel__item.is-active.is-visible .s-card__details--options-3.s-card__details--large{
    bottom:53px;
  }
  .s-carousel__item.is-active.is-visible .s-card__details .s-card__arrow:before{
    right:-23px !important;
    bottom:-20px !important;
    transform:rotate(40deg) !important;
  }
  .s-carousel__item.is-active.is-visible .s-card__details .s-card__arrow:after{
    right:-29px !important;
    top:18px !important;
    transform:rotate(320deg) !important;
  }
}

.s-card{
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
  align-items:flex-start;
  justify-content:space-between;
  font-size:12px;
  overflow:hidden;
  position:relative;
  border-radius:4px;
  transition:all 0.3s ease-in-out;
  flex-grow:1;
}
.s-card__details{
  position:absolute;
  width:100%;
  left:0;
  bottom:-80px;
  padding:5px;
  background-color:#FFFFFF;
  transition:all 0.5s ease-in-out;
  border-top:thin solid rgba(218, 222, 241, 0);
}
.s-card__details--options-0{
  bottom:27px;
}
.s-card__details--options-0.s-card__details--small{
  bottom:22px;
}
.s-card__details--options-0.s-card__details--large{
  bottom:32px;
}
.s-card__details--options-1{
  bottom:-8px;
}
.s-card__details--options-1.s-card__details--small{
  bottom:-12px;
}
.s-card__details--options-1.s-card__details--large{
  bottom:-3px;
}
.s-card__details--options-2{
  bottom:-46px;
}
.s-card__details--options-2.s-card__details--small{
  bottom:-51px;
}
.s-card__details--options-2.s-card__details--large{
  bottom:-41px;
}
.s-card__details--options-3{
  bottom:-82px;
}
.s-card__details--options-3.s-card__details--small{
  bottom:-87px;
}
.s-card__details--options-3.s-card__details--large{
  bottom:-77px;
}
@media screen and (min-width: 601px){
  .s-card:not(.s-added):hover{
    box-shadow:0 0 8px rgba(0, 0, 0, 0.1);
  }
  .s-card:not(.s-added):hover .s-card__arrow:before{
    right:-23px !important;
    bottom:-20px !important;
    transform:rotate(40deg) !important;
  }
  .s-card:not(.s-added):hover .s-card__arrow:after{
    right:-29px !important;
    top:18px !important;
    transform:rotate(320deg) !important;
  }
  .s-card:not(.s-added):hover .s-card__details--options-1, .s-card:not(.s-added):hover .s-card__details--options-2, .s-card:not(.s-added):hover .s-card__details--options-3{
    bottom:45px;
    border-top:thin solid rgba(218, 222, 241, 0.5);
  }
  .s-card:not(.s-added):hover .s-card__details--options-1.s-card__details--small, .s-card:not(.s-added):hover .s-card__details--options-2.s-card__details--small, .s-card:not(.s-added):hover .s-card__details--options-3.s-card__details--small{
    bottom:35px;
  }
  .s-card:not(.s-added):hover .s-card__details--options-1.s-card__details--large, .s-card:not(.s-added):hover .s-card__details--options-2.s-card__details--large, .s-card:not(.s-added):hover .s-card__details--options-3.s-card__details--large{
    bottom:53px;
  }
}
.s-card__image{
  border:1px solid #DADEF1;
  background-color:#FFFFFF;
  min-height:200px;
  height:200px;
  width:100%;
  border-radius:4px;
  padding:5px;
  position:relative;
  flex-grow:1;
  margin-bottom:60px;
  overflow:hidden;
  text-align:center;
}
@media screen and (max-height: 700px){
  .s-card__image{
    min-height:150px;
    height:150px;
  }
}
.s-card__image .responsive{
  width:100%;
  height:100%;
  -o-object-fit:cover;
     object-fit:cover;
}
.s-card__brand{
  display:flex;
  flex-direction:column;
  margin-bottom:5px;
  width:100%;
  align-items:flex-start;
}
.s-card__slide-handle{
  position:absolute;
  width:40px;
  height:36px;
  top:-30px;
  background:#F4F6F8;
  border-radius:4px;
  margin:auto calc(50% - 20px);
}
@media screen and (min-width: 601px){
  .s-card__slide-handle{
    display:none;
  }
}
.s-card__arrow{
  background:#000;
  height:3px;
  width:15px;
  margin:0 auto;
  position:relative;
  cursor:pointer;
}
.s-card__arrow:before, .s-card__arrow:after{
  content:"";
  background:#646567;
  position:absolute;
  height:2px;
  width:10px;
  border-radius:4px;
}
.s-card__price{
  font-size:16px;
  font-weight:500;
  padding-bottom:10px;
}
.s-card__title{
  font-size:14px;
  font-weight:600;
  overflow:hidden;
  white-space:nowrap;
  width:220px;
  text-overflow:ellipsis;
  text-align:left;
}
.s-card__description{
  font-size:11px;
  opacity:0.8;
  margin-bottom:5px;
  flex-grow:1;
}
.s-card__option{
  margin-bottom:5px !important;
  display:flex;
}
.s-card__option select{
  width:100%;
  min-width:100%;
  background-color:white;
  border:thin solid #DADEF1;
  border-radius:4px;
  display:inline-block;
  font:inherit;
  font-size:12px;
  line-height:1.5em;
  padding:0.5em 3.5em 0.5em 1em;
  margin:0;
  box-sizing:border-box;
  -webkit-appearance:none;
  -moz-appearance:none;
  background-image:linear-gradient(45deg, transparent 50%, #9FA4BC 50%), linear-gradient(135deg, #9FA4BC 50%, transparent 50%), linear-gradient(to right, #DADEF1, #DADEF1);
  background-position:calc(100% - 13px) calc(1em + 2px), calc(100% - 8px) calc(1em + 2px), calc(100% - 2.1em) 0.5em;
  background-size:6px 5px, 6px 5px, 1px 1.5em;
  background-repeat:no-repeat;
  height:32px;
  min-height:32px;
}
.s-card__option select:focus,
.s-card__option select:active{
  outline:none;
}
.s-card__option select:focus > option:checked, .s-card__option select:focus > option:hover,
.s-card__option select:active > option:checked,
.s-card__option select:active > option:hover{
  background:rgba(159, 164, 188, 0.3) !important;
}
.s-card__option select:active{
  outline:none;
  background-image:linear-gradient(45deg, #9FA4BC 50%, transparent 50%), linear-gradient(135deg, transparent 50%, #9FA4BC 50%), linear-gradient(to right, #DADEF1, #DADEF1);
  background-position:calc(100% - 8px) 1em, calc(100% - 13px) 1em, calc(100% - 2.1em) 0.5em;
  background-size:6px 5px, 6px 5px, 1px 1.5em;
  background-repeat:no-repeat;
  border-color:#9FA4BC;
  outline:0;
}
.s-card__buttons{
  width:100%;
  padding:5px;
  background-color:#FFFFFF;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  z-index:2;
}

.s-button{
  font-family:Roboto, sans-serif;
  cursor:pointer;
  position:relative;
  height:36px;
  min-height:36px;
  min-width:64px;
  padding:0 16px;
  border:1px solid #10C1D6;
  background:#10C1D6;
  color:#FFFFFF;
  font-weight:bold;
  transition:all 0.3s ease-in-out;
  outline:none;
  font-size:0.875rem;
  border-radius:4px;
  white-space:nowrap;
  box-shadow:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-bottom:0;
}
.s-button:before{
  border-radius:inherit;
  bottom:0;
  color:inherit;
  content:"";
  left:0;
  opacity:0;
  pointer-events:none;
  position:absolute;
  right:0;
  top:0;
  transition:opacity 0.2s cubic-bezier(0.4, 0, 0.6, 1);
  background-color:currentColor;
}
.s-button:not(.s-btn--outlined):hover:before{
  opacity:0.08;
}
.s-button:active, .s-button:hover{
  outline:none;
}
.s-button.s-btn--rounded{
  border-radius:18px;
}
.s-button.s-btn--outlined{
  border:1px solid #10C1D6;
  background:#FFFFFF;
  color:#10C1D6;
}
.s-button.s-btn--outlined:active:before, .s-button.s-btn--outlined:hover:before{
  opacity:0.08;
}
.s-button.s-size--small{
  height:28px;
  min-height:28px;
  min-width:50px;
  padding:0 12.4444444444px;
  font-size:0.75rem;
}
.s-button.s-size--small.s-btn--rounded{
  border-radius:14px;
}
.s-button.s-size--large{
  height:44px;
  min-height:44px;
  min-width:78px;
  padding:0 19.5555555556px;
}
.s-button.s-size--large.s-btn--rounded{
  border-radius:22px;
}
.s-button--block{
  width:100% !important;
}
.s-button--sold{
  border:1px solid #9FA4BC;
  background:#9FA4BC;
  color:#FFFFFF;
}
.s-button--sold.s-btn--outlined{
  border:1px solid #9FA4BC;
  background:#FFFFFF;
  color:#9FA4BC;
}
.s-button--atc{
  border:1px solid #4253A6;
  background:#4253A6;
  color:#FFFFFF;
}
.s-button--atc.s-btn--outlined{
  border:1px solid #4253A6;
  background:#FFFFFF;
  color:#4253A6;
}
.s-button--added{
  border:1px solid #10C1D6;
  background:#10C1D6;
  color:#FFFFFF;
  cursor:not-allowed !important;
}
.s-button--added.s-btn--outlined{
  border:1px solid #10C1D6;
  background:#FFFFFF;
  color:#10C1D6;
}

.s-style--tiled, .s-style--tiled div,
.s-style--tiled .s-button,
.s-style--tiled .s-button div,
.s-style--tiled .s-popup__body,
.s-style--tiled .s-popup__body div,
.s-style--tiled .splide__arrow,
.s-style--tiled .splide__arrow div,
.s-style--tiled .s-card__option select,
.s-style--tiled .s-card__option select div,
.s-style--tiled .s-card__image,
.s-style--tiled .s-card__image div{
  border-radius:0 !important;
}

.s-style--shadowed{
  box-shadow:0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.s-transparent{
  opacity:0 !important;
}

.s-invisible{
  visibility:hidden !important;
}

.s-hidden{
  display:none !important;
}

@-webkit-keyframes nodeInserted{
  from{
    opacity:0.99;
    -moz-opacity:0.99;
  }
  to{
    opacity:1;
    -moz-opacity:1;
  }
}
@keyframes nodeInserted{
  from{
    opacity:0.99;
    -moz-opacity:0.99;
  }
  to{
    opacity:1;
    -moz-opacity:1;
  }
}
.s-sold .s-card__image{
  position:relative;
  opacity:0.4;
}

.s-disabled{
  opacity:0.8;
  cursor:not-allowed !important;
}

.s-overlay::before{
  content:"";
  background-color:rgba(245, 245, 245, 0.9);
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:10000;
}

.s-overlay.s-style--dark::before{
  background-color:rgba(0, 0, 0, 0.7);
}

.s-hide-700{
  display:inline-flex;
}

@media screen and (max-width: 700px){
  .s-hide-700{
    display:none;
  }
}
@-webkit-keyframes load{
  from{
    left:-150px;
  }
  to{
    left:100%;
  }
}
@keyframes load{
  from{
    left:-150px;
  }
  to{
    left:100%;
  }
}
.s-popup__body-skeleton{
  display:flex;
  justify-content:flex-start;
  flex-direction:column;
  align-items:flex-start;
  flex:1 1 auto;
  padding:10px 20px;
  background:transparent;
  height:1px;
}
.s-popup__body-skeleton .s-popup__body-skeleton-title{
  height:15%;
  width:100%;
}
.s-popup__body-skeleton .s-popup__body-skeleton-title .s-skeleton__text{
  width:70%;
}
.s-popup__body-skeleton .s-popup__body-skeleton-carousel{
  height:85%;
  width:100%;
  flex:1 0 auto;
  display:flex;
  flex-flow:row nowrap;
  justify-content:space-between;
}
.s-popup__body-skeleton .s-popup__body-skeleton-carousel .s-skeleton__card{
  height:100%;
  width:30%;
  display:flex;
  flex-flow:column nowrap;
  justify-content:space-around;
}
.s-popup__body-skeleton .s-popup__body-skeleton-carousel .s-skeleton__card .s-skeleton__picture{
  border-radius:6px;
  flex:1 0 auto;
  width:100%;
  height:85%;
}
.s-popup__body-skeleton .s-popup__body-skeleton-carousel .s-skeleton__card .s-skeleton__text{
  height:15%;
  width:100%;
}

.s-popup__head-skeleton{
  display:flex;
  width:100%;
  height:80px;
  flex-flow:row nowrap;
  align-items:center;
  justify-content:space-between;
}

.s-skeleton{
  background:rgba(0, 0, 0, 0.12);
  position:relative;
  overflow:hidden;
}
.s-skeleton::before{
  content:"";
  display:block;
  position:absolute;
  left:-150px;
  top:0;
  height:100%;
  width:150px;
  background:linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  animation:load 2s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-animation:load 2s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-animation:load 2s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
}
.s-skeleton__text{
  height:100%;
  width:30%;
  display:flex;
  flex-flow:column nowrap;
  justify-content:space-around;
}
.s-skeleton__text div{
  border-radius:6px;
  height:15px;
  width:70%;
}
.s-skeleton__text div:first-of-type{
  width:100%;
}

html.product .sticky-cart .sticky-cart-content .sticky-cart-product-data{
  overflow:hidden;
}

html.product .sticky-cart .sticky-cart-content .sticky-cart-product-data > h6{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

@media screen and (-webkit-min-device-pixel-ratio: 0){
  select:focus,
textarea:focus,
input:focus{
    font-size:16px;
  }

  .s-card__option select:focus, .s-card__option select:active,
select.s-select:focus,
select.s-select:active{
    padding-top:0;
    padding-bottom:0;
    height:37px;
  }
}
@media screen and (max-width: 767px){
  select:active,
input:active,
textarea:active{
    font-size:16px;
  }

  .s-card__option select:focus, .s-card__option select:active,
select.s-select:focus,
select.s-select:active{
    padding-top:0;
    padding-bottom:0;
    height:37px;
  }
}
@media screen and (max-width: 400px) and (max-height: 600px){
  .s-popup__product-item{
    margin-top:0;
    height:72px;
    justify-content:flex-start;
    align-items:flex-start;
  }

  .s-popup__product-name{
    text-overflow:ellipsis;
    margin-top:10px;
  }
}
@media screen and (max-width: 850px){
  .s-popup__product.s-invisible{
    height:32px;
  }
}