.mcd-pop{overscroll-behavior:contain;border-radius:var(--r2);width:min(492px,100% - 16px);max-height:min(600px,100dvh - 96px);padding:6px 12px 12px;overflow-y:auto}.mcd{gap:12px;display:grid}.mcd-group{gap:7px;display:grid}.mcd-h{letter-spacing:.01em;color:var(--ink-70);-webkit-user-select:none;user-select:none;margin:6px 2px 0;font-size:12px;font-weight:700;line-height:1.3}.mcd-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.mcd-sheet .mcd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mcd-card{border-radius:var(--r1);background:var(--tone);min-width:0;color:var(--plum);text-align:left;cursor:pointer;box-shadow:inset 0 0 0 1px var(--line);animation:mcd-in .36s var(--ease-out) calc(min(var(--i,0), 14) * 18ms) backwards;border:0;grid-template-rows:auto 1fr;padding:0;transition:box-shadow .2s;display:grid;position:relative;overflow:hidden}.mcd-card:hover{box-shadow:inset 0 0 0 1px var(--line-strong), 0 6px 16px -10px #35224273}.mcd-card:hover .mcd-cover img{transform:scale(1.05)}.mcd-cover img{transition:transform .5s var(--ease-out)}.mcd-card[data-on]{box-shadow:0 0 0 2px var(--tangerine)}.mcd-card:focus-visible{outline:2px solid var(--cobalt);outline-offset:2px}.mcd-cover{aspect-ratio:16/10;background:color-mix(in srgb, var(--tone) 70%, #fff);display:block;position:relative;overflow:hidden}.mcd-cover img,.mcd-cover video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.mcd-cover video{opacity:0;transition:opacity .25s}:is(.mcd-card:hover .mcd-cover video,.mcd-card:focus-visible .mcd-cover video){opacity:1}.mcd-cover .mcd-ph{object-fit:contain;width:64%;height:64%;inset:18%}.mcd-tick{background:var(--tangerine-btn);color:#fff6e6;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:6px;right:6px;box-shadow:0 2px 6px #3522424d}.mcd-tick svg{width:13px;height:13px}.mcd-name{align-items:center;gap:6px;min-width:0;min-height:40px;padding:6px 8px;display:flex}.mcd-name img{object-fit:contain;width:22px;height:22px;transition:transform .3s var(--ease-spring);flex:none}.mcd-card:hover .mcd-name img{transform:scale(1.12)rotate(-6deg)}.mcd-name b{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;font-size:12.5px;font-weight:700;line-height:1.15;display:-webkit-box;overflow:hidden}@keyframes mcd-in{0%{opacity:.4;transform:translateY(6px)}}.mcd-ico{object-fit:contain;flex:none;width:22px;height:22px}@media (prefers-reduced-motion:reduce){.mcd-card{animation:none}.mcd-card,.mcd-name img,.mcd-cover img{transition:none}.mcd-cover img,.mcd-name img{transform:none!important}}:root[data-motion=reduced] .mcd-card{animation:none}:root[data-motion=reduced] :is(.mcd-card,.mcd-name img,.mcd-cover img){transition:none}:root[data-motion=reduced] :is(.mcd-cover img,.mcd-name img){transform:none!important}