.preview-frame{position:fixed;height:100%;width:100%;top:0;left:0;z-index:10001;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,0);transition:background-color .5s linear}.preview-frame .icon-caret-left{display:none;position:fixed;z-index:99;left:12px;top:12px;width:32px;height:32px;border-radius:50%;border:1px solid var(--button-border-ghost-default, rgba(255, 255, 255, .08));background:var(--button-bg-ghost, rgba(255, 255, 255, .01));text-align:center;line-height:32px;cursor:pointer;box-sizing:border-box;color:var(--fg-9, rgba(0, 0, 0, .97));-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}.preview-frame-iframe{height:calc(100% - 30px);width:100%;max-width:812px;border:0;border-radius:12px;overflow:hidden;transition:all .35s cubic-bezier(.42,1.01,.47,1.02);transform:scale(0);opacity:0;border:1px solid var(--invert-1);box-sizing:border-box}.preview-frame-a-enter,.preview-frame-a-leave-to{background-color:rgba(0,0,0,0)}.preview-frame-a-enter-to,.preview-frame-a-leave{background-color:rgba(0,0,0,.75)}.preview-frame-b-enter,.preview-frame-b-leave-to{transform:scale(0);opacity:0}.preview-frame-b-enter-to,.preview-frame-b-leave{transform:scale(1);opacity:1}.preview-frame-loading{width:120px;display:block;position:absolute;z-index:1;opacity:.2}.preview-frame .loading{font-size:48px;color:rgba(255,255,255,.5);position:absolute;z-index:1}@media screen and (max-width:842px){.preview-frame iframe{height:100%;max-width:100%;border-radius:0;border:0}.preview-frame .icon-caret-left{display:block}}