.background.svelte-1mi9d79{background-image:linear-gradient(to bottom,#34d399,#60a5fa,#391faa);position:fixed;top:0;left:0;width:100%;height:100%}.card-holder.svelte-1mi9d79{display:flex;gap:3vw;padding:2vw}@keyframes svelte-1mi9d79-animate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dragon.svelte-1mi9d79{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:15px;padding:15px;background:#021230}.dragon-title.svelte-1mi9d79{cursor:pointer;background:transparent;border:none;margin-bottom:15px;color:#fff;font-size:1.5rem}.element-holder.svelte-1mi9d79{display:grid;width:92%}.modal-overlay.svelte-1mi9d79{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content.svelte-1mi9d79{background-color:#f9f9f9;border:1px solid;box-shadow:0 2px 4px #0000001a;padding:20px;border-radius:10px;max-width:80%;max-height:80%;overflow-y:auto}.option-holder.svelte-1mi9d79{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.element.svelte-1mi9d79{margin-top:10px;width:100%;background-color:#e0e0e0;border:1px solid black;padding:8px 12px;border-radius:12px;font-size:17px;text-align:start;cursor:pointer}.element-image.svelte-1mi9d79{width:15px;height:30px;vertical-align:middle;margin-right:10px}.option-image.svelte-1mi9d79{width:20px;height:40px;vertical-align:middle;margin-right:10px}.option.svelte-1mi9d79{background-color:#e0e0e0;border:none;padding:8px 12px;border-radius:5px;transition:background-color .2s ease;font-size:20px;text-align:start;cursor:pointer}.option.svelte-1mi9d79:hover{background-color:#d0d0d0}.result.svelte-1mi9d79{display:flex;align-items:center;justify-content:center;padding:10px;margin-top:20px}.result-button.svelte-1mi9d79{background-color:#000;border:1px solid white;color:#fff;padding:8px 12px;border-radius:10px;transition:background-color .2s ease;font-size:1.5rem;width:15vw}.result-button.svelte-1mi9d79:hover{background-color:#fff;border:1px solid black;color:#000}.result-image.svelte-1mi9d79{width:20px;height:40px;vertical-align:middle;margin-right:15px}.result-modal-holder.svelte-1mi9d79{display:flex;align-items:center;justify-content:center;flex-direction:column}.gotit-button.svelte-1mi9d79{margin-top:40px;background-color:#000;border:1px solid white;color:#fff;padding:8px 12px;border-radius:5px;transition:background-color .2s ease;font-size:1rem}.gotit-button.svelte-1mi9d79:hover{background-color:#fff;border:1px solid black;color:#000}.done-button.svelte-1mi9d79{background-color:#fff;border:1px solid black;color:#000;padding:8px 18px;margin-left:50px;border-radius:15px;transition:background-color .2s ease;font-size:1rem}.done-button.svelte-1mi9d79:hover{background-color:#000;border:1px solid white;color:#fff}.clear-button.svelte-1mi9d79{background-color:#fff;border:1px solid black;color:#000;padding:8px 18px;margin-right:50px;border-radius:15px;transition:background-color .2s ease;font-size:1rem}.clear-button.svelte-1mi9d79:hover{background-color:#000;border:1px solid white;color:#fff}.preset-modal-content.svelte-1mi9d79{display:flex;flex-direction:column;background-color:#f9f9f9;border:1px solid;box-shadow:0 2px 4px #0000001a;padding:20px;border-radius:10px;width:72vw;height:62vh}.preset-input-holder.svelte-1mi9d79{display:flex;align-items:center;justify-content:center;margin-bottom:40px;margin-top:10px}.preset-input.svelte-1mi9d79{border-radius:15px;padding:10px;width:400px;border:1px solid black;font-size:14px}.preset-holder.svelte-1mi9d79{display:grid;grid-template-columns:repeat(5,0fr);gap:20px;margin:0 auto}.preset.svelte-1mi9d79{width:230px;background-color:#e0e0e0;border:none;padding:20px 24px;border-radius:5px;transition:background-color .2s ease;font-size:14px;text-align:center;cursor:pointer}.preset.active.svelte-1mi9d79{background-color:#a0a0a0}.preset-image-holder.svelte-1mi9d79{margin-top:15px;margin-right:-15px}.preset-image.svelte-1mi9d79{width:18px;height:36px;vertical-align:middle;margin-right:15px}.result-dragons-holder.svelte-1mi9d79{gap:20px;width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.result-dragon.svelte-1mi9d79{background-color:#e0e0e0;border:1px solid black;padding:20px 24px;border-radius:10px;font-size:1rem;text-align:center;flex-grow:1;cursor:pointer}.result-elems-holder.svelte-1mi9d79{display:flex;align-items:center;justify-content:center;margin-top:20px;gap:20px;width:100%}.result-elems.svelte-1mi9d79,.result-type-button.svelte-1mi9d79{background-color:#e0e0e0;border:none;padding:20px 24px;border-radius:10px;font-size:1rem;text-align:center;cursor:pointer}.result-type-button.active.svelte-1mi9d79{background-color:#a0a0a0}.result-type-done-button.svelte-1mi9d79{background-color:#fff;border:1px solid black;color:#000;padding:8px 18px;margin-top:30px;border-radius:15px;transition:background-color .2s ease;font-size:1rem}.result-type-done-button.svelte-1mi9d79:hover{background-color:#000;border:1px solid white;color:#fff}.result-info-holder.svelte-1mi9d79{display:grid;grid-template-columns:repeat(2,1fr);margin-top:20px;width:100%;gap:20px}.result-type-info-holder.svelte-1mi9d79{display:grid;grid-template-columns:repeat(3,1fr);margin-top:10px;width:100%;gap:20px}.result-type-rarity-holder.svelte-1mi9d79{display:grid;grid-template-columns:repeat(7,1fr);margin:10px 0 20px;width:100%;gap:20px}.rarity-button.svelte-1mi9d79{border-radius:8px;border:1px solid black}.rarity-button.active.svelte-1mi9d79{background-color:#a0a0a0}.rarity-image.svelte-1mi9d79{width:80px;height:80px;vertical-align:middle}.pager-holder.svelte-1mi9d79{display:flex;align-items:center;justify-content:center;gap:30px;margin-top:auto}.preset-page.svelte-1mi9d79{background-color:#fff;border:1px solid black;color:#000;padding:8px 12px;border-radius:5px;transition:background-color .2s ease;font-size:1rem}.preset-page-button-right.svelte-1mi9d79:hover,.preset-page-button-left.svelte-1mi9d79:hover{background-color:#fff;border:1px solid black;color:#000}.preset-page-button-left.svelte-1mi9d79{background-color:#000;border:1px solid white;color:#fff;padding:8px 12px;border-radius:15px 5px 5px 15px;transition:background-color .2s ease;font-size:1rem}.preset-page-button-right.svelte-1mi9d79{background-color:#000;border:1px solid white;color:#fff;padding:8px 12px;border-radius:5px 15px 15px 5px;transition:background-color .2s ease;font-size:1rem}
