.bounceCardsViewport{width:100%;max-width:var(--bounce-width);margin-inline:auto;container-type:inline-size}.bounceCardsSizer{height:calc(var(--bounce-height) * min(1, 100cqi / var(--bounce-width)));position:relative;overflow:clip}@media (hover:hover) and (pointer:fine){.bounceCardsSizer{overflow:visible}}.bounceCardsContainer{justify-content:center;align-items:center;width:400px;height:400px;display:flex;position:relative}.bounceCardsViewport .bounceCardsContainer{transform-origin:0 0;transform:scale(calc(100cqi / var(--bounce-width)));position:absolute;top:0;left:0}.bounceCardsContainer .card{aspect-ratio:1;cursor:pointer;appearance:none;width:170px;font:inherit;color:inherit;background:#fff;border:5px solid #fff;border-radius:25px;padding:0;position:absolute;overflow:hidden;box-shadow:0 4px 10px #0003}.bounceCardsContainer .card:focus-visible{outline:3px solid var(--ring);outline-offset:3px}.bounceCardsContainer .card .image{object-fit:cover;width:100%;height:100%}