.photo-actions[data-v-0c4473d4]{gap:0;display:flex;position:absolute;bottom:.125rem;right:.125rem}.photo-action[data-v-0c4473d4]{color:#fff;filter:drop-shadow(0 1px 2px #0000008c);background:0 0;place-items:center;width:1.75rem;height:1.75rem;transition:opacity .2s,transform .2s;display:grid}.photo-action[data-v-0c4473d4]:hover{transform:scale(1.15)}.photo-action[data-v-0c4473d4]:disabled{opacity:.5}.photo-action svg[data-v-0c4473d4]{width:1rem;height:1rem}@media (width>=640px){.photo-actions[data-v-0c4473d4]{gap:.25rem;bottom:.5rem;right:.5rem}.photo-action[data-v-0c4473d4]{width:2.25rem;height:2.25rem}.photo-action svg[data-v-0c4473d4]{width:1.35rem;height:1.35rem}}@media (hover:hover){.photo-action[data-v-0c4473d4]:not(.is-liked){opacity:0}.photo-action[data-v-0c4473d4]:focus-visible,figure:hover .photo-action[data-v-0c4473d4]{opacity:1}}.photo-grid[data-v-0c4473d4]{--gap:.5rem;--cols:3;align-items:flex-start;gap:var(--gap);flex-wrap:wrap;display:flex}.photo-grid>figure[data-v-0c4473d4]{flex:0 0 calc((100% - (var(--cols) - 1)*var(--gap))/var(--cols))}.photo-grid>figure.span-2[data-v-0c4473d4]{flex-basis:calc((100% - (var(--cols) - 1)*var(--gap))/var(--cols)*2 + var(--gap))}@media (width>=640px){.photo-grid[data-v-0c4473d4]{--gap:1.5rem;--cols:2}}@media (width>=1024px){.photo-grid[data-v-0c4473d4]{--cols:3}}