/* Roblox 2020-style Inventory page. */
.inv20{grid-template-columns:190px minmax(0,1fr);gap:24px;align-items:start}
.inv20 .catalog-categories{border:0;padding:6px 0;background:var(--surface);box-shadow:0 1px 4px rgba(0,0,0,.12);display:flex;flex-direction:column}
.inv20 .catalog-categories a{padding:10px 16px;font-size:15px;border-radius:0;border-left:4px solid transparent;color:inherit;text-decoration:none}
.inv20 .catalog-categories a:hover{background:rgba(0,0,0,.05)}
.inv20 .catalog-categories a.selected{background:transparent;font-weight:bold;border-left-color:#00a2ff}
.inv20 .inv20-group{padding:12px 16px 4px;font-size:13px;font-weight:bold;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}
.inv20 .catalog-categories a.inv20-sub{padding-left:28px}
body.dark .inv20 .catalog-categories{box-shadow:none}
body.dark .inv20 .catalog-categories a:hover{background:rgba(255,255,255,.06)}
body.dark .inv20 .catalog-categories a.selected{background:transparent}

.inv20 .browse-toolbar h2{font-size:24px;font-weight:bold}
.inv20 .catalog-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}
.inv20 .inv20-card{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid #d8d8d8;box-shadow:0 1px 3px rgba(0,0,0,.12);padding-bottom:8px}
.inv20 .inv20-card:hover{box-shadow:0 2px 8px rgba(0,0,0,.25)}
.inv20 .inv20-card .catalog-image{height:auto!important;aspect-ratio:1;background:transparent;border-radius:0}
.inv20 .inv20-card .face-image{background:#fff}
.inv20 .inv20-thumb img{width:100%;height:100%;object-fit:contain;display:block}
.inv20 .inv20-thumb img:not([src]){visibility:hidden}
.inv20 .inv20-card h2{margin:0;padding:8px 10px 2px;border-top:1px solid #e3e3e3;font-size:15px;font-weight:bold;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inv20 .inv20-card h2 a{color:inherit}
.inv20 .inv20-card p{margin:0;padding:0 10px;font-size:13px;color:var(--muted)}
.inv20 .inv20-card>a{position:relative;display:block}
.inv20 .inv20-card .limited-label{position:absolute;top:auto;bottom:6px;left:6px}
.inv20 .inv20-serial{font-weight:500}
body.dark .inv20 .inv20-card{border-color:#505457;box-shadow:none}
body.dark .inv20 .inv20-card h2{border-top-color:#505457}
@media(max-width:700px){.inv20{grid-template-columns:1fr}.inv20 .catalog-categories{flex-direction:row;flex-wrap:wrap}.inv20 .inv20-group{display:none}.inv20 .catalog-categories a,.inv20 .catalog-categories a.inv20-sub{padding:8px 12px;border-left:0}}

.inv20-card{position:relative}.inv20-more{position:absolute;right:6px;top:6px;width:28px;height:28px;border:1px solid #999;background:#fff;color:#222;border-radius:3px;font-size:18px;line-height:16px;z-index:2}.inv20-menu{position:absolute;right:6px;top:36px;z-index:3;min-width:160px;padding:4px;background:#fff;border:1px solid #aaa;box-shadow:0 2px 8px #0004}.inv20-menu[hidden]{display:none}.inv20-menu button{width:100%;border:0;background:transparent;color:#222;text-align:left;padding:7px;white-space:nowrap}.inv20-menu button:hover{background:#eee}