.drop-droplet{--drop-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;pointer-events:none;opacity:0;transition:opacity .42s ease-out;position:absolute;inset:0;overflow:hidden;container-type:size}.drop-droplet[data-state=live]{opacity:1}.drop-droplet-stage,.drop-droplet-canvas{width:100%;height:100%;position:absolute;inset:0}.drop-droplet-canvas{display:block}.drop-hud{color:var(--drop-hud-ink,#f6f5f0);font:500 9px/1.5 var(--drop-mono);letter-spacing:.08em;text-transform:uppercase;font-variant-numeric:tabular-nums;position:absolute;inset:0}.drop-hud i{font-style:normal}.drop-hud b{color:var(--drop-hud-accent,#df5c3c);font-weight:500}.drop-hud-corner{opacity:.62;display:grid;position:absolute;left:18px}.drop-hud-corner.is-top{top:16px}.drop-hud-corner.is-bottom{grid-auto-flow:column;gap:14px;bottom:16px}.drop-hud-label{white-space:nowrap;background:#06120e8c;padding:0 4px;font-size:10px;position:absolute;transform:translateY(-100%)}.drop-hud-label>i{opacity:.55}.drop-hud-label.is-right{transform:translate(-100%,-100%)}@container (width<=520px){.drop-hud-label{letter-spacing:.04em;font-size:8px}.drop-hud-label>:is(i,b){display:none}.drop-hud-corner{left:12px}.drop-hud-corner.is-top{top:10px}.drop-hud-corner.is-bottom{bottom:10px}}@container (width<=420px){.drop-hud-edition{display:none}}html:has(.drop-embed){color-scheme:normal;background:0 0;min-width:0;height:100%;min-height:0;margin:0;overflow:hidden}html:has(.drop-embed) body{color-scheme:normal;background:0 0;min-width:0;height:100%;min-height:0;margin:0;overflow:hidden}.drop-embed{position:fixed;inset:0;overflow:hidden}.drop-embed-poster{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}