.modal__container {
   display: flex;
   position: fixed;
   top: 0;
   left: 0;
   background-color: rgba(0, 0, 0, .8);
   box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
   backdrop-filter: blur(4.7px);
   -webkit-backdrop-filter: blur(10.7px);
   border: 1px solid rgba(0, 0, 0, 0.65);
   width: 100%;
   height: 100vh;
   align-items: center;
   overflow: scroll;
   z-index: 150;
   animation: fadeIn 0.35s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;
}

.modal {
   min-width: 90%;
   max-height: 90vh;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   z-index: 151;
}

.modal__close {
   padding: .5rem .7rem;
   border-radius: 3px;
   position: fixed;
   top: 2rem;
   right: 3rem;
   background-color: #fff;
   border: none;
   outline: none;
   color: var(--cL);
   text-decoration: none;
   font-family: sans-serif;
   font-weight: bold;
   font-size: 1.3rem;
   cursor: pointer;
   box-shadow: 2px 2px 2px rgba(160, 160, 180, .7);
   z-index: 152;
}

.confirmation-modal {
   position: fixed;
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
   z-index: 100;
   background-color: rgba(0, 0, 0, .8);
   z-index: 999999999;
}

.confirmation_container {
   position: absolute;
   top: 30%;
   left: calc(50% - 150px);
   display: block;
   background-color: #e0e0e0;
   color: #000;
   padding: 1em;
   border-radius: 3px;
   text-align: center;
   width: 300px;
}

.confirmation_txt {
   display: block;
   padding: 1rem;
}

.in {
   opacity: 0;
   animation: scaleUp 0.35s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;
}

.modal__hide {
   display: none;
}

.out {
   animation: scaleDown 0.35s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;
}

.out .modal__container {
   animation: fadeOut 0.35s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;
}

