.modal-dialog.site-preview-dialog{max-width:calc(100% - 2rem);height:calc(100% - 2rem);margin:1rem auto}.modal-dialog.site-preview-dialog .site-preview-content{height:100%}.modal-dialog.site-preview-dialog .modal-header{padding:.5rem .75rem}.modal-dialog.site-preview-dialog .modal-body{display:flex;flex-direction:column;min-height:0}.site-preview-head{display:flex;align-items:center;gap:.75rem;width:100%}.site-preview-title{display:flex;align-items:center;gap:.375rem;font-weight:600;white-space:nowrap}.site-preview-title .icon{color:var(--wpide-accent-color)}.site-preview-url{display:flex;flex:1 1 auto;gap:.375rem;min-width:0}.site-preview-sizes{display:flex}.site-preview-sizes .btn.active{color:var(--wpide-accent-color);background:var(--wpide-accent-dim)}.site-preview-picked{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.625rem .875rem;border-bottom:1px solid var(--wpide-border-light);background:var(--wpide-accent-dim)}.site-preview-picked code{overflow-wrap:anywhere}.site-preview-picked .btn{margin-left:auto}.site-preview-stage{position:relative;display:flex;flex:1 1 auto;justify-content:center;min-height:0;background:var(--wpide-lighter)}.site-preview-stage iframe{height:100%;max-width:100%;border:0;background:#fff;box-shadow:0 0 0 1px var(--wpide-border-light);transition:width .2s ease}.site-preview-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}@media(max-width: 767.98px){.modal-dialog.site-preview-dialog{max-width:100%;height:100%;margin:0}.site-preview-head{flex-wrap:wrap}.site-preview-url{order:3;flex-basis:100%}.site-preview-sizes{margin-left:auto}}