button.svelte-1gwtlyz.svelte-1gwtlyz{background:rgb(16,17,19);border-radius:12px;transition:.2s;-webkit-user-select:none;user-select:none;overflow:hidden;position:relative}button.selected.svelte-1gwtlyz .canvas-container.svelte-1gwtlyz{top:-50%}button.selected.svelte-1gwtlyz .information.svelte-1gwtlyz{top:50%}button.svelte-1gwtlyz .canvas-container.svelte-1gwtlyz{width:100%;height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:.2s}button.svelte-1gwtlyz .information.svelte-1gwtlyz{width:60%;height:75%;position:absolute;left:50%;top:150%;transform:translate(-50%,-50%);text-align:left}button.svelte-1gwtlyz .information button.svelte-1gwtlyz{background:rgb(16,17,19);border-radius:4px;width:250px;display:inline-block;text-align:center;font-weight:600;padding:10px;color:#fff;position:absolute;left:50%;transform:translate(-50%);transition:.2s;margin-top:5%}button.svelte-1gwtlyz .information button.svelte-1gwtlyz:hover{background:rgb(175,75,255);cursor:pointer}button.svelte-1gwtlyz .information .cost.svelte-1gwtlyz{color:#32c832;text-align:center}button.svelte-1gwtlyz>h2.svelte-1gwtlyz{color:#fff;position:absolute;left:50%;bottom:25px;transform:translate(-50%);transition:.2s}button.svelte-1gwtlyz.svelte-1gwtlyz:hover{background:rgb(255,255,255);cursor:pointer}button.svelte-1gwtlyz:hover h2.svelte-1gwtlyz{color:#000}section.svelte-s7a1ke.svelte-s7a1ke{text-align:center;margin-bottom:150px}section.svelte-s7a1ke .inventory.svelte-s7a1ke{height:1000px;margin-top:50px;margin-left:50px;margin-right:50px;justify-content:center;display:grid;gap:2.5%;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}@media (max-width: 1000px){section.svelte-s7a1ke .inventory.svelte-s7a1ke{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);height:1500px}}@media (max-width: 700px){section.svelte-s7a1ke .inventory.svelte-s7a1ke{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(6,1fr);height:3000px}}section.svelte-s7a1ke a.svelte-s7a1ke{background:rgb(16,17,19);border-radius:4px;width:250px;text-align:center;font-weight:600;padding:10px;margin-top:50px;color:#fff;display:inline-block;position:absolute;left:50%;transform:translate(-50%);transition:.2s}section.svelte-s7a1ke a.svelte-s7a1ke:hover{background:rgb(255,255,255);cursor:pointer;color:#000}