dialog.lb-dialog{color:#fff;background:0 0;border:none;width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;padding:0;position:fixed;inset:0}dialog.lb-dialog::backdrop{background:#040916fb}dialog.lb-dialog[open] .lb-shell{display:flex}dialog.lb-dialog .lb-shell{height:100%;padding:max(env(safe-area-inset-top), 12px) 12px max(env(safe-area-inset-bottom), 12px);flex-direction:column}@keyframes lb-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}dialog.lb-dialog .lb-top{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}dialog.lb-dialog .lb-count{font-variant-numeric:tabular-nums;color:#ffffffe6;background:#ffffff1a;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}dialog.lb-dialog .lb-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:background-color .15s,transform .15s;display:flex}dialog.lb-dialog .lb-btn:hover{background:#ffffff2e}dialog.lb-dialog .lb-btn:active{transform:scale(.94)}dialog.lb-dialog .lb-btn:focus-visible{outline:2px solid var(--color-teal-400);outline-offset:2px}dialog.lb-dialog .lb-stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:12px 0;display:flex;position:relative}dialog.lb-dialog .lb-figure{flex-direction:column;align-items:center;gap:14px;min-width:0;max-width:100%;max-height:100%;margin:0;animation:.18s both lb-in;display:flex}dialog.lb-dialog .lb-img{object-fit:contain;border-radius:16px;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 15rem);display:block;box-shadow:0 24px 60px -24px #000000b3}dialog.lb-dialog .lb-caption{text-align:center;color:#ffffffdb;max-width:40rem;padding:0 8px;font-size:15px;line-height:1.5}dialog.lb-dialog .lb-caption strong{color:#fff}dialog.lb-dialog .lb-side{display:none}dialog.lb-dialog .lb-bottom{flex-shrink:0;justify-content:center;align-items:center;gap:20px;display:flex}dialog.lb-dialog .lb-dots{align-items:center;gap:6px;display:flex}dialog.lb-dialog .lb-dot{background:#ffffff4d;border-radius:999px;width:6px;height:6px;transition:width .2s,background-color .2s}dialog.lb-dialog .lb-dot-on{background:var(--color-teal-400);width:18px}@media (min-width:768px){dialog.lb-dialog .lb-shell{padding:20px 24px 24px}dialog.lb-dialog .lb-stage{gap:20px;padding:16px 0}dialog.lb-dialog .lb-side{width:52px;height:52px;display:flex}dialog.lb-dialog .lb-bottom-btn{display:none}dialog.lb-dialog .lb-img{max-width:min(100%,72rem);max-height:calc(100dvh - 13rem)}}@media (prefers-reduced-motion:reduce){dialog.lb-dialog .lb-figure{animation:none}dialog.lb-dialog .lb-btn,dialog.lb-dialog .lb-dot{transition:none}}
