/*! popup-titan */
.popup-root,.popup-root .popup-backdrop{
  height:100%;
  left:0;
  position:fixed;
  top:0;
  width:100%;
  z-index:9000;
}

.popup-root[aria-hidden=true]{
  display:none;
}

.popup-root .popup-backdrop{
  background:rgba(0, 0, 0, .5);
  z-index:9200;
}
.popup-root .popup-container{
  background:#fff;
  border:3px solid #5f5f5f;
  border-radius:3px;
  box-sizing:border-box;
  font-size:12px;
  left:50%;
  max-height:95%;
  max-width:95%;
  position:fixed;
  text-align:left;
  top:50%;
  transform:translate(-50%, -50%);
  width:30em;
  z-index:9400;
}
.popup-root .popup-content{
  margin:1em;
}
.popup-root .popup-content h1{
  border-bottom:thin solid #5f5f5f;
  font-family:inherit;
  font-size:1em;
  font-weight:700;
  margin-bottom:.5em;
}
.popup-root .popup-content img{
  height:auto;
  max-width:60%;
  width:auto;
}
.popup-root .popup-close{
  background:transparent;
  border:none;
  margin:0;
}
.popup-root .popup-close::-moz-focus-inner{
  border:none;
  padding:0;
}
.popup-root .popup-close{
  border-radius:2px;
  cursor:pointer;
  display:block;
  float:right;
  height:24px;
  margin:0 0 .5em .5em;
  padding:0;
  width:24px;
}
.popup-root .popup-close .icon-x{
  display:inline-block;
  height:24px;
  position:relative;
  width:24px;
}
.popup-root .popup-close .icon-x:after,.popup-root .popup-close .icon-x:before{
  background-color:#000;
  content:"";
  display:block;
  height:2px;
  left:0;
  outline:none;
  position:absolute;
  top:10.52px;
  width:24px;
}
.popup-root .popup-close .icon-x:after{
  transform:rotate(45deg);
}
.popup-root .popup-close .icon-x:before{
  transform:rotate(-45deg);
}

button.popup-open{
  background:transparent;
  border:none;
  cursor:pointer;
  margin:0;
  padding:0;
}

button.popup-open::-moz-focus-inner{
  border:none;
  padding:0;
}