.archive-browser{margin-top:28px;overflow:hidden;border:1px solid #dedee5;border-radius:24px;background:#fff;box-shadow:0 30px 80px -50px #8073bd;font-family:Figtree,sans-serif}
.archive-browser__bar{display:flex;align-items:center;gap:18px;padding:16px 20px;background:#eeedf3;border-bottom:1px solid #dedee5;color:#64646d;font-size:12px;line-height:1.4}
.archive-browser__dots{display:flex;gap:7px;flex-shrink:0}.archive-browser__dots i{width:10px;height:10px;border-radius:50%;background:#ff5f57}.archive-browser__dots i:nth-child(2){background:#febc2e}.archive-browser__dots i:nth-child(3){background:#28c840}
.archive-browser__hint{margin-left:auto;font-size:11px;white-space:nowrap}
.archive-browser__viewport{max-height:78vh;max-height:78dvh;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#a69ce1 #eeedf3;scrollbar-width:thin}
.archive-browser__viewport:focus-visible{outline:3px solid #a69ce1;outline-offset:-3px}
.archive-browser .archive-browser__viewport img{display:block;width:100%;height:auto;max-height:none;margin:0;border:0}
@media(max-width:600px){.archive-browser{border-radius:16px}.archive-browser__bar{padding:12px;gap:12px;flex-wrap:wrap}.archive-browser__hint{width:100%;margin-left:0}.archive-browser__viewport{max-height:70dvh}}