.dd-card{border-radius:var(--dd-radius-ui);display:block}:is(a,button).dd-card{-webkit-tap-highlight-color:transparent}.dd-card-body{background:var(--dd-surface-raised);border:1px solid var(--dd-border);border-radius:var(--dd-radius-frame) var(--dd-radius-frame) var(--dd-radius-ui) var(--dd-radius-ui);transition:translate var(--dur-ui) var(--dd-ease-out), scale var(--dur-press) var(--dd-ease-out), border-color var(--dur-ui) var(--dd-ease-out);position:relative;overflow:clip}.dd-card-body[data-matte-first]{border-radius:var(--dd-radius-ui)}.dd-card-media{aspect-ratio:2;background:var(--dd-band-ground);clip-path:inset(var(--frame-letterbox) 0);transition:clip-path var(--dur-media) var(--dd-ease-in-out);position:relative;overflow:clip}.dd-depth-layer{position:absolute;inset:0}.dd-card-media picture,.dd-card-media img{object-fit:cover;width:100%;height:100%;display:block}.dd-card-media img{transition:scale var(--dur-media) var(--dd-ease-out)}.dd-card-media[data-broken] img{visibility:hidden}.dd-card-preview{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity var(--dur-overlay-out) var(--dd-ease-out);position:absolute;inset:0}.dd-card-preview[data-on]{opacity:1;transition-duration:var(--dur-preview-in)}.dd-card-matte{gap:6px;padding:20px 22px 22px;display:grid}.dd-card-row{align-items:center;gap:12px;min-height:28px;display:flex}.dd-card-arrow{color:var(--dd-text-secondary);transition:color var(--dur-ui) var(--dd-ease-out);margin-left:auto;display:inline-flex}.dd-chip{font:500 12px/1 var(--font-sans);border:1px solid var(--dd-border-strong);border-radius:var(--dd-radius-chip);color:var(--dd-text-secondary);padding:7px 10px}.dd-card-chips{display:contents}.dd-chip-live{color:var(--dd-text);align-items:center;gap:8px;display:inline-flex}.dd-chip-dot{border-radius:var(--dd-radius-round);background:currentColor;width:8px;height:8px}.dd-card-chips:not([data-live]) .dd-chip-live,.dd-card-chips[data-live] .dd-chip-status{display:none}@media (hover:hover) and (pointer:fine){:is(a,button).dd-card:hover .dd-card-body{translate:0 var(--dd-lift-card);border-color:var(--dd-blue)}:is(a,button).dd-card:hover .dd-card-media{clip-path:inset(0)}:is(a,button).dd-card:hover .dd-card-media img{scale:var(--dd-zoom-media)}:is(a,button).dd-card:hover .dd-card-arrow{color:var(--dd-text);transition-delay:var(--delay-lag)}}.dd-card:has(>.dd-pending[data-pending]) .dd-card-body{border-color:var(--dd-blue)}.dd-card:has(>.dd-pending[data-pending]) .dd-card-media{clip-path:inset(0)}:is(a,button).dd-card:active .dd-card-body{translate:0;scale:var(--dd-press-card)}:is(a,button).dd-card:focus-visible .dd-card-body{border-color:var(--dd-blue);transition:none}.dd-card-skeleton .dd-card-body{background:0 0;border-color:#0000}.dd-card-skeleton .dd-card-media{background:var(--dd-surface-raised);border-radius:var(--dd-radius-frame)}.dd-card-skel-line{border-radius:var(--dd-radius-chip);height:12px;margin-block:calc(.5lh - 6px);display:block}.dd-card-skel-row{width:96px}@media (prefers-reduced-motion:reduce){.dd-depth-layer{transform:scale(1)!important}}.dd-card-tilt{border-radius:var(--dd-radius-frame) var(--dd-radius-frame) var(--dd-radius-ui) var(--dd-radius-ui)}.dd-card-tilt>.dd-tilt-body,.dd-card-glare{border-radius:inherit}