/* compressionの静止画像表示設定。完成画像の寸法・画質には関与しない。 */
.bk-compression-view-setting .bk-output-format {
  margin-bottom: 10px;
}

@keyframes bk-compression-static-display-fallback {
  to {
    visibility: visible;
  }
}

@media (min-width: 992px) {
  #main .image-wrapper {
    padding: 5px 50px;
  }

  #basearea:not(.bk-static-display-ready) {
    visibility: hidden;
    animation: bk-compression-static-display-fallback 0s linear 3s forwards;
  }

  #basearea.bk-static-display-ready {
    visibility: visible;
    animation: none;
  }
}

@media (max-width: 991px) {
  .bk-compression-other-settings-title,
  .bk-compression-view-setting {
    display: none;
  }
}