.rv-extension-promo { position: relative; border-radius: 8px; background: #18191c; border: 1px solid #45454c; border-top: 2px solid #eb384c; padding: 16px; text-align: left; color: #f4f4f6; }
.rv-extension-promo[hidden] { display: none !important; }
.th-sidebar:has(.rv-extension-promo:not([hidden])) > .container-fluid { height: 100dvh; min-height: 0; flex-direction: column; flex-wrap: nowrap; align-items: stretch; }
.th-sidebar:has(.rv-extension-promo:not([hidden])) .navbar-collapse { min-height: 0; width: 100%; overflow-x: hidden; overflow-y: auto; flex: 1 1 auto !important; }
.th-sidebar .rv-extension-promo { flex: 0 0 auto; }
.rv-extension-logo { display: block; object-fit: contain; margin-bottom: 10px; }
.rv-extension-promo h2 { font: 700 18px/1.3 Inter, sans-serif; letter-spacing: 0; margin: 0 20px 9px 0; overflow-wrap: anywhere; }
.rv-extension-promo p { font: 400 13px/1.65 Inter, sans-serif; margin: 0 0 14px; color: #dddde4; letter-spacing: 0; }
.rv-extension-promo .rv-extension-install { display: flex; justify-content: center; white-space: normal; min-height: 40px; border-radius: 6px; letter-spacing: 0; }
.rv-extension-close { position: absolute; top: 8px; right: 8px; display: grid; place-items: center; width: 32px; height: 32px; background: transparent; color: #ededf2; border: 0; border-radius: 4px; font: 26px/1 sans-serif; cursor: pointer; }
.rv-extension-close:hover { background: #38383e; }
.rv-extension-promo :focus-visible, .rv-extension-guide :focus-visible { outline: 3px solid #f7cb58; outline-offset: 3px; }
.rv-extension-promo-public { position: fixed; bottom: 16px; left: 16px; width: 252px; margin: 0; z-index: 20; }
.rv-extension-guide { max-width: 800px; margin: 36px auto; padding: 0 24px; line-height: 1.7; overflow-wrap: anywhere; }
.rv-extension-guide header { display: flex; align-items: center; gap: 16px; margin-bottom: 24px; }
.rv-extension-guide h1 { font-size: 28px; letter-spacing: 0; }
.rv-extension-guide h2 { font-size: 20px; letter-spacing: 0; }
.rv-extension-guide li { margin-bottom: 12px; }
@media (max-width: 991px) {
  .rv-extension-promo-public { position: static; width: auto; max-width: 500px; margin: 20px auto; }
  .rv-extension-promo { margin: 12px 0; }
  .rv-extension-promo-public { margin: 20px 16px; }
  .rv-extension-guide { margin: 24px auto; padding: 0 16px; }
  .rv-extension-guide h1 { font-size: 24px; }
}