@media (min-width: 768px){
  #express-checkout-form,
  #bundle-express-checkout-form{
    border-width:2px;
    border-style:solid;
    background:#F8F8F8;
    box-shadow:1px -1px 23px rgba(0, 0, 0, 0.04);
    border-radius:4px;
    padding:20px;
    grid-gap:18px;
  }
}
#express-checkout-form *,
#bundle-express-checkout-form *{
  font-family:var(--yc-font-family);
}

.express-checkout-fields{
  background:#F8F8F8;
  border-radius:4px;
  display:grid;
  grid-template-columns:1fr;
  grid-gap:14px;
  padding:10px;
}
@media (min-width: 768px){
  .express-checkout-fields{
    background:transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background:initial;
    padding:0;
    padding:initial;
  }
}
.express-checkout-fields .phone-fieldset{
  display:flex;
}
.express-checkout-fields .phone-fieldset .phone-countries-wrapper{
  position:relative;
  width:30%;
  line-height:100%;
}
.express-checkout-fields .phone-fieldset .phone-countries-wrapper .phone-code{
  display:flex;
  height:100%;
  justify-content:space-between;
  align-items:center;
  pointer-events:none;
}
.express-checkout-fields .phone-fieldset .phone-countries-wrapper .phone-code::after{
  content:"";
  display:inline-block;
  width:6px;
  height:6px;
  border-right:1px solid currentColor;
  border-bottom:1px solid currentColor;
  transform:rotate(45deg);
}
.express-checkout-fields .phone-fieldset .phone-countries-wrapper .phone-select-menu{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100% !important;
  opacity:0;
  cursor:pointer;
  border:none !important;
  padding:0 !important;
  padding:initial !important;
}
.express-checkout-fields .phone-fieldset .phone-number{
  border:none !important;
  direction:inherit;
}

.express-checkout-title{
  font-weight:700;
  font-size:16px;
  line-height:144%;
}

.express-checkout-button{
  width:100%;
  max-width:900px;
  margin:0 auto;
}

@keyframes slideFromBottom{
  0%{
    transform:translateY(100%);
    opacity:0;
  }
  100%{
    transform:translateY(0);
    opacity:1;
  }
}
.yc-sticky-checkout{
  visibility:hidden;
  position:fixed;
  transform:translateY(100%);
  transition:0.3s ease;
  transition-property:all;
  will-change:transform, opacity;
  z-index:1001;
  width:100%;
  height:70vh;
  background-color:white;
  left:0;
  bottom:0;
  padding-bottom:0;
}
@media (min-width: 768px){
  .yc-sticky-checkout{
    height:54vh;
  }
}
.yc-sticky-checkout .sticky-product-details{
  overflow-y:scroll;
  padding:0 20px;
  margin-bottom:90px;
}
.yc-sticky-checkout .sticky-product-details .options .product-quantity{
  margin-top:36px;
}
.yc-sticky-checkout .spacer{
  margin-top:20px;
}
.yc-sticky-checkout .cta-bottom-wrapper{
  width:100%;
  position:fixed;
  bottom:0;
  padding:16px 20px;
  background-color:white;
  border-top:1px solid #EBEBEB;
}
.yc-sticky-checkout .checkout-form{
  padding-bottom:20px;
}
.yc-sticky-checkout .step-2-wrapper{
  overflow-y:scroll;
  padding:0 20px;
  margin-bottom:90px;
}
@media (min-width: 768px){
  .yc-sticky-checkout .step-2-wrapper{
    width:100%;
    padding:0;
    padding:initial;
    max-width:940px;
    padding:0 20px;
    margin:0 auto 100px auto;
  }
}
.yc-sticky-checkout .step-2-wrapper .close-icon{
  display:block;
}
@media (min-width: 768px){
  .yc-sticky-checkout .step-2-wrapper .back-icon{
    display:none;
  }
}
.yc-sticky-checkout .step_1, .yc-sticky-checkout .step_2{
  position:relative;
  height:100%;
  display:flex;
  flex-direction:column;
}
.yc-sticky-checkout .step_1 .yc-product-card .section-2{
  display:none;
}
.yc-sticky-checkout .step_2 .yc-product-card .section-2{
  display:block;
}
.yc-sticky-checkout #checkout_step_1, .yc-sticky-checkout #checkout_step_2{
  animation:slideFromBottom 0.2s ease-in-out;
  will-change:transform;
}
.yc-sticky-checkout .variant-card-1, .yc-sticky-checkout .variant-card-2{
  margin-bottom:15px;
}
.yc-sticky-checkout .back-icon,
.yc-sticky-checkout .close-icon{
  width:40px;
  height:40px;
  background:white;
  color:#C8C8C8;
  position:absolute;
  left:20px;
  top:-39px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:16pt;
  border-radius:4px 4px 0 0;
}
@media (min-width: 768px){
  .yc-sticky-checkout .back-icon,
  .yc-sticky-checkout .close-icon{
    left:auto;
    left:initial;
  }
}
@media (min-width: 768px){
  .yc-sticky-checkout .sticky-desktop-wrapper{
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-gap:20px;
    gap:20px;
    margin-top:30px;
  }
  .yc-sticky-checkout .sticky-desktop-wrapper .variant-card-2{
    position:sticky;
    top:20px;
    height:-moz-fit-content;
    height:fit-content;
  }
  .yc-sticky-checkout .sticky-desktop-wrapper .yc-product-card{
    margin-top:0;
  }
  .yc-sticky-checkout .sticky-desktop-wrapper .yc-product-card .section-1{
    flex-direction:column;
  }
  .yc-sticky-checkout .sticky-desktop-wrapper .yc-product-card .section-1 .image{
    width:125px;
    height:106px;
  }
  .yc-sticky-checkout .sticky-desktop-wrapper .yc-product-card .section-2 .selected-variants{
    padding:21px 10px;
  }
  .yc-sticky-checkout .sticky-desktop-wrapper .variant-card-2{
    margin-bottom:0;
  }
  .yc-sticky-checkout .sticky-desktop-wrapper .checkout-form{
    padding-bottom:0;
  }
}
