.photo-item{-moz-column-break-inside:avoid;break-inside:avoid;cursor:pointer;border-radius:var(--photo-radius,.75rem);background:var(--color-base-200);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-base-content) 6%, transparent);backface-visibility:hidden;transition:box-shadow .45s cubic-bezier(.25,1,.5,1),transform .45s cubic-bezier(.25,1,.5,1);display:block;position:relative;overflow:hidden}@media (hover:hover){.photo-item:hover{box-shadow:0 0 0 1px color-mix(in srgb, var(--color-base-content) 8%, transparent), 0 8px 24px -6px color-mix(in srgb, var(--color-base-content) 12%, transparent);transform:translateY(-2px)}}.photo-item:not(.loaded){min-height:180px}.photo-item:not(.loaded):before{content:"";z-index:1;border-radius:inherit;background:linear-gradient(90deg, var(--color-base-200) 0%, color-mix(in srgb, var(--color-base-content) 4%, var(--color-base-200)) 20%, var(--color-base-200) 40%, var(--color-base-200) 100%);pointer-events:none;background-size:200% 100%;animation:1.8s ease-in-out infinite shimmer;position:absolute;inset:0}.photo-item.loaded:before{opacity:0;pointer-events:none;transition:opacity .3s}.photo-item img{z-index:2;opacity:0;backface-visibility:hidden;width:100%;height:auto;transition:opacity .5s,transform .5s cubic-bezier(.25,1,.5,1);display:block;position:relative;transform:scale(1.01)}.photo-item img.loaded{opacity:1;transform:scale(1)}@media (hover:hover){.photo-item:hover img.loaded{transform:scale(1.02)}}.photo-overlay{z-index:3;opacity:0;pointer-events:none;background:linear-gradient(#0000 40%,#0000001f 65%,#00000080 100%);flex-direction:column;justify-content:flex-end;padding:.875rem 1rem;transition:opacity .35s;display:flex;position:absolute;inset:0}@media (hover:hover){.photo-item:hover .photo-overlay{opacity:1}}@media (hover:none){.photo-item:active .photo-overlay,.photo-item:focus-within .photo-overlay{opacity:1}}.photo-overlay-content{opacity:0;transition:transform .4s cubic-bezier(.25,1,.5,1) 40ms,opacity .35s 40ms;transform:translateY(4px)}@media (hover:hover){.photo-item:hover .photo-overlay-content{opacity:1;transform:translateY(0)}}.photo-download-btn{z-index:4;opacity:0;pointer-events:auto;transition:opacity .25s,transform .3s cubic-bezier(.25,1,.5,1),background-color .2s,color .2s;position:absolute;top:.625rem;right:.625rem;transform:scale(.85)}@media (hover:hover){.photo-item:hover .photo-download-btn{opacity:1;transform:scale(1)}.photo-download-btn:hover{color:#111!important;background-color:#fff!important}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up,.photo-item-new{animation:.5s cubic-bezier(.16,1,.3,1) both fade-in-up}