.extension-guide{text-align:left;background:linear-gradient(110deg,#141d2ef5,#161631eb);border:1px solid #9e8cff40;border-radius:17px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;max-width:850px;margin:25px auto 0;padding:15px 17px;display:grid;box-shadow:0 18px 48px #0003}.extension-guide-icon{color:#b9acff;background:#9e8cff1a;border:1px solid #9e8cff47;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:#d8d1ff;white-space:nowrap;background:#9e8cff17;border:1px solid #9e8cff52;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:#fff;background:#9e8cff29;border-color:#9e8cffa6;outline:none}.extension-guide[data-extension-state=installed]{border-color:#70e7bd40}.extension-guide[data-extension-state=installed] .extension-guide-icon{color:var(--mint);background:#70e7bd1a;border-color:#70e7bd4d}.extension-guide[data-extension-state=notDetected]{border-color:#ffc4703d}.extension-guide[data-extension-state=notDetected] .extension-guide-icon{color:#ffd69d;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%}}