.op-pair{display:flex;flex-direction:column;gap:5px;aspect-ratio:4/6.2}.op-photo{position:relative;flex:3 1 0;min-height:0;overflow:hidden;border-radius:var(--uc-radius);background:var(--uc-bg);cursor:pointer;transition:flex-grow .22s ease}.op-photo img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .35s ease}.op-photo img.op-on{opacity:1}.op-shade{position:absolute;inset:0;background:var(--uc-shade);pointer-events:none}.op-bars{position:absolute;top:6px;left:6px;right:6px;display:flex;gap:3px;z-index:3}.op-bar{flex:1;height:2px;border-radius:2px;background:rgba(255,255,255,.28)}.op-bar--on{background:#fff}.op-author{position:absolute;left:12px;top:14px;z-index:3;gap:6px;color:#fff;font-size:var(--uc-sub-size);font-weight:600}.op-author,.op-ava{display:flex;align-items:center}.op-ava{width:20px;height:20px;border-radius:5px;justify-content:center;font-size:10px;overflow:hidden;background:#1d4ed8;flex-shrink:0}.op-ava img{position:static;opacity:1;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.op-photo-body{position:absolute;inset-inline:0;bottom:0;z-index:2;padding:var(--uc-pad);color:#fff}.op-name{font-size:var(--uc-title-size);font-weight:700;line-height:1.2;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.op-spec{margin-top:3px;font-family:var(--uc-mono);font-size:var(--uc-spec-size,11px);color:rgba(255,255,255,.62);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.op-likes{position:absolute;right:16px;bottom:16px;z-index:3;display:flex;flex-direction:column;align-items:center;gap:2px;color:#fff;font-family:var(--font-roboto),Roboto,sans-serif;font-size:11px}.op-3d{position:relative;flex:1 1 0;min-height:0;overflow:hidden;border-radius:var(--uc-radius);background:var(--uc-bg);border:1px solid var(--uc-border);cursor:pointer;transition:flex-grow .22s ease,border-color .15s}.op-3d:hover{flex-grow:2.6;border-color:var(--uc-border-hover)}.op-pair:has(.op-3d:hover) .op-photo{flex-grow:2.2}.op-3d img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.55;transition:opacity .22s}.op-3d:hover img{opacity:.8}.op-badge{position:absolute;left:8px;top:8px;z-index:3;font-size:var(--uc-badge-size,10px);font-weight:700;letter-spacing:.05em;padding:3px 7px;border-radius:5px;color:#fff;background:rgba(88,101,242,.92);white-space:nowrap}.op-badge--cta{background:rgba(255,75,75,.92)}.op-3d-body{position:absolute;inset-inline:0;bottom:0;z-index:2;padding:8px 10px;color:#fff}.op-3d-title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.op-3d-title,.op-explore{font-size:var(--uc-sub-size)}.op-explore{margin-top:2px;color:rgba(255,255,255,.45);transition:color .22s}.op-3d:hover .op-explore{color:var(--uc-accent,#ff4b4b)}.op-3d--card{border:none;background:transparent;cursor:default}.op-badge-inline{display:inline-block;margin-bottom:6px;font-size:var(--uc-badge-size,10px);font-weight:700;letter-spacing:.05em;padding:3px 7px;border-radius:5px;color:#fff;background:rgba(88,101,242,.92)}.op-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px;border:1.5px dashed rgba(255,255,255,.22);background:transparent;color:inherit;font-family:inherit;text-align:center}.op-cta:hover{border-color:rgba(255,75,75,.55)}.op-cta-kicker{position:absolute;left:14px;top:12px;font-size:var(--uc-sub-size);color:rgba(255,255,255,.45)}.op-cta-title{font-size:var(--uc-title-size);font-weight:700;color:var(--uc-accent,#ff4b4b);line-height:1.2}.op-cta-sub{font-size:var(--uc-sub-size);color:rgba(255,255,255,.55)}.op-more{max-height:0;opacity:0;overflow:hidden;font-family:var(--uc-mono);font-size:var(--uc-spec-size,11px);color:rgba(255,255,255,.62);line-height:1.45;transition:max-height .22s ease,opacity .22s ease,margin-top .22s ease}.op-3d:hover .op-more{max-height:60px;opacity:1;margin-top:5px}@media (hover:none){.op-3d:hover,.op-pair:has(.op-3d:hover) .op-photo{flex-grow:0}.op-more{display:none}}