.debugger{position:absolute;z-index:1000;top:0;right:0;padding:var(--ro-size-2);background:var(--ro-colors-component-glass-accentuated)}.debugger button{cursor:pointer;padding-inline:var(--ro-size-2);color:var(--ro-colors-text-inverted);background:var(--ro-colors-danger)}body{overflow:hidden;width:100dvw;height:100dvh;padding:var(--app-padding);background-image:var(--app-background-image)}body:before{content:"";position:absolute;inset:0;background-image:radial-gradient(ellipse 100% 90% at 10% 10%,rgba(127,163,254,.8) 0,transparent 70%),radial-gradient(ellipse 100% 150% at 0 100%,rgba(0,221,208,.32) 0,transparent 70%)}body:has(.dialog-overlay-iframe) iframe{z-index:100;overflow:visible}.app-shell{display:flex;gap:var(--shell-gap);width:100%;height:calc(100dvh - var(--app-padding)*2);padding:var(--shell-padding);border-radius:var(--shell-radius);--ro-app-shell-glass-color:var(--ro-colors-text-primary);--ro-app-shell-glass-bg:var(--ro-glass-bg-accentuated);--ro-app-shell-glass-border-gradient:var( --ro-glass-bg-border-gradient );color:var(--ro-app-shell-glass-color);background:var(--ro-app-shell-glass-bg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--ro-glass-shadow)}.app-shell:before{pointer-events:none;content:"";position:absolute;inset:0;padding:.5px;border-radius:inherit;background:var(--ro-app-shell-glass-border-gradient);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.app-shell{background:var(--ro-colors-component-glass-accentuated)}.app-shell-wrapper{overflow:hidden;display:flex;flex-direction:column;gap:var(--shell-gap);width:100%;height:100%;border:1px solid var(--ro-colors-border-glass);border-radius:var(--shell-container-radius)}.app-shell-body{display:flex;flex:1;gap:var(--shell-gap);min-height:0;border-top:1px solid var(--ro-colors-border-glass)}.app-shell-banner{background:var(--ro-colors-component-glass-accentuated)}.app-shell-banner.full-width{position:absolute;top:0;left:0;width:100%}.app-shell-banner.full-width:has(.superapp-banner:not(:empty))+.app-shell{height:calc(100dvh - 55px - var(--app-padding)*2);min-height:0;margin-top:55px}.app-shell-banner.full-width+.app-shell .app-shell-body{border-top:none}.app-shell-main{gap:var(--shell-gap);min-width:0;border-left:1px solid var(--ro-colors-border-glass)}.app-shell-main,.app-shell-main .app-shell-container{position:relative;overflow:hidden;display:flex;flex:1;flex-direction:column;width:100%;min-height:0}.app-shell-main .app-shell-container{gap:var(--shell-container-gap);padding:0;background:var(--ro-colors-component-glass-accentuated)}.app-shell-main>.dialer{flex:0 0 auto}.app-shell-main .app-shell-container:has(iframe){padding:var(--shell-container-padding)}.app-shell-main .app-shell-container:has(.page-content--fill){padding-bottom:var(--shell-container-padding)}.app-shell-main .app-shell-container--page-scroll{overflow-y:auto}.app-shell-main .app-shell-container--page-scroll .page-content{overflow:visible;flex:1 0 auto;min-height:auto}.main>.ro-panel{position:absolute;max-height:100%}.main.app-shell-container:has(.dialog-overlay-iframe):has(iframe){overflow:visible}@media(min-width:1921px){body{display:grid;place-content:center}.app-shell{min-width:calc(1920px - var(--shell-gap)*2);max-width:calc(1920px - var(--shell-gap)*2);min-height:0;max-height:92dvh;margin:auto}}@media(max-width:1023px){.app-shell{flex-direction:column;height:100dvh;min-height:0}.app-shell--with-dialer{height:calc(100dvh - var(--reduced-dialer-height))}.app-shell-main{border-left:none}.app-shell-main,.main{flex:1;min-height:0}.app-shell-wrapper{flex-direction:column;border:none}.app-shell-body{flex-direction:column;border-top:none}}
