:root{--kt-frame-max-width:430px;--kt-frame-max-height:932px;--kt-frame-width:min(100vw,var(--kt-frame-max-width));background:#050810}
html body:not(.kt-app-framed)>.kt-app-scroll{display:contents}
@media(min-width:431px){
 html:root{height:100%;overflow:hidden;background:#050810;--kt-frame-height:min(100dvh,var(--kt-frame-max-height))}
 html body.kt-app-framed{box-sizing:border-box;width:var(--kt-frame-max-width);max-width:var(--kt-frame-max-width);height:var(--kt-frame-height);min-height:0;margin:calc((100dvh - var(--kt-frame-height))/2) auto;position:relative;transform:translateZ(0);overflow:hidden}
 html body.kt-app-framed>.kt-app-scroll{box-sizing:border-box;position:relative;width:100%;height:100%;min-height:0;overflow:auto;overscroll-behavior:contain;display:inherit;flex-direction:inherit;align-items:inherit;justify-content:inherit}
 html body.kt-app-framed #root{width:100%;max-width:100%;height:100%;min-height:0;border-left:0;border-right:0}
 html body.kt-app-framed dialog:modal{box-sizing:border-box;width:var(--kt-frame-width);max-width:var(--kt-frame-width);max-height:var(--kt-frame-height)}
 html body.kt-app-framed dialog::backdrop{clip-path:inset(calc((100% - var(--kt-frame-height))/2) calc((100% - var(--kt-frame-max-width))/2))}
}