/**
 * tingle.js - A simple modal plugin written in pure JavaScript
 * @version v0.16.0
 * @link https://github.com/robinparisi/tingle#readme
 * @license MIT
 */
 
.tingle-modal * {
  box-sizing: border-box;
}

.tingle-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  display: flex;
  visibility: hidden;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  background: rgba(113, 113, 122, 0.2);
  opacity: 0;
  cursor: url("data:image/svg+xml,%3Csvg width='19' height='19' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.514.535l-6.42 6.42L2.677.536a1.517 1.517 0 00-2.14 0 1.517 1.517 0 000 2.14l6.42 6.419-6.42 6.419a1.517 1.517 0 000 2.14 1.517 1.517 0 002.14 0l6.419-6.42 6.419 6.42a1.517 1.517 0 002.14 0 1.517 1.517 0 000-2.14l-6.42-6.42 6.42-6.418a1.517 1.517 0 000-2.14 1.516 1.516 0 00-2.14 0z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E"), auto;
}


/* confirm and alerts
-------------------------------------------------------------- */

.tingle-modal--confirm .tingle-modal-box {
  text-align: center;
}

/* modal
-------------------------------------------------------------- */

.tingle-modal--noOverlayClose {
  cursor: default;
}

.tingle-modal--noClose .tingle-modal__close {
  display: none;
}

.tingle-modal__close {
  display: none;
  position: fixed;
  top: 2.5rem;
  right: 2.5rem;
  z-index: 1000;
  padding: 0;
  width: 2rem;
  height: 2rem;
  border: none;
  background-color: transparent;
  color: #fff;
  cursor: pointer;
}

.tingle-modal__close svg * {
  fill: currentColor;
}

.tingle-modal__closeLabel {
  display: none;
}

.tingle-modal__close:hover {
  color: #fff;
}

.tingle-modal-box {
  position: relative;
  flex-shrink: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: 587px;
  border-radius: 8px;
  background: #fff;
  opacity: 1;
  cursor: auto;
  will-change: transform, opacity;
  overflow: hidden;
}

.tingle-modal-box__content {
  padding: 16px 12px 12px 12px;
  box-sizing: border-box;
  display: flex;
  gap: .5rem;
}

.tingle-modal-box__content::before {
  content: " ";
  flex-shrink: 0;
  width: 1.8rem;
  height: 1.8rem;
  display: inline-block;
  background-repeat: no-repeat;
}

.tingle-modal-box__footer {
  padding: 0px 12px 16px 12px;
  padding-top: 0;
  width: auto;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  cursor: auto;
  text-align: right;
}

.tingle-modal-box__footer::after {
  display: table;
  clear: both;
  content: "";
}

.tingle-modal-box__footer--sticky {
  position: fixed;
  bottom: -200px; /* TODO : find a better way */
  z-index: 10001;
  opacity: 1;
  transition: bottom .3s ease-in-out .3s;
}

/* state
-------------------------------------------------------------- */

.tingle-enabled {
  position: fixed;
  right: 0;
  left: 0;
  overflow: hidden;
}

.tingle-modal--visible .tingle-modal-box__footer {
  bottom: 0;
}

.tingle-modal--visible {
  visibility: visible;
  opacity: 1;
}

.tingle-modal--visible .tingle-modal-box {
  animation: scale .2s cubic-bezier(.68, -.55, .265, 1.55) forwards;
}

.tingle-modal--overflow {
  overflow-y: scroll;
  padding-top: 8vh;
}

/* btn
-------------------------------------------------------------- */

.tingle-btn {
  display: inline-block;
  margin: 0 .5rem;
  padding: 8px 12px;
  border-radius: 8px;
  color: #2A3140;
  box-shadow: none;
  vertical-align: middle;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  font-family: inherit;
  line-height: normal;
  cursor: pointer;
  transition: background-color .2s ease;
}

.tingle-btn--outline {
  border: 1px solid #E0E1E3;
}

.tingle-btn--outline:hover {
  background-color: #E0E1E3;
}

