.status-bar {position:fixed;border:1px solid var(--border);float:right;top:15px;right:75px;font-weight:900;border-radius:var(--radius);display:inline-block;padding:4px;cursor:pointer;background-color:rgba(255, 255, 255, 0.8);backdrop-filter(10px)}
.status-bar:hover {box-shadow:var(--shadow)}
.user-tile {position:fixed;top:0;right:0;opacity:1 !important;padding:0 !important;border-radius:50%}
.user-tile .user-photo, .user-tile img {border:2px solid var(--primary);border-radius:50%;width:34px;height:34px;opacity:1 !important;margin:0;padding:0}.service-loader {position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:2000;background:var(--transparent-bg);backdrop-filter:blur(var(--blur))}
.service-loader.hidden {display:none}
.service-loader-card {background:var(--secondary-bg);padding:16px 18px;width:320px;max-width:90%}
.service-loader-text {margin:0 0 10px 0;font-weight:600}
.service-loader-bar {border:1px solid var(--light-border);border-radius:var(--radius);height:8px;overflow:hidden;background:var(--secondary-background)}
.service-loader-bar-progress {height:100%;width:0%;background:var(--primary);transition:width 200ms ease}
.service-loader-status {margin:8px 0 0 0;font-size:14px;opacity:0.8}#search-box {padding:8px 4px 8px 4px;min-width:150px;max-width:450px;width:fit-content;display:inline-block;text-overflow:clip}
.block-loader {font-family:"Fira Code", "JetBrains Mono", Consolas, monospace;font-size:26px;line-height:1}
#search-status {margin-top:9px}
.draggable-window {position:fixed;top:50px;left:50px;width:600px;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:var(--radius);z-index:1000;overflow:hidden;background-color:rgba(255, 255, 255, 0.4);backdrop-filter:blur(var(--blur))}
.widget-window {transition:all 100ms}
.widget-window .window-content {margin:0;padding:10px;height:100%}
.window-header {transition:all 100ms;z-index:3;opacity:0.6;width:calc(100% - 22px);margin:5px;padding:6px;cursor:grab;position:absolute}
.window-header:hover {opacity:1}
.window-header .window-icon {width:22px;height:22px;vertical-align:bottom;margin:2px 0 0 4px}
.window-header .title {display:inline-block;vertical-align:top;padding:3px 0 0 6px;font-weight:700}
.window-header .closer {width:22px;height:22px;vertical-align:bottom;float:right;border-radius:var(--radius);padding:2px;border:1px solid rgba(0, 0, 0, 0);margin:-2px -2px 0 0}
.window-header .closer svg {margin:0}
.widget-window .closer {zoom:0.7}
.window-header .closer:hover {cursor:pointer;backdrop-filter:blur(var(--blur))}
.widget-window .window-header {opacity:0}
.widget-window:hover .window-header {opacity:0.75}
.widget-window:hover .window-header:hover {opacity:1}
.window-content-barred {z-index:2;box-shadow:var(--shadow);border:1px solid var(--light-border);border-radius:calc(var(--radius) - 2px);margin:5px;display:grid;padding:36px 5px 5px 5px;grid-template-columns:175px 1fr;column-gap:14px;backdrop-filter:blur(var(--blur))}
.window-content {box-shadow:var(--shadow);padding:36px 5px 5px 5px;border-radius:var(--radius);margin:5px;background-color:var(--background)}
.window-body {overflow-y:auto;overflow-x:hidden}
.window-body .has-small-space {margin-top:20px}
.window-body button.primary-action {position:fixed;bottom:15px;right:15px;padding:5px;backdrop-filter:blur(var(--blur))}
.window-body button.secondary-action {position:fixed;bottom:15px;left:15px;padding:5px;backdrop-filter:blur(var(--blur))}
.window-body button.primary-action svg, .window-body button.secondary-action svg {width:22px;height:22px;display:block}
.maxable {max-height:600px;overflow-y:auto}
.window-sidebar {transition:all 120ms;background-color:var(--transparent-bg);backdrop-filter:blur(var(--blur));border-radius:calc(var(--radius) - 2px);display:flex;flex-direction:column;padding:6px 8px 8px 8px;border:1px solid var(--light-border)}
.window-sidebar:hover {box-shadow:var(--shadow)}
.sidebar-item {transition:all 100ms;font-size:calc(var(--font-size) + 1px);display:flex;align-items:center;cursor:pointer;padding:6px;margin-bottom:5px;border-radius:calc(var(--radius) - 2px)}
.sidebar-item:hover {background-color:var(--bg);transform:scale(1.05)}
.active-route {background-color:var(--bg);color:var(--primary)}
.centered-nav {left:50% !important;margin-left:-110px !important;top:12px}
.window-topbar {z-index:12;top:10px;transition:all 120ms;display:inline-block;position:fixed;background-color:var(--transparent-bg);backdrop-filter:blur(var(--blur));border-radius:calc(var(--radius) - 2px);padding:4px;border:1px solid var(--light-border)}
.window-topbar:hover {box-shadow:var(--shadow)}
.window-topbar .sidebar-item {transition:all 100ms;font-size:calc(var(--font-size) - 2px);display:inline-block;align-items:center;cursor:pointer;padding:4px 6px 4px 4px;margin:0 6px 0 0;border-radius:calc(var(--radius) - 3px)}
.window-topbar .sidebar-item:last-of-type {margin-right:0}
.window-topbar .sidebar-item:hover {background-color:var(--secondary-bg);transform:scale(1.05)}
.window-topbar .sidebar-item svg {vertical-align:bottom;width:18px !important;height:18px !important;margin-right:6px}
.window-topbar .sidebar-item svg.no-margin {margin:0}
.primary-action {background-color:var(--primary);border:var(--border-width) solid var(--secondary-color);color:white}
.primary-action span {text-align:center}
.primary-action:hover {background-color:var(--primary);border:var(--border-width) solid var(--secondary-color);color:white;filter:brightness(85%)}
.sidebar-icon, .sidebar-item svg {margin-right:10px;width:20px;height:20px}
.resize-handle {position:absolute;width:10px;height:10px;background:transparent;z-index:10;cursor:pointer}
.resize-handle.top {top:-5px;left:50%;transform:translateX(-50%);cursor:ns-resize}
.resize-handle.right {top:50%;right:-5px;transform:translateY(-50%);cursor:ew-resize}
.resize-handle.bottom {bottom:-5px;left:50%;transform:translateX(-50%);cursor:ns-resize}
.resize-handle.left {top:50%;left:-5px;transform:translateY(-50%);cursor:ew-resize}
.resize-handle.top-right {top:-5px;right:-5px;cursor:nesw-resize}
.resize-handle.top-left {top:-5px;left:-5px;cursor:nwse-resize}
.resize-handle.bottom-right {bottom:-5px;right:-5px;cursor:nwse-resize}
.resize-handle.bottom-left {bottom:-5px;left:-5px;cursor:nesw-resize}
.window-body .view {transition:all 100ms;border-radius:var(--radius);padding:10px}
.window-body .actionable {position:relative}
.window-body .actionable .ios-switch {margin-right:-10px}
.window-body .actionable:hover {background-color:var(--secondary-background)}
.window-body .bordered {border:1px solid var(--border);margin:10px 5px 0 5px}
.reserve {width:50px;height:50px}
.shadowed {box-shadow:var(--shadow)}
.shadowed:hover {box-shadow:var(--bigger-shadow)}
.in-row {margin-right:10px}
#highlighted-div {position:relative;width:100%;padding-left:5px;height:30px;font-size:16px;overflow-y:hidden}
#highlighted-div:focus {outline:0}
#computation-time {position:absolute;right:0;padding-right:4px;top:8px}
.command-strip {font-weight:700}
.action-bar {-webkit-backdrop-filter:blur(var(--blur));padding:6px 6px 0 0;z-index:5;width:45%;position:fixed;left:10%;top:18px;border-radius:var(--radius)}
#regular-results {overflow-y:auto;overflow-x:visible;padding:80px 10px 10px 10px;width:45%;margin-left:10%}
@keyframes zoomIn { 0% {transform:scale(0.8);opacity:0} 100% {transform:scale(1);opacity:1}}
.result {opacity:0;transform:scale(0.8);animation:zoomIn 0.4s ease-in-out forwards;overflow:hidden;margin:0 0 15px 0;border:1px solid var(--border);padding:10px;cursor:pointer;border-radius:var(--radius)}
.result:hover {box-shadow:var(--shadow);transform:scale(1.01)}
.result .description {float:right;font-size:calc(var(--font-size) - 2px);opacity:0.7;margin-left:10px;padding:4px 8px 4px 8px}
.result .icon {width:42px;height:42px;float:left;margin-right:10px;border-radius:var(--radius)}
.result label {font-weight:700;white-space:nowrap;max-width:calc(70%);padding:0}
.result .link {display:block}
.result blockquote {margin:0;padding:10px 0 0 0}
.result .source {display:block;padding:8px 0 0 0}
.result a {color:var(--primary)}
.result.number {font-size:calc(var(--font-size) - 2px)}
.article-options {position:fixed;display:none;z-index:1000;min-width:100px;padding:5px;border-radius:var(--radius)}
.option {width:max-content;box-sizing:border-box;transition:all 100ms;box-shadow:var(--shadow);background:#fff;border:1px solid var(--border);padding:8px;cursor:pointer;border-radius:var(--radius);margin-bottom:8px}
.option:hover {transform:Scale(1.075);background:var(--secondary-background)}
.option svg {width:22px;height:22px;display:inline-block;vertical-align:bottom}
.option div {display:inline-block;vertical-align:top;padding:1px 0 0 5px}
.option-header {font-size:14px !important;box-shadow:none;border:0;background:rgba(180, 180, 180, 0.3);backdrop-filter:blur(var(--blur));max-width:360px}
.option-header img {height:38px;width:38px;border-radius:var(--radius);float:left;margin-right:10px}
.option-header label {padding:0;margin:0;max-width:330px;overflow:hidden;text-overflow:ellipsis}
.option-header div{padding:1px 0 0 0}
@keyframes wave { 0%, 100% { transform:translateY(0)} 50% { transform:translateY(-5px)}}
.wave-animation {display:inline-block;animation:wave 0.5s ease 2}
.editable-result {background-color:var(--root);z-index:42069;position:fixed;top:150px;left:50%;width:650px;margin-left:-325px}
.shortcut-overlay {position:absolute;background-color:#ffa500;border:1px solid #FF8B00;color:#1f1b1b;font-size:14px;border-radius:calc(var(--radius) - 2px);padding:4px 6px;pointer-events:none;font-weight:bold;z-index:1000;transform:scale(0.9);animation:fadeIn 0.2s ease-out forwards}
body.drag-active #app {filter:blur(3px)}
body.drag-active::before {content:"";position:fixed;inset:0;pointer-events:none;box-sizing:border-box;border:12px solid var(--border);box-shadow:0 0 0 9999px rgba(0,0,0,0.0) inset}
.service-window-parked {transition:left 200ms ease, top 200ms ease, transform 200ms ease, opacity 200ms ease;transform:scale(0.96);opacity:0.93}
.monospaced {font-family:Consolas, serif !important}
.cli-holder {padding:10px 10px 10px 10px;display:block;width:100%;border-radius:var(--radius);background-color:#1f1b1b;overflow:hidden}

@keyframes fadeIn {
    from {
        opacity:0;
        transform:scale(0.9);
   }
    to {
        opacity:1;
        transform:scale(1);
   }
}