@property --dd-chroma-r{syntax:"<length>";inherits:true;initial-value:0}.dd-chroma{--dd-chroma-rest:.5;--dd-chroma-ratio:4 / 5;--dd-chroma-cols:3;--dd-chroma-gap:var(--dd-col-gap);--dd-chroma-r:0px;isolation:isolate;transition:--dd-chroma-r var(--dur-reveal) var(--dd-ease-exit);position:relative}.dd-chroma[data-dd-lit]{--dd-chroma-r:260px;transition:--dd-chroma-r var(--dur-reveal) var(--dd-ease)}.dd-chroma-grid{gap:var(--dd-chroma-gap);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}@media (min-width:810px){.dd-chroma-grid{grid-template-columns:repeat(var(--dd-chroma-cols), minmax(0, 1fr))}}@media (max-width:809.98px){.dd-chroma[data-phone-row] .dd-chroma-grid{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:72%;grid-auto-flow:column;overflow-x:auto}.dd-chroma[data-phone-row] .dd-chroma-tile{scroll-snap-align:start}}.dd-chroma-tile{min-width:0}.dd-chroma-link{color:var(--dd-ink);border-radius:var(--dd-radius);flex-direction:column;gap:12px;text-decoration:none;display:flex;position:relative}.dd-chroma-link:focus-visible{outline-offset:4px}.dd-chroma-media,[data-dd-chroma] [data-dd-chroma-media]{border-radius:var(--dd-radius);background-color:var(--dd-object);display:block;position:relative;overflow:hidden}.dd-chroma-media{aspect-ratio:var(--dd-chroma-ratio)}.dd-chroma-media>img,.dd-chroma-media picture>img{object-fit:cover;width:100%;height:100%;display:block}.dd-chroma-info{flex-direction:column;gap:4px;min-width:0;display:flex}.dd-chroma-title{color:var(--dd-ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dd-chroma-meta{color:var(--dd-ink-quiet)}[data-dd-chroma][data-dd-armed] [data-dd-chroma-media]:after{content:"";z-index:1;pointer-events:none;background:var(--dd-chroma-src,none) var(--dd-chroma-pos,50% 50%) / cover no-repeat;filter:saturate(var(--dd-chroma-rest));transition:opacity var(--dur-ui) var(--dd-ease);position:absolute;inset:0}[data-dd-chroma][data-dd-armed=fine] [data-dd-chroma-media]:after{-webkit-mask-image:radial-gradient(circle var(--dd-chroma-r) at calc(var(--px,-9999px) - var(--ox,0px)) calc(var(--py,-9999px) - var(--oy,0px)), transparent 0%, transparent 32%, #0000008c 62%, black 100%);mask-image:radial-gradient(circle var(--dd-chroma-r) at calc(var(--px,-9999px) - var(--ox,0px)) calc(var(--py,-9999px) - var(--oy,0px)), transparent 0%, transparent 32%, #0000008c 62%, black 100%)}[data-dd-chroma][data-dd-armed=fine]:after{content:"";z-index:2;pointer-events:none;opacity:0;background:radial-gradient(circle 220px at var(--px,-9999px) var(--py,-9999px), color-mix(in oklab, var(--dd-blue-glow) 45%, transparent) 0%, transparent 100%);transition:opacity var(--dur-exit) var(--dd-ease-exit);position:absolute;inset:0}[data-dd-chroma][data-dd-armed=fine][data-dd-lit]:after{opacity:1;transition:opacity var(--dur-ui) var(--dd-ease)}[data-dd-chroma] [data-dd-chroma-media]:before{content:"";z-index:2;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px var(--dd-blue);opacity:0;transition:opacity var(--dur-ui) var(--dd-ease);position:absolute;inset:0}@media (hover:hover) and (pointer:fine){[data-dd-chroma][data-dd-armed] [data-dd-chroma-tile]:hover [data-dd-chroma-media]:before{opacity:1}}[data-dd-chroma] [data-dd-chroma-tile]:has(:focus-visible) [data-dd-chroma-media]:before{opacity:1}[data-dd-chroma][data-dd-armed] [data-dd-chroma-tile]:has(:focus-visible) [data-dd-chroma-media]:after{opacity:0}[data-dd-chroma][data-dd-armed=touch] [data-dd-chroma-media]:after{transition:opacity var(--dur-film) var(--dd-ease)}[data-dd-chroma][data-dd-armed=touch] [data-dd-chroma-media][data-dd-in]:after{opacity:0}@media (prefers-reduced-motion:reduce){[data-dd-chroma] [data-dd-chroma-media]:after,[data-dd-chroma]:after{display:none}}:root[data-dd-motion=paused] :is(){display:none}
