.photos-app{-webkit-user-select:none;user-select:none;min-height:100vh}.photos-app-toolbar{view-transition-name:photos-toolbar;pointer-events:auto;z-index:30;background-color:var(--background,#fff);border-bottom:1px solid #0000000f;flex-shrink:0;align-items:center;gap:.75rem;padding:.625rem 1rem;display:flex;position:sticky;top:3.5rem}:is(.dark,[data-theme=dark]) .photos-app-toolbar{border-bottom-color:#ffffff14}@media (width>=768px){.photos-app-toolbar{top:0}}.photos-app-heading{flex-direction:column;display:flex}.photos-app-title{letter-spacing:-.025em;color:#171717;font-size:19px;font-weight:700;line-height:1.5rem}.photos-app-subtitle{color:#737373;font-size:11px;font-weight:500;line-height:1rem}:is(.dark,[data-theme=dark]) .photos-app-title{color:#fafafa}:is(.dark,[data-theme=dark]) .photos-app-subtitle{color:#a3a3a3}.photos-app-actions{flex:1;justify-content:flex-end;align-items:center;display:flex}.photos-app-capsule{background-color:#0000000d;border-radius:9999px;align-items:center;gap:.125rem;padding:.125rem;display:flex}:is(.dark,[data-theme=dark]) .photos-app-capsule{background-color:#ffffff17}.photos-app-density{font:inherit;appearance:none;color:#525252;cursor:pointer;background-color:#0000;border:0;border-radius:9999px;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;margin:0;padding:0;transition-property:color,background-color,opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.photos-app-density:hover{background-color:#0000000d}.photos-app-density:disabled{pointer-events:none;opacity:.3}:is(.dark,[data-theme=dark]) .photos-app-density{color:#d4d4d4}:is(.dark,[data-theme=dark]) .photos-app-density:hover{background-color:#ffffff1a}.photos-app-grid{view-transition-name:photos-grid;gap:.125rem;display:grid}.photos-app-tile{aspect-ratio:1;display:block;position:relative;overflow:hidden}@media (width>=768px){.photos-app-tile{scroll-margin-top:4rem}}.photos-app-tile-image{object-fit:cover;width:100%;height:100%;display:block}.photos-app-heart{pointer-events:none;bottom:.375rem;fill:#fff;color:#fff;filter:drop-shadow(0 1px 2px #0000001a)drop-shadow(0 1px 1px #0000000f);position:absolute;inset-inline-start:.375rem}
