.root-voc-preview__main{position:fixed;top:0;right:0;bottom:0;left:360px;display:flex;min-width:0;min-height:0;flex-direction:column;gap:16px;padding:16px;background:var(--page-canvas)}.root-voc-preview__main:focus{outline:none}.root-voc-preview .project-deep-dive-header{display:flex;min-height:0;justify-content:flex-end}.root-voc-preview .project-deep-dive-header__label{display:none}.root-voc-preview__frame{display:block;width:100%;min-height:0;flex:1 1 0;border:0;border-radius:var(--project-media-radius);background:#f7f3eb}.root-voc-preview__unavailable{margin:auto;color:var(--text-muted)}@media(min-width:721px){.root-voc-preview .project-deep-dive-header{display:none}}@media(max-width:720px){.root-voc-preview .project-sidebar{display:none}.root-voc-preview__main{left:0;padding:max(16px,env(safe-area-inset-top)) var(--mobile-page-gutter, 10px) max(10px,env(safe-area-inset-bottom))}.root-voc-preview .project-deep-dive-header__close{position:relative;width:28px;height:28px;min-height:28px}.root-voc-preview .project-deep-dive-header__close:before{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;content:""}}