[v-cloak] {
  visibility: hidden; }

#screen-split-line {
  border-left: thick solid #ff0000; }

#shipping-info {
  margin-top: 0; }

/* Avoid the content going up and down when there is an alert, by just changing its opacity instead of display property*/
#checkout-alert {
  transition: all 0.7s ease-out;
  height: 55px;
  margin-top: 20px; }

.alert-visible {
  opacity: 1;
  animation: scaling 1s; }

@keyframes scaling {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }
.alert-hidden {
  opacity: 0; }

.flash-active {
  animation-name: flash-animation;
  animation-duration: 0.3s;
  animation-timing-function: ease-in-out; }

/* Allows the text to be animated with scale */
#cart-points-total, .item-subtotal {
  display: inline-block; }

@keyframes flash-animation {
  from {
    transform: scale(2.5); }
  to {
    transform: scale(1); } }
#body {
  /* Prevent the footer from going up and down when there is no content yet */
  min-height: 80%; }

/* Prevents the content going up and down when toggling between transitions */
#main-container {
  overflow: hidden;
  transition: height 2s ease-in-out; }

.shipping-btn {
  height: 65px;
  padding-top: 20px; }

img[lazy=loading] {
  border-radius: 8%;
  background-color: tomato;
  opacity: 0.2;
  scale: 0.1; }

img[lazy=loaded] {
  border-radius: 8%;
  opacity: 1;
  scale: 0.5; }

img[lazy=error] {
  /*your style here*/ }

/* Transitions and animations */
.slideRight-enter-active,
.slideInRight,
.slideRight-leave-active,
.slideOutRight,
.slideLeft-enter-active,
.slideInLeft,
.slideLeft-leave-active,
.slideOutLeft {
  animation-duration: 0.6s; }

.slideRight-enter-active,
.slideInRight {
  z-index: 2;
  animation-name: slideInRight;
  animation-duration: 1s; }

.slideRight-leave-active,
.slideOutRight {
  z-index: 1;
  animation-name: slideOutRight; }

.slideLeft-enter-active,
.slideInLeft {
  z-index: 4;
  animation-name: slideInLeft; }

.slideLeft-leave-active,
.slideOutLeft {
  z-index: 3;
  animation-name: slideOutLeft; }

@keyframes slideInLeft {
  from {
    transform: translateX(-100%);
    visibility: visible; }
  to {
    transform: translateX(0); } }
@keyframes slideOutLeft {
  from {
    transform: translateX(0);
    opacity: 1; }
  to {
    transform: translateX(-100%);
    opacity: 0;
    visibility: hidden; } }
@keyframes slideOutRight {
  from {
    transform: translateX(156%);
    opacity: 1; }
  to {
    visibility: hidden;
    transform: translateX(300%);
    opacity: 0; } }
@keyframes spinner {
  to {
    transform: rotate(360deg); } }
img.lazyload {
  transition: opacity 6s; }

@media screen and (max-width: 350px) {
  .cart-item-name, .cart-item-points, .cart-item-options, .cart-item-quantity-wrap, .cart-item-points-total {
    display: block; } }
@media screen and (max-width: 767px) {
  #place-order-btn {
    margin-top: 10px; } }
/* INDEX page*/
.cart-items {
  min-width: 340px; }

.cart-item-wrap {
  transition: top 3s; }

.cart-item-name, .cart-item-points, .cart-item-options, .cart-item-quantity-wrap, .cart-item-points-total {
  display: inline;
  margin-top: 30px; }

.cart-item-wrap {
  padding: 20px 0;
  border-bottom: 1px solid gray; }
  .cart-item-wrap:last-child {
    border-bottom: none; }

.cart-summary {
  margin-top: 50px; }

.list-item-leave-active {
  transform-origin: left center;
  opacity: 0.5;
  position: absolute; }

.list-item {
  transition-delay: 1s;
  transition: all 1.6s ease-in; }

.list-item-leave-to {
  opacity: 0;
  transition: all 2s;
  transform: scale(0.3); }

.list-item-move {
  transition: all 0.9s; }

/*# sourceMappingURL=checkout.css.map */