.no-scroll {
  overflow: hidden;
}

.hb-dialog-overlay {
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 999999;
  position: fixed;
  width: 100vw;
  height: 100vh;
  inset-block-start: 0;
  inset-inline-start: 0;
  transition: opacity 0.3s;
}

.hb-dialog {
  background-color: #FFF;
  position: relative;
  outline: none;
}
.hb-dialog.mo-round {
  border-radius: 4px;
}
.hb-dialog[data-type=fullscreen] {
  width: 100vw;
  height: 100vh;
  z-index: 999999;
  position: fixed;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  max-block-size: 100%;
  max-inline-size: 100%;
}
.hb-dialog[data-type=modals] {
  min-inline-size: 140px;
  min-block-size: 140px;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  max-block-size: 90%;
  max-inline-size: 90%;
  /*overflow-y: auto;
  overflow-x: hidden;*/
}
.hb-dialog[data-type=inplace] {
  min-inline-size: 140px;
  min-block-size: 140px;
  position: absolute;
  margin-block-start: 12px;
  box-shadow: 0 0 14px rgba(189, 189, 191, 0.75);
  border: 1px solid #E6EAEC;
  max-block-size: 90vh;
  max-inline-size: 90vh;
}
.hb-dialog[data-fixed-header-footer=true] {
  overflow-y: hidden;
}
.hb-dialog[data-fixed-header-footer=true] .hb-mo-content {
  max-block-size: calc(100vh - 200px);
  overflow-y: auto;
}
.hb-dialog[data-fixed-header-footer=true] .hb-mo-footer {
  width: 100%;
  inset-block-end: 0;
  background-color: #FFF;
}

.hb-mo-scrollable {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 100%;
}

.hb-mo-header {
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline-start: 15px;
  padding-inline-end: 15px;
  border-block-end: 1px solid #E6EAEC;
  font-size: 18px;
  height: 45px;
  line-height: 45px;
  background: #F6F8F9;
}

.hb-mo-content {
  padding-block-start: 15px;
  padding-block-end: 15px;
  padding-inline-start: 20px;
  padding-inline-end: 20px;
}

.hb-mo-footer {
  border-block-start: 1px solid #E6EAEC;
  padding-block-start: 12px;
  padding-block-end: 12px;
  padding-inline-start: 0;
  padding-inline-end: 0;
  position: relative;
  text-align: center;
}
.hb-mo-footer .mo-btn {
  display: inline-block;
  margin-block-end: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding-block-start: 4px;
  padding-block-end: 4px;
  padding-inline-start: 15px;
  padding-inline-end: 15px;
  font-size: 14px;
  line-height: 1.5;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  font-family: inherit;
}
.hb-mo-footer .mo-btn.mo-btn__ok {
  color: #FFF;
  background-color: #67AEF1;
  border-color: transparent;
}
.hb-mo-footer .mo-btn.mo-btn__ok:focus {
  border: 1px solid #999;
}
.hb-mo-footer .mo-btn.mo-btn__cancel {
  color: #1F252D;
  background-color: #FFFFFF;
  border-color: #E6EAEC;
}
.hb-mo-footer .mo-btn.mo-btn__cancel:focus {
  border: 1px solid #999;
}
.hb-mo-footer .mo-btn.mo-error {
  color: #FFF;
  background-color: #FF6767;
  border-color: transparent;
}
.hb-mo-footer .mo-btn + .mo-btn {
  margin-inline-start: 10px;
}

.hb-mo-close {
  cursor: pointer;
  height: 30px;
  padding: 10px;
  position: absolute;
  inset-inline-end: 7px;
  inset-block-start: calc(15px - 10px);
  width: 30px;
  z-index: 99999;
  outline: none;
}
.hb-mo-close:hover {
  background: #eaeef1;
}

.hb-mo-close {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  inset-block-start: 10px !important;
  inset-inline-end: 16px !important;
  background: #F8F9F9;
  border: 1px solid #DCE0E8;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  padding: 0;
}
.hb-mo-close svg {
  width: 10px;
  height: 10px;
}

.mo-ip {
  border: 2px solid #DDD;
  padding-block-start: 5px;
  padding-block-end: 5px;
  padding-inline-start: 10px;
  padding-inline-end: 10px;
  font-size: 15px;
  display: block;
  margin-block-end: 15px;
  margin-inline-end: 10px;
  width: 240px;
}

