.bundles-grid.svelte-24l6lt{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;width:100%;max-width:1200px}.bundle-card.svelte-24l6lt{position:relative;border-radius:12px;overflow:hidden;background-color:#ffffff0f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background-color .3s ease,box-shadow .3s ease}.bundle-card.svelte-24l6lt:hover{background-color:#ffffff1f;box-shadow:0 4px 20px #00000040}.image-container.svelte-24l6lt{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden}.image-container.svelte-24l6lt:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.25) 100%);pointer-events:none;z-index:1}.buildimg.svelte-24l6lt{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.bundle-card.svelte-24l6lt:hover .buildimg:where(.svelte-24l6lt){transform:scale(1.06)}.edit-overlay.svelte-24l6lt{position:absolute;top:8px;right:8px;height:38px;padding:0 12px;border-radius:9px;border:none;outline:none;display:flex;align-items:center;justify-content:center;gap:0px;font-size:16px;cursor:pointer;transition:padding .25s ease,gap .25s ease,background-color .2s ease;z-index:2;background-color:#90ee90d9;color:#0f2027;white-space:nowrap;overflow:hidden}.edit-overlay.svelte-24l6lt:hover{background-color:#90ee90}.bundle-meta.svelte-24l6lt{color:#ffffff73;font-size:12px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-info.svelte-24l6lt{padding:8px 10px;text-align:left}.buildname.svelte-24l6lt{color:#fffffff2;font-size:17px;font-weight:600;text-decoration:none;text-transform:capitalize;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .2s ease}.buildname.svelte-24l6lt:hover{color:#8cd4ec}.buildname-btn.svelte-24l6lt{background:none;border:none;padding:0;font:inherit;cursor:pointer;width:100%;text-align:left}.premium-buildname.svelte-24l6lt{font-weight:600;background:#fe8d10;background:linear-gradient(135deg,#fe8d10,#fff100);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.premium-buildname.svelte-24l6lt:hover{background:linear-gradient(135deg,#ffaa32,#fffa32);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media screen and (max-width: 800px){.bundles-grid.svelte-24l6lt{grid-template-columns:1fr}.buildname.svelte-24l6lt{font-size:15px}}
