a.card.svelte-at4hyl{min-width:12em;min-height:9em;padding:0 3rem 1rem 1rem;display:flex;flex-flow:column wrap;justify-content:end;position:relative}a.card.svelte-at4hyl:before{content:"";width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:-1;background:#0003;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform:skew(-12deg);transition:all .12s ease-out}a.card.svelte-at4hyl{color:#fff;text-decoration:none}a.card.svelte-at4hyl:hover:before,a.card.svelte-at4hyl:active:before,a.card.svelte-at4hyl:focus-visible:before{background:#00000080;border-radius:.6em;transform:skew(-8deg);outline:none;box-shadow:0 0 12px #ff0090}h3.svelte-at4hyl{font-family:Nanum Pen Script,Nanum Pen,Segoe UI,system-ui,ZCool XiaoWei,sans-serif;font-size:200%;font-weight:400}p.svelte-at4hyl{color:#fff9}.picts.svelte-at4hyl{padding:1rem;display:flex;flex-flow:row wrap;gap:.4rem}.picts.svelte-at4hyl .img-container:where(.svelte-at4hyl){overflow:hidden;transform:skew(-12deg);transition:all .12s ease-out}a.card.svelte-at4hyl:where(:where(.svelte-at4hyl):hover,:where(.svelte-at4hyl):focus-visible,:where(.svelte-at4hyl):active) .picts:where(.svelte-at4hyl) .img-container:where(.svelte-at4hyl){transform:skew(-8deg)}.picts.svelte-at4hyl img:where(.svelte-at4hyl){filter:blur(4px);transition:all .12s ease-out,filter .25s ease-out}.picts.tall.svelte-at4hyl .img-container:where(.svelte-at4hyl){width:3.5rem}.picts.tall.svelte-at4hyl img:where(.svelte-at4hyl){height:8rem;transform:translate(-1rem) skew(12deg)}a.card.svelte-at4hyl:where(:where(.svelte-at4hyl):hover,:where(.svelte-at4hyl):focus-visible,:where(.svelte-at4hyl):active) .picts.tall:where(.svelte-at4hyl) img:where(.svelte-at4hyl){transform:skew(8deg) translate(-1rem)}.picts.square.svelte-at4hyl .img-container:where(.svelte-at4hyl){width:4rem}.picts.square.svelte-at4hyl img:where(.svelte-at4hyl){height:5rem;transform:translate(-.5rem) skew(12deg)}a.card.svelte-at4hyl:where(:where(.svelte-at4hyl):hover,:where(.svelte-at4hyl):focus-visible,:where(.svelte-at4hyl):active) .picts.square:where(.svelte-at4hyl) img:where(.svelte-at4hyl){transform:skew(8deg) translate(-.5rem)}a.card.svelte-at4hyl:where(:where(.svelte-at4hyl):hover,:where(.svelte-at4hyl):focus) img:where(.svelte-at4hyl){filter:none}