.demo-dialog {
  width: 550px;
}

.xSlideInUp {
  animation: xSlideInUp 0.3s ease-out;
}

@keyframes xSlideInUp {
  from {
    transform: translate3d(0, 100%, 0);
  }
}
@-webkit-keyframes xSlideInUp {
  from {
    transform: translate3d(0, 100%, 0);
  }
}
.xSlideInDown {
  animation: xSlideInDown 0.3s ease-out;
}

@keyframes xSlideInDown {
  from {
    transform: translate3d(0, -150%, 0);
  }
}
@-webkit-keyframes xSlideInDown {
  from {
    transform: translate3d(0, -150%, 0);
  }
}
.xSlideOutUp {
  animation: xSlideOutUp 0.3s ease-out;
  animation-fill-mode: both;
}

@keyframes xSlideOutUp {
  to {
    transform: translate3d(0, -150%, 0);
  }
}
@-webkit-keyframes xSlideOutUp {
  to {
    transform: translate3d(0, -150%, 0);
    opacity: 0;
  }
}
.xSlideInLeft {
  animation: xSlideInLeft 0.3s ease-out;
}

@keyframes xSlideInLeft {
  from {
    transform: translate3d(100%, 0, 0);
  }
}
@-webkit-keyframes xSlideInLeft {
  from {
    transform: translate3d(100%, 0, 0);
  }
}
.xSlideOutRight {
  animation: xSlideOutRight 0.3s ease-out;
}

@keyframes xSlideOutRight {
  to {
    transform: translate3d(100%, 0, 0);
  }
}
@-webkit-keyframes xSlideOutRight {
  to {
    transform: translate3d(100%, 0, 0);
  }
}
.xSlideInDownFull {
  animation: xSlideInDownFull 0.3s ease-out;
}

@keyframes xSlideInDownFull {
  from {
    transform: translate3d(0, -100%, 0);
  }
}
@-webkit-keyframes xSlideInDownFull {
  from {
    transform: translate3d(0, -100%, 0);
  }
}
.xSlideOutUpFull {
  animation: xSlideOutUpFull 0.3s ease-out;
  animation-fill-mode: both;
}

@keyframes xSlideOutUpFull {
  to {
    transform: translate3d(0, -100%, 0);
  }
}
@-webkit-keyframes xSlideOutUpFull {
  to {
    transform: translate3d(0, -100%, 0);
  }
}
.xSlideInRightFull {
  animation: xSlideInRightFull 0.3s ease-out;
}

