.screenshot-detail{position:relative;isolation:isolate;width:100%;aspect-ratio:var(--detail-aspect,1.55);min-width:0}.screenshot-detail__crop{position:absolute;inset:0;overflow:hidden;background:white;border-radius:inherit}.screenshot-detail--framed{border:7px solid var(--detail-shell,var(--linen,#edeae7));outline:1px solid var(--line);border-radius:14px;box-shadow:0 3px 5px color-mix(in srgb,var(--ink-primary,#1B2722) 6%,transparent),0 18px 40px color-mix(in srgb,var(--ink-primary,#1B2722) 8%,transparent)}.screenshot-detail--framed .screenshot-detail__crop{border-radius:7px}.screenshot-detail--fade{-webkit-mask-image:linear-gradient(90deg,black 45%,transparent),linear-gradient(180deg,black 45%,transparent);mask-image:linear-gradient(90deg,black 45%,transparent),linear-gradient(180deg,black 45%,transparent);-webkit-mask-composite:source-in,xor;mask-composite:intersect}.screenshot-detail--fade .screenshot-detail__crop{inset:8% -8% -8% 7%;border:1px solid var(--line);border-radius:7px}.screenshot-detail--offset{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--linen,#EDEAE7);box-shadow:0 3px 5px color-mix(in srgb,var(--ink-primary,#1B2722) 6%,transparent),0 18px 40px color-mix(in srgb,var(--ink-primary,#1B2722) 8%,transparent)}.screenshot-detail--offset .screenshot-detail__crop{inset:8% -8% -8% 7%;border:1px solid var(--line);border-radius:7px}.screenshot-detail[data-detail-focused] .screenshot-detail__crop>img{position:absolute;width:var(--detail-focus-scale);max-width:none;height:auto;left:12%;top:12%;right:auto;transform:translate(calc(-1 * var(--detail-focus-x)),calc(-1 * var(--detail-focus-y)))}.screenshot-detail--fade[data-detail-focused] .screenshot-detail__crop>img,.screenshot-detail--offset[data-detail-focused] .screenshot-detail__crop>img{left:5%;top:5%}.screenshot-detail--fade[data-detail-gravity=top-right] .screenshot-detail__crop,.screenshot-detail--offset[data-detail-gravity=top-right] .screenshot-detail__crop{inset:8% 7% -8% -8%}.screenshot-detail--fade[data-detail-focused][data-detail-gravity=top-right] .screenshot-detail__crop>img,.screenshot-detail--offset[data-detail-focused][data-detail-gravity=top-right] .screenshot-detail__crop>img{left:95%;top:0;margin-top:5%}.screenshot-detail--fade[data-detail-gravity=top-right]{-webkit-mask-image:linear-gradient(270deg,black 45%,transparent),linear-gradient(180deg,black 45%,transparent);mask-image:linear-gradient(270deg,black 45%,transparent),linear-gradient(180deg,black 45%,transparent)}