.main-layout-scroll-root,.main-layout-scroll-root body,.main-layout-scroll-root #root{overflow:hidden}.main-layout-scroll-root,.main-layout-scroll-root body{background:hsl(var(--app-frame))}.main-layout-scroll-root body{padding-top:calc(env(safe-area-inset-top,0px) + var(--app-frame-width));padding-right:calc(env(safe-area-inset-right,0px) + var(--app-frame-width));padding-bottom:calc(env(safe-area-inset-bottom,0px) + var(--app-frame-width));padding-left:calc(env(safe-area-inset-left,0px) + var(--app-frame-width))}.main-layout-scroll-root #root{background:hsl(var(--background));border-radius:var(--app-frame-radius)}@media (width<=767px){.main-layout-scroll-root,.main-layout-scroll-root body{background:hsl(var(--background))}.main-layout-scroll-root body{--app-frame-width:0px;--app-frame-radius:0px}}main{scrollbar-width:none}main::-webkit-scrollbar{display:none}.side-panel-nav{scrollbar-width:none}.side-panel-nav::-webkit-scrollbar{display:none}.top-bar-search{align-items:center;width:100%;max-width:480px;display:flex;position:relative}.top-bar-search-icon{width:15px;height:15px;color:hsl(var(--muted-foreground));pointer-events:none;flex-shrink:0;position:absolute;left:10px}.top-bar-search-input{border-radius:calc(var(--radius) * 1.5);background:hsl(var(--secondary));width:100%;height:32px;color:hsl(var(--foreground));border:none;outline:none;padding:0 12px 0 32px;font-size:.8125rem;transition:opacity .15s,background .15s}.top-bar-search-input::placeholder{color:hsl(var(--muted-foreground))}.top-bar-search-input:focus{border-color:hsl(var(--ring));background:hsl(var(--background))}.top-bar-search-input::-webkit-search-cancel-button{display:none}