.experiment-stage:has(>fluid-experiment){position:relative}fluid-experiment{color-scheme:dark;width:100%;height:100%;color:var(--exp-ink);display:block;position:relative;overflow:hidden}fluid-experiment .fx-scene,fluid-experiment .fx-overlay{width:100%;height:100%;display:block;position:absolute;inset:0}fluid-experiment .fx-scene{touch-action:none}fluid-experiment .fx-overlay{pointer-events:none}fluid-experiment .fx-caption{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}fluid-experiment .fx-status{color:var(--exp-muted);text-align:center;place-content:center;margin:0;padding:16px;display:grid;position:absolute;inset:0}fluid-experiment .fx-status[hidden]{display:none}fluid-experiment .fx-start{width:fit-content;height:fit-content;color:var(--exp-ink);font:inherit;cursor:pointer;background:#0b1020d1;border:1px solid #e8ecf580;border-radius:999px;margin:auto;padding:12px 22px;font-weight:700;position:absolute;inset:0}fluid-experiment .fx-held{width:max-content;max-width:calc(100% - 20px);color:var(--exp-ink);pointer-events:none;background:#0b1020d9;border:1px solid #e8ecf540;border-radius:999px;margin:0;padding:6px 12px;font-size:.875rem;line-height:1.4;position:absolute;top:10px;left:50%;transform:translate(-50%)}fluid-experiment .fx-held[data-edge=bottom]{inset:auto 10px 10px auto;transform:none}fluid-experiment .fx-held[hidden]{display:none}fluid-experiment:has(>.fx-notice:not([hidden])) .fx-held[data-edge=top]{visibility:hidden}@container (width<=560px){fluid-experiment .fx-held{text-align:center;border-radius:14px;max-width:48%;padding:4px 10px;font-size:.75rem}fluid-experiment .fx-held[data-edge=top]{left:44%}}fluid-experiment[data-held] .fx-scene,fluid-experiment[data-held] .fx-overlay{opacity:.5}fluid-experiment .fx-notice{background:#0b1020e6;border:1px solid #e8ecf540;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;width:max-content;max-width:calc(100% - 20px);padding:8px 12px;font-size:.875rem;line-height:1.4;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}fluid-experiment .fx-notice[hidden]{display:none}fluid-experiment .fx-notice p{margin:0}fluid-experiment .fx-video,fluid-experiment .fx-poster{object-fit:contain;background:#000;width:100%;height:100%;display:block}fluid-experiment .fx-fallback-notice{background:#0b1020e0;padding:10px 14px;font-size:.875rem;line-height:1.5;position:absolute;inset:auto 0 0}fluid-experiment[data-fallback=none] .fx-fallback-notice{text-align:center;place-content:center;display:grid;inset:0}fluid-experiment .fx-fallback-notice p{margin:0}.experiment-panel{color-scheme:dark;color:var(--exp-ink);border-top:1px solid #e8ecf51a;flex-wrap:wrap;align-items:center;gap:10px 22px;padding:10px 14px 12px;font-size:.875rem;line-height:1.3;display:flex}.experiment-panel[hidden]{display:none}.experiment-panel>.fx-fallback-notice{line-height:1.5}.experiment-panel>.fx-fallback-notice p{margin:0}.fx-playback,.fx-controls,.fx-chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fx-controls{gap:10px 18px;max-width:100%}.fx-button,.fx-chip{min-height:32px;color:var(--exp-ink);font:inherit;cursor:pointer;background:#e8ecf50f;border:1px solid #e8ecf547;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.fx-button:disabled,.fx-button[aria-disabled=true],.fx-chip:disabled{opacity:.45;cursor:default}.fx-button[hidden]{display:none}.fx-chip[aria-pressed=true]{border-color:var(--exp-ink);background:#e8ecf52e;font-weight:700}.fx-progress{width:96px}.fx-progress[hidden]{display:none}.fx-mode{color:var(--exp-muted)}.fx-slider{align-items:center;gap:8px;min-width:0;max-width:100%;display:inline-flex}.fx-slider input{width:140px;min-width:0;accent-color:var(--exp-ink);flex:0 140px}.fx-value{min-width:4.5em;color:var(--exp-muted);font-variant-numeric:tabular-nums}.fx-choice{flex-wrap:wrap;align-items:center;gap:6px;max-width:100%;display:inline-flex}.fx-choice-name{margin-right:2px}.fx-slider-name,.fx-choice-name{white-space:nowrap}.fx-option{cursor:pointer;background:#e8ecf50f;border:1px solid #e8ecf547;border-radius:8px;align-items:center;min-height:32px;padding:4px 10px;display:inline-flex;position:relative}.fx-option input{opacity:0;width:100%;height:100%;cursor:inherit;margin:0;position:absolute;inset:0}.fx-option:has(input:checked){border-color:var(--exp-ink);background:#e8ecf52e;font-weight:700}.fx-option:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.fx-option:has(input:disabled){opacity:.45;cursor:default}