.animated-effect {
  transition: .1s
}
.animated-long-effect {
  transition: .25s
}
.active-effect {
  transform-origin: center;
  transform: scale(.975)
}
.disable-selection {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.disable-clicks {
  pointer-events: none
}
.text-ellipsis {
  width: 100%;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.modal.fade:not(.in).left .modal-dialog {
  transition: opacity .3s linear,left .3s ease-out
}
.modal.fade:not(.in).right .modal-dialog {
  transition: opacity .3s linear,left .3s ease-out
}
.modal.right .modal-dialog {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0
}
.modal.left .modal-dialog {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0
}
.modal.left .modal-dialog.modal-sm {
  max-width: 70%
}
.modal.right .modal-lg {
  width: 93%!important;
  max-width: 93%!important
}
.modal.right .modal-header {
  max-height: 48px
}
.modal.right .close {
  position: fixed!important;
  right: 93.8%;
  top: 7px;
  padding: 0;
  margin: 0;
  color: #fff;
  border-radius: 200px
}
@media (max-width:480px) {
  .modal.right .close {
    right: 90.8%
  }
}
.modal.right .close svg {
  transition: transform .6s
}
.modal.right .close:hover svg {
  transform: rotate(90deg)
}
.modal.right .modal-content .modal-header {
  border-top-left-radius: .85rem;
  border-top-right-radius: 0
}
.modal.right .modal-content .modal-content {
  border-bottom-left-radius: .85rem;
  border-bottom-right-radius: 0
}
.modal.left .modal-content,
.modal.right .modal-content {
  min-height: 100vh;
  border: 0
}
@media (max-width:480px) {
  .modal.right .modal-lg {
    width: 89%!important;
    max-width: 89%!important
  }
  .modal.right .close {
    right: 89.8%;
    top: 5px
  }
}
.btn {
  font-size: 1.125rem!important
}
.btn.btn-icon {
  width: 28px!important;
  height: 28px!important;
  padding: 0;
  border: none;
  line-height: 28px;
  text-align: center;
  font-size: 14px;
  border-radius: 28px
}
.btn.btn-icon.btn-xs {
  width: 16px;
  height: 16px;
  font-size: 8px;
  line-height: 16px
}
.btn.btn-icon.btn-sm {
  width: 22px!important;
  height: 24px!important;
  font-size: 11px;
  line-height: 22px
}
.btn.btn-icon.btn-lg {
  width: 34px;
  height: 34px;
  font-size: 17px;
  line-height: 34px
}
.btn.btn-xs {
  font-size: .8rem!important;
  padding: 3px 6px!important
}
.btn.btn-sm {
  font-size: 1rem!important;
  padding: 5px 12px!important
}
.btn[class*=btn-outline-]:not(.btn-yellow):not(.btn-white):hover {
  color: #fff
}
.btn-group > .btn + .btn-white,
.input-group > .btn + .btn-white,
.input-group > .btn + .dropdown-menu + .btn-white {
  border-left: 1px solid #a1a5b7
}
.btn-group > .btn + .btn-light,
.input-group > .btn + .btn-light,
.input-group > .btn + .dropdown-menu + .btn-light {
  border-left: 1px solid #b8babc
}
.btn-group > .btn + .btn-primary,
.input-group > .btn + .btn-primary,
.input-group > .btn + .dropdown-menu + .btn-primary {
  border-left: 1px solid #2973bf
}
.btn-group > .btn + .btn-secondary,
.input-group > .btn + .btn-secondary,
.input-group > .btn + .dropdown-menu + .btn-secondary {
  border-left: 1px solid #abadb3
}
.btn-group > .btn + .btn-success,
.input-group > .btn + .btn-success,
.input-group > .btn + .dropdown-menu + .btn-success {
  border-left: 1px solid #14948e
}
.btn-group > .btn + .btn-info,
.input-group > .btn + .btn-info,
.input-group > .btn + .dropdown-menu + .btn-info {
  border-left: 1px solid #673cbd
}
.btn-group > .btn + .btn-warning,
.input-group > .btn + .btn-warning,
.input-group > .btn + .dropdown-menu + .btn-warning {
  border-left: 1px solid #bf7e00
}
.btn-group > .btn + .btn-danger,
.input-group > .btn + .btn-danger,
.input-group > .btn + .dropdown-menu + .btn-danger {
  border-left: 1px solid #b93b48
}
.btn-group > .btn + .btn-dark,
.input-group > .btn + .btn-dark,
.input-group > .btn + .dropdown-menu + .btn-dark {
  border-left: 1px solid #121526
}
@font-face {
  font-family: thongterm;
  unicode-range: U+0E00-0E7F
}
@font-face {
  font-family: horobo;
  unicode-range: U+00-FF,U+980-9FF
}
.img-bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center
}
.sc-editor .title-page {
  box-shadow: #828282 0 5px 4px 1px;
  -webkit-hyphens: none;
  hyphens: none;
  display: block;
  position: relative;
  z-index: 1;
  -webkit-user-select: inherit;
  -moz-user-select: inherit;
  user-select: inherit;
  margin-top: 10px;
  margin-bottom: 0;
  height: 867px;
  content-visibility: auto;
  width: 816px!important;
  background-color: #fff;
  font-size: 12pt;
  overflow-wrap: break-word;
  color: #000;
  transform: scale(1);
  transform-origin: 50% 0 0;
  margin-right: auto!important;
  margin-left: auto!important;
  padding: 96px 91px 96px 139px;
  contain-intrinsic-size: 867px;
  overflow: hidden
}
@media (max-width:480px) {
  .sc-editor .title-page {
    padding: 26px 21px 26px 60px!important;
    width: 100%!important
  }
}
.sc-editor .sc-screenplay div.page {
  box-shadow: #828282 0 5px 4px 1px;
  -webkit-hyphens: none;
  hyphens: none;
  display: flow-root;
  position: relative;
  z-index: 1;
  -webkit-user-select: inherit;
  -moz-user-select: inherit;
  user-select: inherit;
  margin-top: 10px;
  margin-bottom: 0;
  content-visibility: auto;
  background-color: #fff;
  overflow-wrap: break-word;
  transform-origin: 50% 0 0;
  color: #000;
  transform: scale(1);
  margin-right: auto!important;
  margin-left: auto!important;
  height: 867px!important;
  width: 816px!important;
  contain-intrinsic-size: 867px;
  overflow: clip;
  padding: 96px 91px 96px 139px!important
}
@media (max-width:480px) {
  .sc-editor .sc-screenplay div.page {
    padding: 26px 21px 26px 60px!important;
    width: 100%!important
  }
}
.sc-editor .character.placeholder::before {
  content: "CHARACTER"
}
.sc-editor .cxscript .placeholder::before {
  display: block;
  cursor: text;
  position: absolute;
  color: #5a5a5a
}