.crafts.svelte-xgkclc{width:100%;display:flex;flex-wrap:wrap;position:relative;height:max(100dvh,calc(var(--height) * 1px))}.crafts.svelte-xgkclc .craft:where(.svelte-xgkclc){position:absolute;translate:calc((var(--x) * 1px)) calc((var(--y) * 1px));background:#0000001a;border:1px solid hsla(0,0%,0%,.1);border-radius:10px;width:calc(var(--width) * 1px)}.crafts.svelte-xgkclc .craft:where(.svelte-xgkclc) .cover:where(.svelte-xgkclc){width:100%;overflow:hidden;border-radius:10px;display:flex}.crafts.svelte-xgkclc .craft:where(.svelte-xgkclc) .cover:where(.svelte-xgkclc) video:where(.svelte-xgkclc),.crafts.svelte-xgkclc .craft:where(.svelte-xgkclc) .cover:where(.svelte-xgkclc) img:where(.svelte-xgkclc){width:100%;height:auto}.crafts.svelte-xgkclc .craft:where(.svelte-xgkclc) .content:where(.svelte-xgkclc){position:absolute;bottom:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:20px}.crafts.svelte-xgkclc .craft:where(.svelte-xgkclc) .content:where(.svelte-xgkclc):before{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0000,#00000080);border-radius:10px}.crafts.svelte-xgkclc .craft:where(.svelte-xgkclc) .content:where(.svelte-xgkclc) h2:where(.svelte-xgkclc){position:relative;font-weight:400;text-transform:uppercase;color:#fff;font-size:14px;letter-spacing:2px;z-index:1;margin:0}._.svelte-xgkclc{width:100%;height:100%;padding:80px 25px 25px;display:flex;flex-direction:column;align-items:center;overflow:auto}._.svelte-xgkclc h1:where(.svelte-xgkclc){font-size:100px;text-transform:uppercase;color:#0003;font-weight:800;letter-spacing:2px;position:relative}._.svelte-xgkclc .sep:where(.svelte-xgkclc){width:100px;height:2px;background:#0000001a;margin-bottom:20px}._.svelte-xgkclc .filters:where(.svelte-xgkclc){display:flex;gap:20px}._.svelte-xgkclc .filters:where(.svelte-xgkclc) span:where(.svelte-xgkclc){font-size:16px;text-transform:uppercase;font-weight:500;color:#00000080;cursor:pointer}._.svelte-xgkclc .filters:where(.svelte-xgkclc) span:where(.svelte-xgkclc).active{color:#000000e6;border-bottom:2px solid hsla(0,0%,0%,.9);padding-bottom:4px}