.tingle-btn--outline-danger {
  border: 1px solid #e74c3c;
  color: #A72808;
}

.tingle-btn--primary {
  background-color: white;
}

.tingle-btn--danger {
  background-color: #e74c3c;
}

.tingle-btn--info {
  background-color: #0052CC;
  color: white;
}

.tingle-btn--default {
  background-color: #34495e;
}

.tingle-btn--pull-left {
  float: left;
}

.tingle-btn--pull-right {
  float: right;
}

/* responsive
-------------------------------------------------------------- */

@media (max-width : 540px) {
  .tingle-modal {
    top: 0px;
    display: block;
    padding-top: 60px;
    width: 100%;
  }

  .tingle-modal-box {
    width: auto;
    border-radius: 0;
  }

  .tingle-modal-box__content {
    overflow-y: scroll;
  }

  .tingle-modal--noClose {
    top: 0;
  }

  .tingle-modal--noOverlayClose {
    padding-top: 0;
  }

  .tingle-modal-box__footer .tingle-btn {
    display: block;
    float: none;
    margin-bottom: 1rem;
    width: 100%;
  }

  .tingle-modal__close {
    top: 0;
    right: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 60px;
    border: none;
    background-color: #2c3e50;
    box-shadow: none;
    color: #fff;
  }

  .tingle-modal__closeLabel {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.6rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  }

  .tingle-modal__closeIcon {
    display: inline-block;
    margin-right: .8rem;
    width: 1.6rem;
    vertical-align: middle;
    font-size: 0;
  }
}

/* animations
-------------------------------------------------------------- */

