.db-view{height:calc(100dvh - var(--shell-chrome,0px));flex-direction:column;min-height:480px;display:flex}.db-page{background:var(--bg-neutral-primary);isolation:isolate;flex:auto;min-height:0;position:relative}.db-toolbar{flex:none;min-height:40px;padding:8px 16px;display:flex;position:relative}.db-toolbar-tools{flex-wrap:wrap;flex:auto;align-items:center;gap:8px;min-width:0;display:flex}.db-toolbar-fill{flex:auto}.db-title.db-title{min-width:0;color:var(--fg-neutral-primary);font:600 18px/24px var(--font-sans);text-overflow:ellipsis;white-space:nowrap;flex:none;margin:0;padding:8px 16px;overflow:hidden}.db-toolbar.is-collapsible .db-toolbar-tools{clip-path:inset(0);transition:clip-path var(--motion-duration-medium) var(--motion-ease-smooth-out), opacity var(--motion-duration-fast) var(--motion-ease-smooth-out)}@starting-style{.db-toolbar.is-collapsible .db-toolbar-tools{clip-path:inset(0 0 0 100%);opacity:0}}.db-ball.db-ball{--db-ball-size:36px;--db-ball-gap:8px;z-index:1100;top:calc(var(--db-ball-gap) + (100% - var(--db-ball-size) - 2 * var(--db-ball-gap)) * var(--db-ball-y,0));left:calc(100% - var(--db-ball-size) - var(--db-ball-gap));width:var(--db-ball-size);height:var(--db-ball-size);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:.8;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;transition:opacity var(--motion-duration-quick) var(--motion-ease-out), scale var(--motion-duration-quick) var(--motion-ease-out), left var(--motion-duration-medium) var(--motion-ease-smooth-out), top var(--motion-duration-medium) var(--motion-ease-smooth-out);background:#202020b8;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid;position:absolute;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}.db-ball.db-ball .alle-icon{width:20px;height:20px;font-size:20px}.db-ball.db-ball[data-side=left]{left:var(--db-ball-gap)}.db-ball.db-ball:is(:hover,:focus-visible,.is-dragging){opacity:1}.db-ball.db-ball:active{scale:.94}.db-ball.db-ball:focus-visible{outline:2px solid var(--border-focus,#fff);outline-offset:2px}.db-ball.db-ball.is-dragging{cursor:grabbing;transition:opacity var(--motion-duration-quick) var(--motion-ease-out), scale var(--motion-duration-quick) var(--motion-ease-out);scale:1.06}@starting-style{.db-ball.db-ball{opacity:0;scale:.9}}.shell.is-immersive .db-view{height:100dvh;min-height:0}@media (max-width:959.98px){.db-view{position:relative}.db-toolbar.is-collapsible{z-index:2;pointer-events:none;padding:0;position:absolute;top:8px;left:10px;right:10px}.db-toolbar.is-collapsible>*{pointer-events:auto}.db-toolbar.is-collapsible .db-toolbar-tools{background:var(--bg-neutral-primary);box-shadow:var(--shadow-dropdown), 0 0 0 1px var(--border-neutral-default);padding:8px}}@media (prefers-reduced-motion:reduce){.db-toolbar.is-collapsible .db-toolbar-tools,.db-ball.db-ball,.db-ball.db-ball.is-dragging{transition:none}.db-ball.db-ball:is(:active,.is-dragging){scale:none}}