.onui-bp-root{--onui-bp-tab-h:36px;--onui-bp-radius:8px;--onui-bp-corner:8px;--onui-bp-border:color-mix(in srgb,var(--border,#e4e4e7)55%,transparent);--onui-bp-card:var(--card,#fff);--onui-bp-muted:var(--muted,#f4f4f5);--onui-bp-fg:var(--foreground,#09090b);--onui-bp-muted-fg:var(--muted-foreground,#71717a);--onui-bp-primary:var(--primary,#6366f1);--onui-bp-ring:var(--ring,#6366f1);--onui-bp-bg:var(--background,#fff);border:1px solid var(--onui-bp-border);background:var(--onui-bp-card);width:100%;color:var(--onui-bp-fg);border-radius:16px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px -10px #00000026,0 4px 12px -2px #00000012,0 0 0 1px #00000008}.onui-bp-root .onui-bp-tabbar{background:linear-gradient(to bottom,color-mix(in srgb,var(--onui-bp-muted)90%,transparent),color-mix(in srgb,var(--onui-bp-muted)50%,transparent));align-items:flex-end;gap:2px;padding:6px 12px 0;display:flex;position:relative}.onui-bp-root .onui-bp-tabbar:before{content:"";background:linear-gradient(to right,transparent,color-mix(in srgb,var(--onui-bp-fg)8%,transparent),transparent);height:1px;position:absolute;top:0;left:0;right:0}.onui-bp-root .onui-bp-lights{height:var(--onui-bp-tab-h);flex-shrink:0;align-items:center;gap:6px;padding:0 8px 0 2px;display:flex}.onui-bp-root .onui-bp-lights .onui-bp-light{cursor:default;border-radius:50%;width:12px;height:12px;transition:transform .15s;box-shadow:inset 0 0 0 1px #0000001f}.onui-bp-root .onui-bp-lights .onui-bp-light:hover{transform:scale(1.12)}.onui-bp-root .onui-bp-tabs{flex:1;align-items:flex-end;min-width:0;display:flex}.onui-bp-root .onui-bp-tab{min-width:100px;max-width:200px;height:calc(var(--onui-bp-tab-h) - 8px);color:var(--onui-bp-muted-fg);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;margin:4px 2px;padding:0 10px;font-size:12px;font-weight:500;transition:background .15s,color .15s,border-radius .18s;display:flex;position:relative}.onui-bp-root .onui-bp-tab:hover:not(.onui-bp-tab-active){background:color-mix(in srgb,var(--onui-bp-fg)8%,transparent);color:var(--onui-bp-fg)}.onui-bp-root .onui-bp-tab.onui-bp-tab-active{height:var(--onui-bp-tab-h);border-radius:var(--onui-bp-radius)var(--onui-bp-radius)0 0;color:var(--onui-bp-fg);z-index:1;background:0 0;margin:0 2px -1px;padding-bottom:1px}.onui-bp-root .onui-bp-tab .onui-bp-tab-favicon{width:14px;height:14px;color:var(--onui-bp-muted-fg);flex-shrink:0;justify-content:center;align-items:center;display:flex}.onui-bp-root .onui-bp-tab .onui-bp-tab-title{text-overflow:ellipsis;flex:1;overflow:hidden}.onui-bp-root .onui-bp-tab .onui-bp-tab-close{cursor:pointer;opacity:0;background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:opacity .15s,background .15s;display:flex}.onui-bp-root .onui-bp-tab .onui-bp-tab-close:hover{background:color-mix(in srgb,var(--onui-bp-fg)10%,transparent);opacity:1!important}.onui-bp-root .onui-bp-tab:hover .onui-bp-tab-close,.onui-bp-root .onui-bp-tab.onui-bp-tab-active .onui-bp-tab-close{opacity:.55}.onui-bp-root .onui-bp-tab-ind{border-radius:var(--onui-bp-radius)var(--onui-bp-radius)0 0;background:var(--onui-bp-card);border:1px solid var(--onui-bp-border);z-index:-1;pointer-events:none;border-bottom:none;position:absolute;inset:0}.onui-bp-root .onui-bp-tab-ind:before{content:"";width:var(--onui-bp-corner);height:var(--onui-bp-corner);background:radial-gradient(circle at 0% 0%,transparent var(--onui-bp-corner),var(--onui-bp-card)var(--onui-bp-corner));pointer-events:none;position:absolute;bottom:0;right:100%}.onui-bp-root .onui-bp-tab-ind:after{content:"";width:var(--onui-bp-corner);height:var(--onui-bp-corner);background:radial-gradient(circle at 100% 0%,transparent var(--onui-bp-corner),var(--onui-bp-card)var(--onui-bp-corner));pointer-events:none;position:absolute;bottom:0;left:100%}.onui-bp-root .onui-bp-new-tab{width:28px;height:28px;color:var(--onui-bp-muted-fg);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin:0 2px 4px;transition:background .15s,color .15s;display:flex}.onui-bp-root .onui-bp-new-tab:hover{background:color-mix(in srgb,var(--onui-bp-fg)6%,transparent);color:var(--onui-bp-fg)}.onui-bp-root .onui-bp-urlrow{background:var(--onui-bp-card);border-bottom:1px solid var(--onui-bp-border);align-items:center;gap:4px;padding:8px 12px;display:flex;position:relative}.onui-bp-root .onui-bp-nav{color:var(--onui-bp-muted-fg);align-items:center;gap:1px;display:flex}.onui-bp-root .onui-bp-iconbtn{width:28px;height:28px;color:var(--onui-bp-muted-fg);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s,opacity .15s;display:flex}.onui-bp-root .onui-bp-iconbtn:hover:not(:disabled){background:color-mix(in srgb,var(--onui-bp-fg)6%,transparent);color:var(--onui-bp-fg)}.onui-bp-root .onui-bp-iconbtn:disabled{opacity:.3;cursor:default}.onui-bp-root .onui-bp-url-wrap{flex:1;min-width:0;position:relative}.onui-bp-root .onui-bp-url-lock{pointer-events:none;color:var(--onui-bp-muted-fg);transition:color .15s;display:flex;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.onui-bp-root .onui-bp-url-input{background:color-mix(in srgb,var(--onui-bp-muted)70%,transparent);width:100%;height:30px;color:var(--onui-bp-fg);box-sizing:border-box;border:1px solid #0000;border-radius:999px;outline:none;padding:0 34px 0 30px;font-size:12px;transition:background .15s,border-color .15s,box-shadow .15s}.onui-bp-root .onui-bp-url-input:hover{background:color-mix(in srgb,var(--onui-bp-muted)90%,transparent)}.onui-bp-root .onui-bp-url-input:focus{background:var(--onui-bp-bg);border-color:color-mix(in srgb,var(--onui-bp-ring)40%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--onui-bp-ring)15%,transparent)}.onui-bp-root .onui-bp-url-star{width:24px;height:24px;color:var(--onui-bp-muted-fg);cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s,transform .15s;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.onui-bp-root .onui-bp-url-star:hover{background:color-mix(in srgb,var(--onui-bp-fg)8%,transparent);color:var(--onui-bp-fg)}.onui-bp-root .onui-bp-url-star.onui-bp-url-star--bookmarked{color:#f59e0b}.onui-bp-root .onui-bp-url-star--pop{animation:.28s onui-bp-bookmark-pop}.onui-bp-root .onui-bp-load-bar{pointer-events:none;height:2px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.onui-bp-root .onui-bp-load-bar .onui-bp-load-track{background:var(--onui-bp-primary);border-radius:999px;height:100%}.onui-bp-root .onui-bp-content-wrap{min-height:var(--onui-bp-content-min-h,300px);background:var(--onui-bp-bg);flex:1;position:relative;overflow:hidden}.onui-bp-root .onui-bp-content{background:var(--onui-bp-bg);position:absolute;inset:0;overflow:auto}.onui-bp-root .onui-bp-content--enter-right{animation:.28s cubic-bezier(.22,.68,0,1.2) both onui-bp-enter-right}.onui-bp-root .onui-bp-content--enter-left{animation:.28s cubic-bezier(.22,.68,0,1.2) both onui-bp-enter-left}.onui-bp-root .onui-bp-content--enter-fade{animation:.22s both onui-bp-fadein}.onui-bp-root .onui-bp-content--exit-right{pointer-events:none;z-index:1;animation:.22s both onui-bp-exit-right}.onui-bp-root .onui-bp-content--exit-left{pointer-events:none;z-index:1;animation:.22s both onui-bp-exit-left}.onui-bp-root .onui-bp-content--exit-fade{pointer-events:none;z-index:1;animation:.18s both onui-bp-fadeout}.onui-bp-root--draggable .onui-bp-tabbar{cursor:grab}.onui-bp-root--draggable .onui-bp-tabbar:active{cursor:grabbing}@keyframes onui-bp-enter-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes onui-bp-enter-left{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes onui-bp-exit-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-16px)}}@keyframes onui-bp-exit-left{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(16px)}}@keyframes onui-bp-fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes onui-bp-fadeout{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}@keyframes onui-bp-bookmark-pop{0%{transform:translateY(-50%)scale(1)}45%{transform:translateY(-50%)scale(1.45)}to{transform:translateY(-50%)scale(1)}}@keyframes onui-bp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}