.grbtcgrd .card{cursor:pointer}.grbtcgrd .card:hover,.grbtcgrd .card:focus{border-color:var(--border-color)}.card-inner h2,.card-inner strong{margin:0;padding:0;display:inherit;text-align:center}.card-inner img{width:100%;will-change:transform;transform:translateZ(0)}.card-inner .about{visibility:hidden;height:0}#modal{position:fixed;inset:0;cursor:pointer;background:rgba(0,0,0,0);width:100%;height:100%;max-width:100%;max-height:100%;view-transition-name:modal}#modal .modal-body{view-transition-name:portrait-content;place-self:center;margin:auto;background:#fff;padding:1rem;border-radius:1rem;max-width:calc(600px + 2rem);margin:1rem}#modal::backdrop{display:none}#modal[open]{position:fixed;display:grid}#modal[open] .card-inner .about{padding:1rem;visibility:visible;height:auto}#modal[open] .card-inner .about strong{margin-top:.5rem;text-align:left}#modal[open]::after{content:"";position:fixed;inset:0;z-index:-1;background:rgba(0,0,0,.4)}.portrait img{width:100%}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-out{from{opacity:1}to{opacity:0}}@keyframes slide-up{from{transform:translateY(1rem)}to{transform:translateY(0)}}@keyframes slide-down{from{transform:translateY(0)}to{transform:translateY(1rem)}}::view-transition-group(portrait-img){z-index:1;animation-duration:125ms}::view-transition-group(portrait-content){opacity:1 !important}::view-transition-new(portrait-content){animation:300ms ease 50ms both slide-up}::view-transition-old(portrait-content){animation:300ms ease 50ms both slide-down}