/* Carrot Revolt Labs · shared Blender look (icons, header widgets, Outliner). Colours of Blender's default dark theme. */
.bi{width:16px;height:16px;display:block;flex:none}
.bi-dd{width:10px;height:10px;opacity:.75}

/* Header widgets: dropdown buttons with an icon, and joined icon groups */
.bh-dd{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 6px 0 5px;background:#282828;border:1px solid #1b1b1b;border-radius:4px;color:#e6e6e6;font-size:12px;cursor:pointer;white-space:nowrap}
.bh-dd:hover{background:#3a3a3a}
.bh-dd .bi{color:#d9d9d9}
.bh-dd[aria-pressed="true"]{background:#282828}
.bh-editor{padding:0 3px 0 4px;background:transparent;border-color:transparent}
.bh-editor:hover{background:#3a3a3a}
.bh-group{display:inline-flex;align-items:stretch}
.bh-group .bh-ico{display:grid;place-items:center;width:28px;height:24px;background:#545454;border:1px solid #1b1b1b;border-left-width:0;color:#e6e6e6;padding:0;cursor:pointer}
.bh-group .bh-ico:first-child{border-left-width:1px;border-radius:4px 0 0 4px}
.bh-group .bh-ico:last-child{border-radius:0 4px 4px 0}
.bh-group .bh-ico:only-child{border-radius:4px}
.bh-group .bh-ico:hover:not([aria-pressed="true"]):not(:disabled){background:#656565}
.bh-group .bh-ico[aria-pressed="true"]{background:#4772b3;color:#fff}
.bh-group .bh-ico:disabled{opacity:.45;cursor:default}
.bh-group .bh-ico.soft{background:transparent;border-color:transparent}
.bh-group .bh-ico.soft:hover:not(:disabled){background:#3d3d3d}
.bh-group .bh-ico.soft[aria-pressed="true"]{background:#4772b3}
.bh-sep{width:10px;flex:none}

/* Outliner */
.bo{background:#282828;color:#e6e6e6;font-size:12px;border-bottom:1px solid #161616;user-select:none}
.bo-head{display:flex;align-items:center;gap:4px;height:28px;padding:0 5px;background:#303030;border-bottom:1px solid #1d1d1d}
.bo-btn{display:inline-flex;align-items:center;gap:1px;height:22px;padding:0 3px;border-radius:4px;color:#d6d6d6}
.bo-btn:hover{background:#3d3d3d}
.bo-editor{margin-right:2px}
.bo-search{flex:1;min-width:40px;display:flex;align-items:center;gap:4px;height:20px;padding:0 6px;background:#1d1d1d;border:1px solid #161616;border-radius:10px;color:#8a8a8a}
.bo-search .bi{width:12px;height:12px}
.bo-tree{list-style:none;margin:0;padding:2px 0 6px;max-height:220px;overflow:auto}
.bo-row{display:flex;align-items:center;height:20px;padding:0 4px 0 2px;white-space:nowrap}
.bo-row.odd{background:#2b2b2b}
.bo-row.pick{cursor:pointer}
.bo-row.pick:hover{background:#353535}
.bo-row.sel{background:#223a5b}
.bo-row.sel:hover{background:#28446a}
.bo-row.active{background:#334d80}
.bo-row.active:hover{background:#3a5890}
.bo-row.active .bo-name{color:#fff}
.bo-row.dim .bo-name,.bo-row.dim .bo-icon{opacity:.5}
.bo-row:focus-visible{outline:1px solid #ffbf00;outline-offset:-1px}
.bo-mode{width:18px;display:grid;place-items:center;flex:none}
.bo-mode .bi{width:14px;height:14px}
.bo-dot{width:4px;height:4px;border-radius:50%;background:#6a6a6a;display:block}
.bo-indent{flex:none}
.bo-tri{width:16px;display:grid;place-items:center;color:#b5b5b5;flex:none}
.bo-tri .bi{width:12px;height:12px}
.bo-tri-sp{display:block;width:12px}
.bo-icon{width:18px;display:grid;place-items:center;flex:none}
.bo-name{margin-left:3px;color:#e6e6e6;overflow:hidden;text-overflow:ellipsis}
.bo-inline{display:grid;place-items:center;margin-left:5px;opacity:.95}
.bo-inline .bi{width:13px;height:13px}
.bo-lock{margin-left:6px;font-size:9px;opacity:.6}
.bo-tgs{margin-left:auto;display:flex;align-items:center;gap:2px;padding-left:6px}
.bo-tg,.bo-tg-sp{width:20px;height:18px;display:grid;place-items:center;flex:none;color:#d9d9d9;border-radius:3px}
.bo-tg .bi{width:14px;height:14px}
.bo-tg.off{color:#7a7a7a}
.bo-tg[data-ol-tg]:hover{background:#ffffff14;cursor:pointer}

/* blenderize(): editor-type labels become Blender's Editor Type button */
.editor-type.bz{gap:4px;padding-right:0;position:relative}
.editor-type.bz .bz-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.editor-type.bz .bz-editor .bi{color:#d9d9d9}
.editor-type.bz-has-select .bz-editor{position:absolute;left:5px;top:50%;transform:translateY(-50%);padding:0;background:none;border:0;pointer-events:none;height:auto}
.editor-type.bz-has-select select{padding-left:26px!important}
.bz-hidden{display:none!important}
.mode-pill.bz{background:#282828;border:1px solid #1b1b1b;padding:0 6px 0 5px;height:24px;font-size:12px;color:#e6e6e6;border-radius:4px}
.mode-select.bz-mode-select{display:inline-flex;align-items:center;gap:2px;height:26px;padding:0 0 0 6px;background:#282828;border:1px solid #1b1b1b;border-radius:4px}
.mode-select.bz-mode-select .bz-mode-ic .bi{color:#d9d9d9}
.mode-select.bz-mode-select select{background:transparent!important;border:0!important;height:24px;padding:0 6px 0 3px!important;color:#e6e6e6;box-shadow:none!important}