.t-body_popupshowed {
  height:100vh;
  min-height:100vh;
  overflow:hidden
}

.t-popup {
  background-color:rgba(0,0,0,.6);
  bottom:0;
  box-sizing:border-box;
  cursor:pointer;
  display:none;
  height:100%;
  left:0;
  opacity:0;
  outline:none;
  overflow-y:auto;
  padding:0 20px;
  position:fixed;
  right:0;
  top:0;
  transition:opacity .3s ease-in-out;
  width:100%;
  z-index:10000001
}

.t-popup.t-popup_show {
  opacity:1
}

.t-popup__container {
  background:#fff;
  cursor:default;
  left:20px;
  margin:0 auto;
  position:absolute;
  right:20px;
  top:50%;
  -webkit-transform:translateY(-30%) scale(.9);
  transform:translateY(-30%) scale(.9);
  width:auto;
  z-index:1
}

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
  .t-popup__container {
    width:100%
  }

}

.t-popup__container-animated {
  transition:-webkit-transform .3s ease-in-out;
  transition:transform .3s ease-in-out;
  transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.t-popup_show .t-popup__container {
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)
}

.t-popup__container.t-popup__container-static {
  left:auto;
  margin:65px auto;
  position:relative;
  right:auto;
  top:0;
  -webkit-transform:translateY(30%) scale(.9);
  transform:translateY(30%) scale(.9);
  width:100%
}

.t-popup_show .t-popup__container.t-popup__container-static {
  -webkit-transform:translateY(0);
  transform:translateY(0)
}

.t-popup__close {
  cursor:pointer;
  height:23px;
  position:fixed;
  right:20px;
  top:20px;
  transition:opacity .3s ease-in-out;
  width:23px;
  z-index:9
}

@media (min-width:0\0),(min-width:429px) and (hover) {
  .t-popup__close:hover {
    opacity:.7
  }

}

.t-popup__block-close {
  height:43px;
  right:10px;
  top:10px;
  width:43px
}

.t-popup__block-close-button {
  background-color:transparent;
  border:none;
  cursor:pointer;
  font-size:0;
  padding:10px;
  width:23px
}

.t-body_scroll-locked {
  left:0;
  position:fixed;
  width:100%
}