.source-tile{position:relative;border-radius:2.25rem;overflow:hidden;aspect-ratio:310 / 248;cursor:pointer;background:transparent;transition:transform .15s ease,box-shadow .15s ease}.source-tile:hover{transform:scale(1.02)}.source-tile:active{transform:scale(.99)}.tile-cover{position:absolute;inset:0;object-fit:cover;width:100%;height:100%}.tile-mask-bg{position:absolute;inset:0;overflow:hidden}.tile-cover-blur{filter:blur(40px)}.tile-photo-body{position:absolute;bottom:0;left:0;width:100%;height:85.3%;overflow:hidden;border-radius:inherit;border:1px solid var(--surface-stroke-1);box-sizing:border-box}.tile-cover-placeholder{position:absolute;inset:0;background:var(--card-empty-background);display:flex;align-items:center;justify-content:center}.source-cover-icon{display:flex;align-items:center;justify-content:center;width:92px;height:92px}.source-cover-icon svg{width:92px;height:92px;fill:var(--icon-fill-photo)}[data-theme=light] .source-cover-icon svg{fill:var(--fg-neutral-1-rest)}.tile-overlay{position:absolute;inset:0;background:var(--card-overlay-background-2);filter:blur(30px);opacity:.7;pointer-events:none}.tile-badge{position:absolute;top:calc(14.7% + 19px);inset-inline-end:19px;width:32px;height:32px;background:var(--badge-background);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:8px;padding:4px;font-family:Segoe UI,sans-serif;font-size:14px;font-weight:600;color:var(--fg-neutral-static-inverted);display:flex;align-items:center;justify-content:center;gap:0;z-index:2;overflow:hidden;transition:none}.tile-badge-label{display:none;white-space:nowrap;padding-bottom:2px}.source-tile:hover .tile-badge-label{display:inline}.source-tile:hover .tile-badge{width:auto;height:32px;gap:6px;padding-inline-start:6px;padding-inline-end:8px;border-radius:8px}.tile-badge-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tile-badge-icon svg,.tile-badge-icon img{width:20px;height:20px}.tile-info{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-200);z-index:2}.tile-name{font-size:var(--font-size-subtitle-1);font-weight:700;line-height:var(--line-height-subtitle-1);color:var(--fg-neutral-static-inverted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;filter:var(--tile-text-shadow);margin-bottom:var(--spacing-40)}.tile-counts{font-size:var(--font-size-body-1);color:var(--fg-photo-overlay-dim);filter:var(--tile-counts-shadow);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-menu-btn{position:absolute;bottom:12px;inset-inline-end:12px;width:32px;height:32px;border-radius:var(--radius-medium);background:transparent;border:none;color:var(--fg-neutral-static-inverted);cursor:pointer;display:flex;align-items:center;justify-content:center;filter:var(--icon-photo-shadow);opacity:0;transition:opacity var(--anim-short) ease;z-index:3}.source-tile:hover .tile-menu-btn,.source-tile:focus-within .tile-menu-btn,.source-tile.tile-menu-open .tile-menu-btn{opacity:1}.tile-menu-btn:active{background:transparent;color:var(--fg-neutral-static-inverted)}.source-tile:has(.tile-menu-btn):hover .tile-info,.source-tile:has(.tile-menu-btn):focus-within .tile-info,.source-tile:has(.tile-menu-btn).tile-menu-open .tile-info{padding-inline-end:48px}.tile-menu-btn .fluent-icon{width:24px;height:24px}@media (forced-colors: active){.source-tile .folder-mask-svg{z-index:2}.source-tile .folder-hc-outline{stroke:ButtonText}.source-tile .tile-photo-body{inset:0;height:auto;border:none;border-radius:0;clip-path:var(--tile-clip);-webkit-clip-path:var(--tile-clip)}.tile-menu-btn{color:ButtonText;border:2px solid ButtonText;background:Canvas;filter:none}}.tile-syncing{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-80);padding:var(--spacing-200);z-index:2}.tile-syncing-name{font-size:var(--font-size-body-2-stronger);font-weight:var(--font-weight-subtitle-2);color:var(--fg-neutral-1-rest);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.tile-syncing-text{font-size:var(--font-size-caption-1);font-weight:var(--font-weight-caption-1-strong);color:var(--fg-neutral-2-rest)}.tile-syncing.has-cover .tile-syncing-name,.tile-syncing.has-cover .tile-syncing-text{color:var(--fg-neutral-static-inverted);filter:var(--icon-photo-shadow)}.tile-progress{width:100%;height:2px;border-radius:var(--radius-circular);background:var(--fg-neutral-static-inverted);overflow:hidden}[data-theme=light] .tile-syncing:not(.has-cover) .tile-progress{background:var(--stroke-neutral-1-rest)}.tile-syncing.has-cover .tile-progress{background:var(--badge-background);box-shadow:0 4px 20px var(--badge-background)}.tile-progress-bar{height:100%;border-radius:var(--radius-circular);background:var(--pill-stroke-1);transition:width var(--anim-medium) ease}.tile-progress-bar.indeterminate{width:40%!important;animation:indeterminate 1.5s ease-in-out infinite}@keyframes indeterminate{0%{transform:translate(-100%)}to{transform:translate(300%)}}.source-tile.is-sources-upsell .sources-upsell-bg{background:var(--bg-neutral-3-rest)}.source-tile.is-sources-upsell .tile-sources-upsell-icon-blur{position:absolute;top:50%;left:50%;width:220px;height:220px;transform:translate(-50%,-50%);filter:blur(50px);opacity:.95;pointer-events:none}.source-tile.is-sources-upsell .tile-overlay{background:var(--card-overlay-background-1)}