:root{
  --share-vh: 100vh;
  --share-safe-top: env(safe-area-inset-top, 0px);
  --share-safe-right: env(safe-area-inset-right, 0px);
  --share-safe-bottom: env(safe-area-inset-bottom, 0px);
  --share-safe-left: env(safe-area-inset-left, 0px);
}

html, body{
  width:100%;
  min-height:100%;
}

body.share-fullscreen,
body.path-share{
  margin:0 !important;
  padding:0 !important;
  width:100% !important;
  min-height:var(--share-vh) !important;
}

body.share-fullscreen .container,
body.share-fullscreen .content,
body.share-fullscreen .page,
body.share-fullscreen .page-shell,
body.share-fullscreen .layout,
body.share-fullscreen .main,
body.share-fullscreen .workspace,
body.share-fullscreen .workspace-shell,
body.share-fullscreen .workspace-wrapper,
body.share-fullscreen .viewer,
body.share-fullscreen .viewer-shell,
body.share-fullscreen .viewer-wrapper,
body.share-fullscreen .card,
body.path-share .container,
body.path-share .content,
body.path-share .page,
body.path-share .page-shell,
body.path-share .layout,
body.path-share .main,
body.path-share .workspace,
body.path-share .workspace-shell,
body.path-share .workspace-wrapper,
body.path-share .viewer,
body.path-share .viewer-shell,
body.path-share .viewer-wrapper,
body.path-share .card{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

iframe.share-workspace-frame,
body.share-fullscreen iframe,
body.path-share iframe{
  display:block !important;
  width:100vw !important;
  max-width:100vw !important;
  min-width:100vw !important;
  height:var(--share-vh) !important;
  min-height:var(--share-vh) !important;
  border:0 !important;
  margin:0 !important;
  padding:0 !important;
  background:#000 !important;
}

@media (max-width:900px){
  body.share-fullscreen,
  body.path-share{
    min-height:var(--share-vh) !important;
    padding:
      var(--share-safe-top)
      var(--share-safe-right)
      var(--share-safe-bottom)
      var(--share-safe-left) !important;
  }

  iframe.share-workspace-frame,
  body.share-fullscreen iframe,
  body.path-share iframe{
    width:100vw !important;
    max-width:100vw !important;
    min-width:100vw !important;
  }
}