@charset "utf-8";

.site-version-history-dialog-wrapper { height: 100%; }

.site-version-history-dialog-wrapper.isPro .version-history, .site-version-history-dialog-wrapper.isPro .site-preview-wrapper { margin-bottom: 66px; }

.site-version-history-dialog-wrapper .s-kit-modal-content { height: 100%; border-radius: 0px; }

.site-version-history-dialog-wrapper .s-kit-modal-body { padding: 20px; height: 100vh; width: 960px; max-height: 100%; text-align: center; box-sizing: border-box; }

.site-version-history-dialog-wrapper .site-version-history-panel { height: 100%; font-size: 14px; text-align: left; }

.site-version-history-dialog-wrapper .version-title { display: flex; color: rgb(46, 46, 47); font-size: 18px; font-weight: 600; text-transform: uppercase; font-family: brandon-grotesque, brandon, martel-sans, sans-serif; }

.site-version-history-dialog-wrapper .version-title .pro-tag { line-height: 1.8; margin: 2px 0px 0px 10px; }

.site-version-history-dialog-wrapper .version-sub-title { font-size: 13px; margin-top: 6px; color: rgb(169, 174, 178); }

.site-version-history-dialog-wrapper .upgrade-banner { display: flex; align-items: center; justify-content: space-between; padding: 12px; margin-top: 10px; border-radius: 4px; border: 1px solid rgb(246, 199, 109); background-color: rgb(248, 248, 212); }

.site-version-history-dialog-wrapper .upgrade-banner .upgrade-text { font-weight: 700; color: rgb(75, 80, 86); font-family: open_sans, "Open Sans", sans-serif; }

.site-version-history-dialog-wrapper .upgrade-banner .upgrade-btn { margin: 0px; }

.site-version-history-dialog-wrapper .version-container { height: 100%; margin: 20px 0px; display: flex; justify-content: space-between; }

.site-version-history-dialog-wrapper .version-history { width: 32%; overflow-y: auto; margin-bottom: 130px; }

.site-version-history-dialog-wrapper .version-history .version-item { display: flex; align-items: center; justify-content: space-between; color: rgb(99, 105, 114); min-height: 64px; padding: 15px 20px 9px; box-sizing: border-box; background-color: rgb(244, 246, 248); border-width: 0px 1px 1px; border-style: none solid solid; border-color: currentcolor rgb(226, 228, 231) rgb(226, 228, 231); border-image: none; border-radius: 0px; }

.site-version-history-dialog-wrapper .version-history .version-item.warp-item { flex-wrap: wrap; }

.site-version-history-dialog-wrapper .version-history .version-item.warp-item .version-operation { margin: 6px 0px 0px 23px; }

.site-version-history-dialog-wrapper .version-history .version-item.inline-layout { align-items: flex-start; }

.site-version-history-dialog-wrapper .version-history .version-item:first-child { border-top: 1px solid rgb(226, 228, 231); border-radius: 4px 4px 0px 0px; }

.site-version-history-dialog-wrapper .version-history .version-item:last-child { border-radius: 0px 0px 4px 4px; }

.site-version-history-dialog-wrapper .version-history .version-item .version-tag { text-align: center; margin-bottom: 6px; }

.site-version-history-dialog-wrapper .version-history .version-item .version-tag.indentation { margin-left: 23px; }

.site-version-history-dialog-wrapper .version-history .s-kit-radio-wrapper { width: auto; margin-right: 0px; display: flex; align-items: center; }

.site-version-history-dialog-wrapper .version-history .sub-text { font-size: 13px; margin: 4px 0px 0px 25px; color: rgb(169, 174, 178); }

.site-version-history-dialog-wrapper .version-history .version-info { font-size: 14px; margin-bottom: 6px; }

.site-version-history-dialog-wrapper .version-history .version-info .version-date { font-weight: 700; color: rgb(75, 80, 86); font-family: open_sans, "Open Sans", sans-serif; }

.site-version-history-dialog-wrapper .version-history .version-operation { display: flex; align-items: center; }

.site-version-history-dialog-wrapper .version-history .version-operation .restore-btn { margin: -2px 0px 6px; }

.site-version-history-dialog-wrapper .site-preview-wrapper { position: relative; width: 66%; border-radius: 4px; margin-bottom: 130px; border: 1px solid rgb(226, 228, 231); }

.site-version-history-dialog-wrapper .site-preview-wrapper .loading-container { height: 100%; width: 100%; text-align: center; background-color: rgb(228, 232, 239); position: absolute; left: 0px; right: 0px; top: 0px; }

.site-version-history-dialog-wrapper .site-preview-wrapper .loading-container .fa-spinner { margin-top: 30vh; }

.site-version-history-dialog-wrapper .site-preview-wrapper .preview-iframe { width: 200%; height: 200%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding-bottom: 66px; transform: scale(0.5); transform-origin: 0px 0px; }

@media only screen and (max-width: 3600px) {
  .site-version-history-dialog-wrapper .s-kit-modal-body { width: 1200px; }
  .site-version-history-dialog-wrapper .s-kit-modal-body .version-history .version-item .version-info { margin-right: 40px; }
}

@media only screen and (max-width: 1440px) {
  .site-version-history-dialog-wrapper .s-kit-modal-body { width: 960px; }
  .site-version-history-dialog-wrapper .s-kit-modal-body .version-history .version-item .version-info { margin-right: 0px; }
}

@media screen and (max-width: 960px) {
  .site-version-history-dialog-wrapper .s-kit-modal-body { width: 720px; }
  .site-version-history-dialog-wrapper .s-kit-modal-body .version-history .version-item .version-tag { margin: 0px 60px 6px 23px; }
  .site-version-history-dialog-wrapper .s-kit-modal-body .version-history .version-item .version-info { margin-right: 0px; }
  .site-version-history-dialog-wrapper .s-kit-modal-body .version-history .version-item .version-operation { margin: 0px; }
  .site-version-history-dialog-wrapper .s-kit-modal-body .version-history .version-item .version-operation .restore-btn { margin: -2px 0px 6px 23px; }
}