.cl-tipfig{position:relative;margin:0;overflow:hidden;outline:none;isolation:isolate;transition:box-shadow var(--dur-glide) var(--ease-move),transform var(--dur-glide) var(--ease-move)}.cl-tip{position:absolute;inset-inline:0;inset-block-end:0;z-index:var(--z-raise);display:grid;grid-gap:var(--s-4);gap:var(--s-4);margin:0;padding:var(--s-16) var(--s-16) var(--s-16) calc(var(--s-16) + var(--s-16));background:linear-gradient(to top,color-mix(in srgb,var(--c-photo-ground) 94%,transparent),color-mix(in srgb,var(--c-photo-ground) 58%,transparent));backdrop-filter:blur(var(--blur-8));-webkit-backdrop-filter:blur(var(--blur-8));-webkit-border-before:var(--line-w) solid color-mix(in srgb,var(--c-photo-type) 16%,transparent);border-block-start:var(--line-w) solid color-mix(in srgb,var(--c-photo-type) 16%,transparent);color:var(--c-photo-type);text-align:start;opacity:0;transform:translateY(var(--s-12));filter:blur(var(--s-4));pointer-events:none;transition:opacity var(--dur-glide) var(--ease-arrive),transform var(--dur-glide) var(--ease-arrive),filter var(--dur-glide) var(--ease-arrive)}.cl-tip:before{content:"";position:absolute;inset-inline-start:var(--s-16);inset-block:var(--s-16);inline-size:var(--s-2);border-radius:var(--r-pill);background:var(--c-accent)}.cl-tip__label{font-family:var(--f-display);font-size:var(--t-caption);font-weight:var(--w-strong);letter-spacing:var(--track-label);text-transform:uppercase;color:color-mix(in srgb,var(--c-accent) 55%,var(--c-photo-type))}.cl-tip__text{font-size:var(--t-small);line-height:var(--lh-body);max-inline-size:var(--size-640)}@media (hover:hover){.cl-tipfig:is(:hover,:focus-visible,:focus-within){box-shadow:0 0 0 var(--ring-w) var(--c-accent)}.cl-tipfig:is(:hover,:focus-visible,:focus-within)>.cl-tip{opacity:1;transform:none;filter:none}}.cl-tipfig:focus-visible,.cl-tipfig[data-tip-open]{box-shadow:0 0 0 var(--ring-w) var(--c-accent)}.cl-tipfig:is([data-tip-open],:focus-visible)>.cl-tip{opacity:1;transform:none;filter:none}@media (prefers-reduced-motion:reduce){.cl-tip{transform:none;filter:none;transition:opacity var(--dur-quick) var(--ease-move)}}.cl-photo{display:grid;grid-gap:var(--s-12);gap:var(--s-12);min-inline-size:0;margin:0}.cl-photo__frame{position:relative;margin:0;overflow:hidden;border-radius:var(--corner-dialog)}.cl-photo__crop{overflow:hidden;background:var(--surface-side)}.cl-photo__img{display:block;inline-size:100%;block-size:100%;object-fit:cover}.cl-photo[data-edge=bottom] .cl-photo__crop{-webkit-mask-composite:source-over,source-in;-webkit-mask:linear-gradient(to bottom,var(--c-type) calc(100% - var(--size-110)),transparent calc(100% - var(--size-110) * .3)),radial-gradient(circle,var(--c-type) 30%,transparent 46%) top /var(--size-10) var(--size-10),linear-gradient(to bottom,var(--c-type) calc(100% - var(--size-110) * 1.2),transparent calc(100% - var(--size-110) * .05));mask:linear-gradient(to bottom,var(--c-type) calc(100% - var(--size-110)),transparent calc(100% - var(--size-110) * .3)),radial-gradient(circle,var(--c-type) 30%,transparent 46%) top /var(--size-10) var(--size-10),linear-gradient(to bottom,var(--c-type) calc(100% - var(--size-110) * 1.2),transparent calc(100% - var(--size-110) * .05));-webkit-mask-composite:source-over,source-in,xor;mask-composite:add,intersect}.cl-photo[data-edge=bottom] .cl-photo__frame{border-end-start-radius:0;border-end-end-radius:0}.cl-photo__cap{margin:0;max-inline-size:var(--size-420);color:var(--c-muted);font-size:var(--t-small)}[data-mode=mono] .cl-photo__img{filter:grayscale(1)}.cl-photo[data-doc] .cl-photo__crop{-webkit-mask:none;mask:none}.cl-photo[data-doc] .cl-photo__img{object-position:top center}.cl-photo[data-doc] .cl-photo__frame{border-radius:var(--corner-row);box-shadow:var(--shadow-float);transform:rotate(-1.2deg)}[data-mode=mono] .cl-photo[data-doc] .cl-photo__img{filter:none}