/* bun-svelte:bun-svelte:ContinentsExploredCard.svelte-2delt4o4emjjv-style.css */
.card.svelte-276ul2ozoo3ze {
  display: flex;
  gap: var(--gap-lg);
  padding: var(--gap-lg);
  border-radius: var(--radius-lg);
  font-family: var(--ff-body);
  font-size: var(--font-md);
  color: #fff;
  background: #212121;
  flex-direction: column;
  width: 100%;
  max-width: 480px;
}

.header.svelte-276ul2ozoo3ze {
  display: flex;
  align-items:  center;
  gap: var(--gap-md);
  flex-direction: row;
  width: 100%;
  min-width: 0;
}

.header-icon.svelte-276ul2ozoo3ze {
  display: flex;
  color: #6eb5ff;
  background: #1a3352;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items:  center;
  width: 40px;
  height: 40px;
}

.globe-icon.svelte-276ul2ozoo3ze {
  width: 22px;
  height: 22px;
}

.header-text.svelte-276ul2ozoo3ze {
  display: flex;
  gap: var(--gap-sm);
  flex-direction: column;
  flex-grow: 1;
  min-width: 0;
}

.title.svelte-276ul2ozoo3ze {
  font-weight: var(--fw-bold);
  line-height: 1.2;
}

.subtitle.svelte-276ul2ozoo3ze {
  font-size: var(--font-sm);
  color: #9a9a9a;
  line-height: 1.2;
}

.continent-list.svelte-276ul2ozoo3ze {
  display: flex;
  align-items:  flex-start;
  gap: var(--gap-md);
  overflow-x: auto;
  scrollbar-width: none;
  flex-direction: row;
  width: 100%;
  min-width: 0;
}

.continent-list.svelte-276ul2ozoo3ze::-webkit-scrollbar {
  display: none;
}

.continent-item.svelte-276ul2ozoo3ze {
  display: flex;
  align-items:  center;
  gap: var(--gap-sm);
  flex-direction: column;
  flex-shrink: 0;
  width: 72px;
}

.status-icon.svelte-276ul2ozoo3ze {
  display: flex;
  border-radius: 50%;
  justify-content: center;
  align-items:  center;
  width: 40px;
  height: 40px;
}

.status-icon.explored.svelte-276ul2ozoo3ze {
  color: #4ade80;
  background: #1e3d2f;
}

.status-icon.locked.svelte-276ul2ozoo3ze {
  color: #9a9a9a;
  background: #333;
}

.check-icon.svelte-276ul2ozoo3ze, .padlock-icon.svelte-276ul2ozoo3ze {
  width: 20px;
  height: 20px;
}

.continent-label.svelte-276ul2ozoo3ze {
  text-align: center;
  font-size: var(--font-sm);
  width: 100%;
  line-height: 1.25;
}

.continent-label.explored.svelte-276ul2ozoo3ze {
  color: #fff;
}

.continent-label.locked.svelte-276ul2ozoo3ze {
  color: #9a9a9a;
}