.card-grid-container.svelte-1uha8ag{width:100%;max-width:500px;margin-inline:auto;position:relative}.cards-grid.svelte-1uha8ag{display:grid;grid-template-columns:repeat(4,1fr);gap:.2rem;width:100%;position:relative}.card-item.svelte-1uha8ag{transition:all .7s ease-in-out}.floating-card.svelte-1uha8ag{animation:svelte-1uha8ag-float 5s ease-in-out infinite;animation-delay:calc(var(--card-index, 0) * .2s)}@keyframes svelte-1uha8ag-float{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-1px) translate(1px)}50%{transform:translateY(-2px) translate(-.5px)}75%{transform:translateY(-1px) translate(-1px)}}.highlighted-card.svelte-1uha8ag{animation:svelte-1uha8ag-highlight 1.5s ease-in-out;z-index:10}@keyframes svelte-1uha8ag-highlight{0%{border-color:#a0ced933}50%{border-color:#a0ced9cc}to{border-color:#a0ced933}}.centered-cards-container.svelte-1uha8ag{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:.2rem;align-items:center;justify-content:center;width:100%;max-width:400px;z-index:20;animation:svelte-1uha8ag-slideIn .7s ease-out}.centered-card.svelte-1uha8ag{flex:0 0 auto;width:120px;opacity:0;transform:translateY(20px) scale(.8);animation:svelte-1uha8ag-cardAppear .7s ease-out forwards;animation-delay:calc(var(--highlight-index, 0) * .15s)}@keyframes svelte-1uha8ag-slideIn{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes svelte-1uha8ag-cardAppear{to{opacity:1;transform:translateY(0) scale(1)}}.dimmed-card.svelte-1uha8ag{opacity:.4;transition:opacity .3s ease-in-out}.hidden-card.svelte-1uha8ag{opacity:0;visibility:hidden}.frame-draw.svelte-1uha8ag{position:relative;animation:svelte-1uha8ag-frameFadeIn .6s ease-out forwards}.frame-draw.svelte-1uha8ag:after{content:"";position:absolute;inset:0;border-radius:.375rem;border:1px solid rgb(160 206 217 / .2);clip-path:polygon(0 0,0 0,0 0,0 0);animation:svelte-1uha8ag-frameDrawPath .8s ease-out .3s forwards}@keyframes svelte-1uha8ag-frameFadeIn{0%{opacity:0}to{opacity:1}}@keyframes svelte-1uha8ag-frameDrawPath{0%{clip-path:polygon(0 0,0 0,0 0,0 0)}25%{clip-path:polygon(0 0,100% 0,100% 0,0 0)}50%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}75%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}
