.extension-guide{background:var(--surface);max-width:850px;box-shadow:var(--shadow);text-align:left;border:1px solid #a96c3e40;border-radius:17px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;margin:25px auto 0;padding:15px 17px;display:grid}.extension-guide-icon{color:#755038;background:#a96c3e1a;border:1px solid #a96c3e47;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.extension-guide-copy{min-width:0}.extension-guide-copy strong{color:var(--text);font-size:.86rem;display:block}.extension-guide-copy p{max-width:none;color:var(--muted);margin:2px 0 0;font-size:.75rem;line-height:1.45}.extension-guide-action{color:#755038;white-space:nowrap;background:#a96c3e17;border:1px solid #a96c3e52;border-radius:999px;justify-content:center;align-items:center;min-height:36px;padding:0 14px;font-size:.76rem;font-weight:730;display:inline-flex}.extension-guide-action:hover,.extension-guide-action:focus-visible{color:var(--text);background:#a96c3e29;border-color:#a96c3ea6;outline:none}.extension-guide[data-extension-state=installed]{border-color:#22694f40}.extension-guide[data-extension-state=installed] .extension-guide-icon{color:var(--mint);background:#22694f1a;border-color:#22694f4d}.extension-guide[data-extension-state=notDetected]{border-color:#ffc4703d}.extension-guide[data-extension-state=notDetected] .extension-guide-icon{color:#885b1f;background:#ffc47014;border-color:#ffc4704d}.extension-guide[data-extension-state=checking] .extension-guide-icon{animation:1.4s ease-in-out infinite extension-guide-pulse}@keyframes extension-guide-pulse{50%{opacity:.58}}@media (width<=820px){.extension-guide{grid-template-columns:auto minmax(0,1fr)}.extension-guide-action{grid-column:2;justify-self:start}}@media (width<=560px){.extension-guide{grid-template-columns:auto minmax(0,1fr);gap:12px;padding:14px}.extension-guide-icon{width:38px;height:38px}.extension-guide-action{grid-column:1/-1;width:100%}}