/* Download page: the launcher screenshot and the SHA-256 lines only show as a hover card on the download buttons. */
.box.dl{overflow:visible}
.dl-art{border-radius:0 var(--r-lg,18px) var(--r-lg,18px) 0}
@media (max-width:900px){.dl-art{border-radius:0 0 var(--r-lg,18px) var(--r-lg,18px)}}

.dl-tip-wrap{position:relative;display:inline-flex}
.dl-tip-wrap[hidden]{display:none}
.dl-tip{position:absolute;left:0;top:calc(100% + 14px);z-index:60;display:block;width:min(520px,calc(100vw - 32px));padding:10px;
  background:#fff;border-radius:16px;box-shadow:0 0 0 1px var(--line,#e7e9ee),0 24px 52px rgba(13,40,90,.24),0 4px 12px rgba(13,40,90,.08);
  opacity:0;visibility:hidden;transform:translateY(8px) scale(.97);transform-origin:44px 0;pointer-events:none;
  transition:opacity .16s ease,transform .18s cubic-bezier(.2,.8,.3,1.2),visibility 0s linear .18s}
/* an invisible bridge, so the card stays open while the pointer moves from the button onto it */
.dl-tip::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.dl-tip::after{content:"";position:absolute;top:-6px;left:38px;width:12px;height:12px;background:#fff;transform:rotate(45deg);
  box-shadow:-1px -1px 0 var(--line,#e7e9ee);border-top-left-radius:3px}
.dl-tip-wrap:hover .dl-tip,.dl-tip-wrap:has(:focus-visible) .dl-tip{opacity:1;visibility:visible;transform:none;pointer-events:auto;
  transition-delay:.08s,.08s,0s}
.dl-tip img{display:block;width:100%;height:auto;aspect-ratio:1280/672;border-radius:10px;background:#cfe3ff;box-shadow:0 0 0 1px rgba(13,40,90,.08)}
.dl-tip-cap{display:block;margin:10px 4px 0;font:400 .84rem/1.45 var(--text);color:var(--muted,#6a7282)}
.dl-tip-cap b{color:var(--ink,#0d1321);font-weight:600}
.dl-tip-hash{display:block;margin:9px 0 0;padding:8px 10px;background:var(--bg-2,#f7f8fa);border-radius:9px;
  font:500 .7rem/1.5 var(--text);color:var(--ink-2,#394252)}
.dl-tip-hash code{display:block;margin-top:2px;font:.68rem/1.45 var(--mono);color:var(--muted,#6a7282);word-break:break-all;user-select:all}
.dl-tip-sm{width:min(380px,calc(100vw - 32px))}
.dl-tip-wrap.up .dl-tip{top:auto;bottom:calc(100% + 14px);transform:translateY(-8px) scale(.97);transform-origin:44px 100%}
.dl-tip-wrap.up:hover .dl-tip,.dl-tip-wrap.up:has(:focus-visible) .dl-tip{transform:none}
.dl-tip-wrap.up .dl-tip::before{top:auto;bottom:-16px}
.dl-tip-wrap.up .dl-tip::after{top:auto;bottom:-6px;box-shadow:1px 1px 0 var(--line,#e7e9ee);border-radius:0 0 3px 0}

/* phones and tablets have no hover: keep the page clean, the buttons just download */
@media (hover:none),(max-width:620px){.dl-tip{display:none}}