@keyframes xSlideInRightFull {
  from {
    transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes xSlideInRightFull {
  from {
    transform: translate3d(-100%, 0, 0);
  }
}
.xSlideOutLeftFull {
  animation: xSlideOutLeftFull 0.3s ease-out;
  animation-fill-mode: both;
}

@keyframes xSlideOutLeftFull {
  to {
    transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes xSlideOutLeftFull {
  to {
    transform: translate3d(-100%, 0, 0);
  }
}
.xSlideInLeftFull {
  animation: xSlideInLeftFull 0.3s ease-out;
}

@keyframes xSlideInLeftFull {
  from {
    transform: translate3d(50%, 0, 0);
  }
}
@-webkit-keyframes xSlideInLeftFull {
  from {
    transform: translate3d(50%, 0, 0);
  }
}
.xSlideOutRightFull {
  animation: xSlideOutRightFull 0.3s ease-out;
  animation-fill-mode: both;
}

@keyframes xSlideOutRightFull {
  to {
    transform: translate3d(100%, 0, 0);
  }
}
@-webkit-keyframes xSlideOutRightFull {
  to {
    transform: translate3d(100%, 0, 0);
  }
}
.xFadeIn, .xFadeInFull {
  animation: xFadeIn 0.3s ease-out;
  animation-fill-mode: both;
}

@keyframes xFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes xFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.xFadeOut, .xFadeOutFull {
  animation: xFadeOut 0.3s ease-out;
  animation-fill-mode: both;
}

@keyframes xFadeOut {
  to {
    opacity: 0;
  }
}
@-webkit-keyframes xFadeOut {
  to {
    opacity: 0;
  }
}
.below-right {
  transform-origin: left top;
  -webkit-transform-origin: left top;
}

.below-left {
  transform-origin: right top;
  -webkit-transform-origin: right top;
}

.upper-right {
  transform-origin: left bottom;
  -webkit-transform-origin: left bottom;
}

.upper-left {
  transform-origin: right bottom;
  -webkit-transform-origin: right bottom;
}

.below-center {
  transform-origin: center top;
  -webkit-transform-origin: center top;
}

.upper-center {
  transform-origin: center bottom;
  -webkit-transform-origin: center bottom;
}

.xScaleIn {
  animation: xScaleIn 0.3s ease-out;
  animation-fill-mode: both;
}

@keyframes xScaleIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes xScaleIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.xScaleOut {
  animation: xScaleOut 0.3s ease-out;
  animation-fill-mode: both;
}

@keyframes xScaleOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes xScaleOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes xScaleOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes xScaleOutDown {
  80% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 400px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 400px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.xScaleOutDown {
  animation: xScaleOutDown 0.3s ease-out;
  animation-fill-mode: both;
}

@-webkit-keyframes xScaleOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 60px, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 60px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(0, 0, 0);
  }
}
@keyframes xScaleOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 60px, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 60px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(0, 0, 0);
  }
}
.xScaleOutUp {
  animation: xScaleOutUp 0.3s ease-out;
  animation-fill-mode: both;
}

@-webkit-keyframes xScaleInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes xScaleInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 60px, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.xScaleInDown {
  animation: xScaleInDown 0.3s ease-out;
  animation-fill-mode: both;
}

@-webkit-keyframes PulseIn {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 0;
  }
  50% {
    -webkit-transform: scale3d(0.98, 0.98, 0.98);
    transform: scale3d(0.98, 0.98, 0.98);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
  }
}
@keyframes PulseIn {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 0;
  }
  50% {
    -webkit-transform: scale3d(0.999, 0.999, 0.999);
    transform: scale3d(0.999, 0.999, 0.999);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
  }
}
.xPulseInFull {
  -webkit-animation: PulseIn 0.3s ease-out;
  animation: PulseIn 0.3s ease-out;
  animation-fill-mode: both;
}

@-webkit-keyframes PulseOut {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale3d(0.999, 0.999, 0.999);
    transform: scale3d(0.999, 0.999, 0.999);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 0;
  }
}
@keyframes PulseOut {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale3d(0.999, 0.999, 0.999);
    transform: scale3d(0.999, 0.999, 0.999);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 0;
  }
}
.xPulseOutFull {
  -webkit-animation: PulseOut 0.3s ease-out;
  animation: PulseOut 0.3s ease-out;
  animation-fill-mode: both;
}

.hb-mo-arrow {
  position: relative;
}

.hb-mo-arrow:after, .hb-mo-arrow:before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.below-center:before, .below-center:after, .upper-center:before, .upper-center:after {
  inset-inline-start: 49%;
}

.below-right:before, .below-right:after, .upper-right:before, .upper-right:after {
  inset-inline-start: 10%;
}

.below-left:before, .below-left:after, .upper-left:before, .upper-left:after {
  inset-inline-start: 90%;
}

.hb-mo-arrow:after {
  border-color: rgba(136, 183, 213, 0);
  border-width: 10px;
  margin-inline-start: -10px;
}

.hb-mo-arrow:before {
  border-color: rgba(194, 225, 245, 0);
  border-width: 12px;
  margin-inline-start: -12px;
}

.arrow-bottom:before {
  inset-block-start: 100%;
  border-block-start-color: #E6EAEC;
}
.arrow-bottom:after {
  inset-block-start: 100%;
  border-block-start-color: #FFF;
}

.arrow-top:before {
  inset-block-end: 100%;
  border-block-end-color: #E6EAEC;
}
.arrow-top:after {
  inset-block-end: 100%;
  border-block-end-color: #FFF;
}

.hb-popup {
  display: none;
  border: 1px solid #EEE;
  padding: 5px;
  width: 300px;
  border-radius: 4px;
  box-shadow: 0 0 9px #DDD;
}

.hb-hidden-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
  z-index: 1;
}

.hb-loader {
  height: 20px;
  width: 20px;
  text-align: center;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 10px;
  margin-inline-end: 3px;
  display: inline-block;
  vertical-align: middle;
}

