.hover-frame{position:relative}.hover-frame-content{inset:calc(-1 * var(--hover-grow));clip-path:inset(var(--hover-grow) round var(--radius));transition:clip-path var(--hover-duration) var(--hover-easing);position:absolute;container-type:size}.group:hover .hover-frame-content{clip-path:inset(0 round calc(var(--radius) * 1.5))}.hover-frame-fit{--fit-w:max(100cqw, 100cqh * var(--hover-ratio));--fit-h:max(100cqh, 100cqw / var(--hover-ratio));width:var(--fit-w);height:var(--fit-h);left:calc((100cqw - var(--fit-w)) / 2);top:calc((100cqh - var(--fit-h)) / 2);position:absolute}@media (prefers-reduced-motion:reduce){.hover-frame-content{transition:none}}