.confirmationAddress_container{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.confirmationAddress_modal{
  background-color: #fcfcfc;
  border-radius: .3rem;
  padding: 1rem;
  width: 40rem;
  min-height: 5rem;
  position: relative;
  overflow: hidden;
}
.modal-header--misenvios{
  width: 100%;
  margin-bottom: .5rem;
}
.modal-container--misenvios{
  margin-top: .5rem;
}
.misenvios--address{
  margin: .5rem .5rem .5rem 0rem;
}

.confirmationAddress_modal h2,p{
  margin: 0;
}

.modal-footer-misenvios{
  width: 100%;
  display: flex;
  gap: 1rem;
  margin-top: 5rem;
}
.modal-footer-misenvios button{
  width: 100%;
}
.modal-bgimage--misenvios{
  height: 2.5rem;
  position: absolute;
  opacity: 55%;
  right: 1rem;
  top: 1rem;
}




@keyframes pulse {
   from { transform: scale(0.8); }
   to { transform: scale(1.2); }
 }

 @keyframes blowUpModal {
   0% {
     transform:scale(0);
   }
   100% {
     transform:scale(1);
   }
 }

 @keyframes fadeIn {
   0% {
     opacity: 100;
   }
   100% {
      opacity: 0;
   }
 }

 @keyframes unfoldIn {
   0% {
     transform:scaleY(.005) scaleX(0);
   }
   50% {
     transform:scaleY(.005) scaleX(1);
   }
   100% {
     transform:scaleY(1) scaleX(1);
   }
 }
 
 @keyframes unfoldOut {
   0% {
     transform:scaleY(1) scaleX(1);
   }
   50% {
     transform:scaleY(.005) scaleX(1);
   }
   100% {
     transform:scaleY(.005) scaleX(0);
   }
 }
 
 @keyframes zoomIn {
   0% {
     transform:scale(0);
   }
   100% {
     transform:scale(1);
   }
 }
 
 @keyframes zoomOut {
   0% {
     transform:scale(1);
   }
   100% {
     transform:scale(0);
   }
 }
 
 @keyframes fadeIn {
   0% {
     background:rgba(0,0,0,.0);
   }
   100% {
     background:rgba(0,0,0,.7);
   }
 }
 
 @keyframes fadeOut {
   0% {
     background:rgba(0,0,0,.7);
   }
   100% {
     background:rgba(0,0,0,.0);
   }
 }
 
 @keyframes scaleUp {
   0% {
     transform: translateY(1000px);
     opacity:0;
   }
   100% {
     transform: translateY(0px);
     opacity:1;
   }
 }
 
 @keyframes scaleDown {
   0% {
     transform: translateY(0px);
     opacity:1;
   }
   100% {
     transform: translateY(1000px);
     opacity:0;
   }
 }
 
 @keyframes scaleBack {
   0% {
     transform:scale(1);
   }
   100% {
     transform:scale(.85);
   }
 }
 
 @keyframes scaleForward {
   0% {
     transform:scale(.85);
   }
   100% {
     transform:scale(1);
   }
 }
 
 @keyframes quickScaleDown {
   0% {
     transform:scale(1);
   }
   99.9% {
     transform:scale(1);
   }
   100% {
     transform:scale(0);
   }
 }
 
 @keyframes slideUpLarge {
   0% {
     transform:translateY(0%);
   }
   100% {
     transform:translateY(-100%);
   }
 }
 
 @keyframes slideDownLarge {
   0% {
     transform:translateY(-100%);
   }
   100% {
     transform:translateY(0%);
   }
 }
 
 @keyframes moveUp {
   0% {
     transform:translateY(150px);
   }
   100% {
     transform:translateY(0);
   }
 }
 
 @keyframes moveDown {
   0% {
     transform:translateY(0px);
   }
   100% {
     transform:translateY(150px);
   }
 }
 
 @keyframes blowUpContent {
   0% {
     transform:scale(1);
     opacity:1;
   }
   99.9% {
     transform:scale(2);
     opacity:0;
   }
   100% {
     transform:scale(0);
   }
 }
 
 @keyframes blowUpContentTwo {
   0% {
     transform:scale(2);
     opacity:0;
   }
   100% {
     transform:scale(1);
     opacity:1;
   }
 }
 
 @keyframes blowUpModal {
   0% {
     transform:scale(0);
   }
   100% {
     transform:scale(1);
   }
 }
 
 @keyframes blowUpModalTwo {
   0% {
     transform:scale(1);
     opacity:1;
   }
   100% {
     transform:scale(0);
     opacity:0;
   }
 }
 
 @keyframes roadRunnerIn {
   0% {
     transform:translateX(-1500px) skewX(30deg) scaleX(1.3);
   }
   70% {
     transform:translateX(30px) skewX(0deg) scaleX(.9);
   }
   100% {
     transform:translateX(0px) skewX(0deg) scaleX(1);
   }
 }
 
 @keyframes roadRunnerOut {
   0% {
     transform:translateX(0px) skewX(0deg) scaleX(1);
   }
   30% {
     transform:translateX(-30px) skewX(-5deg) scaleX(.9);
   }
   100% {
     transform:translateX(1500px) skewX(30deg) scaleX(1.3);
   }
 }
 
 @keyframes sketchIn {
    0% {
       stroke-dashoffset: 778;
    }
    100% {
       stroke-dashoffset: 0;
    }
 }
 
 @keyframes sketchOut {
    0% {
       stroke-dashoffset: 0;
    }
    100% {
       stroke-dashoffset: 778;
    }
 }
 
 @keyframes modalFadeIn {
   0% {
     background-color:transparent;
   }
   100% {
     background-color:white;
   }
 }
 
 @keyframes modalFadeOut {
   0% {
     background-color:white;
   }
   100% {
     background-color:transparent;
   }
 }
 
 @keyframes modalContentFadeIn {
   0% {
     opacity:0;
     top:-20px;
   }
   100% {
     opacity:1;
     top:0;
   }
 }
 
 @keyframes modalContentFadeOut {
   0% {
     opacity:1;
     top:0px;
   }
   100% {
     opacity:0;
     top:-20px;
   }
 }
 
 @keyframes bondJamesBond {
   0% {
     transform:translateX(1000px);
   }
   80% {
     transform:translateX(0px);
     border-radius:75px;
     height:75px;
     width:75px;
   }
   90% {
     border-radius:3px;
     height:182px;
     width:247px;
   }
   100% {
     border-radius:3px;
     height:162px;
     width:227px;
   }
 }
 
 @keyframes killShot {
   0% {
     transform:translateY(0) rotate(0deg);
     opacity:1;
   }
   100% {
     transform:translateY(300px) rotate(45deg);
     opacity:0;
   }
 }
 
 @keyframes fadeToRed {
   0% {
     background-color:rgba(black,.6);
   }
   100% {
     background-color:rgba(red,.8);
   }
 }
 
 @keyframes slowFade {
   0% {
     opacity:1;
   }
   99.9% {
     opacity:0;
     transform:scale(1);
   }
   100% {
     transform:scale(0);
   }
 }