UNPKG

openclaw

Version:

Multi-channel AI gateway with extensible messaging integrations

2 lines (1 loc) 23.7 kB
openclaw-new-session-page{flex:1 1 0;min-width:0;min-height:0;display:flex}.new-session-page{flex-direction:column;flex:1 1 0;width:100%;min-width:0;min-height:0;display:flex;position:relative}.new-session-page__incognito-rail{z-index:45;position:absolute;top:10px;right:10px}.new-session-page__draft-toggle{display:none}:is(.new-session-page__draft-toggle,.new-session-page__incognito-toggle).shell-chrome-controls__button{border-color:color-mix(in srgb, var(--text-strong) 12%, transparent);background:color-mix(in srgb, var(--panel) 94%, transparent);corner-shape:superellipse(1.5);border-radius:12px;width:40px;height:40px}@media (hover:hover){:is(.new-session-page__draft-toggle,.new-session-page__incognito-toggle).shell-chrome-controls__button:hover:not(:disabled){border-color:color-mix(in srgb, var(--text-strong) 18%, transparent);background:color-mix(in srgb, var(--text-strong) 7%, var(--panel))}}:is(.new-session-page__draft-toggle,.new-session-page__incognito-toggle).shell-chrome-controls__button svg{width:19px;height:19px}:is(.new-session-page__draft-toggle--active,.new-session-page__incognito-toggle--active){border-color:color-mix(in srgb, var(--accent) 42%, transparent);background:color-mix(in srgb, var(--accent) 18%, var(--bg-elevated));color:var(--accent)}@media (hover:hover){:is(.new-session-page__draft-toggle--active,.new-session-page__incognito-toggle--active):hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 42%, transparent);background:color-mix(in srgb, var(--accent) 18%, var(--bg-elevated));color:var(--accent)}}html.openclaw-native-macos .new-session-page__incognito-rail{top:52px}@media (width<=560px){.new-session-page__incognito-rail{align-items:center;gap:8px;display:flex}.new-session-page__draft-toggle{display:inline-flex}.new-session-page__draft-toggle--active.shell-chrome-controls__button{gap:7px;width:auto;padding-inline:10px}.new-session-page__draft-toggle-label{font-size:12px;font-weight:600}.new-session-page__composer .new-session-page__visibility--draft{display:none}}.new-session-page__scroll{flex-direction:column;flex:1 1 0;min-height:0;padding:clamp(44px,5vh,52px) clamp(6px,1vw,12px) 6px;display:flex;overflow:hidden auto}.new-session-page .agent-chat__welcome{box-sizing:border-box;flex:none;width:100%;max-width:none;min-height:auto;margin:0 auto auto}.new-session-page .agent-chat__welcome-identity{gap:12px}.new-session-page .agent-chat__welcome-identity-copy{gap:6px}.new-session-page__draft{text-align:left;flex-direction:column;gap:8px;width:100%;margin-top:34px;display:flex}.new-session-page__incognito-notice{box-sizing:border-box;width:calc(100% - 36px);max-height:0;max-width:var(--chat-thread-max-width,48rem);padding-inline:var(--chat-composer-editor-inset-inline,14px);color:var(--muted);opacity:0;filter:blur(4px);pointer-events:none;visibility:hidden;white-space:nowrap;align-items:center;gap:8px;margin:-8px auto 0;font-size:12px;line-height:1.4;transition:max-height .16s cubic-bezier(.2,0,0,1),margin .16s cubic-bezier(.2,0,0,1),opacity .12s ease-out,filter .12s ease-out,transform .12s ease-out,visibility 0s linear .16s;display:flex;overflow:hidden;transform:translateY(-2px)}.new-session-page__incognito-notice--visible{opacity:1;filter:blur();pointer-events:auto;visibility:visible;max-height:20px;margin-top:0;transition-delay:0s;transform:translateY(0)}.new-session-page__incognito-notice-icon{flex:none;display:inline-flex}.new-session-page__incognito-notice-icon svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:14px;height:14px}.new-session-page--incognito .agent-chat__input{border-color:color-mix(in srgb, var(--text-strong) 22%, transparent);border-style:dashed}.new-session-page .agent-chat__avatar--text{border-radius:50%}@media (prefers-reduced-motion:reduce){.new-session-page__incognito-notice{transition-duration:0s}}.new-session-page__visibility{align-items:center;gap:var(--chat-composer-chip-gap,6px);min-height:var(--chat-composer-chip-height,30px);padding-block:0;padding-inline:var(--chat-composer-chip-padding-inline,8px);border-radius:var(--radius-full);color:var(--chat-composer-secondary,var(--muted));font:inherit;font-size:var(--chat-composer-chip-text,13px);cursor:var(--cursor-action);background:0 0;border:0;order:4;line-height:1.35;display:inline-flex}@media (hover:hover) and (pointer:fine){.new-session-page__composer .agent-chat__composer-lead .new-session-page__visibility--draft:not(.new-session-page__visibility--active){opacity:0;pointer-events:none;visibility:hidden;transition:opacity .12s var(--ease-out), visibility 0s linear .16s}.new-session-page__composer .agent-chat__composer-footer:is(:hover,:focus-within) .agent-chat__composer-lead .new-session-page__visibility--draft:not(.new-session-page__visibility--active){opacity:1;pointer-events:auto;visibility:visible;transition-delay:0s}}@media (hover:hover){.new-session-page__visibility:hover:not(:disabled){background:color-mix(in srgb, var(--text) 7%, transparent);color:var(--text-strong)}}.new-session-page__visibility--active{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent)}@media (hover:hover){.new-session-page__visibility--active:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent)}}.new-session-page__visibility:disabled{cursor:default;opacity:.5}.new-session-page__visibility svg{width:var(--chat-composer-chip-icon,14px);height:var(--chat-composer-chip-icon,14px);fill:none;stroke:currentColor;stroke-width:1.7px;display:block}.new-session-page__triggers{box-sizing:border-box;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:4px 2px;width:calc(100% - 36px);max-width:48rem;margin:0 auto;padding:0;display:flex}.new-session-page__select{position:relative}.new-session-page__select--agent openclaw-agent-select{width:auto;max-width:min(40vw,260px)}.agent-select--compact .agent-select__trigger,:root[data-theme-mode=light] .agent-select--compact .agent-select__trigger{border-radius:var(--radius-full);width:auto;height:26px;color:var(--muted);background:0 0;border:0;padding:0 10px;font-size:12px;font-weight:500}.agent-select--compact .agent-select__trigger[aria-expanded=true]{color:var(--text);background:color-mix(in srgb, var(--bg-hover) 84%, transparent)}@media (hover:hover){.agent-select--compact .agent-select__trigger:hover:not(:disabled){color:var(--text);background:color-mix(in srgb, var(--bg-hover) 84%, transparent)}}.agent-select--compact .agent-select__avatar{width:18px;height:18px}.agent-select--compact .agent-select__label{max-width:min(32vw,220px)}.new-session-page__trigger{height:26px;color:var(--muted);cursor:var(--cursor-action);-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-family:inherit;font-size:12px;list-style:none;display:inline-flex}.new-session-page__trigger::-webkit-details-marker{display:none}.new-session-page__trigger[aria-expanded=true]{color:var(--text);background:color-mix(in srgb, var(--bg-hover) 84%, transparent)}@media (hover:hover){.new-session-page__trigger:hover:not(:disabled){color:var(--text);background:color-mix(in srgb, var(--bg-hover) 84%, transparent)}}.new-session-page__trigger:disabled{cursor:default;opacity:.6}.new-session-page__trigger--hiding{pointer-events:none}.new-session-page__runtime{color:var(--text);cursor:default}@media (hover:hover){.new-session-page__runtime:hover{background:0 0}}.new-session-page__catalog-unavailable{color:var(--danger);align-items:center;gap:8px;font-size:12px;display:inline-flex}.new-session-page__trigger-label{text-overflow:ellipsis;white-space:nowrap;max-width:min(40vw,260px);overflow:hidden}.new-session-page__trigger-chevron{color:inherit;display:inline-flex}.new-session-page__trigger-chevron--mobile{display:none}.new-session-page__trigger-chevron svg,.new-session-page__target-icon svg,.new-session-page__browser-nav svg{stroke:currentColor;fill:none;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.new-session-page__trigger-chevron svg{width:12px;height:12px}.session-group-defaults .exec-approval-header{margin-bottom:18px}.session-group-defaults__fields{gap:16px;display:grid}.session-group-defaults__folder{border:1px solid var(--input);border-radius:var(--radius-md);background:var(--card);width:100%;height:auto;min-height:56px;color:var(--text);box-shadow:inset 0 1px 0 var(--card-highlight);justify-content:flex-start;padding:9px 12px}@media (hover:hover){.session-group-defaults__folder:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 35%, var(--input));background:color-mix(in srgb, var(--bg-hover) 65%, var(--card))}}.session-group-defaults__folder:focus-visible{border-color:var(--ring);box-shadow:var(--focus-ring);outline:none}.session-group-defaults__folder-copy,.session-group-defaults__resolved-copy{text-align:left;gap:2px;min-width:0;display:grid}.session-group-defaults__folder-copy{flex:auto}.session-group-defaults__folder-copy strong,.session-group-defaults__resolved-copy strong{color:var(--text);font-size:13px;font-weight:600;line-height:1.3}.session-group-defaults__folder-copy small,.session-group-defaults__resolved-copy small{min-width:0;color:var(--muted);font-size:12px;line-height:1.35}.session-group-defaults__folder-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.session-group-defaults__folder .new-session-page__trigger-chevron{margin-left:auto}.session-group-defaults__resolved-mode{border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--card) 82%, var(--bg) 18%);grid-template-columns:18px minmax(0,1fr);align-items:center;gap:10px;min-height:56px;padding:9px 12px;display:grid}.session-group-defaults__resolved-mode>.new-session-page__target-icon,.session-group-defaults__mode-option-icon{color:var(--muted);display:inline-flex}.session-group-defaults__mode-dropdown{width:100%;display:block;container-type:inline-size}.session-group-defaults__mode-dropdown::part(menu){width:min(100cqw,100vw - 48px);padding:var(--menu-padding);border:1px solid var(--border-strong);border-radius:var(--menu-radius);background:var(--bg-elevated);box-shadow:var(--shadow-md);color:var(--text)}.session-group-defaults__mode-trigger{width:100%;min-height:56px;color:var(--text);font:inherit;text-align:left;cursor:var(--cursor-action);box-shadow:inset 0 1px 0 var(--card-highlight);grid-template-columns:18px minmax(0,1fr) 14px}@media (hover:hover){.session-group-defaults__mode-trigger:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 35%, var(--input));background:color-mix(in srgb, var(--bg-hover) 65%, var(--card))}}.session-group-defaults__mode-trigger:focus-visible{border-color:var(--ring);box-shadow:var(--focus-ring);outline:none}.session-group-defaults__mode-trigger:disabled{cursor:default;opacity:.6}.session-group-defaults__mode-trigger .new-session-page__trigger-chevron{color:var(--muted);display:inline-flex}.session-group-defaults__mode-option{color:var(--text);font:inherit;font-size:13px}.session-group-defaults__mode-option::part(label){width:100%;min-width:0}.session-group-defaults__mode-option .session-group-defaults__resolved-copy{padding:3px 0}wa-popover.new-session-page__select{--max-width:min(320px, calc(100vw - 24px))}wa-popover.new-session-page__select::part(body){min-width:224px;max-width:min(320px,100vw - 24px);padding:var(--menu-padding);border:1px solid var(--overlay-border);border-radius:var(--menu-radius);background:var(--bg-elevated);box-shadow:var(--overlay-shadow)}.agent-select--compact .agent-select__menu-title,.new-session-page__menu-title{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;padding:4px 8px 2px;font-size:11px;font-weight:650}wa-popover.new-session-page__picker-popover .new-session-page__picker-root>.new-session-page__menu-title:not(:first-child){margin-top:var(--space-2)}.new-session-page__project-search{padding:4px 8px 6px;display:block}.new-session-page__project-search input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);width:100%;min-width:0;color:var(--text);font:inherit;outline:none;padding:6px 8px;font-size:12px}.new-session-page__project-search input:focus-visible{border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}.new-session-page__project-status,.new-session-page__project-error{padding:5px 8px;font-size:11px;line-height:1.4}.new-session-page__project-status{color:var(--muted)}.new-session-page__project-error{color:var(--danger)}.new-session-page__menu-field{min-height:30px;color:var(--muted);align-items:center;gap:8px;padding:2px 8px;font-size:12px;display:flex}.new-session-page__menu-field span{flex:none}.new-session-page__menu-field input{border:1px solid var(--border);border-radius:var(--radius-sm);min-width:0;color:var(--text);background:0 0;outline:none;flex:auto;padding:4px 6px;font-size:12px}.new-session-page__menu-field input:focus-visible{border-color:color-mix(in srgb, var(--accent) 40%, var(--border))}.new-session-page__menu-note{color:var(--muted);padding:4px 8px 6px;font-size:11px;line-height:1.4}.new-session-page__menu-meta{flex:0 auto;align-items:center;gap:8px;min-width:0;max-width:62%;display:inline-flex;overflow:hidden}.new-session-page__menu-facts{gap:3px;min-width:0;display:inline-flex;overflow:hidden}.new-session-page__menu-meta>.session-context-meter{flex:0 0 84px}.new-session-page__menu-fact{border:1px solid color-mix(in srgb, var(--border) 78%, transparent);border-radius:var(--radius-full);background:color-mix(in srgb, var(--bg-hover) 62%, transparent);color:var(--muted);white-space:nowrap;flex:none;padding:1px 5px;font-size:10px;line-height:14px}wa-popover.new-session-page__project-popover{--max-width:min(420px, calc(100vw - 24px))}wa-popover.new-session-page__project-popover::part(body){width:min(420px,100vw - 24px);max-width:none;padding:0;overflow:hidden}.new-session-page__picker-root{max-height:min(420px,60vh);padding:var(--menu-padding);overflow-y:auto}.new-session-page__menu-chevron{color:var(--muted);margin-left:auto;display:inline-flex}.new-session-page__menu-chevron svg{stroke:currentColor;fill:none;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.new-session-page__connect-machine .session-menu__icon{color:var(--muted)}.connect-machine-dialog{--openclaw-modal-width:480px}.connect-machine-dialog__card{padding:18px}.connect-machine-dialog__card h2,.connect-machine-dialog__card p{margin-block:0}.connect-machine-dialog__body{margin-top:16px}.connect-machine-dialog__status,.connect-machine-dialog__hint{color:var(--muted);font-size:12px;line-height:1.5}.connect-machine-dialog__hint{margin-top:8px}.connect-machine-dialog .login-gate__command{min-width:0}.connect-machine-dialog .login-gate__command code{white-space:nowrap;-webkit-user-select:all;user-select:all;min-width:0;overflow-x:auto}.connect-machine-dialog__actions{justify-content:space-between}.new-session-page__composer.agent-chat__composer-shell{border-radius:var(--radius-md);margin-top:0;position:relative}.new-session-page__start-submit[aria-busy=true] svg{animation:2.25s linear infinite new-session-start-spin}@keyframes new-session-start-spin{to{transform:rotate(1turn)}}.new-session-page__start-submit--blocked{cursor:var(--cursor-action);filter:saturate(.45);opacity:.48}.new-session-page__composer .new-session-page__message{max-height:calc(10lh + var(--chat-box-inset) + var(--chat-box-inset));scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--muted) 42%, transparent) transparent}.new-session-page__composer .new-session-page__message::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--muted) 42%, transparent)}.new-session-page__composer:after{content:"";z-index:1;pointer-events:none;border-radius:inherit;background:var(--accent);opacity:0;transition:opacity .14s cubic-bezier(.23,1,.32,1);position:absolute;inset:0}.new-session-page__composer[data-attachment-drop-active]:after{opacity:.1}.new-session-page__composer>*{transition:opacity .14s cubic-bezier(.23,1,.32,1)}.new-session-page__composer[data-attachment-drop-active]>*{opacity:.5}@media (prefers-reduced-motion:reduce){.new-session-page__start-submit[aria-busy=true] svg{animation:none}.new-session-page__composer:after,.new-session-page__composer>*{transition-duration:0s}}.new-session-page__target-icon{color:var(--muted);display:inline-flex}.new-session-page__browser-nav{border-radius:var(--radius-sm);width:22px;height:22px;color:var(--muted);cursor:var(--cursor-action);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}@media (hover:hover){.new-session-page__browser-nav:hover:not(:disabled){background:color-mix(in srgb, var(--bg-hover) 84%, transparent);color:var(--text)}}.new-session-page__browser-nav:disabled{opacity:.4;cursor:default}.new-session-page__browser{overflow:hidden}.new-session-page__browser-head{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px 10px;display:flex}.new-session-page__browser-path{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:auto;padding:0;font-size:12px;overflow:hidden}.new-session-page__browser-loading{color:var(--muted);flex:none;font-size:11px}.new-session-page__browser-list{flex-direction:column;max-height:240px;padding:4px;display:flex;overflow-y:auto}.new-session-page__browser-entry{min-height:var(--menu-item-height);border-radius:var(--menu-item-radius);color:var(--text);text-align:left;cursor:var(--cursor-action);background:0 0;border:0;align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:flex}@media (hover:hover){.new-session-page__browser-entry:hover{background:var(--bg-hover)}}.new-session-page__browser-entry:disabled{color:var(--muted);cursor:not-allowed;opacity:.65}@media (hover:hover){.new-session-page__browser-entry:disabled:hover{background:0 0}}.new-session-page__browser-entry--hidden{color:var(--muted)}.new-session-page__browser-empty{color:var(--muted);padding:10px;font-size:12px}.new-session-page__browser-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:8px 10px;display:flex}.new-session-page__browser>.new-session-page__error{color:var(--danger);padding:8px 10px 0;font-size:12px}.new-session-page__alert{box-sizing:border-box;text-align:left;width:fit-content;max-width:min(48rem,100% - 36px);box-shadow:0 8px 24px color-mix(in srgb, var(--danger) 8%, transparent);align-items:flex-start;gap:10px;margin:4px auto 2px;padding:10px 12px;display:flex}.new-session-page__alert-icon{background:color-mix(in srgb, var(--danger) 14%, transparent);width:26px;height:26px;color:var(--danger);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.new-session-page__alert-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.new-session-page__alert-message{overflow-wrap:anywhere;min-width:0;padding-top:3px;line-height:1.45}.new-session-page__browser-use{border-radius:var(--radius-md);background:var(--primary);color:var(--primary-foreground);cursor:var(--cursor-action);border:1px solid #0000;padding:6px 14px;font-size:13px;font-weight:600}.new-session-page__browser-use:disabled{opacity:.5;cursor:default}.new-session-page__browser-register{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);cursor:var(--cursor-action);background:0 0;padding:6px 14px;font-size:13px;font-weight:600}.new-session-page__browser-register:disabled{opacity:.5;cursor:default}@media (width<=768px),(width<=932px) and (height<=500px) and (orientation:landscape){.new-session-page__scroll{padding:52px 8px 12px}.new-session-page__triggers{gap:4px 2px;position:relative}.new-session-page__select{position:static}}@container chat-composer (width<=480px){.new-session-page__composer .new-session-page__visibility{flex:0 0 var(--chat-composer-control-size);width:var(--chat-composer-control-size);justify-content:center;padding-inline:0}.new-session-page__composer .new-session-page__visibility-label{display:none}}@media (width<=560px){.new-session-page .agent-chat__welcome-secondary:has(.agent-chat__suggestions){display:none}.agent-chat__input--mobile-toolbar .new-session-page__start-submit{width:var(--chat-composer-send-size);min-width:var(--chat-composer-send-size);height:var(--chat-composer-send-size);padding:var(--chat-mobile-row-action-padding)}.agent-chat__input--mobile-toolbar .new-session-page__start-submit>svg{width:var(--chat-mobile-row-icon-size);height:var(--chat-mobile-row-icon-size);color:var(--primary-foreground)}.new-session-page .agent-chat__welcome{min-height:100%}.new-session-page .agent-chat__welcome-identity{gap:6px;margin-block:auto}.new-session-page .agent-chat__welcome-clawd{margin-bottom:0}.new-session-page__draft{flex:none;justify-content:flex-end;min-height:0}.new-session-page__triggers{width:calc(100% - 8px);padding:0 calc(var(--chat-composer-editor-inset-inline,12px) - 6px);background:0 0;border:0;flex-direction:column;align-items:stretch;gap:0;margin-block-end:8px;margin-inline:4px}.new-session-page__trigger,.agent-select--compact .agent-select__trigger,:root[data-theme-mode=light] .agent-select--compact .agent-select__trigger{height:32px;color:var(--text);padding-inline:6px;font-size:14px;font-weight:500;line-height:1.4}.new-session-page__triggers>span.new-session-page__select{width:100%}.new-session-page__triggers>span.new-session-page__select>.new-session-page__trigger{width:fit-content;max-width:100%}.new-session-page__triggers>span.new-session-page__select~span.new-session-page__select{margin-block-start:6px}.new-session-page__trigger-label{flex:0 auto;min-width:0}.new-session-page__trigger{gap:0}.new-session-page__trigger>.new-session-page__target-icon{margin-inline-end:8px}.new-session-page__triggers :is(.new-session-page__target-icon,.new-session-page__trigger-chevron){color:var(--muted)}.new-session-page__triggers :is(.new-session-page__target-icon,.new-session-page__trigger-chevron) svg{width:16px;height:16px}.new-session-page__trigger-chevron--desktop{display:none}.new-session-page__trigger-chevron--mobile{margin-inline-start:4px;display:inline-flex}.new-session-page__trigger-chevron--mobile svg{width:14px;height:14px}.new-session-page__composer.agent-chat__composer-shell{margin-top:0}.new-session-page__incognito-notice{width:calc(100% - 8px);max-height:0;max-width:var(--chat-thread-max-width,48rem);white-space:normal;text-align:left;align-items:flex-start;margin-inline:4px;padding-inline:0}.new-session-page__incognito-notice--visible{max-height:48px}}.session-context-meter{background:var(--bg-hover);border-radius:var(--radius-full);width:84px;height:3px;display:block;overflow:hidden}.session-context-meter__fill{border-radius:inherit;background:currentColor;height:100%;display:block}.session-context-meter--ok{color:var(--ok)}.session-context-meter--stale{color:var(--muted)}.session-context-meter--warn{color:var(--warn)}.session-context-meter--danger{color:var(--danger)}.session-context-meter--accent{color:var(--accent)}.capacity-meter-pips{flex:none;align-items:center;gap:2px;display:inline-flex}.capacity-meter-pips__pip{background:color-mix(in srgb, var(--muted) 25%, transparent);border-radius:2px;width:5px;height:8px}.capacity-meter-pips__pip--filled{background:currentColor}.capacity-meter-exec{color:var(--muted);font-size:var(--control-ui-text-xs);white-space:nowrap;flex:none;align-items:center;gap:4px;display:inline-flex}.capacity-meter-exec svg{width:12px;height:12px;display:block}