body{width:100dvw;height:100dvh;padding:var(--app-padding);background-image:var(--app-background-image);overflow:hidden}body:before{content:"";background-image:radial-gradient(100% 90% at 10% 10%,#7fa3fecc,#0000 70%),radial-gradient(100% 150% at 0 100%,#00ddd052,#0000 70%);position:absolute;inset:0}body:has(.dialog-overlay-iframe) iframe{z-index:100;overflow:visible}.app-shell{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);display:flex}.app-shell:before{pointer-events:none;content:"";border-radius:inherit;background:var(--ro-app-shell-glass-border-gradient);-webkit-mask-composite:xor;padding:.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.app-shell{background:var(--ro-colors-component-glass-accentuated)}.app-shell-wrapper{gap:var(--shell-gap);border:1px solid var(--ro-colors-border-glass);border-radius:var(--shell-container-radius);flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.app-shell-body{gap:var(--shell-gap);border-top:1px solid var(--ro-colors-border-glass);flex:1;min-height:0;display:flex}.app-shell-banner{background:var(--ro-colors-component-glass-accentuated)}.app-shell-banner.full-width{width:100%;position:absolute;top:0;left:0}.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);border-left:1px solid var(--ro-colors-border-glass);min-width:0}.app-shell-main,.app-shell-main .app-shell-container{flex-direction:column;flex:1;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.app-shell-main .app-shell-container{background:var(--ro-colors-component-glass-accentuated)}.app-shell-main .app-shell-container.--bg-white{background:var(--ro-colors-bg-container)}.app-shell-main .app-shell-container .page-body{gap:var(--shell-container-gap);min-height:0;padding:0 var(--shell-container-padding) var(--shell-container-padding);flex-direction:column;flex:1;display:flex;overflow:hidden auto}.app-shell-main .app-shell-container .page-body:has(iframe){padding:0}.app-shell-main>.dialer{flex:none}.main>.ro-panel{max-height:100%;position:absolute}.main.app-shell-container>.ro-dialog-overlay:has(+.ro-dialog){z-index:var(--ro-z-index-overlay);width:auto;height:auto;position:absolute;inset:0}.main.app-shell-container>.ro-dialog{z-index:var(--ro-z-index-modal);width:min(100% - 2 * var(--ro-dialog-gutter),var(--ro-dialog-max-w));height:auto;position:absolute}.main.app-shell-container>.ro-dialog.ro-size-fit{width:fit-content}.main.app-shell-container:has(.ro-dialog) :is(.ro-select-dropdown,.ro-dropdown-menu,.ro-popover,[data-reka-popover-content]){z-index:calc(var(--ro-z-index-modal) + 1)}.main.app-shell-container:has(.ro-dialog)>[data-reka-popper-content-wrapper]{z-index:calc(var(--ro-z-index-modal) + 1)!important}.main.app-shell-container:has(.dialog-overlay-iframe):has(iframe){overflow:visible}@media (width>=1921px){body{place-content:center;display:grid}.app-shell{width:calc(100vw - var(--shell-container-padding)*2);min-width:calc(1920px - var(--shell-gap)*2);min-height:0;max-height:92dvh;margin:auto}}@media (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{border:none;flex-direction:column}.app-shell-body{border-top:none;flex-direction:column}}