.site .loop{position:relative}.site .loop img,.site .loop picture{display:block}.site .loop video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.site .loop-toggle{position:absolute;top:12px;right:12px}.site .sc-herocard-media .loop,.site .sc-herocard-media .loop picture{height:100%}.site .sc-herocard-media .loop-toggle{z-index:1;top:16px}.site .loop-key{color:var(--ink-2);font:500 var(--t-small) /1.35 var(--mono);flex-wrap:wrap;align-items:center;gap:6px 16px;min-height:1.35em;padding:14px 16px 10px;display:flex}.site .loop-scale{align-items:center;gap:8px;display:inline-flex}.site .loop-scale i{background:linear-gradient(to right,var(--ground),var(--ink));border:1px solid var(--rule);width:96px;height:10px;display:block}.site .loop-states{color:var(--ink-3);font-size:var(--t-small);padding:10px 16px 12px;line-height:1.5}.site .loop-states summary{cursor:pointer;-webkit-text-decoration:underline var(--rule);text-decoration:underline var(--rule);text-underline-offset:4px;min-height:24px}.site .loop-states ol{margin-top:6px;padding-inline-start:1.4em}.site .loop-states li+li{margin-top:4px}.site figure.pv{grid-template-columns:minmax(0,1fr) 56px;margin:0;display:grid;container-type:inline-size}.site figure.pv>.loop-key{grid-area:1/1/2/3}.site figure.pv>.loop{grid-area:2/1/3/3}.site figure.pv>figcaption{grid-area:3/1}.site figure.pv>.loop-toggle{grid-area:3/2;align-self:start;margin-block:6px;margin-inline-end:12px;position:static}.site figure.pv .loop-states{padding-block:16px 18px}.site figure.pv .loop-key{display:none}@container not (min-width:708px){.site figure.pv .loop-key{align-items:start;display:grid}}.site .loop-key-reserved>*{grid-area:1/1}.site .loop-key-size{visibility:hidden}