openclaw
Version:
Multi-channel AI gateway with extensible messaging integrations
2 lines (1 loc) • 22.4 kB
CSS
.config-mode-toggle{background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border);gap:1px;padding:3px;display:flex}:root[data-theme-mode=light] .config-mode-toggle{background:#fff}.config-mode-toggle__btn{border-radius:calc(var(--radius-md) - 3px);color:var(--muted);transition:background var(--duration-fast) ease, color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;background:0 0;border:none;flex:1;padding:6px 12px;font-size:12px;font-weight:600}@media (hover:hover){.config-mode-toggle__btn:hover:not(.active){color:var(--text);background:var(--bg-hover)}}.config-mode-toggle__btn.active{background:var(--primary);color:var(--primary-foreground);box-shadow:0 1px 3px var(--accent-subtle)}.config-lead{width:100%;max-width:760px;padding:var(--space-3) var(--space-4) 0;gap:var(--space-3);flex-direction:column;margin:0 auto;display:flex}.config-toolbar{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.config-raw-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.config-action-spinner{justify-content:center;align-items:center;width:14px;height:14px;display:inline-flex}.config-action-spinner svg{width:14px;height:14px;animation:.7s linear infinite spin}@media (prefers-reduced-motion:reduce){.config-action-spinner svg{animation:none}}.config-diff{border:1px solid color-mix(in srgb, var(--accent) 20%, transparent);border-radius:var(--radius-lg);background:var(--accent-subtle);margin:12px 20px 0;overflow:hidden}.config-diff__summary{color:var(--accent);justify-content:space-between;align-items:center;padding:10px 16px;font-size:12px;font-weight:600;list-style:none;display:flex}.config-diff__summary::-webkit-details-marker{display:none}.config-diff__chevron{width:16px;height:16px;transition:transform var(--duration-normal) var(--ease-out)}.config-diff__chevron svg{width:100%;height:100%}.config-diff[open] .config-diff__chevron{transform:rotate(180deg)}.config-diff__content{gap:8px;padding:0 16px 16px;display:grid}.config-diff__item{border-radius:var(--radius-md);background:var(--bg-elevated);font-size:11.5px;font-family:var(--mono);align-items:baseline;gap:12px;padding:8px 12px;display:flex}:root[data-theme-mode=light] .config-diff__item{background:#fff}.config-diff__path{color:var(--text);flex-shrink:0;font-weight:600}.config-diff__values{flex-wrap:wrap;align-items:baseline;gap:10px;min-width:0;display:flex}.config-diff__from{color:var(--danger);opacity:.85}.config-diff__arrow{color:var(--muted)}.config-diff__to{color:var(--ok)}.config-content{scroll-behavior:smooth;flex:1;min-width:0;padding:20px 22px;overflow-y:auto}.config-lead+.config-content{padding-top:0}.config-lead:has(.config-sections-hub-tabs){padding-top:0}.config-lead:has(.config-sections-hub-tabs)+.config-content{padding-top:var(--space-1)}.config-content>.settings-page{padding-top:0}.config-content-callout{width:100%;max-width:760px;padding:var(--space-3) var(--space-4) 0;margin:0 auto}.config-content-callout .callout{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.config-content-callout__text{flex:420px;min-width:0}.settings-theme-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;width:100%;display:grid}.settings-theme-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);min-height:64px;color:var(--text);text-align:left;transition:border-color var(--duration-fast) ease, background var(--duration-fast) ease;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:14px 16px;display:grid;position:relative}@media (hover:hover){.settings-theme-card:hover{border-color:var(--border-strong);background:var(--bg-hover)}}.settings-theme-card--active{border-color:color-mix(in srgb, var(--accent) 60%, transparent);background:color-mix(in srgb, var(--accent) 12%, var(--bg-elevated));box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 30%, transparent)}.settings-theme-card__icon{width:18px;height:18px;color:var(--accent);justify-content:center;align-items:center;display:inline-flex}.settings-theme-card__icon svg{stroke:currentColor;fill:none;width:18px;height:18px}.settings-theme-card__label{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.settings-theme-card--active .settings-theme-card__label{color:var(--text-strong)}.settings-theme-card__palette{align-items:center;gap:5px;display:inline-flex}.settings-theme-card__chip{width:14px;height:14px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--text) 18%, transparent);border-radius:50%}.settings-theme-card__chip--bg{background:var(--theme-chip-bg)}.settings-theme-card__chip--accent{background:var(--theme-chip-accent)}.settings-theme-card__chip--accent-2{background:var(--theme-chip-accent-2)}.settings-theme-card--claw,.settings-accent-theme--claw{--theme-chip-bg:#0e1015;--theme-chip-accent:#ff5c5c;--theme-chip-accent-2:#14b8a6}.settings-theme-card--knot,.settings-accent-theme--knot{--theme-chip-bg:#080808;--theme-chip-accent:#e5243b;--theme-chip-accent-2:#b8bdc4}.settings-theme-card--dash,.settings-accent-theme--dash{--theme-chip-bg:#1a1210;--theme-chip-accent:#cf8b4d;--theme-chip-accent-2:#dcb878}.settings-theme-card--absolutely,.settings-accent-theme--absolutely{--theme-chip-bg:#1c1c1a;--theme-chip-accent:#d97757;--theme-chip-accent-2:#b8926a}.settings-theme-card--tide,.settings-accent-theme--tide{--theme-chip-bg:#10151b;--theme-chip-accent:#5ab6d8;--theme-chip-accent-2:#7f9bb5}.settings-theme-card--beacon,.settings-accent-theme--beacon{--theme-chip-bg:#000;--theme-chip-accent:#ffc233;--theme-chip-accent-2:#8ecdff}.settings-theme-card--phosphor,.settings-accent-theme--phosphor{--theme-chip-bg:#0a0f0a;--theme-chip-accent:#4ade80;--theme-chip-accent-2:#8fd6a5}.settings-theme-card--crt,.settings-accent-theme--crt{--theme-chip-bg:#090a09;--theme-chip-accent:#e8e8e8;--theme-chip-accent-2:#ffcf5c}.settings-theme-card--manuscript,.settings-accent-theme--manuscript{--theme-chip-bg:#211e18;--theme-chip-accent:#8fa8e0;--theme-chip-accent-2:#cfa85e}.settings-theme-card--rose,.settings-accent-theme--rose{--theme-chip-bg:#191724;--theme-chip-accent:#ebbcba;--theme-chip-accent-2:#f6c177}.settings-theme-card--miami,.settings-accent-theme--miami{--theme-chip-bg:#140f1e;--theme-chip-accent:#f472b6;--theme-chip-accent-2:#5fd7e8}:root[data-theme-mode=light] :is(.settings-theme-card--claw,.settings-accent-theme--claw){--theme-chip-bg:#faf9f7;--theme-chip-accent:#bd4531;--theme-chip-accent-2:#0d9488}:root[data-theme-mode=light] :is(.settings-theme-card--knot,.settings-accent-theme--knot){--theme-chip-bg:#f9f9fb;--theme-chip-accent:#c41e30;--theme-chip-accent-2:#5a626e}:root[data-theme-mode=light] :is(.settings-theme-card--dash,.settings-accent-theme--dash){--theme-chip-bg:#f7f2ec;--theme-chip-accent:#8a512c;--theme-chip-accent-2:#7d6027}:root[data-theme-mode=light] :is(.settings-theme-card--absolutely,.settings-accent-theme--absolutely){--theme-chip-bg:#faf9f5;--theme-chip-accent:#a8452a;--theme-chip-accent-2:#8a6a44}:root[data-theme-mode=light] :is(.settings-theme-card--tide,.settings-accent-theme--tide){--theme-chip-bg:#f7f9fb;--theme-chip-accent:#1f6f8f;--theme-chip-accent-2:#3d6d88}:root[data-theme-mode=light] :is(.settings-theme-card--beacon,.settings-accent-theme--beacon){--theme-chip-bg:#fff;--theme-chip-accent:#6e4a00;--theme-chip-accent-2:#09428d}:root[data-theme-mode=light] :is(.settings-theme-card--phosphor,.settings-accent-theme--phosphor){--theme-chip-bg:#f4f7f4;--theme-chip-accent:#10693a;--theme-chip-accent-2:#2f6b47}:root[data-theme-mode=light] :is(.settings-theme-card--crt,.settings-accent-theme--crt){--theme-chip-bg:#f5f5f4;--theme-chip-accent:#1f1f1f;--theme-chip-accent-2:#7a5d10}:root[data-theme-mode=light] :is(.settings-theme-card--manuscript,.settings-accent-theme--manuscript){--theme-chip-bg:#f6f1e4;--theme-chip-accent:#31549b;--theme-chip-accent-2:#7d6118}:root[data-theme-mode=light] :is(.settings-theme-card--rose,.settings-accent-theme--rose){--theme-chip-bg:#faf4ed;--theme-chip-accent:#9c4f66;--theme-chip-accent-2:#286983}:root[data-theme-mode=light] :is(.settings-theme-card--miami,.settings-accent-theme--miami){--theme-chip-bg:#f7f3f6;--theme-chip-accent:#b0246f;--theme-chip-accent-2:#0f6f7d}.settings-theme-card--custom,.settings-accent-theme--custom{--theme-chip-bg:var(--bg);--theme-chip-accent:var(--accent);--theme-chip-accent-2:var(--accent-2)}.settings-accent-swatches{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.settings-accent-status{min-height:3em}.settings-accent-status__scope{opacity:.72}.settings-accent-status__scope:before{content:" · "}.settings-accent-swatch{border:1px solid color-mix(in srgb, var(--text) 18%, transparent);background:var(--settings-accent-swatch,var(--accent));width:36px;height:36px;transition:box-shadow var(--duration-fast) ease;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.settings-accent-swatch--active{box-shadow:0 0 0 2px var(--bg-elevated), 0 0 0 4px var(--accent)}.settings-accent-swatch__check{width:18px;height:18px;color:var(--accent-foreground);display:inline-flex}.settings-accent-swatch__check svg{width:18px;height:18px}.settings-accent-swatch--custom{position:relative;overflow:hidden}.settings-accent-swatch__input{opacity:0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.settings-accent-swatch--custom:has(.settings-accent-swatch__input:focus-visible){outline:2px solid var(--text-strong);outline-offset:4px}.settings-accent-swatch__picker{width:22px;height:22px;color:var(--settings-accent-swatch-ink,var(--accent-foreground));pointer-events:none;justify-content:center;align-items:center;display:inline-flex}.settings-accent-swatch__picker svg{width:15px;height:15px}.settings-accent-swatch__reset{width:16px;height:16px;color:var(--theme-chip-bg);display:inline-flex}.settings-accent-swatch__reset svg{width:16px;height:16px}@media (forced-colors:active){.settings-accent-swatch__picker{color:canvastext}.settings-accent-swatch--custom:has(.settings-accent-swatch__input:focus-visible){outline-offset:2px;outline:2px solid highlight}}.settings-theme-import{gap:12px;width:100%;display:grid}.settings-theme-import__copy{gap:4px;display:grid}.settings-theme-import__title{color:var(--text-strong);font-size:13px;font-weight:650}.settings-theme-import__hint{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.settings-theme-import__external{width:max-content;max-width:100%;color:var(--accent);align-items:center;gap:6px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}@media (hover:hover){.settings-theme-import__external:hover{color:var(--accent-hover);text-decoration:underline}}.settings-theme-import__external svg{stroke:currentColor;fill:none;flex:none;width:14px;height:14px}.settings-theme-import__inline-hint{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.settings-theme-import__inline-hint strong{color:var(--text)}.settings-theme-import__field{gap:6px;display:grid}.settings-theme-import__label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:12px;font-weight:600}.settings-theme-import__input{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);width:100%;min-width:0;color:var(--text);font:inherit;padding:10px 12px}.settings-theme-import__input::placeholder{color:var(--muted)}.settings-theme-import__input:focus-visible{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));box-shadow:var(--focus-ring);outline:none}.settings-theme-import__actions{flex-wrap:wrap;gap:8px;display:flex}.settings-theme-import__meta{gap:4px;display:grid}.settings-theme-import__meta-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:12px;font-weight:600}.settings-theme-import__meta-value{color:var(--text);overflow-wrap:anywhere;font-size:12px}.settings-theme-import__message{border-radius:var(--radius-md);padding:10px 12px;font-size:12px;line-height:1.45}.settings-theme-import__message--success{background:var(--ok-subtle);color:var(--text)}.settings-theme-import__message--error{background:var(--danger-subtle);color:var(--text)}.settings-text-scale{gap:8px;width:100%;display:grid}.settings-text-scale__options{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:8px;display:grid}.settings-text-scale__btn{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);min-height:58px;color:var(--text);text-align:left;transition:border-color var(--duration-fast) ease, background var(--duration-fast) ease;justify-items:start;gap:4px;padding:10px 12px;display:grid}@media (hover:hover){.settings-text-scale__btn:hover{border-color:var(--border-strong);background:var(--bg-elevated)}}.settings-text-scale__btn.active{border-color:var(--accent);background:var(--accent-subtle)}.settings-text-scale__sample{font-size:13px;font-weight:650;line-height:1.2}.settings-text-scale__label{color:var(--muted);font-size:12px;line-height:1.2}.settings-text-scale__btn.active .settings-text-scale__label{color:var(--accent)}.config-raw-field textarea{min-height:500px;font-family:var(--mono);font-size:13px;line-height:1.55}.config-raw-field .config-raw-toggle{width:32px;min-width:32px;height:32px;padding:6px}.config-loading{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:80px 24px;display:flex}.config-loading__spinner{border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:var(--radius-full);width:32px;height:32px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.cfg-field__error{color:var(--danger);font-size:12px}.cfg-structured-draft{display:contents}.cfg-structured-draft__error .settings-row__control{width:100%}.cfg-json-editor{flex-direction:column;flex:auto;gap:6px;width:100%;min-width:0;display:flex}.cfg-json-editor>.settings-input,.cfg-json-editor>.settings-secret,.cfg-array .settings-row--stacked .settings-row__control{width:100%}.cfg-array .settings-row--stacked .settings-row__control>input[type=number]{flex:auto;width:auto}.cfg-collection-draft__controls{gap:8px;width:100%;display:grid}.cfg-collection-draft__actions{justify-content:flex-end;gap:8px;display:flex}.config-content :is(input,textarea,select)[aria-invalid=true]{border-color:var(--danger)}.cfg-redacted{opacity:.7}.cfg-block+.cfg-block,.settings-row+.cfg-block,.cfg-block+.settings-row,.settings-subrows+.cfg-block,.cfg-block+.settings-subrows{border-top:1px solid color-mix(in srgb, var(--border) 60%, transparent)}.cfg-object__summary{cursor:var(--cursor-action);transition:background var(--duration-fast) ease;list-style:none}.cfg-object__summary::-webkit-details-marker{display:none}@media (hover:hover){.cfg-object__summary:hover{background:var(--bg-hover)}}.cfg-object[open]>.cfg-object__summary .cfg-object__chevron{transform:rotate(180deg)}.cfg-tags{flex-wrap:wrap;gap:6px;display:flex}.cfg-tag{border:1px solid var(--border);border-radius:var(--radius-full);color:var(--muted);background:var(--bg-elevated);white-space:nowrap;align-items:center;padding:2px 8px;font-size:12px;display:inline-flex}:root[data-theme-mode=light] .cfg-tag{background:#fff}@media (hover:none) and (pointer:coarse){.settings-theme-import__input,.config-raw-field textarea{font-size:16px}}.mcp-page{gap:14px;margin-top:12px;display:grid}.memory-page{gap:0;display:grid}.shell--settings .content:has(.memory-page){scrollbar-gutter:stable}.memory-page__panel{gap:14px;display:grid}.shell--settings .content:has(.memory-page) .content-header.hub-page-header{max-width:1120px;padding-inline:var(--settings-header-inline-padding,var(--space-4))}.memory-page__panel .settings-page,.memory-page__panel .config-lead,.memory-page__panel .config-content-callout{margin-inline:0}.memory-page__link{color:var(--accent);white-space:nowrap;font-size:12.5px}.mcp-command-card__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.mcp-command-card__grid code,.mcp-server-row .settings-row__control code{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);min-width:0;color:var(--text);font-family:var(--mono);overflow-wrap:anywhere;padding:7px 9px;font-size:11.5px}.mcp-server-row__launch{font-family:var(--mono)}.mcp-server-form{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid color-mix(in srgb, var(--border) 60%, transparent);grid-template-columns:minmax(140px,220px) minmax(150px,190px) minmax(0,1fr) auto;align-items:end;display:grid}.mcp-server-form label{gap:5px;min-width:0;display:grid}.mcp-server-form label span{color:var(--muted);font-size:var(--control-ui-text-xs);font-weight:580}.mcp-server-form__actions{gap:var(--space-2);display:flex}.mcp-server-message{margin:var(--space-3) var(--space-4);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--ok-subtle);color:var(--ok);font-size:var(--control-ui-text-xs);white-space:pre-wrap;line-height:1.45}.mcp-server-message--error{background:var(--danger-subtle);color:var(--danger)}.config-accordion-nav{margin-bottom:20px}.config-accordion-group{border:1px solid color-mix(in srgb, var(--border) 70%, transparent);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-out);margin-bottom:4px;overflow:hidden}@media (hover:hover){.config-accordion-group:hover{border-color:var(--border)}}.config-accordion-group__header{letter-spacing:-.01em;width:100%;color:var(--text-strong);background:color-mix(in srgb, var(--bg-elevated) 50%, var(--card) 50%);transition:background var(--duration-fast) var(--ease-out);border:none;align-items:center;gap:10px;padding:12px 16px;font-size:.8125rem;font-weight:650;display:flex}.config-accordion-group__header--active{background:var(--bg-hover)}@media (hover:hover){.config-accordion-group__header:hover{background:var(--bg-hover)}}.config-accordion-group__icon{color:var(--accent);opacity:.7;align-items:center;display:flex}.config-accordion-group__icon svg{width:16px;height:16px}.config-accordion-group__chevron{opacity:.35;transition:transform var(--duration-normal) var(--ease-out);margin-left:auto}.config-accordion-group__chevron--open{transform:rotate(180deg)}.config-accordion-group__items{border-top:1px solid color-mix(in srgb, var(--border) 50%, transparent);background:var(--card);padding:4px 0}.config-accordion-group__item{width:100%;color:var(--muted);transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;align-items:center;gap:8px;padding:9px 16px 9px 40px;font-size:.8125rem;font-weight:450;display:flex}@media (hover:hover){.config-accordion-group__item:hover{background:var(--bg-hover);color:var(--text)}}.config-accordion-group__item--active{color:var(--accent);font-weight:600}.config-accordion-group__item-icon{opacity:.45;align-items:center;display:flex}.config-accordion-group__item-icon svg{width:14px;height:14px}@media (width<=900px){.mcp-command-card__grid{grid-template-columns:1fr}.mcp-server-form{grid-template-columns:minmax(0,1fr);align-items:stretch}}.memory-memories__search{gap:var(--space-2);display:flex}.memory-memories__search .settings-input{flex:1}.memory-memories__state,.memory-memories__unavailable{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);color:var(--muted);margin:0}.memory-memories__state p,.memory-memories__detail p{margin:0 0 var(--space-3)}.memory-memories__results-heading{justify-content:space-between;align-items:center;gap:var(--space-3);color:var(--text);font-size:var(--control-ui-text-sm);font-weight:600;display:flex}.memory-memories__mode,.memory-memories__source{background:var(--bg-accent);color:var(--muted);font-size:var(--control-ui-text-xs);border-radius:999px;padding:2px 7px;font-weight:600}.memory-memories__result+.memory-memories__result{border-top:1px solid var(--border)}.memory-memories__meta{color:var(--muted);font-size:var(--control-ui-text-xs);flex-wrap:wrap}.memory-memories__path{overflow-wrap:anywhere;font-family:var(--mono)}.memory-memories__detail{padding:0 var(--space-4) var(--space-4)}.memory-memories__detail-error{color:var(--danger);font-size:var(--control-ui-text-sm);margin:0}.memory-memories__file{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);max-height:420px;color:var(--text);font:12px/1.55 var(--mono);white-space:pre;margin:0;overflow:auto}.memory-memories__file mark{background:color-mix(in srgb, var(--accent) 18%, transparent);color:inherit}@media (width<=560px){.memory-memories__search{flex-direction:column;align-items:stretch}}.memory-overview__hero{align-items:center;gap:var(--space-5);min-height:210px;padding:var(--space-6);border:1px solid color-mix(in srgb, var(--border-strong) 72%, transparent);border-radius:var(--radius-xl);background:radial-gradient(circle at 18% 35%, var(--accent-subtle), transparent 48%), linear-gradient(145deg, var(--card), var(--bg-accent));grid-template-columns:minmax(150px,.8fr) minmax(0,1.4fr);display:grid;overflow:hidden}.memory-overview__lobster{aspect-ratio:120/105;transform-origin:50% 82%;width:min(100%,190px);margin:0 auto}.memory-overview__lobster .lobster-pet__svg{width:100%;height:100%;overflow:visible}.memory-overview__hero--sleeping .memory-overview__lobster{opacity:.56;filter:saturate(.7)}.memory-overview__hero-copy h2{color:var(--text-strong);letter-spacing:-.035em;margin:0;font-size:clamp(1.55rem,4vw,2.2rem);line-height:1.05}.memory-overview__hero-copy p{max-width:44ch;margin:var(--space-3) 0 0;color:var(--muted);line-height:1.55}.memory-overview__hero-actions{margin-top:var(--space-4)}@media (width<=640px){.memory-overview__hero{min-height:176px;padding:var(--space-4);grid-template-columns:112px minmax(0,1fr)}}@media (prefers-reduced-motion:no-preference){.memory-overview__lobster{animation:5.5s ease-in-out infinite memory-overview-breathe}.memory-overview__lobster .lob-reading-book__page-glow{animation:7s ease-in-out infinite memory-overview-book-shimmer}}@keyframes memory-overview-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}@keyframes memory-overview-book-shimmer{0%,72%,to{opacity:0}82%{opacity:.24}}