/**
 * Foundation for Sites
 * Version 6.9.0
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/***************************
 Typography Font Weight Mixins
***************************/
/***************************
 Typography Font Style Mixins
***************************/
/***************************
 Typography Margins Mixins
***************************/
/**
 * Foundation for Sites
 * Version 6.9.0
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/***************************
 Typography Font Weight Mixins
***************************/
/***************************
 Typography Font Style Mixins
***************************/
/***************************
 Typography Margins Mixins
***************************/
/***************************
 Typography Font Weight Mixins
***************************/
/***************************
 Typography Font Style Mixins
***************************/
/***************************
 Typography Margins Mixins
***************************/
:root {
  --modal--content--border-radius: 0.4375rem;
  --modal--close--top: 1.6875rem;
  --modal--close--right: 1.6875rem;
}

.modal__content {
  border: none;
  box-shadow: 0 0 1.5625rem 0 rgba(0, 0, 0, 0.25);
  border-radius: var(--modal--content--border-radius);
}
.modal__inner-content {
  border-radius: var(--modal--content--border-radius);
}
.modal--shake .modal__inner-content {
  animation-name: shake;
  -webkit-backface-visibility: hidden;
  animation-iteration-count: 1;
  animation-duration: 0.5s;
}
.modal .lists {
  margin: 0.9375rem 0;
}
.modal .lists li {
  margin: 0 0 0.625rem 0;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  color: #5A636D;
  margin: 0 0 0.3125rem;
}
.modal .lists--ticks li {
  margin: 0 0 0.625rem 0;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  color: #5A636D;
}
.modal .lists--ticks li:before {
  content: "\f111";
  font-family: "kondo_lined-icons" !important;
  font-size: 1rem;
}
@media print, screen and (max-width: 39.99875em) {
  .modal__content {
    max-width: calc(100% - 1.25rem);
    width: 100%;
  }
}

@keyframes shake {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(-0.5deg);
  }
  20% {
    transform: rotate(0.5deg);
  }
  30% {
    transform: rotate(-0.5deg);
  }
  40% {
    transform: rotate(0.5deg);
  }
  0.50% {
    transform: rotate(-0.5deg);
  }
  60% {
    transform: rotate(0.5deg);
  }
  70% {
    transform: rotate(-0.5deg);
  }
  80% {
    transform: rotate(0.5deg);
  }
  90% {
    transform: rotate(-0.5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}