.folio-results-wrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start;min-width:0}.catalog-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,160px),1fr));gap:26px 20px;min-width:0}.catalog-card{display:grid;align-content:start;gap:10px;min-width:0}.catalog-card-frame{position:relative}#main button.catalog-card-face{display:block;width:100%;aspect-ratio:66/92;margin:0;padding:0;overflow:hidden;border:0;border-radius:4.5%/3.3%;background:var(--ms-lining);box-shadow:0 1px 2px #0007,0 8px 18px #0005;cursor:pointer;filter:none;transition:transform .18s ease,box-shadow .18s ease}#main button.catalog-card-face:hover{background:var(--ms-lining);filter:none;transform:translateY(-4px) rotate(-.6deg);box-shadow:0 3px 6px #0007,0 18px 32px #0007}.catalog-card-face .image-placeholder,.catalog-card-face img{display:block;width:100%;height:100%;object-fit:cover}.catalog-card-face .image-placeholder{display:grid;place-items:center;padding:8px;color:var(--ms-mute);font-size:11px;text-align:center}#main .catalog-card.is-selected button.catalog-card-face{outline:2px solid var(--ms-gold);outline-offset:4px}#main button.catalog-card-face:focus-visible{outline:2px solid var(--ms-focus);outline-offset:4px}.catalog-card-versions{left:8px;padding:2px 6px;border:1px solid var(--tl-edge-strong);border-radius:var(--tl-r-tag);background:rgba(10,12,14,.78);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:var(--tl-glare);color:var(--ms-ink);font:10px/1.3 var(--ms-data)}.catalog-card .card-state-tags,.catalog-card-versions{position:absolute;z-index:2;top:8px;pointer-events:none}.catalog-card .card-state-tags{right:6px;flex-direction:column;align-items:flex-end}.catalog-card .demo-status{padding:3px 5px;border-radius:var(--tl-r-tag);background:rgba(10,12,14,.9);box-shadow:inset 0 1px rgba(255,255,255,.1),0 2px 6px rgba(0,0,0,.45);font:650 10px/1.2 var(--ms-ui);transform:rotate(3deg)}.catalog-card .demo-status.missing{transform:rotate(-3deg)}.catalog-card .card-state-placed{box-shadow:0 2px 5px #0008}#main button.catalog-card-add{position:absolute;z-index:3;right:8px;bottom:8px;display:grid;place-items:center;width:40px;height:40px;min-height:0;margin:0;padding:0;cursor:pointer;opacity:0;transform:translateY(4px);transition:opacity .16s ease,transform .16s ease,border-color .16s ease,color .16s ease}#main .catalog-card:is(:hover,:focus-within,.is-selected) button.catalog-card-add{opacity:1;transform:none}@media (hover:none){#main .catalog-card button.catalog-card-add{opacity:1;transform:none}}.catalog-card-caption{display:grid;gap:3px;min-width:0;padding:0 2px}.catalog-card-caption b{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;color:var(--ms-ink);font:650 .92rem/1.25 var(--ms-ui);overflow-wrap:anywhere}.catalog-card-caption>span{color:var(--ms-mute);font:400 .8rem/1.3 var(--ms-ui)}.catalog-card-caption small,.catalog-card-caption>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalog-card-caption small{color:var(--ms-faint);font:400 .68rem/1.35 var(--ms-data)}@media (prefers-reduced-motion:reduce){#main button.catalog-card-add,#main button.catalog-card-face{transition:none}#main button.catalog-card-face:hover{transform:none}}.catalog-card-panel-slot{position:sticky;top:96px;min-width:0}.catalog-card-panel-slot>.card-panel{max-height:calc(100dvh - 116px);overflow:auto;overscroll-behavior:contain}.folio-mobile-card-dialog{display:none}@media (max-width:1100px){.folio-results-wrap{grid-template-columns:minmax(0,1fr) 260px;gap:20px}}@media (max-width:700px){.folio-results-wrap{grid-template-columns:minmax(0,1fr)}.catalog-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.catalog-card-panel-slot{display:none}.folio-mobile-card-dialog[open]{display:block;position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;overflow:auto;border:0;color:var(--ms-ink);background:var(--ms-room)}.folio-mobile-card-dialog::backdrop{background:rgb(0 0 0/72%)}.folio-mobile-card-dialog .card-panel{width:min(100%,38rem);min-height:100%;margin:0 auto;padding:0 1rem 2rem;border:0;border-radius:0;background:var(--ms-room)}.folio-mobile-card-dialog .card-panel>header{position:sticky;top:0;z-index:2;margin:0 -1rem 1rem;padding:.5rem 1rem;border-bottom:1px solid var(--ms-line);background:var(--ms-room)}.folio-mobile-card-dialog .card-panel-art{width:min(100%,22rem);margin-inline:auto}body:has(.folio-mobile-card-dialog[open]){overflow:hidden}}