.reference-media[data-v-3574f7ce]{background:#f0f2f3;place-items:center;height:100%;min-height:0;display:grid;container-type:size}.reference-post[data-v-3574f7ce]{--post-ratio:.8;width:min(100cqi, calc(100cqb * var(--post-ratio)));aspect-ratio:var(--post-ratio);color:#fff;background:#262b2f;border-radius:4px;position:relative;overflow:hidden;container-type:size}.reference-reel[data-v-3574f7ce]{--post-ratio:.5625}.reference-product[data-v-3574f7ce]{--post-ratio:1}.reference-post img[data-v-3574f7ce]{object-fit:cover;object-position:62% center;width:100%;height:100%;position:absolute}.reference-topic[data-v-3574f7ce]{color:#262b2f;overflow-wrap:anywhere;background:#fff;padding:8px;font-size:12px;font-weight:700;line-height:1.2;position:absolute;inset:auto 6% 10%}.reference-play[data-v-3574f7ce]{background:#262b2f66;border:1px solid #fff;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;inset:32% auto auto 50%;transform:translate(-50%)}.reference-play svg[data-v-3574f7ce]{width:12px;height:12px}.reference-meta[data-v-3574f7ce]{background:#262b2fcc;border-radius:3px;padding:3px 4px;font-size:8px;position:absolute;top:6%;right:6%}@container (width<=110px){.reference-topic[data-v-3574f7ce]{padding:5px;font-size:9px}}@container (height<=120px){.reference-topic[data-v-3574f7ce],.reference-play[data-v-3574f7ce]{display:none}}