@media screen and (prefers-reduced-motion:no-preference){.sc-pre .porch-dl__frame{--x:88%!important}}@media print{.porch .porch-dl__frame{--x:50%!important}}.porch .porch-dl{container-type:inline-size}.porch .porch-dl__frame{--x:50%;aspect-ratio:1000/660;touch-action:pan-y;border-radius:8px;position:relative;overflow:hidden}.porch .porch-dl img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.porch .porch-dl__rec{background:var(--p-surface);box-shadow:inset 0 0 0 1px var(--p-line);clip-path:inset(0 0 0 var(--x));border-radius:8px;margin:0;position:absolute;inset:0}.porch .porch-dl__row{font:500 clamp(12px, 3.3cqw, 15px) / 1.2 var(--p-body);color:var(--p-ink);grid-template-columns:calc(max(53cqw,50cqw + 26px) - max(14.5cqw,56px)) 1fr;align-items:baseline;padding:0 4cqw 0 max(14.5cqw,56px);display:grid;position:absolute;left:0;right:0;transform:translateY(-50%)}.porch .porch-dl__row dt{color:var(--p-faint);font-size:.86em}.porch .porch-dl__row dd{margin:0;font-weight:650}.porch .porch-dl__mn{font-family:var(--p-mono);font-weight:600}.porch .porch-dl__line{top:0;bottom:0;left:var(--x);background:#fff;width:2px;margin-left:-1px;position:absolute;box-shadow:0 0 0 1px #16181d40}.porch .porch-dl__knob{top:50%;left:clamp(22px, var(--x), calc(100% - 22px));color:#16181d;background:#fff;border-radius:50%;place-items:center;width:44px;height:44px;margin:-22px 0 0 -22px;display:grid;position:absolute;box-shadow:0 1px 2px #16181d40,0 0 0 1px #16181d2e}.porch .porch-dl input{appearance:none;opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.porch .porch-dl input::-webkit-slider-thumb{appearance:none;width:44px;height:44px}.porch .porch-dl input::-moz-range-thumb{width:44px;height:44px}.porch .porch-dl:has(input:focus-visible) .porch-dl__knob{outline:2px solid var(--p-ink);outline-offset:2px}@container (max-width:260px){.porch .porch-dl__frame{aspect-ratio:auto;overflow:visible}.porch .porch-dl img{border-radius:8px;height:auto;position:static}.porch .porch-dl__rec{clip-path:none;box-shadow:none;gap:6px;padding:8px 0 0;display:grid;position:static}.porch .porch-dl__row{flex-wrap:wrap;column-gap:8px;padding:0;font-size:14px;display:flex;position:static;transform:none}.porch .porch-dl__line,.porch .porch-dl__knob,.porch .porch-dl input{display:none}}