.mosaic[data-v-b524fb02]{--gap:4px;--step:min(5.5rem, (100cqw + var(--gap)) / var(--cols));width:calc(var(--step) * var(--cols) - var(--gap));height:calc(var(--step) * var(--rows) - var(--gap))}.tile[data-v-b524fb02]{width:calc(var(--step) - var(--gap));height:calc(var(--step) - var(--gap));transition:translate .7s cubic-bezier(.65,0,.35,1);animation:.5s cubic-bezier(.34,1.56,.64,1) backwards pop-b524fb02}.tile-face[data-v-b524fb02]{background:color-mix(in oklab,var(--color) 18%,var(--surface))}.tile-photo[data-v-b524fb02]{filter:grayscale();transition:scale .6s cubic-bezier(.22,1,.36,1),filter .6s ease-out;scale:1.15}@property --reveal{syntax:"<percentage>";inherits:false;initial-value:0%}.tile-color[data-v-b524fb02]{--reveal:0%;background:var(--vivid);opacity:.94;-webkit-mask:radial-gradient(circle at center,transparent var(--reveal),#000 calc(1% + var(--reveal)));-webkit-mask:radial-gradient(circle at center,transparent var(--reveal),#000 calc(1% + var(--reveal)));mask:radial-gradient(circle at center,transparent var(--reveal),#000 calc(1% + var(--reveal)));transition:--reveal .55s cubic-bezier(.22,1,.36,1),opacity .55s ease-out}.dark .tile-face:has(img) .tile-color[data-v-b524fb02]{filter:brightness(.78)}.tile:focus-visible .tile-color[data-v-b524fb02],.tile:hover .tile-color[data-v-b524fb02]{--reveal:75%;opacity:0}.tile:focus-visible .tile-photo[data-v-b524fb02],.tile:hover .tile-photo[data-v-b524fb02]{filter:none;scale:1}.tile-face:not(:has(img)) .tile-color[data-v-b524fb02]{--reveal:0%!important;opacity:1!important}.label[data-v-b524fb02]{top:calc(100% + .5rem);left:var(--label-left);text-overflow:ellipsis;white-space:nowrap;background:color-mix(in oklab,var(--surface) 75%,transparent);border:1px solid color-mix(in oklab,var(--surface) 85%,transparent);-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);pointer-events:none;opacity:0;max-width:14rem;transform:translate(var(--label-shift),-.375rem);border-radius:9999px;padding:.25rem .875rem;font-size:.875rem;font-weight:600;transition:opacity .2s ease-out,transform .3s ease-out;position:absolute;overflow:hidden;box-shadow:0 1px 3px #0000001f}.tile:focus-visible .label[data-v-b524fb02],.tile:hover .label[data-v-b524fb02]{opacity:1;transform:translate(var(--label-shift))}@keyframes pop-b524fb02{0%{opacity:0;scale:.6}}@media (prefers-reduced-motion:reduce){.label[data-v-b524fb02],.tile[data-v-b524fb02],.tile-color[data-v-b524fb02],.tile-photo[data-v-b524fb02]{transition:opacity .2s;animation:none}}