.pd-main{container-type:inline-size}.pd-frame{--pad:clamp(0px,calc((100cqw - var(--wmax,100000px)) / 8),24px);height:min(calc(100cqw / var(--ar,1.6)),calc(var(--hmax,100000px) + 2 * var(--pad)));padding:var(--pad);background:var(--mist);border-radius:8px;justify-content:center;align-items:center;display:flex;overflow:hidden}.pd-main .pd-frame img{aspect-ratio:auto;border-radius:0}.pd-main .pd-frame img.pd-fill{object-fit:cover;width:100%;height:100%}.pd-main .pd-frame img.pd-contain{object-fit:contain}.pd-main .pd-frame img.pd-small{width:auto;height:auto;max-width:min(100%,var(--max));object-fit:contain;max-height:100%}
@media (max-width:600px){.pd-thumbs{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;margin-top:8px}}