.agrid-wrap{position:relative}.agrid-count{margin:0 0 var(--sp-3);font:500 var(--fs-t4) / var(--lh-t4) var(--font-mono);color:var(--color-muted);font-variant-numeric:tabular-nums}.agrid{grid-template-columns:repeat(var(--cols,6), minmax(0, 1fr));gap:var(--gap,20px);place-items:start center;margin:0;list-style:none;display:grid}.agrid:not([data-measured]){overflow:clip}.agrid-cell{min-width:0;width:var(--cell-w,140px);height:var(--cell-h,226px);flex-direction:column;align-items:stretch;display:flex}.agrid-sentinel{height:1px}.agrid-note{text-align:center;font:500 var(--fs-t3) / var(--lh-t3) var(--font-sans);color:var(--color-bone-dim);margin:18px 0 0}.agrid-note p{margin:0 0 10px}.meta2{height:24px;font:600 var(--fs-t4) / 1 var(--font-sans);color:var(--color-muted);justify-content:space-between;align-items:center;gap:6px;margin-top:6px;display:flex}.meta2 b{font:500 var(--fs-t4) / 1 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-bone)}.meta2 .cp{font-family:var(--font-mono);color:var(--color-ink);background:var(--color-bone);margin-left:auto;padding:2px 5px;font-weight:500}.meta2 .nw{font-family:var(--font-sans);color:var(--color-ink);background:var(--color-steel);padding:2px 5px;font-weight:700}.meta2 .pv{color:var(--color-steel);margin-left:auto;display:none}.meta2 .acts{flex:1;justify-content:space-between;gap:6px;min-width:0;display:none}.meta2 .acts :is(a,button){min-width:0;color:var(--color-steel);text-underline-offset:3px;align-items:center;gap:4px;text-decoration:underline;display:inline-flex}.meta2 .acts .act-tx{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.meta2 .acts .act-ic{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px;display:none}.agrid[data-narrow] .meta2 .acts .act-ic{display:block}.agrid[data-narrow] .meta2 .acts .act-cz{flex:none;justify-content:center;min-width:24px}.agrid[data-narrow] .meta2 .acts .act-cz>.act-tx{display:none}.meta2 .acts :is(a,button):hover,.meta2 .acts :is(a,button):focus-visible{color:var(--color-bone)}.agrid-wrap .agrid:not([data-touch-acts]) .agrid-cell:hover .meta2:has(>.acts)>:not(.acts){display:none}.agrid-wrap .agrid:not([data-touch-acts]) .agrid-cell:focus-within .meta2:has(>.acts)>:not(.acts){display:none}.agrid-wrap .agrid:not([data-touch-acts]) .agrid-cell .meta2:has(>.acts [aria-expanded=true])>:not(.acts){display:none}.agrid-wrap .agrid:not([data-touch-acts]) .agrid-cell:hover .meta2>.acts,.agrid-wrap .agrid:not([data-touch-acts]) .agrid-cell:focus-within .meta2>.acts{display:flex}.agrid-wrap .agrid:not([data-touch-acts]) .agrid-cell .meta2>.acts:has([aria-expanded=true]){display:flex}.agrid[data-touch-acts] .meta2{flex-wrap:wrap;align-content:flex-start;row-gap:4px;height:auto;min-height:24px}.agrid[data-touch-acts] .meta2>.acts{flex:1 0 100%;gap:4px;display:flex}.agrid[data-touch-acts][data-narrow] .meta2 .acts .act-cz{flex:none;width:44px;padding:0}.agrid[data-touch-acts] .meta2 .acts :is(a,button){border:1px solid var(--color-border);min-width:44px;min-height:44px;color:var(--color-bone);border-radius:8px;flex:1 1 0;justify-content:center;align-items:center;padding:0 4px;text-decoration:none;display:inline-flex}.agrid .agrid-cell[data-selected] .cl>.card:before{opacity:1}.agrid .cl{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;perspective:760px;border-radius:calc(var(--cell-w,140px) * .055);background:0 0;border:0;outline:none;padding:0;display:block;position:relative}.agrid .cl>.card{pointer-events:none;transform-origin:50% 62%;transition:transform .24s var(--ease-out,cubic-bezier(.22, 1, .36, 1)), scale .2s var(--ease-out,cubic-bezier(.22, 1, .36, 1))}.agrid .cl>.card:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;box-shadow:0 0 0 1px color-mix(in srgb, var(--rc) 80%, transparent), 0 0 calc(var(--u) * 16) color-mix(in srgb, var(--rc) 60%, transparent), 0 30px 26px -14px #000000f2, 0 12px 40px -8px color-mix(in srgb, var(--rc) 35%, transparent);transition:opacity .3s linear;position:absolute;inset:0}.agrid .cl:focus-visible{z-index:3}.agrid .cl:focus-visible>.card{--go:.55;transform:translateY(-12px) rotateX(var(--rx,5deg)) rotateY(var(--ry,-6deg)) scale(1.06)}.agrid .cl:focus-visible>.card:before{opacity:1}@media (hover:hover) and (pointer:fine){.agrid .cl:hover{z-index:3}.agrid .cl:hover>.card{--go:.55;transform:translateY(-12px) rotateX(var(--rx,5deg)) rotateY(var(--ry,-6deg)) scale(1.06)}.agrid .cl:hover>.card:before{opacity:1}.agrid .cl:hover>.card.lay-art:not(.calm){--P:var(--P1)}.agrid .cl:hover>.card.lay-art:not(.calm) .ft{opacity:1;max-height:4em;margin-top:var(--rowM);transform:none}.agrid .cl:hover+.meta2 .pv{display:inline}.agrid .cl:hover+.meta2 .cp,.agrid .cl:hover+.meta2 .nw{display:none}}.agrid .cl.tilting>.card{transition:transform 90ms linear, scale .2s var(--ease-out,cubic-bezier(.22, 1, .36, 1))}.agrid .cl:active>.card{transition-duration:.24s,.1s;scale:.97}.agrid .cl.tilting:active>.card{transition-duration:90ms,.1s}.agrid .cl:focus-visible>.card{outline:2px solid var(--color-focus);outline-offset:4px}.agrid .cl:focus-visible+.meta2 .pv{display:inline}.agrid .cl:focus-visible+.meta2 .cp,.agrid .cl:focus-visible+.meta2 .nw{display:none}html.lite .agrid .cl>.card:before{box-shadow:0 0 0 2px color-mix(in srgb, var(--rc) 85%, transparent), 0 22px 16px -14px #000000e6}@media (prefers-reduced-motion:reduce){.agrid .cl>.card,.agrid .cl.tilting>.card{transition:scale .2s var(--ease-out,cubic-bezier(.22, 1, .36, 1))}.agrid .cl:active>.card,.agrid .cl.tilting:active>.card{transition-duration:.1s}.agrid .cl:hover>.card,.agrid .cl:focus-visible>.card{transform:none}}
