.g-contents-backdrop{z-index:48;background:#0f1216cc;position:fixed;inset:0}.g-contents-viewport{z-index:49;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.g-contents-popup{color:#f0f6ff;background:#161b22;border-radius:16px;outline:none;flex-direction:column;width:min(800px,100vw - 40px);max-height:calc(100dvh - 80px);display:flex;box-shadow:inset 0 1px #2b425b,0 15px 63px #0000002b}.g-contents-popup header{border-bottom:1px solid #2b425b;flex:none;justify-content:space-between;gap:16px;padding:20px 24px;display:flex}.g-contents-popup h2{margin:0;font-size:22px;font-weight:700}.g-contents-popup header p{color:#b1c2d6;margin:4px 0 0;font-size:14px}.g-contents-popup header button{background:#263b50;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.g-contents-grid{overscroll-behavior:contain;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;min-height:0;padding:20px 24px;display:grid;overflow:auto}.g-contents-item{background:#21272e;border-radius:12px;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:24px 10px 12px;display:flex;position:relative}.g-contents-info{opacity:0;transition:opacity .15s;position:absolute;top:6px;right:6px}.g-contents-item:is(:hover,:focus-visible) .g-contents-info{opacity:1}@media (hover:none),(pointer:coarse){.g-contents-info{opacity:1}}.g-contents-art{justify-content:center;align-items:center;width:100%;height:138px;margin:10px 0;transition:transform .28s cubic-bezier(.215,.61,.355,1);display:flex}.g-contents-item:hover .g-contents-art{transform:translateY(-4px)}.g-contents-name{text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:14px;font-weight:600;overflow:hidden}.g-contents-item strong{font-size:14px}.g-contents-item small{color:#b1c2d6;font-size:12px}.g-contents-popup footer{border-top:1px solid #2b425b;flex:none;justify-content:center;padding:16px;display:flex}.g-contents-popup footer button{gap:16px;display:flex}.g-contents-popup button:focus-visible{outline:2px solid var(--reaper-primary);outline-offset:2px}@media (max-width:600px){.g-contents-viewport{align-items:flex-end}.g-contents-popup{border-radius:16px 16px 0 0;width:100%;max-height:calc(100dvh - 56px)}.g-contents-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px}.g-contents-popup header{padding:16px}.g-contents-popup footer{padding-bottom:max(16px, env(safe-area-inset-bottom))}.g-contents-info{opacity:1}}@media (prefers-reduced-motion:reduce){.g-contents-popup *{transition:none!important}}