:root{--anim-speed: .5s;--anim-type: ease}ul.svelte-l9ay1r{padding:0;margin:0}a.svelte-l9ay1r{text-decoration:none;color:var(--text-color)}i.svelte-l9ay1r{position:absolute;color:var(--fg-color);font-size:3rem;top:50%;left:50%;transform:translate(-50%,-50%)}.work-list.svelte-l9ay1r{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:auto;gap:4px}.work-entry.svelte-l9ay1r{width:280px;height:280px;border-radius:.25rem;position:relative;overflow:hidden;aspect-ratio:1/1}.work-icon.svelte-l9ay1r{width:280px;height:280px;border-radius:.25rem;margin:0}.work-title.svelte-l9ay1r{font-size:.9rem;font-weight:500;position:absolute;top:-64px;left:0;right:3px;padding:6px 1rem 6px 6px;border-width:0 0 2px 0;border-style:solid;border-color:var(--bg-color);border-radius:.25rem 0 0;background-color:var(--bg-reverse-color);transition:top var(--anim-speed) var(--anim-type)}.work-title.svelte-l9ay1r>span:where(.svelte-l9ay1r){color:var(--text-reverse-color)}.work-entry.svelte-l9ay1r:hover>.work-title:where(.svelte-l9ay1r){top:0}.work-tag.svelte-l9ay1r{position:absolute;writing-mode:sideways-lr;font-size:.8rem;font-weight:lighter;bottom:0;top:0;right:-64px;padding:6px 6px 42px;border-width:0 0 0 1px;border-style:solid;border-color:var(--bg-reverse-color);background-color:var(--bg-color);transition:right var(--anim-speed) var(--anim-type)}.work-entry.svelte-l9ay1r:hover>.work-tag:where(.svelte-l9ay1r){right:0}.work-date.svelte-l9ay1r{overflow:hidden;font-size:.8rem;font-weight:lighter;position:absolute;bottom:-64px;left:0;right:0;padding:6px;border-width:1px 0 0 0;border-style:solid;border-color:var(--bg-reverse-color);background-color:var(--bg-color);transition:bottom var(--anim-speed) var(--anim-type)}.work-entry.svelte-l9ay1r:hover>.work-date:where(.svelte-l9ay1r){bottom:0}@media (max-width: 512px){.work-list.svelte-l9ay1r{flex-direction:column;gap:24px}.work-entry.svelte-l9ay1r{width:100%;height:fit-content}.work-icon.svelte-l9ay1r{transform:translate(-18px)}.work-icon.svelte-l9ay1r{width:100%;height:auto}.work-title.svelte-l9ay1r{top:0;opacity:1}.work-tag.svelte-l9ay1r{right:0;opacity:1}.work-date.svelte-l9ay1r{bottom:0;opacity:1}}