@keyframes scale {
  0% {
    opacity: 0;
    transform: scale(.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

/* custom class
-------------------------------------------------------------- */
.info .tingle-modal-box__content {
  border-top: 5px solid #0052CC;
}

.info .tingle-modal-box__content::before {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_dd_71_2876)'%3E%3Cpath d='M3 14C3 7.37258 8.37258 2 15 2C21.6274 2 27 7.37258 27 14C27 20.6274 21.6274 26 15 26C8.37258 26 3 20.6274 3 14Z' fill='%230052CC'/%3E%3Cg clip-path='url(%23clip0_71_2876)'%3E%3Cpath d='M21.6666 14C21.6666 10.3181 18.6818 7.33335 14.9999 7.33335C11.318 7.33335 8.33325 10.3181 8.33325 14C8.33325 17.6819 11.318 20.6667 14.9999 20.6667C18.6818 20.6667 21.6666 17.6819 21.6666 14Z' stroke='%23E6EEFA' stroke-width='1.5'/%3E%3Cpath d='M15.1613 17.3333V14C15.1613 13.6857 15.1613 13.5286 15.0637 13.431C14.966 13.3333 14.8089 13.3333 14.4946 13.3333' stroke='%23E6EEFA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.9945 11.3333H15.0005H14.9945Z' fill='%23E6EEFA'/%3E%3Cpath d='M14.9945 11.3333H15.0005' stroke='%23E6EEFA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_dd_71_2876' x='0' y='0' width='30' height='30' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.06 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_71_2876'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1.5'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.1 0'/%3E%3CfeBlend mode='normal' in2='effect1_dropShadow_71_2876' result='effect2_dropShadow_71_2876'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect2_dropShadow_71_2876' result='shape'/%3E%3C/filter%3E%3CclipPath id='clip0_71_2876'%3E%3Crect width='16' height='16' fill='white' transform='translate(7 6)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.success .tingle-modal-box__content {
  border-top: 5px solid #28A138;
}

.success .tingle-modal-box__content::before {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_dd_71_2850)'%3E%3Cpath d='M3 14C3 7.37258 8.37258 2 15 2C21.6274 2 27 7.37258 27 14C27 20.6274 21.6274 26 15 26C8.37258 26 3 20.6274 3 14Z' fill='%2328A138'/%3E%3Cg clip-path='url(%23clip0_71_2850)'%3E%3Cpath d='M18.3333 8.22523C17.3527 7.658 16.2142 7.33335 14.9999 7.33335C11.318 7.33335 8.33325 10.3181 8.33325 14C8.33325 17.6819 11.318 20.6667 14.9999 20.6667C18.6818 20.6667 21.6666 17.6819 21.6666 14C21.6666 13.5434 21.6207 13.0975 21.5332 12.6667' stroke='%23EAF6EB' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M12.3333 14.3333C12.3333 14.3333 13.3333 14.3333 14.6666 16.6667C14.6666 16.6667 18.3725 10.5556 21.6666 9.33334' stroke='%23EAF6EB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_dd_71_2850' x='0' y='0' width='30' height='30' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.06 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_71_2850'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1.5'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.1 0'/%3E%3CfeBlend mode='normal' in2='effect1_dropShadow_71_2850' result='effect2_dropShadow_71_2850'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect2_dropShadow_71_2850' result='shape'/%3E%3C/filter%3E%3CclipPath id='clip0_71_2850'%3E%3Crect width='16' height='16' fill='white' transform='translate(7 6)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.warning .tingle-modal-box__content {
  border-top: 5px solid #FFAB00;
}

.warning .tingle-modal-box__content::before {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_dd_361_21972)'%3E%3Cpath d='M3 14C3 7.37258 8.37258 2 15 2C21.6274 2 27 7.37258 27 14C27 20.6274 21.6274 26 15 26C8.37258 26 3 20.6274 3 14Z' fill='%23FFAB00'/%3E%3Cg clip-path='url(%23clip0_361_21972)'%3E%3Cpath d='M10.5477 12.4553C12.1568 9.60797 12.9614 8.18433 14.0654 7.81786C14.6728 7.61625 15.327 7.61625 15.9344 7.81786C17.0384 8.18433 17.843 9.60797 19.4521 12.4553C21.0612 15.3026 21.8658 16.7262 21.6244 17.8862C21.4917 18.5244 21.1645 19.1032 20.6899 19.5398C19.8273 20.3333 18.2182 20.3333 14.9999 20.3333C11.7817 20.3333 10.1726 20.3333 9.30989 19.5398C8.8353 19.1032 8.50818 18.5244 8.3754 17.8862C8.13405 16.7262 8.93861 15.3026 10.5477 12.4553Z' stroke='%23FFF7E6' stroke-width='1.5'/%3E%3Cpath d='M15.1613 17.3333V14.6667C15.1613 14.3524 15.1613 14.1952 15.0637 14.0976C14.966 14 14.8089 14 14.4946 14' stroke='%23FFF7E6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.9945 12H15.0005H14.9945Z' fill='%23FCEBE7'/%3E%3Cpath d='M14.9945 12H15.0005' stroke='%23FCEBE7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_dd_361_21972' x='0' y='0' width='30' height='30' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.06 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_361_21972'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1.5'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.1 0'/%3E%3CfeBlend mode='normal' in2='effect1_dropShadow_361_21972' result='effect2_dropShadow_361_21972'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect2_dropShadow_361_21972' result='shape'/%3E%3C/filter%3E%3CclipPath id='clip0_361_21972'%3E%3Crect width='16' height='16' fill='white' transform='translate(7 6)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.error .tingle-modal-box__content {
  border-top: 5px solid #DE350B;
}

.error .tingle-modal-box__content::before {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_dd_71_2858)'%3E%3Cpath d='M3 14C3 7.37258 8.37258 2 15 2C21.6274 2 27 7.37258 27 14C27 20.6274 21.6274 26 15 26C8.37258 26 3 20.6274 3 14Z' fill='%23DE350B'/%3E%3Cg clip-path='url(%23clip0_71_2858)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.9999 16.6667H15.0059H14.9999Z' fill='%23FCEBE7'/%3E%3Cpath d='M14.9999 16.6667H15.0059' stroke='%23FCEBE7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 14.6667L15 11.3333' stroke='%23FCEBE7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.8721 8.92263C17.4781 8.92263 17.2811 8.92263 17.1016 8.85604C17.0767 8.84679 17.0521 8.83661 17.0279 8.82552C16.8539 8.7457 16.7146 8.60639 16.436 8.32778C15.7948 7.68651 15.4741 7.36588 15.0796 7.33632C15.0266 7.33234 14.9733 7.33234 14.9202 7.33632C14.5257 7.36588 14.2051 7.68651 13.5638 8.32778C13.2852 8.60639 13.1459 8.7457 12.9719 8.82552C12.9477 8.83661 12.9232 8.84679 12.8982 8.85604C12.7188 8.92263 12.5217 8.92263 12.1277 8.92263H12.055C11.0498 8.92263 10.5471 8.92263 10.2348 9.23493C9.92255 9.54722 9.92255 10.0499 9.92255 11.0551V11.1278C9.92255 11.5218 9.92255 11.7188 9.85595 11.8983C9.8467 11.9232 9.83652 11.9478 9.82544 11.972C9.74562 12.146 9.60631 12.2853 9.3277 12.5639C8.68643 13.2052 8.3658 13.5258 8.33623 13.9203C8.33226 13.9734 8.33226 14.0266 8.33623 14.0797C8.3658 14.4742 8.68643 14.7948 9.3277 15.4361C9.60631 15.7147 9.74562 15.854 9.82544 16.028C9.83652 16.0522 9.8467 16.0768 9.85595 16.1017C9.92255 16.2812 9.92255 16.4782 9.92255 16.8722V16.9449C9.92255 17.9501 9.92255 18.4528 10.2348 18.7651C10.5471 19.0774 11.0498 19.0774 12.055 19.0774H12.1277C12.5217 19.0774 12.7188 19.0774 12.8982 19.144C12.9232 19.1532 12.9477 19.1634 12.9719 19.1745C13.1459 19.2543 13.2852 19.3936 13.5638 19.6722C14.2051 20.3135 14.5257 20.6341 14.9202 20.6637C14.9733 20.6677 15.0266 20.6677 15.0796 20.6637C15.4741 20.6341 15.7948 20.3135 16.436 19.6722C16.7146 19.3936 16.8539 19.2543 17.0279 19.1745C17.0521 19.1634 17.0767 19.1532 17.1016 19.144C17.2811 19.0774 17.4781 19.0774 17.8721 19.0774H17.9448C18.9501 19.0774 19.4527 19.0774 19.765 18.7651C20.0773 18.4528 20.0773 17.9501 20.0773 16.9449V16.8722C20.0773 16.4782 20.0773 16.2812 20.1439 16.1017C20.1531 16.0768 20.1633 16.0522 20.1744 16.028C20.2542 15.854 20.3935 15.7147 20.6721 15.4361C21.3134 14.7948 21.634 14.4742 21.6636 14.0797C21.6676 14.0266 21.6676 13.9734 21.6636 13.9203C21.634 13.5258 21.3134 13.2052 20.6721 12.5639C20.3935 12.2853 20.2542 12.146 20.1744 11.972C20.1633 11.9478 20.1531 11.9232 20.1439 11.8983C20.0773 11.7188 20.0773 11.5218 20.0773 11.1278V11.0551C20.0773 10.0499 20.0773 9.54722 19.765 9.23493C19.4527 8.92263 18.9501 8.92263 17.9448 8.92263H17.8721Z' stroke='%23FCEBE7' stroke-width='1.5'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_dd_71_2858' x='0' y='0' width='30' height='30' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.06 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_71_2858'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1.5'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.1 0'/%3E%3CfeBlend mode='normal' in2='effect1_dropShadow_71_2858' result='effect2_dropShadow_71_2858'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect2_dropShadow_71_2858' result='shape'/%3E%3C/filter%3E%3CclipPath id='clip0_71_2858'%3E%3Crect width='16' height='16' fill='white' transform='translate(7 6)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}