.silex-install[hidden], [data-silex-install][hidden] { display: none !important; }
.silex-install {
  box-sizing: border-box;
  position: relative;
  width: calc(100% - 24px);
  max-width: 680px;
  margin: 16px auto 24px;
  padding: 18px;
  background: var(--silex-surface, #15181b);
  color: var(--silex-text, #f2f3f4);
  border: 1px solid var(--silex-border, #30353b);
  border-radius: var(--silex-radius, 4px);
  font: 14px/1.55 var(--silex-font, system-ui, sans-serif);
  scroll-margin-top: 90px;
}
.silex-install-heading { display: flex; gap: 12px; align-items: center; }
.silex-install-heading img { width: 40px; height: 40px; flex: 0 0 40px; }
.silex-install h2 { margin: 0; font-size: 20px; line-height: 1.3; }
.silex-install p { margin: 12px 0; color: var(--silex-text-soft, #c5c9ce); }
.silex-install ol { padding-left: 22px; margin: 12px 0; }
.silex-install li { margin-block: 8px; }
.silex-install-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.silex-install button, #header [data-silex-install] {
  min-height: 44px; padding: 10px 16px; font: inherit; cursor: pointer;
  border: 1px solid var(--silex-border, #30353b); border-radius: var(--silex-radius, 4px);
  color: var(--silex-text, #f2f3f4); background: var(--silex-soft, #22262b);
}
.silex-install [data-install-action="install"] { color: #101214; background: var(--silex-accent, #4cdbff); border-color: transparent; }
.silex-install button:hover, #header [data-silex-install]:hover { border-color: var(--silex-text-soft, #c5c9ce); }
.silex-install :focus-visible { outline: 2px solid var(--silex-accent, #4cdbff); outline-offset: 3px; }
.silex-install button:disabled { opacity: .6; cursor: wait; }
#header [data-silex-install] { background: transparent; border-color: transparent; font-size: 13px; width: 100%; text-align: left; }
@media (max-width: 920px) { #header [data-silex-install] { width: 100%; text-align: left; } }
@media (display-mode: standalone) { .silex-install, [data-silex-install] { display: none !important; } }