@media (max-width: 712px){ul.gallery.svelte-mk3lst{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-template-rows:repeat(auto-fill,minmax(160px,1fr))}.gallery-wrapper.svelte-mk3lst{grid-area:auto!important}ul.gallery-folders.svelte-mk3lst{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-template-rows:repeat(auto-fill,minmax(220px,1fr));grid-auto-rows:unset;gap:2rem}}.searchbox.svelte-mk3lst{padding:2rem .5rem}.folder.svelte-mk3lst{position:relative;aspect-ratio:1/1;width:100%;height:100%;border-radius:4px;transition:.2s filter linear;overflow:hidden}img.svelte-mk3lst{object-fit:cover;min-height:100%;width:100%;height:100%;-webkit-mask-image:linear-gradient(to top,transparent 5%,black 50%);mask-image:linear-gradient(to top,transparent 5%,black 50%);-webkit-mask-size:100% 200%;mask-size:100% 200%;-webkit-mask-position:0 60%;mask-position:0 60%;transition:mask-position .4s cubic-bezier(.25,1,.5,1)}.folder.svelte-mk3lst:hover img:where(.svelte-mk3lst){-webkit-mask-position:0 100%;mask-position:0 100%}.folder.svelte-mk3lst:after{content:"";position:absolute;inset:0;background-color:#81375c;transition:mask-image .2s linear;-webkit-mask-image:repeating-linear-gradient(-45deg,transparent 0,black 4px,transparent 8px),linear-gradient(to top,black 10%,transparent 50%);mask-image:repeating-linear-gradient(-45deg,transparent 0,black 4px,transparent 8px),linear-gradient(to top,black 10%,transparent 50%);-webkit-mask-composite:intersect;mask-composite:intersect;-webkit-mask-size:100% 100%,100% 200%;mask-size:100% 100%,100% 200%;-webkit-mask-position:0 0,0 50%;mask-position:0 0,0 50%;transition:mask-position .4s cubic-bezier(.25,1,.5,1)}.folder.svelte-mk3lst:hover:after{mask-position:0 90%;-webkit-mask-position:0 90%}.gallery-folders.svelte-mk3lst{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-auto-flow:dense;grid-auto-rows:minmax(210px,210px);list-style:none;padding:0;margin:0;display:grid;gap:1.1rem}.title.svelte-mk3lst{position:absolute;bottom:0;left:0;z-index:1;font:bold 3rem/1.2em var(--ff-display);color:var(--color-accent);margin:2rem 1.5rem;transition:color .2s ease-in-out,filter .2s ease-in-out}.folder.svelte-mk3lst .title:where(.svelte-mk3lst):after{content:""}.folder.svelte-mk3lst:hover .title:where(.svelte-mk3lst):after{content:" <";animation-name:blink;animation-duration:1.5s;animation-timing-function:step-end;animation-iteration-count:infinite}.folder.svelte-mk3lst:hover .title:where(.svelte-mk3lst){filter:var(--chromatic-aberration);color:var(--color-accent-hover)}
