> ## Documentation Index
> Fetch the complete documentation index at: https://anaconda.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Find your install guide

export const Beginner = ({children}) => {
  return <div class="callout my-4 px-5 py-4 overflow-hidden rounded-2xl flex gap-3 border beginner-admonition dark:beginner-admonition" data-callout-type="beginner">
      <div class="mt-0.5 w-4">
        <svg width="14" height="14" viewBox="0 0 640 640" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" aria-label="Beginner">
          <path d="M175.3 160C161.3 160 148.8 169.2 144.7 182.6L102.4 320L256 320C273.7 320 288 334.3 288 352L352 352C352 334.3 366.3 320 384 320L537.6 320L495.3 182.6C491.2 169.2 478.8 160 464.7 160L432 160C414.3 160 400 145.7 400 128C400 110.3 414.3 96 432 96L464.7 96C506.8 96 544.1 123.5 556.5 163.8L601.9 311.3C606 324.5 608 338.2 608 352L608 448C608 501 565 544 512 544L448 544C395 544 352 501 352 448L352 416L288 416L288 448C288 501 245 544 192 544L128 544C75 544 32 501 32 448L32 352C32 338.2 34.1 324.5 38.1 311.3L83.5 163.8C95.9 123.5 133.1 96 175.3 96L208 96C225.7 96 240 110.3 240 128C240 145.7 225.7 160 208 160L175.3 160zM96 384L96 448C96 465.7 110.3 480 128 480L192 480C209.7 480 224 465.7 224 448L224 384L96 384zM512 480C529.7 480 544 465.7 544 448L544 384L416 384L416 448C416 465.7 430.3 480 448 480L512 480z" />
        </svg>
      </div>
      <div class="text-sm prose min-w-0 w-full">
        {children}
      </div>
    </div>;
};

