.od4-titlebar{position:fixed;top:0;left:0;right:0;height:var(--titlebar-height);display:none;align-items:center;gap:46px;padding-inline-start:18px;z-index:100;color:var(--fg-neutral-1-rest);user-select:none;-webkit-app-region:drag;app-region:drag}.od4-titlebar a,.od4-titlebar button,.od4-titlebar input{-webkit-app-region:no-drag;app-region:no-drag}.od4-titlebar-icon{width:32px;height:32px;flex-shrink:0}.od4-titlebar-title{font-size:var(--font-size-body-1);line-height:var(--line-height-body-1);color:var(--fg-neutral-3-rest);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.od4-titlebar-caption{margin-inline-start:auto;display:flex;height:100%;flex-shrink:0}.od4-titlebar-caption-btn{width:46px;height:100%;background:transparent;border:0;padding:0;color:var(--fg-neutral-1-rest);display:flex;align-items:center;justify-content:center;cursor:default}.od4-titlebar-caption-btn svg{width:16px;height:16px}.od4-titlebar-caption-btn.od4-caption-hovered{background:var(--bg-caption-button-hover)}.od4-titlebar-caption-btn.od4-titlebar-caption-close.od4-caption-hovered{background:var(--bg-status-danger-3-rest);color:var(--fg-neutral-on-brand)}@media (forced-colors: active){.od4-titlebar-caption-btn.od4-caption-hovered{background:transparent;outline:1px solid Highlight;outline-offset:-1px}.od4-titlebar-caption-btn.od4-titlebar-caption-close.od4-caption-hovered{background:Highlight;color:HighlightText;outline:none}}.od4-titlebar-search{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:400px;height:var(--size-360);display:flex;align-items:stretch;background:var(--bg-neutral-2-rest);border:1px solid transparent;border-radius:var(--radius-circular);box-shadow:var(--shadow-neg-1);color:var(--fg-neutral-2-rest);transition:background .12s,color .12s,border-color .12s}.od4-titlebar-search:hover{color:var(--fg-neutral-2-hover);border-color:var(--stroke-neutral-1-rest)}.od4-titlebar-search:focus-within{background:var(--bg-neutral-2-rest);color:var(--fg-neutral-1-rest);border-color:var(--stroke-brand-1-rest)}.od4-titlebar-search-start{display:flex;flex:1 1 0;min-width:0;align-items:center;gap:var(--size-60);padding:0 var(--size-100)}.od4-titlebar-search-icon{width:20px;height:20px;flex-shrink:0;color:inherit;fill:currentColor}.od4-titlebar-search:focus-within .od4-titlebar-search-icon{color:var(--fg-brand-1-rest)}.od4-titlebar-search-icon-filled{display:none}.od4-titlebar-search:hover .od4-titlebar-search-icon-regular,.od4-titlebar-search:focus-within .od4-titlebar-search-icon-regular,.od4-titlebar-search:has(.od4-titlebar-search-input:not(:placeholder-shown)) .od4-titlebar-search-icon-regular{display:none}.od4-titlebar-search:hover .od4-titlebar-search-icon-filled,.od4-titlebar-search:focus-within .od4-titlebar-search-icon-filled,.od4-titlebar-search:has(.od4-titlebar-search-input:not(:placeholder-shown)) .od4-titlebar-search-icon-filled{display:inline-block}.od4-titlebar-search-text{flex:1 1 0;min-width:0;display:flex;align-items:center;overflow:hidden;padding:var(--size-80) 0}.od4-titlebar-search-input{flex:1 1 0;min-width:0;margin:0;padding:0;background:transparent;border:0;outline:none;font-family:inherit;font-size:var(--font-size-body-1);line-height:var(--line-height-body-1);color:inherit;caret-color:var(--fg-neutral-1-rest)}.od4-titlebar-search-input::placeholder{color:var(--fg-neutral-2-rest)}.od4-titlebar-search:focus-within .od4-titlebar-search-input::placeholder{color:var(--fg-neutral-3-rest)}.od4-titlebar-search-input::-webkit-search-cancel-button,.od4-titlebar-search-input::-webkit-search-decoration{display:none}.od4-titlebar-search-clear{display:none;flex-shrink:0;align-items:center;justify-content:center;width:var(--size-360);padding:0;padding-inline-end:var(--size-100);background:none;border:0;color:inherit;cursor:pointer}.od4-titlebar-search-clear svg{width:20px;height:20px;fill:currentColor}.od4-titlebar-search-clear:focus-visible{outline:2px solid var(--stroke-focus-2);outline-offset:-2px;border-radius:var(--radius-circular)}.od4-titlebar-search:has(.od4-titlebar-search-input:not(:placeholder-shown)) .od4-titlebar-search-clear{display:inline-flex}@media (forced-colors: active){.od4-titlebar-search{border-color:CanvasText;box-shadow:none}.od4-titlebar-search:hover,.od4-titlebar-search:focus-within{border-color:Highlight;box-shadow:none}.od4-titlebar-search:focus-within .od4-titlebar-search-icon{color:Highlight}}