.tile-media{position:absolute;inset:0;display:block;overflow:hidden;border-radius:inherit;background:color-mix(in srgb,currentColor 6%,transparent)}.tile-media img,.tile-media video{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1),opacity .3s ease}.tile-media video{animation:tile-media-in .3s ease both}@keyframes tile-media-in{0%{opacity:0}}@media(hover:hover)and (pointer:fine){[data-tile-hover]:hover .tile-media img,[data-tile-hover]:hover .tile-media video{transform:scale(1.06)}}.tile-media-label{position:absolute;top:.375rem;left:.375rem;z-index:1;padding:.0625rem .4375rem;border-radius:1rem;color:#fff;background:#000a;font-size:var(--ui-fs-meta, .75rem);line-height:1.5;backdrop-filter:blur(6px);pointer-events:none}@media(prefers-reduced-motion:reduce){.tile-media img,.tile-media video{transition:none}}.tile-media[data-compact] .tile-media-label{top:auto;bottom:.25rem;left:.25rem;padding:0 .3125rem;font-size:var(--ui-fs-micro, .6875rem);line-height:1.45}.wb-axis{flex:none;display:flex;align-items:center;gap:.25rem;padding:.25rem;border-radius:999px;background:var(--wb-modeTrack, linear-gradient(180deg, #0b0b0e, #16161b));box-shadow:var(--wb-modeShadow, inset 0 2px 5px rgba(0, 0, 0, .75))}.wb-axis-tab{flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:2rem;height:2rem;padding:0 .9rem;border:0;border-radius:999px;cursor:pointer;font-size:.75rem;font-weight:700;letter-spacing:.01em;background:transparent;color:var(--wb-modeOff, rgba(255, 255, 255, .55));white-space:nowrap;transition:all .24s cubic-bezier(.2,.8,.2,1)}.wb-axis-tab[data-on="1"]{background:var( --wb-grad, linear-gradient(90deg, #a855f7 0%, #ec4899 50%, #f97316 100%) );color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.35);box-shadow:inset 0 1px #ffffff73,inset 0 -1px #00000040,0 4px 10px -3px #ec4899bf,0 1px 2px #0006}.wb-axis-star{font-size:12px;color:var(--wb-favInk, #ffc46e)}.wb-axis-tab[data-on="1"] .wb-axis-star{color:#ffd98a}.wb-axis-count{font-size:11px;font-weight:600;padding:1px 6px;border-radius:999px;background:var(--wb-chip, rgba(0, 0, 0, .3));color:inherit}.wb-axis[data-size=touch]{gap:.5rem}.wb-axis[data-size=touch] .wb-axis-tab{flex:1;min-height:44px;height:44px;font-size:.875rem}