export const InstallerSelector = () => {
  const [selectedProduct, setSelectedProduct] = React.useState(null);
  const [selectedOS, setSelectedOS] = React.useState(null);
  const [selectedInstallerType, setSelectedInstallerType] = React.useState(null);
  const products = [{
    id: 'anaconda',
    name: 'Anaconda Distribution',
    description: 'Contains the conda package manager and 600+ packages',
    recommended: true
  }, {
    id: 'miniconda',
    name: 'Miniconda',
    description: 'A minimal installer for Anaconda Distribution',
    recommended: false
  }];
  const operatingSystems = [{
    id: 'windows',
    name: 'Windows',
    icon: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" width="35" height="35"><path d="M96 157.7L279.6 132.4L279.6 309.8L96 309.8L96 157.7zM96 482.3L279.6 507.6L279.6 332.4L96 332.4L96 482.3zM299.8 510.3L544 544L544 332.4L299.8 332.4L299.8 510.3zM299.8 129.7L299.8 309.8L544 309.8L544 96L299.8 129.7z" /></svg>,
    description: 'For Windows 10 or later',
    recommended: true
  }, {
    id: 'macos',
    name: 'macOS',
    icon: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" width="35" height="35"><path d="M447.1 332.7C446.9 296 463.5 268.3 497.1 247.9C478.3 221 449.9 206.2 412.4 203.3C376.9 200.5 338.1 224 323.9 224C308.9 224 274.5 204.3 247.5 204.3C191.7 205.2 132.4 248.8 132.4 337.5C132.4 363.7 137.2 390.8 146.8 418.7C159.6 455.4 205.8 545.4 254 543.9C279.2 543.3 297 526 329.8 526C361.6 526 378.1 543.9 406.2 543.9C454.8 543.2 496.6 461.4 508.8 424.6C443.6 393.9 447.1 334.6 447.1 332.7zM390.5 168.5C417.8 136.1 415.3 106.6 414.5 96C390.4 97.4 362.5 112.4 346.6 130.9C329.1 150.7 318.8 175.2 321 202.8C347.1 204.8 370.9 191.4 390.5 168.5z" /></svg>,
    description: 'For macOS 10.12 or later',
    recommended: true
  }, {
    id: 'linux',
    name: 'Linux',
    icon: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" width="35" height="35"><path d="M316.9 187.3C317.9 187.8 318.7 189 319.9 189C321 189 322.7 188.6 322.8 187.5C323 186.1 320.9 185.2 319.6 184.6C317.9 183.9 315.7 183.6 314.1 184.5C313.7 184.7 313.3 185.2 313.5 185.6C313.8 186.9 315.8 186.7 316.9 187.3zM295 189C296.2 189 297 187.8 298 187.3C299.1 186.7 301.1 186.9 301.5 185.7C301.7 185.3 301.3 184.8 300.9 184.6C299.3 183.7 297.1 184 295.4 184.7C294.1 185.3 292 186.2 292.2 187.6C292.3 188.6 294 189.1 295 189zM516 467.8C512.4 463.8 510.7 456.2 508.8 448.1C507 440 504.9 431.3 498.3 425.7C497 424.6 495.7 423.6 494.3 422.8C493 422 491.6 421.3 490.2 420.8C499.4 393.5 495.8 366.3 486.5 341.7C475.1 311.6 455.2 285.3 440 267.3C422.9 245.8 406.3 225.4 406.6 195.3C407.1 149.4 411.7 64.1 330.8 64C228.4 63.8 254 167.4 252.9 199.2C251.2 222.6 246.5 241 230.4 263.9C211.5 286.4 184.9 322.7 172.3 360.6C166.3 378.5 163.5 396.7 166.1 413.9C159.6 419.7 154.7 428.6 149.5 434.1C145.3 438.4 139.2 440 132.5 442.4C125.8 444.8 118.5 448.4 114 456.9C111.9 460.8 111.2 465 111.2 469.3C111.2 473.2 111.8 477.2 112.4 481.1C113.6 489.2 114.9 496.8 113.2 501.9C108 516.3 107.3 526.3 111 533.6C114.8 540.9 122.4 544.1 131.1 545.9C148.4 549.5 171.9 548.6 190.4 558.4C210.2 568.8 230.3 572.5 246.3 568.8C257.9 566.2 267.4 559.2 272.2 548.6C284.7 548.5 298.5 543.2 320.5 542C335.4 540.8 354.1 547.3 375.6 546.1C376.2 548.4 377 550.7 378.1 552.8L378.1 552.9C386.4 569.6 401.9 577.2 418.4 575.9C435 574.6 452.5 564.9 466.7 548C480.3 531.6 502.7 524.8 517.6 515.8C525 511.3 531 505.7 531.5 497.5C531.9 489.3 527.1 480.2 516 467.8zM319.8 151.3C329.6 129.1 354 129.5 363.8 150.9C370.3 165.1 367.4 181.8 359.5 191.3C357.9 190.5 353.6 188.7 346.9 186.4C348 185.2 350 183.7 350.8 181.8C355.6 170 350.6 154.8 341.7 154.5C334.4 154 327.8 165.3 329.9 177.5C325.8 175.5 320.5 174 316.9 173.1C315.9 166.2 316.6 158.5 319.8 151.3zM279.1 139.8C289.2 139.8 299.9 154 298.2 173.3C294.7 174.3 291.1 175.8 288 177.9C289.2 169 284.7 157.8 278.4 158.3C270 159 268.6 179.5 276.6 186.4C277.6 187.2 278.5 186.2 270.7 191.9C255.1 177.3 260.2 139.8 279.1 139.8zM265.5 200.5C271.7 195.9 279.1 190.5 279.6 190C284.3 185.6 293.1 175.8 307.5 175.8C314.6 175.8 323.1 178.1 333.4 184.7C339.7 188.8 344.7 189.1 356 194C364.4 197.5 369.7 203.7 366.5 212.2C363.9 219.3 355.5 226.6 343.8 230.3C332.7 233.9 324 246.3 305.6 245.2C301.7 245 298.6 244.2 296 243.1C288 239.6 283.8 232.7 276 228.1C267.4 223.3 262.8 217.7 261.3 212.8C259.9 207.9 261.3 203.8 265.5 200.5zM268.8 534.5C266.1 569.6 224.9 568.9 193.5 552.5C163.6 536.7 124.9 546 117 530.6C114.6 525.9 114.6 517.9 119.6 504.2L119.6 504C122 496.4 120.2 488 119 480.1C117.8 472.3 117.2 465.1 119.9 460.1C123.4 453.4 128.4 451 134.7 448.8C145 445.1 146.5 445.4 154.3 438.9C159.8 433.2 163.8 426 168.6 420.9C173.7 415.4 178.6 412.8 186.3 414C194.4 415.2 201.4 420.8 208.2 430L227.8 465.6C237.3 485.5 270.9 514 268.8 534.5zM267.4 508.6C263.3 502 257.8 495 253 489C260.1 489 267.2 486.8 269.7 480.1C272 473.9 269.7 465.2 262.3 455.2C248.8 437 224 422.7 224 422.7C210.5 414.3 202.9 404 199.4 392.8C195.9 381.6 196.4 369.5 199.1 357.6C204.3 334.7 217.7 312.4 226.3 298.4C228.6 296.7 227.1 301.6 217.6 319.2C209.1 335.3 193.2 372.5 215 401.6C215.6 380.9 220.5 359.8 228.8 340.1C240.8 312.7 266.1 265.2 268.1 227.4C269.2 228.2 272.7 230.6 274.3 231.5C278.9 234.2 282.4 238.2 286.9 241.8C299.3 251.8 315.4 251 329.3 243C335.5 239.5 340.5 235.5 345.2 234C355.1 230.9 363 225.4 367.5 219C375.2 249.4 393.2 293.3 404.7 314.7C410.8 326.1 423 350.2 428.3 379.3C431.6 379.2 435.3 379.7 439.2 380.7C453 345 427.5 306.5 415.9 295.8C411.2 291.2 411 289.2 413.3 289.3C425.9 300.5 442.5 323 448.5 348.3C451.3 359.9 451.8 372 448.9 384C465.3 390.8 484.8 401.9 479.6 418.8C477.4 418.7 476.4 418.8 475.4 418.8C478.6 408.7 471.5 401.2 452.6 392.7C433 384.1 416.6 384.1 414.3 405.2C402.2 409.4 396 419.9 392.9 432.5C390.1 443.7 389.3 457.2 388.5 472.4C388 480.1 384.9 490.4 381.7 501.4C349.6 524.3 305 534.3 267.4 508.6zM524.8 497.1C523.9 513.9 483.6 517 461.6 543.6C448.4 559.3 432.2 568 418 569.1C403.8 570.2 391.5 564.3 384.3 549.8C379.6 538.7 381.9 526.7 385.4 513.5C389.1 499.3 394.6 484.7 395.3 472.9C396.1 457.7 397 444.4 399.5 434.2C402.1 423.9 406.1 417 413.2 413.1C413.5 412.9 413.9 412.8 414.2 412.6C415 425.8 421.5 439.2 433 442.1C445.6 445.4 463.7 434.6 471.4 425.8C480.4 425.5 487.1 424.9 494 430.9C503.9 439.4 501.1 461.2 511.1 472.5C521.7 484.1 525.1 492 524.8 497.1zM269.4 212.7C271.4 214.6 274.1 217.2 277.4 219.8C284 225 293.2 230.4 304.7 230.4C316.3 230.4 327.2 224.5 336.5 219.6C341.4 217 347.4 212.6 351.3 209.2C355.2 205.8 357.2 202.9 354.4 202.6C351.6 202.3 351.8 205.2 348.4 207.7C344 210.9 338.7 215.1 334.5 217.5C327.1 221.7 315 227.7 304.6 227.7C294.2 227.7 285.9 222.9 279.7 218C276.6 215.5 274 213 272 211.1C270.5 209.7 270.1 206.5 267.7 206.2C266.3 206.1 265.9 209.9 269.4 212.7z" /></svg>,
    description: 'For most Linux distributions',
    recommended: false
  }];
  const installerTypes = [{
    id: 'graphical',
    name: 'graphical installer',
    displayName: 'Graphical installer',
    description: 'Easy-to-use installer with visual interface',
    recommended: true
  }, {
    id: 'cli',
    name: 'CLI installer',
    displayName: 'CLI installer',
    description: 'Command-line installer for advanced users',
    recommended: false
  }];
  const handleOSSelect = osId => {
    setSelectedOS(osId);
    setSelectedProduct(null);
    setSelectedInstallerType(null);
  };
  const handleProductSelect = productId => {
    setSelectedProduct(productId);
    setSelectedInstallerType(null);
  };
  const handleInstallerTypeSelect = typeId => {
    setSelectedInstallerType(typeId);
  };
  const getDocumentationPageName = () => {
    if (!selectedProduct || !selectedOS || !selectedInstallerType && selectedOS !== 'linux') {
      return null;
    }
    const productName = products.find(p => p.id === selectedProduct)?.name;
    const osName = operatingSystems.find(osItem => osItem.id === selectedOS)?.name;
    if (selectedOS === 'linux') {
      return `${productName} ${osName} CLI installer`;
    }
    const installerTypeName = installerTypes.find(t => t.id === selectedInstallerType)?.name;
    return `${productName} ${osName} ${installerTypeName}`;
  };
  const shouldShowProduct = () => {
    return selectedOS !== null;
  };
  const shouldShowInstallerType = () => {
    return selectedProduct && selectedOS && selectedOS !== 'linux';
  };
  const isFlowComplete = () => {
    if (!selectedOS || !selectedProduct) return false;
    if (selectedOS === 'linux') return true;
    return selectedInstallerType !== null;
  };
  const getDocumentationUrl = () => {
    if (!selectedProduct || !selectedOS || !selectedInstallerType && selectedOS !== 'linux') {
      return '#';
    }
    const urlMap = {
      'anaconda-windows-graphical': '/getting-started/anaconda/install/windows-gui-install',
      'anaconda-windows-cli': '/getting-started/anaconda/install/windows-cli-install',
      'anaconda-macos-graphical': '/getting-started/anaconda/install/mac-gui-install',
      'anaconda-macos-cli': '/getting-started/anaconda/install/mac-cli-install',
      'anaconda-linux-cli': '/getting-started/anaconda/install/linux-install',
      'miniconda-windows-graphical': '/getting-started/miniconda/install/windows-gui-install',
      'miniconda-windows-cli': '/getting-started/miniconda/install/windows-cli-install',
      'miniconda-macos-graphical': '/getting-started/miniconda/install/mac-gui-install',
      'miniconda-macos-cli': '/getting-started/miniconda/install/mac-cli-install',
      'miniconda-linux-cli': '/getting-started/miniconda/install/linux-install'
    };
    let key = `${selectedProduct}-${selectedOS}`;
    if (selectedOS !== 'linux') {
      key += `-${selectedInstallerType}`;
    } else {
      key += '-cli';
    }
    const url = urlMap[key];
    if (!url || !url.startsWith('/getting-started/')) {
      return '#';
    }
    if (typeof window !== 'undefined' && window.location.pathname.startsWith('/docs/')) {
      return '/docs' + url;
    }
    return url;
  };
  return <div className="mx-auto selector border border-gray-200 dark:border-gray-700 rounded-2xl p-6">
      {}
      <div className="prose mb-6">
        <span data-as="p">
          The guide you select using the options below will explain how to download and install your distribution. Select the cards to choose the right install instructions for you.
        </span>
      </div>

      {}
      <div className="mb-8">
        <h2 className="text-2xl font-bold text-gray-800 dark:text-gray-200 mb-6">
          Step 1: Select operating system
        </h2>
        <div className="card-group prose dark:prose-dark grid gap-x-4 sm:grid-cols-3">
          {operatingSystems.map(osItem => <a key={osItem.id} onClick={() => handleOSSelect(osItem.id)} onKeyDown={e => {
    if (e.key === 'Enter' || e.key === ' ') {
      e.preventDefault();
      handleOSSelect(osItem.id);
    }
  }} tabIndex={0} role="button" aria-pressed={selectedOS === osItem.id} aria-label={`Select ${osItem.name} operating system`} className={`card block font-normal group relative my-2 ring-2 ring-transparent rounded-2xl bg-white dark:bg-background-dark overflow-hidden w-full cursor-pointer focus:outline-2 focus:outline-primary focus:outline-offset-2 ${selectedOS === osItem.id ? 'border-2 border-primary dark:border-primary-dark bg-primary/5' : 'border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-dark'}`}>
              {osItem.recommended && <div className="absolute top-0 right-0 p-2">
                  <svg width="14" height="14" viewBox="0 0 640 640" fill="currentColor" xmlns="http://www.w3.org/2000/svg" className="w-4 h-4" aria-label="Beginner">
                    <path d="M175.3 160C161.3 160 148.8 169.2 144.7 182.6L102.4 320L256 320C273.7 320 288 334.3 288 352L352 352C352 334.3 366.3 320 384 320L537.6 320L495.3 182.6C491.2 169.2 478.8 160 464.7 160L432 160C414.3 160 400 145.7 400 128C400 110.3 414.3 96 432 96L464.7 96C506.8 96 544.1 123.5 556.5 163.8L601.9 311.3C606 324.5 608 338.2 608 352L608 448C608 501 565 544 512 544L448 544C395 544 352 501 352 448L352 416L288 416L288 448C288 501 245 544 192 544L128 544C75 544 32 501 32 448L32 352C32 338.2 34.1 324.5 38.1 311.3L83.5 163.8C95.9 123.5 133.1 96 175.3 96L208 96C225.7 96 240 110.3 240 128C240 145.7 225.7 160 208 160L175.3 160zM96 384L96 448C96 465.7 110.3 480 128 480L192 480C209.7 480 224 465.7 224 448L224 384L96 384zM512 480C529.7 480 544 465.7 544 448L544 384L416 384L416 448C416 465.7 430.3 480 448 480L512 480z"></path>
                  </svg>
                </div>}
              <div className="px-6 py-5 relative text-center" data-component-part="card-content-container">
                <div className="h-8 w-8 fill-gray-800 dark:fill-gray-100 text-gray-800 dark:text-gray-100 mx-auto mb-2" data-component-part="card-icon">
                  {osItem.icon}
                </div>
                <h2 className="not-prose font-semibold text-base text-gray-800 dark:text-white" data-component-part="card-title">
                  {osItem.name}
                </h2>
                <div className="prose mt-1 font-normal text-base leading-6 text-gray-600 dark:text-gray-400" data-component-part="card-content">
                  <span data-as="p">
                    {osItem.description}
                  </span>
                </div>
              </div>
            </a>)}
        </div>
      </div>

      {}
      {shouldShowProduct() && <div className="mb-8">
          <h2 className="text-2xl font-bold text-gray-800 dark:text-gray-200 mb-2">
            Step 2: Select distribution installer
          </h2>
          <div className="prose mb-6">
            <span data-as="p">
              For help deciding, see{' '}
              <a href="/getting-started/concepts/anaconda-or-miniconda" className="text-primary dark:text-primary-light hover:underline">
                Choosing between Anaconda Distribution and Miniconda
              </a>.
            </span>
          </div>
          <div className="card-group prose dark:prose-dark grid gap-x-4 sm:grid-cols-2">
            {products.map(product => <a key={product.id} onClick={() => handleProductSelect(product.id)} onKeyDown={e => {
    if (e.key === 'Enter' || e.key === ' ') {
      e.preventDefault();
      handleProductSelect(product.id);
    }
  }} tabIndex={0} role="button" aria-pressed={selectedProduct === product.id} aria-label={`Select ${product.name}`} className={`card block font-normal group relative my-2 ring-2 ring-transparent rounded-2xl bg-white dark:bg-background-dark overflow-hidden w-full cursor-pointer focus:outline-2 focus:outline-primary focus:outline-offset-2 ${selectedProduct === product.id ? 'border-2 border-primary dark:border-primary-dark bg-primary/5' : 'border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-dark'}`}>
                {product.recommended && <div className="absolute top-0 right-0 p-2">
                    <svg width="14" height="14" viewBox="0 0 640 640" fill="currentColor" xmlns="http://www.w3.org/2000/svg" className="w-4 h-4" aria-label="Beginner">
                      <path d="M175.3 160C161.3 160 148.8 169.2 144.7 182.6L102.4 320L256 320C273.7 320 288 334.3 288 352L352 352C352 334.3 366.3 320 384 320L537.6 320L495.3 182.6C491.2 169.2 478.8 160 464.7 160L432 160C414.3 160 400 145.7 400 128C400 110.3 414.3 96 432 96L464.7 96C506.8 96 544.1 123.5 556.5 163.8L601.9 311.3C606 324.5 608 338.2 608 352L608 448C608 501 565 544 512 544L448 544C395 544 352 501 352 448L352 416L288 416L288 448C288 501 245 544 192 544L128 544C75 544 32 501 32 448L32 352C32 338.2 34.1 324.5 38.1 311.3L83.5 163.8C95.9 123.5 133.1 96 175.3 96L208 96C225.7 96 240 110.3 240 128C240 145.7 225.7 160 208 160L175.3 160zM96 384L96 448C96 465.7 110.3 480 128 480L192 480C209.7 480 224 465.7 224 448L224 384L96 384zM512 480C529.7 480 544 465.7 544 448L544 384L416 384L416 448C416 465.7 430.3 480 448 480L512 480z"></path>
                    </svg>
                  </div>}
                <div className="px-6 py-5 relative text-center" data-component-part="card-content-container">
                  <h2 className="not-prose font-semibold text-base text-gray-800 dark:text-white" data-component-part="card-title">
                    {product.name}
                  </h2>
                  <div className="prose mt-1 font-normal text-base leading-6 text-gray-600 dark:text-gray-400" data-component-part="card-content">
                    <span data-as="p">
                      {product.description}
                    </span>
                  </div>
                </div>
              </a>)}
          </div>
        </div>}

      {}
      {shouldShowInstallerType() && <div className="mb-8">
          <h2 className="text-2xl font-bold text-gray-800 dark:text-gray-200 mb-6">
            Step 3: Select installer file type
          </h2>
          <div className="card-group prose dark:prose-dark grid gap-x-4 sm:grid-cols-2">
            {installerTypes.map(type => <a key={type.id} onClick={() => handleInstallerTypeSelect(type.id)} onKeyDown={e => {
    if (e.key === 'Enter' || e.key === ' ') {
      e.preventDefault();
      handleInstallerTypeSelect(type.id);
    }
  }} tabIndex={0} role="button" aria-pressed={selectedInstallerType === type.id} aria-label={`Select ${type.name}`} className={`card block font-normal group relative my-2 ring-2 ring-transparent rounded-2xl bg-white dark:bg-background-dark overflow-hidden w-full cursor-pointer focus:outline-2 focus:outline-primary focus:outline-offset-2 ${selectedInstallerType === type.id ? 'border-2 border-primary dark:border-primary-dark bg-primary/5' : 'border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-dark'}`}>
                {type.recommended && <div className="absolute top-0 right-0 p-2">
                    <svg width="14" height="14" viewBox="0 0 640 640" fill="currentColor" xmlns="http://www.w3.org/2000/svg" className="w-4 h-4" aria-label="Beginner">
                      <path d="M175.3 160C161.3 160 148.8 169.2 144.7 182.6L102.4 320L256 320C273.7 320 288 334.3 288 352L352 352C352 334.3 366.3 320 384 320L537.6 320L495.3 182.6C491.2 169.2 478.8 160 464.7 160L432 160C414.3 160 400 145.7 400 128C400 110.3 414.3 96 432 96L464.7 96C506.8 96 544.1 123.5 556.5 163.8L601.9 311.3C606 324.5 608 338.2 608 352L608 448C608 501 565 544 512 544L448 544C395 544 352 501 352 448L352 416L288 416L288 448C288 501 245 544 192 544L128 544C75 544 32 501 32 448L32 352C32 338.2 34.1 324.5 38.1 311.3L83.5 163.8C95.9 123.5 133.1 96 175.3 96L208 96C225.7 96 240 110.3 240 128C240 145.7 225.7 160 208 160L175.3 160zM96 384L96 448C96 465.7 110.3 480 128 480L192 480C209.7 480 224 465.7 224 448L224 384L96 384zM512 480C529.7 480 544 465.7 544 448L544 384L416 384L416 448C416 465.7 430.3 480 448 480L512 480z"></path>
                    </svg>
                  </div>}
                <div className="px-6 py-5 relative text-center" data-component-part="card-content-container">
                  <h2 className="not-prose font-semibold text-base text-gray-800 dark:text-white" data-component-part="card-title">
                    {type.displayName}
                  </h2>
                  <div className="prose mt-1 font-normal text-base leading-6 text-gray-600 dark:text-gray-400" data-component-part="card-content">
                    <span data-as="p">
                      {type.description}
                    </span>
                  </div>
                </div>
              </a>)}
          </div>
        </div>}

      {}
      {isFlowComplete() && <div className="text-center" role="region" aria-label="Installation instructions">
          <div className="mb-4 p-4 bg-primary/10 rounded-lg" aria-live="polite">
            <p>
              <span className="font-semibold">Selected:</span>{' '}
              {getDocumentationPageName()}
            </p>
          </div>
          
          <button onClick={() => window.location.href = getDocumentationUrl()} id="install-instructions-button" className="prose inline-block px-8 py-3 bg-primary-dark text-white font-semibold rounded-lg transition-colors duration-200" aria-label="View installation instructions">
            View installation instructions
          </button>
        </div>}

      {}
      <div className="progress-indicator mt-6 flex justify-center space-x-4" role="status" aria-label="Selection progress">
        <div className={`w-3 h-3 rounded-full transition-colors duration-200 ${selectedOS ? 'bg-primary' : 'bg-gray-300'}`} aria-label={selectedOS ? 'Operating system selected' : 'Operating system not selected'}></div>
        <div className={`w-3 h-3 rounded-full transition-colors duration-200 ${selectedProduct ? 'bg-primary' : 'bg-gray-300'}`} aria-label={selectedProduct ? 'Product selected' : 'Product not selected'}></div>
        {selectedOS !== 'linux' && <div className={`w-3 h-3 rounded-full transition-colors duration-200 ${isFlowComplete() ? 'bg-primary' : 'bg-gray-300'}`} aria-label={isFlowComplete() ? 'All selections complete' : 'Installer type not selected'}></div>}
      </div>
    </div>;
};

Pick your operating system, installer, and method below to land on the right step-by-step instructions for installing Anaconda Distribution or Miniconda.

<Beginner>
  New to programming or not sure where to start? The <Icon icon="glasses" iconType="solid" aria-label="glasses" /> icon indicates Anaconda's recommended path for beginners!
</Beginner>

<InstallerSelector />
