.modal-window {
  height: 100vh;
  width: 100vw; }

.modal-window.modal-xs {
  height: 300px;
  width: 400px;
  max-width: none; }

.modal-window.modal-sm {
  height: 600px;
  width: 600px;
  max-width: none; }

.modal-window.modal-md {
  height: 50vh;
  width: 50vw;
  max-width: none; }

.modal-window.modal-lg {
  height: 90vh;
  width: 50vw;
  max-width: none; }

.modal-window.modal-xlg {
  height: 90vh;
  width: 90vw;
  max-width: none; }

.iframe-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  border: 5px solid #4a3f59;
  border-top: 1px solid #4a3f59;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); }
  .iframe-wrapper iframe {
    border: none;
    width: 100%;
    height: 100%;
    flex: 1; }
  .iframe-wrapper .iframe-wrapper-header {
    flex: none; }

.iframe-wrapper-header {
  display: flex;
  background-color: #4a3f59;
  align-items: center; }
  .iframe-wrapper-header .move-handle {
    flex: auto; }
    .iframe-wrapper-header .move-handle .btn:hover {
      cursor: move; }
  .iframe-wrapper-header .close-btn {
    flex: none;
    width: 2rem; }
    .iframe-wrapper-header .close-btn .btn-icon {
      text-align: right; }
    .iframe-wrapper-header .close-btn:hover {
      cursor: default; }
  .iframe-wrapper-header .btn-icon {
    border-radius: 0;
    padding: 0;
    width: 100%;
    text-align: left; }
    .iframe-wrapper-header .btn-icon:hover {
      background-color: inherit; }
      .iframe-wrapper-header .btn-icon:hover .am-icon {
        opacity: 1; }
  .iframe-wrapper-header .am-icon {
    line-height: 1;
    top: -5px;
    color: white;
    font-size: 1.25rem;
    opacity: .7; }