.domain-dialog-style {
  width: 800px;
}

.inplace-singlefield-dialog {
  width: 400px;
}

.hb-mo-custom-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.hb-mo-custom-header .hb-mo-header-right {
  display: flex;
  margin-inline-end: 40px;
}
.hb-mo-custom-header .hb-mo-header-left {
  display: flex;
}
.hb-mo-custom-header .hb-mo-header-left .hb-mo-header-text {
  display: flex;
  line-height: 1.5;
  align-items: center;
}
.hb-mo-custom-header .hb-mo-header-left .mo-btn {
  margin-inline-start: 12px;
}

.hb-mo-custom-header .mo-btn {
  display: inline-block;
  margin-block-end: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  white-space: nowrap;
  font-size: 14px;
  line-height: 1.5;
  font-family: inherit;
  border: 1px solid transparent;
  padding-block-start: 6px;
  padding-block-end: 6px;
  padding-inline-start: 15px;
  padding-inline-end: 15px;
  outline: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
.hb-mo-custom-header .mo-btn + .mo-btn {
  margin-inline-start: 10px;
}
.hb-mo-custom-header .mo-btn.mo-primary {
  color: #FFF;
  background-color: #009EFB;
  border-color: transparent;
}
.hb-mo-custom-header .mo-btn.mo-error {
  color: #FFF;
  background-color: #E53935;
  border-color: transparent;
}
.hb-mo-custom-header .mo-btn.mo-success {
  color: #FFF;
  background-color: #00D292;
  border-color: transparent;
}

/* Dialog RTL */
[dir=rtl] .below-right {
  transform-origin: right top;
  -webkit-transform-origin: right top;
}
[dir=rtl] .below-left {
  transform-origin: left top;
  -webkit-transform-origin: left top;
}
[dir=rtl] .upper-right {
  transform-origin: right bottom;
  -webkit-transform-origin: right bottom;
}
[dir=rtl] .upper-left {
  transform-origin: left bottom;
  -webkit-transform-origin: left bottom;
}
[dir=rtl] .xSlideInLeft {
  animation: xSlideInLeftRtl 0.3s ease-out;
}
@keyframes xSlideInLeftRtl {
  from {
    transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes xSlideInLeftRtl {
  from {
    transform: translate3d(-100%, 0, 0);
  }
}
[dir=rtl] .xSlideOutRight {
  animation: xSlideOutRightRtl 0.3s ease-out;
}
@keyframes xSlideOutRightRtl {
  to {
    transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes xSlideOutRightRtl {
  to {
    transform: translate3d(-100%, 0, 0);
  }
}
[dir=rtl] .xSlideInRightFull {
  animation: xSlideInRightFullRtl 0.3s ease-out;
}
@keyframes xSlideInRightFullRtl {
  from {
    transform: translate3d(100%, 0, 0);
  }
}
@-webkit-keyframes xSlideInRightFullRtl {
  from {
    transform: translate3d(100%, 0, 0);
  }
}
[dir=rtl] .xSlideOutLeftFull {
  animation: xSlideOutLeftFullRtl 0.3s ease-out;
  animation-fill-mode: both;
}
@keyframes xSlideOutLeftFullRtl {
  to {
    transform: translate3d(100%, 0, 0);
  }
}
@-webkit-keyframes xSlideOutLeftFullRtl {
  to {
    transform: translate3d(100%, 0, 0);
  }
}
[dir=rtl] .xSlideInLeftFull {
  animation: xSlideInLeftFullRtl 0.3s ease-out;
}
@keyframes xSlideInLeftFullRtl {
  from {
    transform: translate3d(-50%, 0, 0);
  }
}
@-webkit-keyframes xSlideInLeftFullRtl {
  from {
    transform: translate3d(-50%, 0, 0);
  }
}
[dir=rtl] .xSlideOutRightFull {
  animation: xSlideOutRightFullRtl 0.3s ease-out;
  animation-fill-mode: both;
}
@keyframes xSlideOutRightFullRtl {
  to {
    transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes xSlideOutRightFullRtl {
  to {
    transform: translate3d(-100%, 0, 0);
  }
}

/*# sourceMappingURL=hb-dialog.css.map */