openclaw/dist/control-ui/assets/skill-workshop-page-DOFJgGGw.css

Multi-channel AI gateway with extensible messaging integrations

.sw-skill-changes{margin-bottom:var(--space-6)}.sw-installed-skill__change{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.sw-skill-changes__version{margin-block:var(--space-3)}.sw-skill-changes__version>summary{padding-block:var(--space-2);font-weight:500}.sw-skill-changes__version:not([open])>summary{color:var(--muted)}.sw-skill-changes .chat-diffstat{margin-inline-start:var(--space-3)}.sw-skill-changes .chat-diffstat__add{color:var(--ok)}.sw-skill-changes .chat-diffstat__del{color:var(--destructive)}.sw-skill-changes .chat-diff{max-height:none}.sw-skill-changes .chat-diff__row{min-width:0}.sw-skill-changes .chat-diff__text{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}.skill-workshop{flex-direction:column;min-height:0;display:flex;position:relative}.content>.skill-workshop{margin-top:8px}.content--skill-workshop{box-sizing:border-box;flex-direction:column;flex:auto;width:100%;max-width:1120px;height:100%;min-height:0;margin-inline:auto;padding-bottom:16px;display:flex;overflow:hidden}.content--skill-workshop .content-header{flex-shrink:0;width:100%;padding-inline:0;transform:none}.sw-hub-panel{min-height:0;margin-top:var(--space-4);flex-direction:column;flex:auto;display:flex}#skill-workshop-mode-panel{flex-direction:column;flex:auto;min-height:0;display:flex}.sw-hub-panel::part(base),#skill-workshop-mode-panel::part(base){flex-direction:column;flex:auto;width:100%;min-height:0;display:flex}.sw-hub-panel::part(base){gap:var(--space-3)}.sw-workshop-toolbar{padding-inline:var(--settings-header-inline-padding,var(--space-4));flex-wrap:wrap;flex-shrink:0;justify-content:flex-start;align-items:center;gap:12px;display:flex}.sw-learn-button{margin-inline-start:auto;padding:5px 10px;font-size:12px}.sw-hub-panel .skill-workshop{flex:auto;min-height:0}.sw-error{border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;padding:10px 12px;display:flex}.sw-muted{color:var(--muted)}.sw-triage{grid-template-columns:minmax(260px, var(--sw-queue-width,360px)) var(--resize-handle-size) minmax(0, 1fr);border:1px solid var(--border);border-radius:0 0 var(--radius-lg) var(--radius-lg);background:var(--card);border-top:none;flex:1;align-items:stretch;gap:0;min-height:0;display:grid;overflow:hidden}.sw-triage--standalone{border-top:1px solid var(--border);border-radius:var(--radius-lg)}.sw-collection{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.sw-collection__head{border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:14px;padding:10px 14px;display:flex}.sw-collection__search{flex:220px;align-items:center;min-width:0;display:flex;position:relative}.sw-collection__search svg{width:15px;height:15px;color:var(--muted);pointer-events:none;position:absolute;left:10px}.sw-collection__search input{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);width:100%;color:var(--text);font:inherit;padding:7px 10px 7px 32px;font-size:13px}.sw-collection__count{color:var(--muted);white-space:nowrap;margin:0;font-size:12.5px}.sw-collection__panes{flex:auto;grid-template-columns:minmax(220px,280px) minmax(0,1fr);min-height:0;display:grid}.sw-collection__shelf{border-right:1px solid var(--border);flex-direction:column;min-width:0;min-height:0;padding:6px 0;display:flex;overflow:auto}.sw-installed-skill{width:100%;color:var(--text);font:inherit;text-align:left;background:0 0;border:none;border-left:3px solid #0000;grid-template-columns:minmax(0,1fr);gap:3px;padding:9px 14px;display:grid}@media (hover:hover){.sw-installed-skill:hover{background:var(--bg-hover)}}.sw-installed-skill.is-selected{background:color-mix(in srgb, var(--bg-elevated) 58%, var(--card) 42%);border-left-color:var(--accent)}.sw-installed-skill:focus-visible{outline-offset:-2px}.sw-installed-skill__name{color:var(--text-strong);font-family:var(--mono,ui-monospace, monospace);overflow-wrap:anywhere;font-size:13px;font-weight:600}.sw-installed-skill__desc{color:var(--muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.sw-collection__reader{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:auto}.sw-collection__reader-head{z-index:1;border-bottom:1px solid var(--border);background:var(--card);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 24px 14px;display:flex;position:sticky;top:0}.sw-collection__reader-identity{min-width:0}.sw-collection__reader-title{color:var(--text-strong);font-family:var(--mono,ui-monospace, monospace);overflow-wrap:anywhere;margin:0;font-size:19px;font-weight:700;line-height:1.25}.sw-collection__reader-desc{max-width:66ch;color:var(--muted);margin:7px 0 0;font-size:13px;line-height:1.55}.sw-collection__reader-body{color:var(--text);padding:18px 24px 28px;font-size:13.5px;line-height:1.65}.sw-collection__state{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:10px;margin:auto;padding:48px 24px;font-size:13px;display:flex}.sw-queue{flex-direction:column;align-self:stretch;min-width:0;min-height:0;display:flex}.sw-queue__search{border-bottom:1px solid var(--border);padding:8px 12px}.sw-queue__search input{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:var(--radius-md);font:inherit;padding:7px 10px;font-size:13px}.sw-queue__body{flex:1;overflow:auto}.sw-queue__group{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);justify-content:space-between;align-items:center;padding:10px 14px 4px;font-size:12px;font-weight:600;display:flex}.sw-row{text-align:left;font:inherit;color:var(--text);background:0 0;border:none;border-left:3px solid #0000;grid-template-columns:14px 1fr auto;align-items:start;gap:8px;width:100%;padding:10px 14px;display:grid}@media (hover:hover){.sw-row:hover{background:var(--bg-hover)}}.sw-row.is-selected{background:color-mix(in srgb, var(--bg-elevated) 58%, var(--card) 42%);border-left-color:var(--accent)}.sw-row__dot{background:var(--border-strong);border-radius:50%;align-self:start;width:6px;height:6px;margin-top:7px}.sw-row__title{color:var(--text);font-size:13px;font-weight:500}.sw-row__desc{color:var(--muted);text-overflow:ellipsis;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;margin-top:2px;font-size:12px;display:-webkit-box;overflow:hidden}.sw-row__meta{color:var(--muted);white-space:nowrap;align-self:start;margin-top:1px;font-size:12px}.sw-queue__empty{text-align:center;color:var(--muted);padding:28px 16px;font-size:13px}.sw-detail{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.sw-detail--empty{text-align:center;color:var(--muted);justify-content:center;align-items:center;min-height:60vh;padding:80px 24px}.sw-filter-empty{flex-direction:column;align-items:center;gap:10px;max-width:360px;display:flex}.sw-filter-empty__icon{width:52px;height:52px;color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);border:1px solid color-mix(in srgb, var(--accent) 22%, var(--border) 78%);box-shadow:0 14px 40px color-mix(in srgb, var(--accent) 12%, transparent);border-radius:50%;place-items:center;display:grid}.sw-filter-empty__icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.sw-empty__title{color:var(--text-strong);margin:0;font-size:16px;font-weight:600}.sw-empty__sub{max-width:380px;margin:0;font-size:13px}.sw-empty-state{place-items:center;min-height:min(640px,100vh - 220px);padding:48px 20px;display:grid}.sw-empty-state__panel{border:1px solid var(--border);background:color-mix(in srgb, var(--card) 84%, transparent);text-align:center;width:min(100%,420px);box-shadow:var(--shadow-xl);border-radius:18px;padding:30px 28px}.sw-empty-state__glyph{border:1px solid color-mix(in srgb, var(--accent) 54%, var(--border));background:color-mix(in srgb, var(--accent) 8%, transparent);border-radius:12px;flex-direction:column;justify-content:center;gap:6px;width:50px;height:58px;margin:0 auto 18px;padding:0 11px;display:flex}.sw-empty-state__glyph span{background:color-mix(in srgb, var(--accent) 72%, var(--text));border-radius:999px;height:2px}.sw-empty-state__glyph span:nth-child(2){width:72%}.sw-empty-state__glyph span:nth-child(3){width:48%}.sw-empty-state__eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700}.sw-empty-state h2{color:var(--text-strong);margin:0;font-size:24px;line-height:1.16}.sw-empty-state p{max-width:330px;color:var(--muted);margin:12px auto 0;font-size:14px;line-height:1.55}.sw-empty-state__footer{border-top:1px solid var(--border);color:var(--muted);margin-top:18px;padding-top:16px;font-size:12px}.sw-empty-state__selflearn{border:1px solid color-mix(in srgb, var(--accent) 34%, var(--border));background:color-mix(in srgb, var(--accent) 6%, transparent);text-align:center;border-radius:12px;margin-top:16px;padding:16px 18px}.sw-empty-state__selflearn h3{color:var(--text-strong);margin:0;font-size:14px}.sw-empty-state__selflearn p{margin:8px auto 0;font-size:13px}.sw-empty-state__selflearn .sw-btn{margin-top:12px}.sw-detail__head{border-bottom:1px solid var(--border);background:var(--card);flex-shrink:0;align-items:flex-start;gap:14px;padding:18px 24px 14px;display:flex}.sw-detail__head-left{flex:1;min-width:0}.sw-detail__title{color:var(--text-strong);margin:0 0 4px;font-size:18px;font-weight:700}.sw-detail__one-line{color:var(--text);font-size:13px}.sw-detail__meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;font-size:12px;display:flex}.sw-detail__nav{align-items:center;gap:4px;display:flex}.sw-detail__nav button{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg);width:28px;height:28px;color:var(--text);font-size:14px}.sw-detail__body{flex:1;min-height:0;padding:18px 24px 24px;overflow:auto}.sw-section{margin-bottom:18px}.sw-section__label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 8px;font-size:12px;font-weight:600}.sw-body-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);padding:18px 22px;font-size:13.5px;line-height:1.65}.sw-body-card__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.sw-body-card__head h1{color:var(--text-strong);font-size:20px;font-weight:700;font-family:var(--mono);letter-spacing:-.01em;margin:0}.sw-files{gap:6px;display:grid}.sw-file{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);font:inherit;color:var(--text);text-align:left;grid-template-columns:18px 1fr auto;align-items:center;gap:10px;padding:8px 10px;font-size:12px;transition:background .1s,border-color .1s;display:grid}@media (hover:hover){.sw-file:hover{background:var(--bg-elevated);border-color:var(--border-strong)}}.sw-file__name{font-family:var(--mono);color:var(--text-strong)}.sw-file__size{color:var(--muted);font-size:12px}.sw-file__hint{color:var(--muted);opacity:0;margin-left:6px;font-size:12px;transition:opacity .1s}@media (hover:hover){.sw-file:hover .sw-file__hint{opacity:1}}.sw-evaluation{border-top:1px solid var(--border);margin-top:22px;padding-top:18px}.sw-evaluation__head,.sw-evaluation__outcome-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.sw-evaluation__head h3{color:var(--text-strong);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:13px;font-weight:700}.sw-evaluation__meta,.sw-evaluation__runtime{color:var(--muted);flex-wrap:wrap;gap:6px 12px;font-size:11px;display:flex}.sw-evaluation__outcomes{margin-top:10px}.sw-evaluation__outcome{border-top:1px solid color-mix(in srgb, var(--border) 72%, transparent);padding:14px 0}.sw-evaluation__outcome:first-child{border-top:0}.sw-evaluation__identity{flex-direction:column;gap:3px;min-width:0;display:flex}.sw-evaluation__identity strong{color:var(--text-strong);overflow-wrap:anywhere;font-size:13px}.sw-evaluation__identity span{color:var(--muted);font-family:var(--mono,ui-monospace, monospace);overflow-wrap:anywhere;font-size:11px}.sw-evaluation__badges{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.sw-evaluation__badge,.sw-evaluation__severity{border:1px solid var(--border);border-radius:var(--radius-md);min-height:20px;color:var(--muted);text-transform:uppercase;align-items:center;padding:2px 7px;font-size:10px;font-weight:700;line-height:1.2;display:inline-flex}.sw-evaluation__badge.is-pass,.sw-evaluation__badge.is-completed{border-color:color-mix(in srgb, var(--ok) 46%, var(--border));color:var(--ok)}.sw-evaluation__badge.is-revise,.sw-evaluation__severity.is-warn{border-color:color-mix(in srgb, var(--warn) 46%, var(--border));color:var(--warn)}.sw-evaluation__badge.is-block,.sw-evaluation__badge.is-error,.sw-evaluation__severity.is-critical{border-color:color-mix(in srgb, var(--danger) 46%, var(--border));color:var(--danger)}.sw-evaluation__summary,.sw-evaluation__reason,.sw-evaluation__error{color:var(--text);overflow-wrap:anywhere;margin:10px 0 0;font-size:12.5px;line-height:1.5}.sw-evaluation__reason{color:var(--muted)}.sw-evaluation__error{color:var(--danger)}.sw-evaluation__findings,.sw-evaluation__metrics{margin-top:12px}.sw-evaluation__findings h4,.sw-evaluation__metrics h4{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 7px;font-size:10px;font-weight:700}.sw-evaluation__findings ul{margin:0;padding:0;list-style:none}.sw-evaluation__findings li{color:var(--text);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px;padding:5px 0;font-size:12px;line-height:1.45;display:grid}.sw-evaluation__findings small{color:var(--muted);font-family:var(--mono,ui-monospace, monospace);margin-top:2px;font-size:10.5px;display:block}.sw-evaluation__rule{color:var(--text-strong);font-family:var(--mono,ui-monospace, monospace);margin-right:5px;font-size:10.5px}.sw-evaluation__metrics dl{flex-wrap:wrap;gap:6px 14px;margin:0;display:flex}.sw-evaluation__metrics dl>div{min-width:0;font-family:var(--mono,ui-monospace, monospace);gap:5px;font-size:10.5px;display:flex}.sw-evaluation__metrics dt{color:var(--muted)}.sw-evaluation__metrics dd{color:var(--text-strong);overflow-wrap:anywhere;margin:0}.sw-evaluation__runtime{margin-top:10px}.sw-action-toast{z-index:2;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-elevated);max-width:min(520px,100% - 48px);color:var(--text-strong);box-shadow:var(--overlay-shadow);white-space:nowrap;align-items:center;gap:14px;padding:10px 18px;display:inline-flex;position:absolute;bottom:68px;left:50%;transform:translate(-50%)}.sw-action-toast strong{text-overflow:ellipsis;overflow:hidden}.sw-revision-dialog{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--card);width:100%;box-shadow:var(--shadow-xl);padding:22px}.sw-revision-dialog--sending{border-color:color-mix(in srgb, var(--accent) 44%, var(--border-strong))}.sw-revision-dialog__head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.sw-revision-dialog__eyebrow{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:700}.sw-revision-dialog h2{color:var(--text-strong);font-family:var(--mono,ui-monospace, monospace);margin:0;font-size:20px;line-height:1.25}.sw-revision-dialog__close{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);width:30px;height:30px;color:var(--muted);place-items:center;display:grid}.sw-revision-dialog__close svg{width:16px;height:16px}@media (hover:hover){.sw-revision-dialog__close:hover:not(:disabled){color:var(--text-strong);border-color:var(--border-strong)}}.sw-revision-dialog__copy{color:var(--muted);margin:16px 0 12px;font-size:13.5px;line-height:1.55}.sw-revision-dialog__input{resize:vertical;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);width:100%;min-height:138px;color:var(--text);font:inherit;padding:12px 14px;font-size:13.5px;line-height:1.55}.sw-revision-dialog__input:focus-visible{border-color:var(--border-strong);box-shadow:none;outline:none}.sw-revision-dialog__status{color:var(--muted);align-items:center;gap:9px;margin-top:12px;font-size:12.5px;display:inline-flex}.sw-revision-dialog__status-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 28%, transparent);border-radius:999px;animation:1s ease-in-out infinite sw-revision-status-pulse}.sw-revision-dialog__actions{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.sw-action-bar{border-top:1px solid var(--border);background:color-mix(in srgb, var(--bg) 60%, var(--bg-elevated) 40%);flex-shrink:0;align-items:center;gap:10px;padding:12px 24px;display:flex}.sw-btn{border-radius:var(--radius-md);font:inherit;border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--text-strong);align-items:center;gap:8px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex}@media (hover:hover){.sw-btn:hover{background:var(--bg-hover)}}.sw-btn:disabled{cursor:default;opacity:.58}@media (hover:hover){.sw-btn:disabled:hover{background:var(--bg-elevated)}}.sw-btn--primary{background:var(--primary);color:var(--primary-foreground);border-color:var(--accent)}@media (hover:hover){.sw-btn--primary:hover{background:var(--primary-hover)}.sw-btn--primary:disabled:hover{background:var(--primary)}}.sw-btn.is-busy{opacity:.82;animation:.9s ease-in-out infinite sw-action-pulse}@keyframes sw-action-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 18%, transparent);transform:scale(1)}50%{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 0%, transparent);transform:scale(1.015)}}@keyframes sw-revision-status-pulse{0%,to{opacity:.72;box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 26%, transparent);transform:scale(1)}50%{opacity:1;box-shadow:0 0 0 7px color-mix(in srgb, var(--accent) 0%, transparent);transform:scale(1.28)}}.sw-btn--ghost{border-color:var(--border);background:0 0}.sw-btn--danger{color:var(--danger)}.sw-detail__meta-link{font:inherit;color:var(--muted);text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-color:color-mix(in srgb, var(--muted) 60%, transparent);text-decoration-color:color-mix(in srgb, var(--muted) 60%, transparent);background:0 0;border:none;margin:0;padding:0;font-size:12px}@media (hover:hover){.sw-detail__meta-link:hover{color:var(--text-strong);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}}@media (width<=768px){.content--skill-workshop{overflow-y:auto}.sw-action-toast{overflow-wrap:anywhere;white-space:normal;flex-wrap:wrap;width:max-content;position:fixed}.sw-hub-panel,#skill-workshop-mode-panel,.sw-hub-panel::part(base),#skill-workshop-mode-panel::part(base),.sw-view,.sw-view__pane{min-height:auto}.sw-triage{grid-template-rows:minmax(96px,22vh) auto;grid-template-columns:minmax(0,1fr)}.sw-detail,.sw-detail__body{overflow:visible}.sw-detail--empty,.sw-empty-state{min-height:0}.sw-queue-resizer{display:none}.sw-collection__panes{grid-template-rows:minmax(96px,22vh) auto;grid-template-columns:minmax(0,1fr)}.sw-collection__shelf{border-right:none;border-bottom:1px solid var(--border)}.sw-collection__reader{overflow:visible}.sw-evaluation__head,.sw-evaluation__outcome-head{flex-direction:column}.sw-evaluation__badges{justify-content:flex-start}}@media (width<=560px){.sw-collection__reader-head{flex-direction:column;gap:12px;padding:16px}.sw-collection__reader-body{padding:16px 16px 24px}.sw-detail__head,.sw-detail__body{padding-inline:16px}}.sw-header-controls{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px;display:inline-flex}.sw-self-learning-toggle{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;font-size:12.5px;font-weight:500;display:inline-flex}.sw-self-learning-toggle input{opacity:0;pointer-events:none;position:absolute}.sw-self-learning-warning{color:var(--warn);align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.sw-self-learning-warning svg{width:14px;height:14px}.sw-self-learning-warning a{color:inherit}.sw-self-learning-toggle__track{background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;width:32px;height:18px;transition:background .16s,border-color .16s;position:relative}.sw-self-learning-toggle__track:after{content:"";background:var(--muted);border-radius:999px;width:10px;height:10px;transition:transform .16s,background .16s;position:absolute;top:3px;left:3px}.sw-self-learning-toggle input:checked+.sw-self-learning-toggle__track{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));background:color-mix(in srgb, var(--accent) 16%, var(--bg-elevated))}.sw-self-learning-toggle input:checked+.sw-self-learning-toggle__track:after{background:var(--accent);transform:translate(14px)}.sw-self-learning-toggle:focus-within .sw-self-learning-toggle__track{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 35%, transparent)}.sw-section-tabs__icon{flex-shrink:0;display:inline-flex}.sw-section-tabs__icon svg{stroke-width:1.6px;width:14px;height:14px}.sw-view{flex-direction:column;flex:auto;min-height:0;display:flex}.sw-view__pane{flex-direction:column;flex:auto;min-height:0;animation:.24s cubic-bezier(.32,.72,.32,1) both sw-pane-in;display:flex}@keyframes sw-pane-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.sw-view__pane{animation:none}}