.pc{gap:12px;display:grid}.pc-frame{aspect-ratio:4/3;background:#e2d8c9;position:relative;overflow:hidden}.pc-slide{object-fit:cover;opacity:0;transition:opacity .5s}.pc-slide.on{opacity:1}.pc-ctrl{z-index:2;align-items:center;gap:10px;display:flex;position:absolute;bottom:14px;left:14px;right:14px}.pc-ctrl .ctrl{background:#1e191473;border-color:#fff9}.pc-ctrl .ctrl:hover{background:#1e1914b3}.pc-count{color:#fff;font:600 13px/1 var(--font);font-variant-numeric:tabular-nums;background:#1e19148c;border-radius:999px;margin-left:auto;padding:7px 10px}.pc-thumbs{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.pc-thumbs button{aspect-ratio:4/3;opacity:.55;cursor:pointer;background:#e2d8c9;border-radius:10px;padding:0;transition:opacity .2s;position:relative;overflow:hidden}.pc-thumbs button:hover{opacity:.85}.pc-thumbs button[aria-current=true]{opacity:1;outline:2px solid var(--accent);outline-offset:2px}@media (max-width:560px){.pc-thumbs{gap:6px}}