#danna-app-viewport{display:contents}html[data-app-portrait]{--app-portrait-height:100dvw;overflow:hidden}html[data-app-portrait] body{width:100dvh;height:var(--app-portrait-height);transform-origin:50%;min-height:0;transform:translate(-50%, -50%) rotate(var(--app-portrait-angle));margin:0;position:fixed;inset:50% auto auto 50%;overflow:hidden}html[data-app-portrait] #danna-app-viewport{-webkit-overflow-scrolling:touch;height:100%;display:block;overflow:hidden auto}html[data-app-portrait] .min-h-screen,html[data-app-portrait] .min-h-dvh{min-height:var(--app-portrait-height)}html[data-app-portrait] .h-screen,html[data-app-portrait] .h-dvh{height:var(--app-portrait-height)}html[data-app-portrait] .max-h-dvh{max-height:var(--app-portrait-height)}