.look-layouts-frame {
    min-height: 600px;
    border-radius: 6px;
}

.preview-modal__overlay {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.8);
  font-family: 'Inter', 'Helvetica', 'Arial', sans-serif;
  z-index: 1000;
}

.preview-modal__frame-wrapper {
  position: relative;
  width: calc(100% - 48px);
}

.preview-modal__close-ico {
  position: absolute;
  top: -48px;
  right: 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12ZM24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12ZM8.85355 8.14645C8.65829 7.95118 8.34171 7.95118 8.14645 8.14645C7.95118 8.34171 7.95118 8.65829 8.14645 8.85355L11.2929 12L8.14645 15.1464C7.95118 15.3417 7.95118 15.6583 8.14645 15.8536C8.34171 16.0488 8.65829 16.0488 8.85355 15.8536L12 12.7071L15.1464 15.8536C15.3417 16.0488 15.6583 16.0488 15.8536 15.8536C16.0488 15.6583 16.0488 15.3417 15.8536 15.1464L12.7071 12L15.8536 8.85355C16.0488 8.65829 16.0488 8.34171 15.8536 8.14645C15.6583 7.95118 15.3417 7.95118 15.1464 8.14645L12 11.2929L8.85355 8.14645Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
  cursor: pointer;
}

.preview-modal__frame {
  height: 180px;
}

@media (min-width: 401px) {
  .preview-modal__frame {
    height: 250px;
  }
}

@media (min-width: 501px) {
  .preview-modal__frame {
    height: 300x;
  }
}


@media (min-width: 601px) {
  .preview-modal__frame {
    height: 500px;
  }
}

@media (min-width: 948px) {
  .preview-modal__close-ico {
    display: none;
  }
  
  .preview-modal__frame-wrapper {
    width: 900px;
  }

  .preview-modal__frame {
    height: 662px;
  }
}