<!DOCTYPE html>
<html lang="en">
    <head>
        
        <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>National Academies of Sciences, Engineering, and Medicine</title>
<meta name="description" content="Our work helps shape sound policies, inform public opinion, and advance the pursuit of science, engineering, and medicine.">
<meta name="robots" content="index,nofollow">
<meta property="og:type" content="website">
<meta property="og:site_name" content="">
<meta property="og:url" content="https://www.nationalacademies.org/publications/all">
<meta property="og:locale" content="en">
<meta property="og:title" content="National Academies of Sciences, Engineering, and Medicine">
<meta property="og:description" content="Our work helps shape sound policies, inform public opinion, and advance the pursuit of science, engineering, and medicine.">
<meta property="og:image" content="https://www.nationalacademies.org/cover.jpg">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="">
<meta name="twitter:creator" content="">
<meta name="twitter:title" content="National Academies of Sciences, Engineering, and Medicine">
<meta name="twitter:description" content="Our work helps shape sound policies, inform public opinion, and advance the pursuit of science, engineering, and medicine.">
<meta name="twitter:image" content="https://www.nationalacademies.org/cover.jpg">
        <link
    type="image/png"
    href="https://www.nationalacademies.org/favicon-96x96.png"
    rel="icon"
    sizes="96x96"
/>
<link type="image/svg+xml" href="https://www.nationalacademies.org/favicon.svg" rel="icon" />
<link href="https://www.nationalacademies.org/favicon.ico" rel="shortcut icon" />
<link
    href="https://www.nationalacademies.org/apple-touch-icon.png"
    rel="apple-touch-icon"
    sizes="180x180"
/>
<meta name="apple-mobile-web-app-title" content="National Academies" />
<link type="text/plain" href="https://www.nationalacademies.org/humans.txt" rel="author" />
                <link
    type="font/woff2"
    href="/build/assets/futura_pt_book-Dr0dSsR4.woff2"
    rel="preload"
    as="font"
    crossorigin=""
/>
<link
    type="font/woff2"
    href="/build/assets/futura_pt_demi-3gCD-FYR.woff2"
    rel="preload"
    as="font"
    crossorigin=""
/>
<link
    type="font/woff2"
    href="/build/assets/Merriweather-CE7fvhdA.woff2"
    rel="preload"
    as="font"
    crossorigin=""
/>
<link
    type="font/woff2"
    href="/build/assets/Merriweather-Italic-DjkP74aH.woff2"
    rel="preload"
    as="font"
    crossorigin=""
/>
<link
    type="font/woff2"
    href="/build/assets/MerriweatherSans-BKJNHGBy.woff2"
    rel="preload"
    as="font"
    crossorigin=""
/>


<!-- Styles -->
<link rel="preload" as="style" href="/build/assets/app-Caz1cByw.css" nonce="MVlWJfdrcTx1hFEVWIwwgHRvsKeGiel2" crossorigin="anonymous" integrity="sha384-VLOJZvoljbektsEbcY/WuaMIl02ziAVh5i81ccuIdeQuxPAnFKzfXzmOlHMTniB8" /><link rel="stylesheet" href="/build/assets/app-Caz1cByw.css" nonce="MVlWJfdrcTx1hFEVWIwwgHRvsKeGiel2" integrity="sha384-VLOJZvoljbektsEbcY/WuaMIl02ziAVh5i81ccuIdeQuxPAnFKzfXzmOlHMTniB8" data-navigate-track="reload" crossorigin="anonymous" />        <script>
            window.dataLayer = window.dataLayer || [];

            function gtag(){dataLayer.push(arguments);}

            // This forces denied consent but is not working with Cookie Banner
            // gtag('consent', 'default', {
            //     ad_storage: 'denied',
            //     analytics_storage: 'denied'
            // });

                            window.dataLayer.push({
                    'event': 'load_page_data'
                });
                    </script>

        <script>
            (function (w, d, s, l, i) {
                w[l] = w[l] || [];
                w[l].push({
                    'gtm.start': new Date().getTime(),
                    event: 'gtm.js',
                });
                var f = d.getElementsByTagName(s)[0],
                    j = d.createElement(s),
                    dl = l != 'dataLayer' ? '&l=' + l : '';
                j.async = true;
                j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
                f.parentNode.insertBefore(j, f);
            })(
                window,
                document,
                'script',
                'dataLayer',
                'GTM-K5ZR4BL2',
            );
        </script>
        <script async="true" data-browser-key="1ffa7a173298cf158c330b794f1770f5df313b92b077d1c5eaecd48144bc94b0" data-sample-rate="1.000000" data-parent-trace-id="a974a4f8099aeb284f37749b963ec7a9" data-transaction-name="App\Http\Controllers\PublicationController::index" data-collector="https://ingest.upsun-us.observability-pipeline.blackfire.io" src="https://admin-pipeline.upsun-us.observability-pipeline.blackfire.io/js/probe.js"></script></head>

    <svg width="20"
     height="20"
     fill="none"
      style="display: none;" class=""
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#warning-square-20"></use>
</svg>









    <body
        class=" flex flex-col min-h-screen"
        data-behavior="setDownloadLinks"
    >
        <noscript>
            <iframe
                src="https://www.googletagmanager.com/ns.html?id=GTM-K5ZR4BL2"
                height="0"
                width="0"
                style="display: none; visibility: hidden"
            ></iframe>
        </noscript>
            <a class="flex items-center effect-color effect-focus cursor-pointer disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-48 h-48 px-24 btn-md f-ui-02 bg-inverse text-inverse effect-interactive-inverse absolute top-20 -left-99999 z-99999 focus:left-20"
                      href="#main"                      >
    
    
            <span class="flex items-center justify-center gap-8 shrink-0">Skip to main content</span>
    
    
        </a>

        <div class="flex flex-grow flex-col" id="pjax-wrapper">
            <div
    inert
    class="h-header bg-default theme-dark-brand z-header-nav-bg absolute top-0 w-full transition-all duration-300"
    data-themeable
    data-transition-page
    aria-hidden="true"
></div>

<header
    class="text-primary h-header theme-dark-brand ease-expressive-standard z-header-nav-links transition-all duration-300"
    data-themeable
    data-behavior="desktopNav"
    data-header
    data-transition-page
>
    <div class="container">
        <div class="h-header flex items-center justify-between">
            <a href="https://www.nationalacademies.org" class="effect-focus">
                <svg width="240"
     height="45"
     fill="none"
      class="h-36 w-192 lg:h-44 lg:w-235"
         viewBox="0 0 240 45"
      aria-label="National Academies"
    >
    <use xlink:href="#logo"></use>
</svg>
            </a>
            <div class="flex items-center">
                <div class="hidden min-[990px]:block">
                    <nav aria-label="Primary">
                        <div class="flex items-center">
                            <ul class="gap-x-spacing-set-3 flex">
                                                                    <li>
                                        <button data-desktopNav-btn="data-desktopNav-btn" data-modal-target="#modaldiscover" aria-expanded="false" class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left disabled:cursor-not-allowed !f-ui-01 text-primary h-header px-spacing-set-1 -mt-2 border-t-2 border-transparent aria-[expanded=true]:border-accent aria-[expanded=true]:text-accent hover:border-default cursor-pointer"
                                          >
    
    
            <span class="">Discover</span>
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[expanded=true]:rotate-180 shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#chevron-down-16"></use>
</svg>
    
        </button>
                                                                            </li>
                                                                    <li>
                                        <button data-desktopNav-btn="data-desktopNav-btn" data-modal-target="#modalevents" aria-expanded="false" class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left disabled:cursor-not-allowed !f-ui-01 text-primary h-header px-spacing-set-1 -mt-2 border-t-2 border-transparent aria-[expanded=true]:border-accent aria-[expanded=true]:text-accent hover:border-default cursor-pointer"
                                          >
    
    
            <span class="">Events</span>
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[expanded=true]:rotate-180 shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#chevron-down-16"></use>
</svg>
    
        </button>
                                                                            </li>
                                                                    <li>
                                        <button data-desktopNav-btn="data-desktopNav-btn" data-modal-target="#modalengage" aria-expanded="false" class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left disabled:cursor-not-allowed !f-ui-01 text-primary h-header px-spacing-set-1 -mt-2 border-t-2 border-transparent aria-[expanded=true]:border-accent aria-[expanded=true]:text-accent hover:border-default cursor-pointer"
                                          >
    
    
            <span class="">Engage</span>
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[expanded=true]:rotate-180 shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#chevron-down-16"></use>
</svg>
    
        </button>
                                                                            </li>
                                                                    <li>
                                        <button data-desktopNav-btn="data-desktopNav-btn" data-modal-target="#modalabout" aria-expanded="false" class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left disabled:cursor-not-allowed !f-ui-01 text-primary h-header px-spacing-set-1 -mt-2 border-t-2 border-transparent aria-[expanded=true]:border-accent aria-[expanded=true]:text-accent hover:border-default cursor-pointer"
                                          >
    
    
            <span class="">About</span>
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[expanded=true]:rotate-180 shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#chevron-down-16"></use>
</svg>
    
        </button>
                                                                            </li>
                                                            </ul>
                                                            <div class="mx-spacing-set-4">
                                    <a class="items-center effect-color effect-focus cursor-pointer disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-48 h-48 px-24 btn-md f-ui-02 text-inverse bg-accent effect-interactive hidden min-[990px]:flex"
                      href="https://www.nationalacademies.org/donate-today"                      >
    
    
            <span class="flex items-center justify-center gap-8 shrink-0">Donate</span>
    
    
        </a>
                                </div>
                                                    </div>
                    </nav>
                </div>
                <div class="gap-spacing-set-2 flex">
                    <div data-behavior="dropdown"
     class="relative group/dropdown hidden min-[990px]:flex">
    <button class="effect-color effect-focus disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-40 h-40 btn-sm f-ui-02 effect-interactive px-0 flex items-center justify-center btn-iconOnly [&.btn-tag]:px-8 [&.btn-tag]:h-32 gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pr-20 cursor-pointer pointer-events-auto text-primary" data-dropdown-btn="data-dropdown-btn" aria-label="User Account actions" aria-expanded="false" aria-controls="Dropdown7IChj"
                                          >
    
    
    
            <svg width="20"
     height="20"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#user-20"></use>
</svg>
    
        </button>

    <div class="pointer-events-auto absolute min-w-[200px] w-max z-9999 mt-8 top-full -translate-x-0 translate-y-0 opacity-0 effect-hidden-fade-translate group-data-[is-open]/dropdown:effect-show-fade-translate group-data-[is-open]/dropdown:opacity-100 group-data-[is-open]/dropdown:translate-y-0 group-data-[is-open]/dropdown:-translate-x-0 py-spacing-set-2 rounded-md bg-default theme-light shadow-sm left-auto right-0"
         id="Dropdown7IChj"
         data-dropdown-list>
        <h3 class="sr-only" id="DropdownLabelnL8E7">Dropdown items</h3>

        <div class=""
            aria-labelledby="DropdownLabelnL8E7">
            <div
        class="w-max max-w-300 min-w-200"
    >
                    <div
                class="not-first:pt-spacing-set-2 not-first:mt-spacing-set-2 not-first:border-subtle not-first:border-t"
            >
                                    <h3 class="f-label text-primary flex min-h-[40px] items-center px-16">My Academies</h3>
                
                <ul class="flex flex-col">
                                            <li
                            class=""
                             data-auth="hide"                         >
                                                            <button class="f-ui-02 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative w-full min-h-[40px] flex items-center px-16 after:absolute after:inset-0 after:opacity-0 after:transition-opacity after:ease-expressive-standard effect-interactive gap-12" title="Login" data-modal-target="#login" data-behavior="authModalUrlUpdate"
                                          >
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[expanded=true]:rotate-180 shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#login-16"></use>
</svg>
    
            <span class="">Login</span>
    
    
        </button>
                                                    </li>
                                            <li
                            class=""
                             data-auth="show"                         >
                                                            <a class="f-ui-02 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative w-full min-h-[40px] flex items-center px-16 after:absolute after:inset-0 after:opacity-0 after:transition-opacity after:ease-expressive-standard effect-interactive gap-12" title="Personal Library"
                      href="https://www.nationalacademies.org/account/personal-library"                      >
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[expanded=true]:rotate-180 shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#book-16"></use>
</svg>
    
            <span class="">Personal Library</span>
    
    
        </a>
                                                    </li>
                                            <li
                            class=""
                             data-auth="show"                         >
                                                            <a class="f-ui-02 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative w-full min-h-[40px] flex items-center px-16 after:absolute after:inset-0 after:opacity-0 after:transition-opacity after:ease-expressive-standard effect-interactive gap-12" title="Account settings"
                      href="https://www.nationalacademies.org/account/settings"                      >
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[expanded=true]:rotate-180 shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#settings-16"></use>
</svg>
    
            <span class="">Account settings</span>
    
    
        </a>
                                                    </li>
                                            <li
                            class="border-t-subtle mt-8 border-t pt-8"
                             data-auth="show"                         >
                                                            <form
                                    method="POST"
                                    action="https://www.nationalacademies.org/logout"
                                    data-behavior="formLogout"
                                >
                                    <button class="f-ui-02 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative w-full min-h-[40px] flex items-center px-16 after:absolute after:inset-0 after:opacity-0 after:transition-opacity after:ease-expressive-standard effect-interactive gap-12" title="Logout" data-behavior="formLogout" data-no-swup="data-no-swup"
                                          >
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[expanded=true]:rotate-180 shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#logout-16"></use>
</svg>
    
            <span class="">Logout</span>
    
    
        </button>
                                </form>
                                                    </li>
                                    </ul>
            </div>
            </div>
        </div>
    </div>
</div>
                    <button class="effect-color effect-focus disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-40 h-40 btn-sm f-ui-02 text-primary effect-interactive disabled:opacity-30 px-0 flex items-center justify-center btn-iconOnly cursor-pointer [&.btn-tag]:px-8 [&.btn-tag]:h-32 gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pr-20 peer aria-[expanded=true]:hidden" data-desktopNav-btn="data-desktopNav-btn" data-modal-target="#modalNavSearch" aria-label="Search" aria-expanded="false"
                                          >
    
    
    
            <svg width="20"
     height="20"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#search-20"></use>
</svg>
    
        </button>
                    <button class="effect-color effect-focus disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-40 h-40 btn-sm f-ui-02 text-primary effect-interactive disabled:opacity-30 px-0 flex items-center justify-center btn-iconOnly cursor-pointer [&.btn-tag]:px-8 [&.btn-tag]:h-32 gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pr-20 bg-interactive-hovered peer-aria-[expanded=false]:hidden" data-desktopNav-searchCloseBtn="data-desktopNav-searchCloseBtn" aria-label="Close search"
                                          >
    
    
    
            <svg width="20"
     height="20"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#close-20"></use>
</svg>
    
        </button>
                                        <button class="effect-color effect-focus disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-40 h-40 btn-sm f-ui-02 text-primary effect-interactive disabled:opacity-30 px-0 items-center justify-center btn-iconOnly cursor-pointer [&.btn-tag]:px-8 [&.btn-tag]:h-32 gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pr-20 flex min-[990px]:hidden" data-modal-target="#mobileNav" aria-label="Open menu"
                                          >
    
    
    
            <svg width="20"
     height="20"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#menu-20"></use>
</svg>
    
        </button>
                </div>
            </div>
        </div>
    </div>
</header>


            <div
                class="transition-page flex h-full flex-grow flex-col"
            >
                <main
                    class="flex flex-col flex-grow min-h-screen"
                    id="main"
                >
                    <div class="flex-grow">
                            <div class="theme-dark-brand">
        <div
    data-component="heroes:simple"
    class="bg-default breakout text-primary theme-dark-brand"
    data-themeable
>
    <div class="container">
        <div class="flex min-h-48 items-center">
        
                    <div class="pt-12 md:hidden">
                <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary effect-hover-no-underline"
                      href="https://www.nationalacademies.org/publications"                      >
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[expanded=true]:rotate-180 shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#arrow-left-16"></use>
</svg>
    
            <span class="">Publications</span>
    
    
        </a>
            </div>
        
        <div class="hidden pt-12 md:block">
            <nav class="block align-top text-[0px]" aria-label="breadcrumbs">
                                    <a aria-label="Home" class="effect-color effect-focus disabled:cursor-not-allowed shrink-0 size-16 btn-xs f-ui-02 text-primary rounded-none [&>svg]:inline [&>svg]:size-16 px-0 items-center justify-center btn-iconOnly cursor-pointer [&.btn-tag]:px-8 [&.btn-tag]:h-32 gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pr-20 inline-block w-16"
                      href="https://www.nationalacademies.org"                      >
    
    
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#home-16"></use>
</svg>
    
        </a>
            
                            <svg width="16"
     height="16"
     fill="none"
      class="text-secondary relative -top-4 mx-4 inline-block opacity-50"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#chevron-right-16"></use>
</svg>
                                                <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary effect-hover-no-underline"
                      href="https://www.nationalacademies.org/publications"                      >
    
    
            <span class="">Publications</span>
    
    
        </a>
            
                        </nav>
        </div>
    </div>

        <div class="pt-spacing-set-13 pb-spacing-set-9" data-themeable>
            <div
                class="gap-y-spacing-set-8 flex-wrap xl:flex xl:items-end xl:justify-between"
            >
                <div class="md:w-cols-11 lg:w-cols-10 xl:w-cols-18">
                    <h1 class="f-display-02 text-balance">Publications</h1>
                                    </div>

                            </div>
                    </div>
    </div>
</div>

    </div>

    <div class="bg-secondary" id="publications-listing">
        <form
    class="pt-spacing-set-11 pb-spacing-set-13 focus:outline-hidden container"
    id="filters-form"
    data-behavior="filters"
    data-swup-form
    data-swup-inline-form
>
    <div >
            <div class="lg:hidden">
            <div
    data-behavior="clearInput disableInput" class="relative" data-disableInput-disabledOnBreakpoint="lg+"
>
    <svg width="16"
     height="16"
     fill="none"
      class="absolute top-1/2 left-20 -translate-y-1/2"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#search-16"></use>
</svg>
    <input type="text"
       class="appearance-none f-ui-02 rounded-full h-48 effect-focus-keyboard effect-color border border-input hover:border-strong focus:border-strong text-primary placeholder:text-secondary disabled:opacity-40 [.s-error_&]:border-negative px-44 w-full"
        id="search"         name="search"                       placeholder="Title, ISBN, or keyword..."                                                                       
       
       
       
        />
    <button
        aria-label="Clear search input"
        type="button"
        class="effect-focus absolute top-1/2 right-44 -translate-y-1/2 cursor-pointer"
        data-clearinput-button
        hidden
    >
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#close-lg-16"></use>
</svg>
    </button>
    <button
        aria-label="Submit search"
        type="submit"
        class="effect-focus absolute top-1/2 right-20 -translate-y-1/2 cursor-pointer"
    >
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#arrow-right-16"></use>
</svg>
    </button>
</div>
        </div>
    
            <div
            class="lg:hidden sm:max-lg:mt-spacing-set-4"
        >
            <button class="flex items-center effect-color effect-focus cursor-pointer disabled:cursor-not-allowed shrink-0 rounded-full min-w-48 h-48 px-24 btn-md f-ui-02 border border-input bg-transparent text-primary effect-interactive disabled:border-subtle w-full gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pl-20 justify-center" data-filters-reveal-trigger="data-filters-reveal-trigger"
                                          >
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#filter-16"></use>
</svg>
    
            <span class="flex items-center justify-center gap-8 shrink-0">Filter</span>
    
    
        </button>
        </div>
    
    <div
        class="data-[visible=false]:sm:max-lg:hidden gap-x-gutter lg:flex lg:max-xl:flex-col xl:flex-col"
        data-filters-filters
        data-visible="false"
    >
                    <div
                class="hidden lg:block sm:max-lg:mt-spacing-set-6 sm:max-xl:w-cols-12 lg:mb-spacing-set-4 xl:mb-0"
            >
                <div
    data-behavior="clearInput disableInput" class="relative" data-disableInput-disabledOnBreakpoint="md-"
>
    <svg width="16"
     height="16"
     fill="none"
      class="absolute top-1/2 left-20 -translate-y-1/2"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#search-16"></use>
</svg>
    <input type="text"
       class="appearance-none f-ui-02 rounded-full h-48 effect-focus-keyboard effect-color border border-input hover:border-strong focus:border-strong text-primary placeholder:text-secondary disabled:opacity-40 [.s-error_&]:border-negative px-44 w-full"
        id="search"         name="search"                       placeholder="Title, ISBN, or keyword..."                                                                       
       
       
       
        />
    <button
        aria-label="Clear search input"
        type="button"
        class="effect-focus absolute top-1/2 right-44 -translate-y-1/2 cursor-pointer"
        data-clearinput-button
        hidden
    >
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#close-lg-16"></use>
</svg>
    </button>
    <button
        aria-label="Submit search"
        type="submit"
        class="effect-focus absolute top-1/2 right-20 -translate-y-1/2 cursor-pointer"
    >
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#arrow-right-16"></use>
</svg>
    </button>
</div>
            </div>
        
                    <div
                class="gap-gutter sm:max-lg:mt-spacing-set-4 flex sm:max-lg:flex-col xl:mt-spacing-set-4 flex-wrap"
            >
                                    
                    <div
                        data-filter-inputs="topic"
                        class="hidden"
                    >
                        
                                            </div>
                    <button class="flex items-center effect-color effect-focus cursor-pointer disabled:cursor-not-allowed shrink-0 rounded-full min-w-48 h-48 px-24 btn-md f-ui-02 border border-input bg-transparent text-primary effect-interactive disabled:border-subtle w-full justify-between gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pr-20 lg:w-cols-6" data-modal-target="#filter-topic"
                                          >
    
    
            <span class="flex items-center justify-center gap-8 shrink-0">Topic</span>
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#chevron-down-16"></use>
</svg>
    
        </button>

                                                        
                    <div
                        data-filter-inputs="type"
                        class="hidden"
                    >
                        
                                            </div>
                    <button class="flex items-center effect-color effect-focus cursor-pointer disabled:cursor-not-allowed shrink-0 rounded-full min-w-48 h-48 px-24 btn-md f-ui-02 border border-input bg-transparent text-primary effect-interactive disabled:border-subtle w-full justify-between gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pr-20 lg:w-cols-6" data-modal-target="#filter-type"
                                          >
    
    
            <span class="flex items-center justify-center gap-8 shrink-0">Type</span>
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#chevron-down-16"></use>
</svg>
    
        </button>

                                                        
                    <div
                        data-filter-inputs="unit"
                        class="hidden"
                    >
                        
                                            </div>
                    <button class="flex items-center effect-color effect-focus cursor-pointer disabled:cursor-not-allowed shrink-0 rounded-full min-w-48 h-48 px-24 btn-md f-ui-02 border border-input bg-transparent text-primary effect-interactive disabled:border-subtle w-full justify-between gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pr-20 lg:w-cols-6" data-modal-target="#filter-unit"
                                          >
    
    
            <span class="flex items-center justify-center gap-8 shrink-0">Program Centers</span>
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#chevron-down-16"></use>
</svg>
    
        </button>

                                                        
                    <div
                        data-filter-inputs="publication_date"
                        class="hidden"
                    >
                        
                                            </div>
                    <button class="flex items-center effect-color effect-focus cursor-pointer disabled:cursor-not-allowed shrink-0 rounded-full min-w-48 h-48 px-24 btn-md f-ui-02 border border-input bg-transparent text-primary effect-interactive disabled:border-subtle w-full justify-between gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pr-20 lg:w-cols-6" data-modal-target="#filter-publication_date"
                                          >
    
    
            <span class="flex items-center justify-center gap-8 shrink-0">Date</span>
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#chevron-down-16"></use>
</svg>
    
        </button>

                                                </div>
            </div>

    
            <div
            class="mt-spacing-set-6 f-ui-02 text-secondary md:flex md:justify-between"
        >
                            <span>
                    Showing 1–18 of 15326 items
                </span>
            
            <div
                class="sm:max-md:mt-spacing-set-5 gap-spacing-set-4 flex flex-col md:flex-row"
            >
                                    <div class="gap-spacing-set-2 flex">
                        <span>Sort by:</span>
                        <div data-behavior="dropdown"
     class="relative group/dropdown">
    <button class="flex items-center effect-color effect-focus disabled:cursor-not-allowed shrink-0 w-max btn-auto f-ui-02 rounded-none cursor-pointer pointer-events-auto text-primary" data-dropdown-btn="data-dropdown-btn" aria-label="Date (newest)" aria-expanded="false" aria-controls="DropdowndauRi"
                                          >
    
    
            <span class="flex items-center justify-center gap-8 shrink-0">Date (newest)

            <svg width="16"
     height="16"
     fill="none"
      class="group-data-[is-open]/dropdown:rotate-180 effect-transform" data-dropdown-chevron="data-dropdown-chevron"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#chevron-down-16"></use>
</svg></span>
    
    
        </button>

    <div class="pointer-events-auto absolute min-w-[200px] w-max z-9999 mt-8 left-0 top-full -translate-x-0 translate-y-0 opacity-0 effect-hidden-fade-translate group-data-[is-open]/dropdown:effect-show-fade-translate group-data-[is-open]/dropdown:opacity-100 group-data-[is-open]/dropdown:translate-y-0 group-data-[is-open]/dropdown:-translate-x-0 py-spacing-set-2 rounded-md bg-default theme-light shadow-sm md:left-auto md:right-0"
         id="DropdowndauRi"
         data-dropdown-list>
        <h3 class="sr-only" id="DropdownLabelxKC5f">Dropdown items</h3>

        <div class=""
            aria-labelledby="DropdownLabelxKC5f">
            <div
        class="w-max max-w-300 min-w-200"
    >
                    <div
                class="not-first:pt-spacing-set-2 not-first:mt-spacing-set-2 not-first:border-subtle not-first:border-t"
            >
                
                <ul class="flex flex-col">
                                            <li
                            class=""
                                                    >
                                                            <a class="f-ui-02 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative w-full min-h-[40px] flex items-center px-16 after:absolute after:inset-0 after:opacity-0 after:transition-opacity after:ease-expressive-standard effect-interactive gap-12" title="Date (newest)"
                      href="https://www.nationalacademies.org/publications/all?sort=desc"                      >
    
    
            <span class="">Date (newest)</span>
    
    
        </a>
                                                    </li>
                                            <li
                            class=""
                                                    >
                                                            <a class="f-ui-02 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative w-full min-h-[40px] flex items-center px-16 after:absolute after:inset-0 after:opacity-0 after:transition-opacity after:ease-expressive-standard effect-interactive gap-12" title="Date (oldest)"
                      href="https://www.nationalacademies.org/publications/all?sort=asc"                      >
    
    
            <span class="">Date (oldest)</span>
    
    
        </a>
                                                    </li>
                                    </ul>
            </div>
            </div>
        </div>
    </div>
</div>
                    </div>
                
                            </div>
        </div>
    </div>

                            <ul
    class="grid gap-gutter grid-cols-1 place-items-stretch md:grid-cols-[repeat(auto-fill,minmax(290px,1fr))] mt-spacing-set-8 gap-y-spacing-set-9" data-component="grid-container:dense"
>
    <li>
                            <div data-component="cards:publication" >
    <a
        data-wrapper-component="composers:card-link-wrapper" href="https://www.nationalacademies.org/publications/29292" data-modal-target="#publication-modal-29292" class="block w-full text-left focus-visible:outline-0 group"
    >
        <div class="gap-spacing-set-5 relative flex flex-col-reverse">
            <div
                class="gap-spacing-set-3 pr-spacing-set-4 flex flex-col-reverse"
            >
                <p class="f-heading-09 effect-group-focus-visible">
                    Frontiers of Statistics in Science and Engineering: 2035 and Beyond
                </p>
                <div class="f-ui-02 text-secondary gap-spacing-set-1 flex">
                                            <p>Consensus Study Report</p>
                    
                                            <span aria-hidden="true">·</span>
                    
                                            <p>2026</p>
                                    </div>
            </div>
                            <div
                    class="img-publication-wrapper relative aspect-1/1 md:aspect-4/5"
                >
                    <div class="img-publication img-publication-spacer">
                                <img src="https://nap.nationalacademies.org/cover/29292/200"
     alt=""
     loading="lazy"
     class="w-full h-full object-cover"
      srcset="https://nap.nationalacademies.org/cover/29292/200 200w, https://nap.nationalacademies.org/cover/29292/450 450w, https://nap.nationalacademies.org/cover/29292/150dpi 900w"                 sizes="(min-width: 1500px) 20vw, (min-width: 1200px) 30vw, (min-width: 600px) 40vw, 80vw"  />
                    </div>
                    <div
                        class="bg-overlay-strong absolute inset-0 flex items-center justify-center opacity-0 transition-opacity group-hover:opacity-100"
                        aria-hidden="true"
                    >
                        <span class="flex items-center effect-color effect-focus cursor-pointer disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-48 h-48 px-24 btn-md f-ui-02 border border-strong text-primary bg-transparent effect-interactive disabled:border-subtle gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pl-20 !bg-default !border-0"
                                          >
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#eye-16"></use>
</svg>
    
            <span class="flex items-center justify-center gap-8 shrink-0">View Details</span>
    
    
        </span>
                    </div>
                </div>
                    </div>
    </a>
</div>

                            </li>
                                            <li>
                            <div data-component="cards:publication" >
    <a
        data-wrapper-component="composers:card-link-wrapper" href="https://www.nationalacademies.org/publications/29376" data-modal-target="#publication-modal-29376" class="block w-full text-left focus-visible:outline-0 group"
    >
        <div class="gap-spacing-set-5 relative flex flex-col-reverse">
            <div
                class="gap-spacing-set-3 pr-spacing-set-4 flex flex-col-reverse"
            >
                <p class="f-heading-09 effect-group-focus-visible">
                    Revenue and Financing Alternatives for Medium and Small U.S. Airports in an Evolving Landscape
                </p>
                <div class="f-ui-02 text-secondary gap-spacing-set-1 flex">
                    
                    
                                            <p>2026</p>
                                    </div>
            </div>
                            <div
                    class="img-publication-wrapper relative aspect-1/1 md:aspect-4/5"
                >
                    <div class="img-publication img-publication-spacer">
                                <img src="https://nap.nationalacademies.org/cover/29376/200"
     alt=""
     loading="lazy"
     class="w-full h-full object-cover"
      srcset="https://nap.nationalacademies.org/cover/29376/200 200w, https://nap.nationalacademies.org/cover/29376/450 450w, https://nap.nationalacademies.org/cover/29376/150dpi 900w"                 sizes="(min-width: 1500px) 20vw, (min-width: 1200px) 30vw, (min-width: 600px) 40vw, 80vw"  />
                    </div>
                    <div
                        class="bg-overlay-strong absolute inset-0 flex items-center justify-center opacity-0 transition-opacity group-hover:opacity-100"
                        aria-hidden="true"
                    >
                        <span class="flex items-center effect-color effect-focus cursor-pointer disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-48 h-48 px-24 btn-md f-ui-02 border border-strong text-primary bg-transparent effect-interactive disabled:border-subtle gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pl-20 !bg-default !border-0"
                                          >
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#eye-16"></use>
</svg>
    
            <span class="flex items-center justify-center gap-8 shrink-0">View Details</span>
    
    
        </span>
                    </div>
                </div>
                    </div>
    </a>
</div>

                            </li>
                                            <li>
                            <div data-component="cards:publication" >
    <a
        data-wrapper-component="composers:card-link-wrapper" href="https://www.nationalacademies.org/publications/29366" data-modal-target="#publication-modal-29366" class="block w-full text-left focus-visible:outline-0 group"
    >
        <div class="gap-spacing-set-5 relative flex flex-col-reverse">
            <div
                class="gap-spacing-set-3 pr-spacing-set-4 flex flex-col-reverse"
            >
                <p class="f-heading-09 effect-group-focus-visible">
                    Digital Tools for Youth Mental Health Leadership Summit: Proceedings of a Workshop—in Brief
                </p>
                <div class="f-ui-02 text-secondary gap-spacing-set-1 flex">
                                            <p>Proceedings</p>
                    
                                            <span aria-hidden="true">·</span>
                    
                                            <p>2026</p>
                                    </div>
            </div>
                            <div
                    class="img-publication-wrapper relative aspect-1/1 md:aspect-4/5"
                >
                    <div class="img-publication img-publication-spacer">
                                <img src="https://nap.nationalacademies.org/cover\/x/200"
     alt=""
     loading="lazy"
     class="w-full h-full object-cover"
      srcset="https://nap.nationalacademies.org/cover\/x/200 200w, https://nap.nationalacademies.org/cover\/x/450 450w, https://nap.nationalacademies.org/cover\/x/150dpi 900w"                 sizes="(min-width: 1500px) 20vw, (min-width: 1200px) 30vw, (min-width: 600px) 40vw, 80vw"  />
                    </div>
                    <div
                        class="bg-overlay-strong absolute inset-0 flex items-center justify-center opacity-0 transition-opacity group-hover:opacity-100"
                        aria-hidden="true"
                    >
                        <span class="flex items-center effect-color effect-focus cursor-pointer disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-48 h-48 px-24 btn-md f-ui-02 border border-strong text-primary bg-transparent effect-interactive disabled:border-subtle gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pl-20 !bg-default !border-0"
                                          >
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#eye-16"></use>
</svg>
    
            <span class="flex items-center justify-center gap-8 shrink-0">View Details</span>
    
    
        </span>
                    </div>
                </div>
                    </div>
    </a>
</div>

                            </li>
                                            <li>
                            <div data-component="cards:publication" >
    <a
        data-wrapper-component="composers:card-link-wrapper" href="https://www.nationalacademies.org/publications/29412" data-modal-target="#publication-modal-29412" class="block w-full text-left focus-visible:outline-0 group"
    >
        <div class="gap-spacing-set-5 relative flex flex-col-reverse">
            <div
                class="gap-spacing-set-3 pr-spacing-set-4 flex flex-col-reverse"
            >
                <p class="f-heading-09 effect-group-focus-visible">
                    Advancing Value-Based Payment for People with Serious Illness to Align Financing with Quality: Proceedings of a Workshop—in Brief
                </p>
                <div class="f-ui-02 text-secondary gap-spacing-set-1 flex">
                                            <p>Proceedings</p>
                    
                                            <span aria-hidden="true">·</span>
                    
                                            <p>2026</p>
                                    </div>
            </div>
                            <div
                    class="img-publication-wrapper relative aspect-1/1 md:aspect-4/5"
                >
                    <div class="img-publication img-publication-spacer">
                                <img src="https://nap.nationalacademies.org/cover/29412/200"
     alt=""
     loading="lazy"
     class="w-full h-full object-cover"
      srcset="https://nap.nationalacademies.org/cover/29412/200 200w, https://nap.nationalacademies.org/cover/29412/450 450w, https://nap.nationalacademies.org/cover/29412/150dpi 900w"                 sizes="(min-width: 1500px) 20vw, (min-width: 1200px) 30vw, (min-width: 600px) 40vw, 80vw"  />
                    </div>
                    <div
                        class="bg-overlay-strong absolute inset-0 flex items-center justify-center opacity-0 transition-opacity group-hover:opacity-100"
                        aria-hidden="true"
                    >
                        <span class="flex items-center effect-color effect-focus cursor-pointer disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-48 h-48 px-24 btn-md f-ui-02 border border-strong text-primary bg-transparent effect-interactive disabled:border-subtle gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pl-20 !bg-default !border-0"
                                          >
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#eye-16"></use>
</svg>
    
            <span class="flex items-center justify-center gap-8 shrink-0">View Details</span>
    
    
        </span>
                    </div>
                </div>
                    </div>
    </a>
</div>

                            </li>
                                            <li>
                            <div data-component="cards:publication" >
    <a
        data-wrapper-component="composers:card-link-wrapper" href="https://www.nationalacademies.org/publications/28594" data-modal-target="#publication-modal-28594" class="block w-full text-left focus-visible:outline-0 group"
    >
        <div class="gap-spacing-set-5 relative flex flex-col-reverse">
            <div
                class="gap-spacing-set-3 pr-spacing-set-4 flex flex-col-reverse"
            >
                <p class="f-heading-09 effect-group-focus-visible">
                    A Science Strategy for the Human Exploration of Mars
                </p>
                <div class="f-ui-02 text-secondary gap-spacing-set-1 flex">
                                            <p>Consensus Study Report</p>
                    
                                            <span aria-hidden="true">·</span>
                    
                                            <p>2026</p>
                                    </div>
            </div>
                            <div
                    class="img-publication-wrapper relative aspect-1/1 md:aspect-4/5"
                >
                    <div class="img-publication img-publication-spacer">
                                <img src="https://nap.nationalacademies.org/cover/28594/200"
     alt=""
     loading="lazy"
     class="w-full h-full object-cover"
      srcset="https://nap.nationalacademies.org/cover/28594/200 200w, https://nap.nationalacademies.org/cover/28594/450 450w, https://nap.nationalacademies.org/cover/28594/150dpi 900w"                 sizes="(min-width: 1500px) 20vw, (min-width: 1200px) 30vw, (min-width: 600px) 40vw, 80vw"  />
                    </div>
                    <div
                        class="bg-overlay-strong absolute inset-0 flex items-center justify-center opacity-0 transition-opacity group-hover:opacity-100"
                        aria-hidden="true"
                    >
                        <span class="flex items-center effect-color effect-focus cursor-pointer disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-48 h-48 px-24 btn-md f-ui-02 border border-strong text-primary bg-transparent effect-interactive disabled:border-subtle gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pl-20 !bg-default !border-0"
                                          >
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#eye-16"></use>
</svg>
    
            <span class="flex items-center justify-center gap-8 shrink-0">View Details</span>
    
    
        </span>
                    </div>
                </div>
                    </div>
    </a>
</div>

                            </li>
                                            <li>
                            <div data-component="cards:publication" >
    <a
        data-wrapper-component="composers:card-link-wrapper" href="https://www.nationalacademies.org/publications/29374" data-modal-target="#publication-modal-29374" class="block w-full text-left focus-visible:outline-0 group"
    >
        <div class="gap-spacing-set-5 relative flex flex-col-reverse">
            <div
                class="gap-spacing-set-3 pr-spacing-set-4 flex flex-col-reverse"
            >
                <p class="f-heading-09 effect-group-focus-visible">
                    Data Ontologies for Data-Driven Decision-Making: Research Approach and Findings
                </p>
                <div class="f-ui-02 text-secondary gap-spacing-set-1 flex">
                    
                    
                                            <p>2026</p>
                                    </div>
            </div>
                            <div
                    class="img-publication-wrapper relative aspect-1/1 md:aspect-4/5"
                >
                    <div class="img-publication img-publication-spacer">
                                <img src="https://nap.nationalacademies.org/cover/29374/200"
     alt=""
     loading="lazy"
     class="w-full h-full object-cover"
      srcset="https://nap.nationalacademies.org/cover/29374/200 200w, https://nap.nationalacademies.org/cover/29374/450 450w, https://nap.nationalacademies.org/cover/29374/150dpi 900w"                 sizes="(min-width: 1500px) 20vw, (min-width: 1200px) 30vw, (min-width: 600px) 40vw, 80vw"  />
                    </div>
                    <div
                        class="bg-overlay-strong absolute inset-0 flex items-center justify-center opacity-0 transition-opacity group-hover:opacity-100"
                        aria-hidden="true"
                    >
                        <span class="flex items-center effect-color effect-focus cursor-pointer disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-48 h-48 px-24 btn-md f-ui-02 border border-strong text-primary bg-transparent effect-interactive disabled:border-subtle gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pl-20 !bg-default !border-0"
                                          >
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#eye-16"></use>
</svg>
    
            <span class="flex items-center justify-center gap-8 shrink-0">View Details</span>
    
    
        </span>
                    </div>
                </div>
                    </div>
    </a>
</div>

                            </li>
                                            <li>
                            <div data-component="cards:publication" >
    <a
        data-wrapper-component="composers:card-link-wrapper" href="https://www.nationalacademies.org/publications/29373" data-modal-target="#publication-modal-29373" class="block w-full text-left focus-visible:outline-0 group"
    >
        <div class="gap-spacing-set-5 relative flex flex-col-reverse">
            <div
                class="gap-spacing-set-3 pr-spacing-set-4 flex flex-col-reverse"
            >
                <p class="f-heading-09 effect-group-focus-visible">
                    Data Ontologies for Data-Driven Decision-Making: Development and Use
                </p>
                <div class="f-ui-02 text-secondary gap-spacing-set-1 flex">
                    
                    
                                            <p>2026</p>
                                    </div>
            </div>
                            <div
                    class="img-publication-wrapper relative aspect-1/1 md:aspect-4/5"
                >
                    <div class="img-publication img-publication-spacer">
                                <img src="https://nap.nationalacademies.org/cover/29373/200"
     alt=""
     loading="lazy"
     class="w-full h-full object-cover"
      srcset="https://nap.nationalacademies.org/cover/29373/200 200w, https://nap.nationalacademies.org/cover/29373/450 450w, https://nap.nationalacademies.org/cover/29373/150dpi 900w"                 sizes="(min-width: 1500px) 20vw, (min-width: 1200px) 30vw, (min-width: 600px) 40vw, 80vw"  />
                    </div>
                    <div
                        class="bg-overlay-strong absolute inset-0 flex items-center justify-center opacity-0 transition-opacity group-hover:opacity-100"
                        aria-hidden="true"
                    >
                        <span class="flex items-center effect-color effect-focus cursor-pointer disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-48 h-48 px-24 btn-md f-ui-02 border border-strong text-primary bg-transparent effect-interactive disabled:border-subtle gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pl-20 !bg-default !border-0"
                                          >
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#eye-16"></use>
</svg>
    
            <span class="flex items-center justify-center gap-8 shrink-0">View Details</span>
    
    
        </span>
                    </div>
                </div>
                    </div>
    </a>
</div>

                            </li>
                                            <li>
                            <div data-component="cards:publication" >
    <a
        data-wrapper-component="composers:card-link-wrapper" href="https://www.nationalacademies.org/publications/29426" data-modal-target="#publication-modal-29426" class="block w-full text-left focus-visible:outline-0 group"
    >
        <div class="gap-spacing-set-5 relative flex flex-col-reverse">
            <div
                class="gap-spacing-set-3 pr-spacing-set-4 flex flex-col-reverse"
            >
                <p class="f-heading-09 effect-group-focus-visible">
                    Exploring the Impact of Artificial Intelligence on the Airport Industry
                </p>
                <div class="f-ui-02 text-secondary gap-spacing-set-1 flex">
                    
                    
                                            <p>2026</p>
                                    </div>
            </div>
                            <div
                    class="img-publication-wrapper relative aspect-1/1 md:aspect-4/5"
                >
                    <div class="img-publication img-publication-spacer">
                                <img src="https://nap.nationalacademies.org/cover/29426/200"
     alt=""
     loading="lazy"
     class="w-full h-full object-cover"
      srcset="https://nap.nationalacademies.org/cover/29426/200 200w, https://nap.nationalacademies.org/cover/29426/450 450w, https://nap.nationalacademies.org/cover/29426/150dpi 900w"                 sizes="(min-width: 1500px) 20vw, (min-width: 1200px) 30vw, (min-width: 600px) 40vw, 80vw"  />
                    </div>
                    <div
                        class="bg-overlay-strong absolute inset-0 flex items-center justify-center opacity-0 transition-opacity group-hover:opacity-100"
                        aria-hidden="true"
                    >
                        <span class="flex items-center effect-color effect-focus cursor-pointer disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-48 h-48 px-24 btn-md f-ui-02 border border-strong text-primary bg-transparent effect-interactive disabled:border-subtle gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pl-20 !bg-default !border-0"
                                          >
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#eye-16"></use>
</svg>
    
            <span class="flex items-center justify-center gap-8 shrink-0">View Details</span>
    
    
        </span>
                    </div>
                </div>
                    </div>
    </a>
</div>

                            </li>
                                            <li>
                            <div data-component="cards:publication" >
    <a
        data-wrapper-component="composers:card-link-wrapper" href="https://www.nationalacademies.org/units/HMD-HSP-18-P-15/publication/29423" data-modal-target="#publication-modal-29423" class="block w-full text-left focus-visible:outline-0 group"
    >
        <div class="gap-spacing-set-5 relative flex flex-col-reverse">
            <div
                class="gap-spacing-set-3 pr-spacing-set-4 flex flex-col-reverse"
            >
                <p class="f-heading-09 effect-group-focus-visible">
                    Forum on Medical and Public Health Preparedness for Disasters and Emergencies: 2025 Annual Report
                </p>
                <div class="f-ui-02 text-secondary gap-spacing-set-1 flex">
                                            <p>Annual Report</p>
                    
                                            <span aria-hidden="true">·</span>
                    
                                            <p>2026</p>
                                    </div>
            </div>
                            <div
                    class="img-publication-wrapper relative aspect-1/1 md:aspect-4/5"
                >
                    <div class="img-publication img-publication-spacer">
                                <img src="https://nap.nationalacademies.org/cover/29423/200"
     alt=""
     loading="lazy"
     class="w-full h-full object-cover"
      srcset="https://nap.nationalacademies.org/cover/29423/200 200w, https://nap.nationalacademies.org/cover/29423/450 450w, https://nap.nationalacademies.org/cover/29423/150dpi 900w"                 sizes="(min-width: 1500px) 20vw, (min-width: 1200px) 30vw, (min-width: 600px) 40vw, 80vw"  />
                    </div>
                    <div
                        class="bg-overlay-strong absolute inset-0 flex items-center justify-center opacity-0 transition-opacity group-hover:opacity-100"
                        aria-hidden="true"
                    >
                        <span class="flex items-center effect-color effect-focus cursor-pointer disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-48 h-48 px-24 btn-md f-ui-02 border border-strong text-primary bg-transparent effect-interactive disabled:border-subtle gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pl-20 !bg-default !border-0"
                                          >
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#eye-16"></use>
</svg>
    
            <span class="flex items-center justify-center gap-8 shrink-0">View Details</span>
    
    
        </span>
                    </div>
                </div>
                    </div>
    </a>
</div>

                            </li>
                                            <li>
                            <div data-component="cards:publication" >
    <a
        data-wrapper-component="composers:card-link-wrapper" href="https://www.nationalacademies.org/publications/29348" data-modal-target="#publication-modal-29348" class="block w-full text-left focus-visible:outline-0 group"
    >
        <div class="gap-spacing-set-5 relative flex flex-col-reverse">
            <div
                class="gap-spacing-set-3 pr-spacing-set-4 flex flex-col-reverse"
            >
                <p class="f-heading-09 effect-group-focus-visible">
                    Effective, Efficient, and Informed Research, Development, and Demonstration for the Electricity System: Issue Paper
                </p>
                <div class="f-ui-02 text-secondary gap-spacing-set-1 flex">
                                            <p>Issue Paper</p>
                    
                                            <span aria-hidden="true">·</span>
                    
                                            <p>2026</p>
                                    </div>
            </div>
                            <div
                    class="img-publication-wrapper relative aspect-1/1 md:aspect-4/5"
                >
                    <div class="img-publication img-publication-spacer">
                                <img src="https://nap.nationalacademies.org/cover/29348/200"
     alt=""
     loading="lazy"
     class="w-full h-full object-cover"
      srcset="https://nap.nationalacademies.org/cover/29348/200 200w, https://nap.nationalacademies.org/cover/29348/450 450w, https://nap.nationalacademies.org/cover/29348/150dpi 900w"                 sizes="(min-width: 1500px) 20vw, (min-width: 1200px) 30vw, (min-width: 600px) 40vw, 80vw"  />
                    </div>
                    <div
                        class="bg-overlay-strong absolute inset-0 flex items-center justify-center opacity-0 transition-opacity group-hover:opacity-100"
                        aria-hidden="true"
                    >
                        <span class="flex items-center effect-color effect-focus cursor-pointer disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-48 h-48 px-24 btn-md f-ui-02 border border-strong text-primary bg-transparent effect-interactive disabled:border-subtle gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pl-20 !bg-default !border-0"
                                          >
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#eye-16"></use>
</svg>
    
            <span class="flex items-center justify-center gap-8 shrink-0">View Details</span>
    
    
        </span>
                    </div>
                </div>
                    </div>
    </a>
</div>

                            </li>
                                            <li>
                            <div data-component="cards:publication" >
    <a
        data-wrapper-component="composers:card-link-wrapper" href="https://www.nationalacademies.org/publications/29424" data-modal-target="#publication-modal-29424" class="block w-full text-left focus-visible:outline-0 group"
    >
        <div class="gap-spacing-set-5 relative flex flex-col-reverse">
            <div
                class="gap-spacing-set-3 pr-spacing-set-4 flex flex-col-reverse"
            >
                <p class="f-heading-09 effect-group-focus-visible">
                    Recommended Procedures for the Safety Performance Evaluation of Highway Features
                </p>
                <div class="f-ui-02 text-secondary gap-spacing-set-1 flex">
                    
                    
                                            <p>1993</p>
                                    </div>
            </div>
                            <div
                    class="img-publication-wrapper relative aspect-1/1 md:aspect-4/5"
                >
                    <div class="img-publication img-publication-spacer">
                                <img src="https://nap.nationalacademies.org/cover/29424/200"
     alt=""
     loading="lazy"
     class="w-full h-full object-cover"
      srcset="https://nap.nationalacademies.org/cover/29424/200 200w, https://nap.nationalacademies.org/cover/29424/450 450w, https://nap.nationalacademies.org/cover/29424/150dpi 900w"                 sizes="(min-width: 1500px) 20vw, (min-width: 1200px) 30vw, (min-width: 600px) 40vw, 80vw"  />
                    </div>
                    <div
                        class="bg-overlay-strong absolute inset-0 flex items-center justify-center opacity-0 transition-opacity group-hover:opacity-100"
                        aria-hidden="true"
                    >
                        <span class="flex items-center effect-color effect-focus cursor-pointer disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-48 h-48 px-24 btn-md f-ui-02 border border-strong text-primary bg-transparent effect-interactive disabled:border-subtle gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pl-20 !bg-default !border-0"
                                          >
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#eye-16"></use>
</svg>
    
            <span class="flex items-center justify-center gap-8 shrink-0">View Details</span>
    
    
        </span>
                    </div>
                </div>
                    </div>
    </a>
</div>

                            </li>
                                            <li>
                            <div data-component="cards:publication" >
    <a
        data-wrapper-component="composers:card-link-wrapper" href="https://www.nationalacademies.org/publications/29371" data-modal-target="#publication-modal-29371" class="block w-full text-left focus-visible:outline-0 group"
    >
        <div class="gap-spacing-set-5 relative flex flex-col-reverse">
            <div
                class="gap-spacing-set-3 pr-spacing-set-4 flex flex-col-reverse"
            >
                <p class="f-heading-09 effect-group-focus-visible">
                    The State of Art in Transit Programs
                </p>
                <div class="f-ui-02 text-secondary gap-spacing-set-1 flex">
                    
                    
                                            <p>2026</p>
                                    </div>
            </div>
                            <div
                    class="img-publication-wrapper relative aspect-1/1 md:aspect-4/5"
                >
                    <div class="img-publication img-publication-spacer">
                                <img src="https://nap.nationalacademies.org/cover/29371/200"
     alt=""
     loading="lazy"
     class="w-full h-full object-cover"
      srcset="https://nap.nationalacademies.org/cover/29371/200 200w, https://nap.nationalacademies.org/cover/29371/450 450w, https://nap.nationalacademies.org/cover/29371/150dpi 900w"                 sizes="(min-width: 1500px) 20vw, (min-width: 1200px) 30vw, (min-width: 600px) 40vw, 80vw"  />
                    </div>
                    <div
                        class="bg-overlay-strong absolute inset-0 flex items-center justify-center opacity-0 transition-opacity group-hover:opacity-100"
                        aria-hidden="true"
                    >
                        <span class="flex items-center effect-color effect-focus cursor-pointer disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-48 h-48 px-24 btn-md f-ui-02 border border-strong text-primary bg-transparent effect-interactive disabled:border-subtle gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pl-20 !bg-default !border-0"
                                          >
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#eye-16"></use>
</svg>
    
            <span class="flex items-center justify-center gap-8 shrink-0">View Details</span>
    
    
        </span>
                    </div>
                </div>
                    </div>
    </a>
</div>

                            </li>
                                            <li>
                            <div data-component="cards:publication" >
    <a
        data-wrapper-component="composers:card-link-wrapper" href="https://www.nationalacademies.org/publications/29272" data-modal-target="#publication-modal-29272" class="block w-full text-left focus-visible:outline-0 group"
    >
        <div class="gap-spacing-set-5 relative flex flex-col-reverse">
            <div
                class="gap-spacing-set-3 pr-spacing-set-4 flex flex-col-reverse"
            >
                <p class="f-heading-09 effect-group-focus-visible">
                    PFAS in Agricultural Systems: Guidance for Conservation Programs at USDA
                </p>
                <div class="f-ui-02 text-secondary gap-spacing-set-1 flex">
                                            <p>Consensus Study Report</p>
                    
                                            <span aria-hidden="true">·</span>
                    
                                            <p>2026</p>
                                    </div>
            </div>
                            <div
                    class="img-publication-wrapper relative aspect-1/1 md:aspect-4/5"
                >
                    <div class="img-publication img-publication-spacer">
                                <img src="https://nap.nationalacademies.org/cover/29272/200"
     alt=""
     loading="lazy"
     class="w-full h-full object-cover"
      srcset="https://nap.nationalacademies.org/cover/29272/200 200w, https://nap.nationalacademies.org/cover/29272/450 450w, https://nap.nationalacademies.org/cover/29272/150dpi 900w"                 sizes="(min-width: 1500px) 20vw, (min-width: 1200px) 30vw, (min-width: 600px) 40vw, 80vw"  />
                    </div>
                    <div
                        class="bg-overlay-strong absolute inset-0 flex items-center justify-center opacity-0 transition-opacity group-hover:opacity-100"
                        aria-hidden="true"
                    >
                        <span class="flex items-center effect-color effect-focus cursor-pointer disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-48 h-48 px-24 btn-md f-ui-02 border border-strong text-primary bg-transparent effect-interactive disabled:border-subtle gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pl-20 !bg-default !border-0"
                                          >
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#eye-16"></use>
</svg>
    
            <span class="flex items-center justify-center gap-8 shrink-0">View Details</span>
    
    
        </span>
                    </div>
                </div>
                    </div>
    </a>
</div>

                            </li>
                                            <li>
                            <div data-component="cards:publication" >
    <a
        data-wrapper-component="composers:card-link-wrapper" href="https://www.nationalacademies.org/projects/HMD-BPH-24-01/publication/29404" data-modal-target="#publication-modal-29404" class="block w-full text-left focus-visible:outline-0 group"
    >
        <div class="gap-spacing-set-5 relative flex flex-col-reverse">
            <div
                class="gap-spacing-set-3 pr-spacing-set-4 flex flex-col-reverse"
            >
                <p class="f-heading-09 effect-group-focus-visible">
                    Clinical Follow-up and Care for Those Impacted by the JP-5 Releases at Red Hill
                </p>
                <div class="f-ui-02 text-secondary gap-spacing-set-1 flex">
                                            <p>Consensus Study Report</p>
                    
                                            <span aria-hidden="true">·</span>
                    
                                            <p>2026</p>
                                    </div>
            </div>
                            <div
                    class="img-publication-wrapper relative aspect-1/1 md:aspect-4/5"
                >
                    <div class="img-publication img-publication-spacer">
                                <img src="https://nap.nationalacademies.org/cover/29404/200"
     alt=""
     loading="lazy"
     class="w-full h-full object-cover"
      srcset="https://nap.nationalacademies.org/cover/29404/200 200w, https://nap.nationalacademies.org/cover/29404/450 450w, https://nap.nationalacademies.org/cover/29404/150dpi 900w"                 sizes="(min-width: 1500px) 20vw, (min-width: 1200px) 30vw, (min-width: 600px) 40vw, 80vw"  />
                    </div>
                    <div
                        class="bg-overlay-strong absolute inset-0 flex items-center justify-center opacity-0 transition-opacity group-hover:opacity-100"
                        aria-hidden="true"
                    >
                        <span class="flex items-center effect-color effect-focus cursor-pointer disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-48 h-48 px-24 btn-md f-ui-02 border border-strong text-primary bg-transparent effect-interactive disabled:border-subtle gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pl-20 !bg-default !border-0"
                                          >
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#eye-16"></use>
</svg>
    
            <span class="flex items-center justify-center gap-8 shrink-0">View Details</span>
    
    
        </span>
                    </div>
                </div>
                    </div>
    </a>
</div>

                            </li>
                                            <li>
                            <div data-component="cards:publication" >
    <a
        data-wrapper-component="composers:card-link-wrapper" href="https://www.nationalacademies.org/publications/29392" data-modal-target="#publication-modal-29392" class="block w-full text-left focus-visible:outline-0 group"
    >
        <div class="gap-spacing-set-5 relative flex flex-col-reverse">
            <div
                class="gap-spacing-set-3 pr-spacing-set-4 flex flex-col-reverse"
            >
                <p class="f-heading-09 effect-group-focus-visible">
                    Exploring Applications of AI in Genomics and Precision Health: Proceedings of a Workshop—in Brief
                </p>
                <div class="f-ui-02 text-secondary gap-spacing-set-1 flex">
                                            <p>Proceedings</p>
                    
                                            <span aria-hidden="true">·</span>
                    
                                            <p>2026</p>
                                    </div>
            </div>
                            <div
                    class="img-publication-wrapper relative aspect-1/1 md:aspect-4/5"
                >
                    <div class="img-publication img-publication-spacer">
                                <img src="https://nap.nationalacademies.org/cover/29392/200"
     alt=""
     loading="lazy"
     class="w-full h-full object-cover"
      srcset="https://nap.nationalacademies.org/cover/29392/200 200w, https://nap.nationalacademies.org/cover/29392/450 450w, https://nap.nationalacademies.org/cover/29392/150dpi 900w"                 sizes="(min-width: 1500px) 20vw, (min-width: 1200px) 30vw, (min-width: 600px) 40vw, 80vw"  />
                    </div>
                    <div
                        class="bg-overlay-strong absolute inset-0 flex items-center justify-center opacity-0 transition-opacity group-hover:opacity-100"
                        aria-hidden="true"
                    >
                        <span class="flex items-center effect-color effect-focus cursor-pointer disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-48 h-48 px-24 btn-md f-ui-02 border border-strong text-primary bg-transparent effect-interactive disabled:border-subtle gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pl-20 !bg-default !border-0"
                                          >
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#eye-16"></use>
</svg>
    
            <span class="flex items-center justify-center gap-8 shrink-0">View Details</span>
    
    
        </span>
                    </div>
                </div>
                    </div>
    </a>
</div>

                            </li>
                                            <li>
                            <div data-component="cards:publication" >
    <a
        data-wrapper-component="composers:card-link-wrapper" href="https://www.nationalacademies.org/publications/29356" data-modal-target="#publication-modal-29356" class="block w-full text-left focus-visible:outline-0 group"
    >
        <div class="gap-spacing-set-5 relative flex flex-col-reverse">
            <div
                class="gap-spacing-set-3 pr-spacing-set-4 flex flex-col-reverse"
            >
                <p class="f-heading-09 effect-group-focus-visible">
                    Strategies to Improve Reporting of Impaired and Distracted Driving in Motor Vehicle Crashes
                </p>
                <div class="f-ui-02 text-secondary gap-spacing-set-1 flex">
                    
                    
                                            <p>2026</p>
                                    </div>
            </div>
                            <div
                    class="img-publication-wrapper relative aspect-1/1 md:aspect-4/5"
                >
                    <div class="img-publication img-publication-spacer">
                                <img src="https://nap.nationalacademies.org/cover/29356/200"
     alt=""
     loading="lazy"
     class="w-full h-full object-cover"
      srcset="https://nap.nationalacademies.org/cover/29356/200 200w, https://nap.nationalacademies.org/cover/29356/450 450w, https://nap.nationalacademies.org/cover/29356/150dpi 900w"                 sizes="(min-width: 1500px) 20vw, (min-width: 1200px) 30vw, (min-width: 600px) 40vw, 80vw"  />
                    </div>
                    <div
                        class="bg-overlay-strong absolute inset-0 flex items-center justify-center opacity-0 transition-opacity group-hover:opacity-100"
                        aria-hidden="true"
                    >
                        <span class="flex items-center effect-color effect-focus cursor-pointer disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-48 h-48 px-24 btn-md f-ui-02 border border-strong text-primary bg-transparent effect-interactive disabled:border-subtle gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pl-20 !bg-default !border-0"
                                          >
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#eye-16"></use>
</svg>
    
            <span class="flex items-center justify-center gap-8 shrink-0">View Details</span>
    
    
        </span>
                    </div>
                </div>
                    </div>
    </a>
</div>

                            </li>
                                            <li>
                            <div data-component="cards:publication" >
    <a
        data-wrapper-component="composers:card-link-wrapper" href="https://www.nationalacademies.org/publications/29255" data-modal-target="#publication-modal-29255" class="block w-full text-left focus-visible:outline-0 group"
    >
        <div class="gap-spacing-set-5 relative flex flex-col-reverse">
            <div
                class="gap-spacing-set-3 pr-spacing-set-4 flex flex-col-reverse"
            >
                <p class="f-heading-09 effect-group-focus-visible">
                    Offshore Renewable Energy Development on the West Coast: Understanding Effects on Shipping, Fisheries, and Maritime Activities
                </p>
                <div class="f-ui-02 text-secondary gap-spacing-set-1 flex">
                                            <p>Consensus Study Report</p>
                    
                                            <span aria-hidden="true">·</span>
                    
                                            <p>2026</p>
                                    </div>
            </div>
                            <div
                    class="img-publication-wrapper relative aspect-1/1 md:aspect-4/5"
                >
                    <div class="img-publication img-publication-spacer">
                                <img src="https://nap.nationalacademies.org/cover/29255/200"
     alt=""
     loading="lazy"
     class="w-full h-full object-cover"
      srcset="https://nap.nationalacademies.org/cover/29255/200 200w, https://nap.nationalacademies.org/cover/29255/450 450w, https://nap.nationalacademies.org/cover/29255/150dpi 900w"                 sizes="(min-width: 1500px) 20vw, (min-width: 1200px) 30vw, (min-width: 600px) 40vw, 80vw"  />
                    </div>
                    <div
                        class="bg-overlay-strong absolute inset-0 flex items-center justify-center opacity-0 transition-opacity group-hover:opacity-100"
                        aria-hidden="true"
                    >
                        <span class="flex items-center effect-color effect-focus cursor-pointer disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-48 h-48 px-24 btn-md f-ui-02 border border-strong text-primary bg-transparent effect-interactive disabled:border-subtle gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pl-20 !bg-default !border-0"
                                          >
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#eye-16"></use>
</svg>
    
            <span class="flex items-center justify-center gap-8 shrink-0">View Details</span>
    
    
        </span>
                    </div>
                </div>
                    </div>
    </a>
</div>

                            </li>
                                            <li>
                            <div data-component="cards:publication" >
    <a
        data-wrapper-component="composers:card-link-wrapper" href="https://www.nationalacademies.org/publications/29353" data-modal-target="#publication-modal-29353" class="block w-full text-left focus-visible:outline-0 group"
    >
        <div class="gap-spacing-set-5 relative flex flex-col-reverse">
            <div
                class="gap-spacing-set-3 pr-spacing-set-4 flex flex-col-reverse"
            >
                <p class="f-heading-09 effect-group-focus-visible">
                    UAS Flight Proficiency Examination: Proctor Guide for PROPS Test
                </p>
                <div class="f-ui-02 text-secondary gap-spacing-set-1 flex">
                    
                    
                                            <p>2026</p>
                                    </div>
            </div>
                            <div
                    class="img-publication-wrapper relative aspect-1/1 md:aspect-4/5"
                >
                    <div class="img-publication img-publication-spacer">
                                <img src="https://nap.nationalacademies.org/cover/29353/200"
     alt=""
     loading="lazy"
     class="w-full h-full object-cover"
      srcset="https://nap.nationalacademies.org/cover/29353/200 200w, https://nap.nationalacademies.org/cover/29353/450 450w, https://nap.nationalacademies.org/cover/29353/150dpi 900w"                 sizes="(min-width: 1500px) 20vw, (min-width: 1200px) 30vw, (min-width: 600px) 40vw, 80vw"  />
                    </div>
                    <div
                        class="bg-overlay-strong absolute inset-0 flex items-center justify-center opacity-0 transition-opacity group-hover:opacity-100"
                        aria-hidden="true"
                    >
                        <span class="flex items-center effect-color effect-focus cursor-pointer disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-48 h-48 px-24 btn-md f-ui-02 border border-strong text-primary bg-transparent effect-interactive disabled:border-subtle gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pl-20 !bg-default !border-0"
                                          >
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#eye-16"></use>
</svg>
    
            <span class="flex items-center justify-center gap-8 shrink-0">View Details</span>
    
    
        </span>
                    </div>
                </div>
                    </div>
    </a>
</div>

                            </li>
</ul>

                <div data-behavior="Pagination"
     class="mt-spacing-set-8">
    <div class="md:flex w-full items-center gap-x-spacing-set-5">
        <div class="flex items-start md:justify-end gap-x-spacing-set-2">
            <span class="effect-color effect-focus disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-48 h-48 btn-md f-ui-02 border border-strong text-primary bg-transparent effect-interactive disabled:border-subtle px-0 flex items-center justify-center btn-iconOnly cursor-pointer [&.btn-tag]:px-8 [&.btn-tag]:h-32 gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pr-20 flex-grow pointer-events-none opacity-30" disabled="disabled"
                                          >
    
    
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#arrow-left-16"></use>
</svg>
    
        </span>

            <a class="effect-color effect-focus disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-48 h-48 btn-md f-ui-02 border border-strong text-primary bg-transparent effect-interactive disabled:border-subtle px-0 flex items-center justify-center btn-iconOnly cursor-pointer [&.btn-tag]:px-8 [&.btn-tag]:h-32 gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pr-20 flex-grow" aria-label="Next page"
                      href="https://www.nationalacademies.org/publications/all?page=2"                      >
    
    
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#arrow-right-16"></use>
</svg>
    
        </a>
        </div>
        <span class="hidden md:block f-ui-02 text-secondary">
            Showing 1–18 of 15326 items
        </span>
        <div class="hidden md:flex items-center ml-auto mt-10 md:mt-0">
            <div data-behavior="Input" class="[inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed pointer-events-none md:pointer-events-auto [&amp;_label]:sr-only [&amp;_div]:mt-0" data-pagination-paging-dropdown="data-pagination-paging-dropdown"
     >

    <div class="flex flex-row flex-nowrap justify-between items-baseline gap-gutter">
        <label class="f-ui-02-strong text-primary"
                     >
            Page number
            </label>
            </div>

    <div class="relative mt-4 border [.s-readonly_&amp;]:border-quaternary [.s-error_&amp;]:border-error [.s-readonly_&amp;]:bg-quaternary border-none">
        <select class="appearance-none f-ui-02 flex items-center effect-color effect-focus-keyboard disabled:cursor-not-allowed shrink-0 rounded-full cursor-pointer h-48 pl-24 pr-44 border border-strong text-primary effect-interactive"
                data-Input-input
                aria-describedby="errorIDdagd"
                 id="pagination-page-select"                                                 
                
                
                
                >
            
                            <option value="https://www.nationalacademies.org/publications/all?page=1"
                         selected >
                    Page 1 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=2"
                        >
                    Page 2 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=3"
                        >
                    Page 3 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=4"
                        >
                    Page 4 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=5"
                        >
                    Page 5 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=6"
                        >
                    Page 6 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=7"
                        >
                    Page 7 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=8"
                        >
                    Page 8 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=9"
                        >
                    Page 9 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=10"
                        >
                    Page 10 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=11"
                        >
                    Page 11 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=12"
                        >
                    Page 12 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=13"
                        >
                    Page 13 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=14"
                        >
                    Page 14 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=15"
                        >
                    Page 15 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=16"
                        >
                    Page 16 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=17"
                        >
                    Page 17 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=18"
                        >
                    Page 18 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=19"
                        >
                    Page 19 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=20"
                        >
                    Page 20 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=21"
                        >
                    Page 21 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=22"
                        >
                    Page 22 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=23"
                        >
                    Page 23 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=24"
                        >
                    Page 24 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=25"
                        >
                    Page 25 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=26"
                        >
                    Page 26 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=27"
                        >
                    Page 27 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=28"
                        >
                    Page 28 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=29"
                        >
                    Page 29 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=30"
                        >
                    Page 30 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=31"
                        >
                    Page 31 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=32"
                        >
                    Page 32 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=33"
                        >
                    Page 33 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=34"
                        >
                    Page 34 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=35"
                        >
                    Page 35 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=36"
                        >
                    Page 36 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=37"
                        >
                    Page 37 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=38"
                        >
                    Page 38 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=39"
                        >
                    Page 39 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=40"
                        >
                    Page 40 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=41"
                        >
                    Page 41 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=42"
                        >
                    Page 42 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=43"
                        >
                    Page 43 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=44"
                        >
                    Page 44 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=45"
                        >
                    Page 45 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=46"
                        >
                    Page 46 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=47"
                        >
                    Page 47 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=48"
                        >
                    Page 48 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=49"
                        >
                    Page 49 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=50"
                        >
                    Page 50 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=51"
                        >
                    Page 51 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=52"
                        >
                    Page 52 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=53"
                        >
                    Page 53 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=54"
                        >
                    Page 54 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=55"
                        >
                    Page 55 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=56"
                        >
                    Page 56 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=57"
                        >
                    Page 57 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=58"
                        >
                    Page 58 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=59"
                        >
                    Page 59 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=60"
                        >
                    Page 60 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=61"
                        >
                    Page 61 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=62"
                        >
                    Page 62 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=63"
                        >
                    Page 63 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=64"
                        >
                    Page 64 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=65"
                        >
                    Page 65 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=66"
                        >
                    Page 66 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=67"
                        >
                    Page 67 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=68"
                        >
                    Page 68 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=69"
                        >
                    Page 69 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=70"
                        >
                    Page 70 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=71"
                        >
                    Page 71 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=72"
                        >
                    Page 72 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=73"
                        >
                    Page 73 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=74"
                        >
                    Page 74 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=75"
                        >
                    Page 75 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=76"
                        >
                    Page 76 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=77"
                        >
                    Page 77 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=78"
                        >
                    Page 78 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=79"
                        >
                    Page 79 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=80"
                        >
                    Page 80 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=81"
                        >
                    Page 81 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=82"
                        >
                    Page 82 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=83"
                        >
                    Page 83 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=84"
                        >
                    Page 84 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=85"
                        >
                    Page 85 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=86"
                        >
                    Page 86 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=87"
                        >
                    Page 87 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=88"
                        >
                    Page 88 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=89"
                        >
                    Page 89 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=90"
                        >
                    Page 90 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=91"
                        >
                    Page 91 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=92"
                        >
                    Page 92 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=93"
                        >
                    Page 93 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=94"
                        >
                    Page 94 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=95"
                        >
                    Page 95 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=96"
                        >
                    Page 96 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=97"
                        >
                    Page 97 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=98"
                        >
                    Page 98 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=99"
                        >
                    Page 99 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=100"
                        >
                    Page 100 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=101"
                        >
                    Page 101 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=102"
                        >
                    Page 102 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=103"
                        >
                    Page 103 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=104"
                        >
                    Page 104 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=105"
                        >
                    Page 105 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=106"
                        >
                    Page 106 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=107"
                        >
                    Page 107 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=108"
                        >
                    Page 108 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=109"
                        >
                    Page 109 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=110"
                        >
                    Page 110 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=111"
                        >
                    Page 111 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=112"
                        >
                    Page 112 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=113"
                        >
                    Page 113 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=114"
                        >
                    Page 114 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=115"
                        >
                    Page 115 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=116"
                        >
                    Page 116 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=117"
                        >
                    Page 117 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=118"
                        >
                    Page 118 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=119"
                        >
                    Page 119 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=120"
                        >
                    Page 120 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=121"
                        >
                    Page 121 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=122"
                        >
                    Page 122 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=123"
                        >
                    Page 123 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=124"
                        >
                    Page 124 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=125"
                        >
                    Page 125 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=126"
                        >
                    Page 126 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=127"
                        >
                    Page 127 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=128"
                        >
                    Page 128 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=129"
                        >
                    Page 129 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=130"
                        >
                    Page 130 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=131"
                        >
                    Page 131 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=132"
                        >
                    Page 132 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=133"
                        >
                    Page 133 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=134"
                        >
                    Page 134 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=135"
                        >
                    Page 135 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=136"
                        >
                    Page 136 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=137"
                        >
                    Page 137 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=138"
                        >
                    Page 138 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=139"
                        >
                    Page 139 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=140"
                        >
                    Page 140 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=141"
                        >
                    Page 141 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=142"
                        >
                    Page 142 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=143"
                        >
                    Page 143 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=144"
                        >
                    Page 144 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=145"
                        >
                    Page 145 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=146"
                        >
                    Page 146 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=147"
                        >
                    Page 147 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=148"
                        >
                    Page 148 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=149"
                        >
                    Page 149 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=150"
                        >
                    Page 150 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=151"
                        >
                    Page 151 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=152"
                        >
                    Page 152 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=153"
                        >
                    Page 153 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=154"
                        >
                    Page 154 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=155"
                        >
                    Page 155 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=156"
                        >
                    Page 156 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=157"
                        >
                    Page 157 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=158"
                        >
                    Page 158 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=159"
                        >
                    Page 159 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=160"
                        >
                    Page 160 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=161"
                        >
                    Page 161 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=162"
                        >
                    Page 162 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=163"
                        >
                    Page 163 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=164"
                        >
                    Page 164 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=165"
                        >
                    Page 165 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=166"
                        >
                    Page 166 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=167"
                        >
                    Page 167 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=168"
                        >
                    Page 168 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=169"
                        >
                    Page 169 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=170"
                        >
                    Page 170 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=171"
                        >
                    Page 171 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=172"
                        >
                    Page 172 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=173"
                        >
                    Page 173 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=174"
                        >
                    Page 174 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=175"
                        >
                    Page 175 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=176"
                        >
                    Page 176 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=177"
                        >
                    Page 177 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=178"
                        >
                    Page 178 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=179"
                        >
                    Page 179 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=180"
                        >
                    Page 180 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=181"
                        >
                    Page 181 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=182"
                        >
                    Page 182 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=183"
                        >
                    Page 183 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=184"
                        >
                    Page 184 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=185"
                        >
                    Page 185 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=186"
                        >
                    Page 186 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=187"
                        >
                    Page 187 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=188"
                        >
                    Page 188 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=189"
                        >
                    Page 189 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=190"
                        >
                    Page 190 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=191"
                        >
                    Page 191 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=192"
                        >
                    Page 192 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=193"
                        >
                    Page 193 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=194"
                        >
                    Page 194 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=195"
                        >
                    Page 195 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=196"
                        >
                    Page 196 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=197"
                        >
                    Page 197 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=198"
                        >
                    Page 198 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=199"
                        >
                    Page 199 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=200"
                        >
                    Page 200 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=201"
                        >
                    Page 201 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=202"
                        >
                    Page 202 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=203"
                        >
                    Page 203 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=204"
                        >
                    Page 204 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=205"
                        >
                    Page 205 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=206"
                        >
                    Page 206 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=207"
                        >
                    Page 207 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=208"
                        >
                    Page 208 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=209"
                        >
                    Page 209 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=210"
                        >
                    Page 210 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=211"
                        >
                    Page 211 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=212"
                        >
                    Page 212 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=213"
                        >
                    Page 213 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=214"
                        >
                    Page 214 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=215"
                        >
                    Page 215 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=216"
                        >
                    Page 216 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=217"
                        >
                    Page 217 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=218"
                        >
                    Page 218 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=219"
                        >
                    Page 219 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=220"
                        >
                    Page 220 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=221"
                        >
                    Page 221 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=222"
                        >
                    Page 222 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=223"
                        >
                    Page 223 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=224"
                        >
                    Page 224 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=225"
                        >
                    Page 225 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=226"
                        >
                    Page 226 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=227"
                        >
                    Page 227 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=228"
                        >
                    Page 228 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=229"
                        >
                    Page 229 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=230"
                        >
                    Page 230 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=231"
                        >
                    Page 231 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=232"
                        >
                    Page 232 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=233"
                        >
                    Page 233 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=234"
                        >
                    Page 234 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=235"
                        >
                    Page 235 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=236"
                        >
                    Page 236 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=237"
                        >
                    Page 237 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=238"
                        >
                    Page 238 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=239"
                        >
                    Page 239 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=240"
                        >
                    Page 240 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=241"
                        >
                    Page 241 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=242"
                        >
                    Page 242 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=243"
                        >
                    Page 243 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=244"
                        >
                    Page 244 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=245"
                        >
                    Page 245 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=246"
                        >
                    Page 246 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=247"
                        >
                    Page 247 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=248"
                        >
                    Page 248 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=249"
                        >
                    Page 249 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=250"
                        >
                    Page 250 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=251"
                        >
                    Page 251 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=252"
                        >
                    Page 252 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=253"
                        >
                    Page 253 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=254"
                        >
                    Page 254 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=255"
                        >
                    Page 255 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=256"
                        >
                    Page 256 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=257"
                        >
                    Page 257 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=258"
                        >
                    Page 258 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=259"
                        >
                    Page 259 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=260"
                        >
                    Page 260 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=261"
                        >
                    Page 261 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=262"
                        >
                    Page 262 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=263"
                        >
                    Page 263 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=264"
                        >
                    Page 264 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=265"
                        >
                    Page 265 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=266"
                        >
                    Page 266 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=267"
                        >
                    Page 267 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=268"
                        >
                    Page 268 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=269"
                        >
                    Page 269 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=270"
                        >
                    Page 270 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=271"
                        >
                    Page 271 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=272"
                        >
                    Page 272 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=273"
                        >
                    Page 273 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=274"
                        >
                    Page 274 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=275"
                        >
                    Page 275 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=276"
                        >
                    Page 276 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=277"
                        >
                    Page 277 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=278"
                        >
                    Page 278 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=279"
                        >
                    Page 279 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=280"
                        >
                    Page 280 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=281"
                        >
                    Page 281 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=282"
                        >
                    Page 282 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=283"
                        >
                    Page 283 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=284"
                        >
                    Page 284 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=285"
                        >
                    Page 285 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=286"
                        >
                    Page 286 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=287"
                        >
                    Page 287 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=288"
                        >
                    Page 288 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=289"
                        >
                    Page 289 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=290"
                        >
                    Page 290 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=291"
                        >
                    Page 291 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=292"
                        >
                    Page 292 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=293"
                        >
                    Page 293 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=294"
                        >
                    Page 294 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=295"
                        >
                    Page 295 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=296"
                        >
                    Page 296 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=297"
                        >
                    Page 297 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=298"
                        >
                    Page 298 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=299"
                        >
                    Page 299 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=300"
                        >
                    Page 300 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=301"
                        >
                    Page 301 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=302"
                        >
                    Page 302 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=303"
                        >
                    Page 303 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=304"
                        >
                    Page 304 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=305"
                        >
                    Page 305 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=306"
                        >
                    Page 306 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=307"
                        >
                    Page 307 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=308"
                        >
                    Page 308 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=309"
                        >
                    Page 309 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=310"
                        >
                    Page 310 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=311"
                        >
                    Page 311 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=312"
                        >
                    Page 312 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=313"
                        >
                    Page 313 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=314"
                        >
                    Page 314 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=315"
                        >
                    Page 315 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=316"
                        >
                    Page 316 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=317"
                        >
                    Page 317 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=318"
                        >
                    Page 318 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=319"
                        >
                    Page 319 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=320"
                        >
                    Page 320 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=321"
                        >
                    Page 321 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=322"
                        >
                    Page 322 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=323"
                        >
                    Page 323 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=324"
                        >
                    Page 324 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=325"
                        >
                    Page 325 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=326"
                        >
                    Page 326 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=327"
                        >
                    Page 327 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=328"
                        >
                    Page 328 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=329"
                        >
                    Page 329 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=330"
                        >
                    Page 330 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=331"
                        >
                    Page 331 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=332"
                        >
                    Page 332 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=333"
                        >
                    Page 333 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=334"
                        >
                    Page 334 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=335"
                        >
                    Page 335 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=336"
                        >
                    Page 336 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=337"
                        >
                    Page 337 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=338"
                        >
                    Page 338 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=339"
                        >
                    Page 339 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=340"
                        >
                    Page 340 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=341"
                        >
                    Page 341 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=342"
                        >
                    Page 342 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=343"
                        >
                    Page 343 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=344"
                        >
                    Page 344 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=345"
                        >
                    Page 345 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=346"
                        >
                    Page 346 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=347"
                        >
                    Page 347 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=348"
                        >
                    Page 348 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=349"
                        >
                    Page 349 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=350"
                        >
                    Page 350 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=351"
                        >
                    Page 351 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=352"
                        >
                    Page 352 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=353"
                        >
                    Page 353 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=354"
                        >
                    Page 354 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=355"
                        >
                    Page 355 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=356"
                        >
                    Page 356 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=357"
                        >
                    Page 357 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=358"
                        >
                    Page 358 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=359"
                        >
                    Page 359 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=360"
                        >
                    Page 360 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=361"
                        >
                    Page 361 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=362"
                        >
                    Page 362 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=363"
                        >
                    Page 363 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=364"
                        >
                    Page 364 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=365"
                        >
                    Page 365 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=366"
                        >
                    Page 366 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=367"
                        >
                    Page 367 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=368"
                        >
                    Page 368 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=369"
                        >
                    Page 369 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=370"
                        >
                    Page 370 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=371"
                        >
                    Page 371 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=372"
                        >
                    Page 372 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=373"
                        >
                    Page 373 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=374"
                        >
                    Page 374 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=375"
                        >
                    Page 375 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=376"
                        >
                    Page 376 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=377"
                        >
                    Page 377 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=378"
                        >
                    Page 378 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=379"
                        >
                    Page 379 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=380"
                        >
                    Page 380 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=381"
                        >
                    Page 381 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=382"
                        >
                    Page 382 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=383"
                        >
                    Page 383 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=384"
                        >
                    Page 384 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=385"
                        >
                    Page 385 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=386"
                        >
                    Page 386 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=387"
                        >
                    Page 387 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=388"
                        >
                    Page 388 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=389"
                        >
                    Page 389 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=390"
                        >
                    Page 390 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=391"
                        >
                    Page 391 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=392"
                        >
                    Page 392 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=393"
                        >
                    Page 393 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=394"
                        >
                    Page 394 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=395"
                        >
                    Page 395 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=396"
                        >
                    Page 396 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=397"
                        >
                    Page 397 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=398"
                        >
                    Page 398 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=399"
                        >
                    Page 399 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=400"
                        >
                    Page 400 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=401"
                        >
                    Page 401 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=402"
                        >
                    Page 402 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=403"
                        >
                    Page 403 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=404"
                        >
                    Page 404 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=405"
                        >
                    Page 405 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=406"
                        >
                    Page 406 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=407"
                        >
                    Page 407 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=408"
                        >
                    Page 408 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=409"
                        >
                    Page 409 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=410"
                        >
                    Page 410 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=411"
                        >
                    Page 411 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=412"
                        >
                    Page 412 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=413"
                        >
                    Page 413 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=414"
                        >
                    Page 414 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=415"
                        >
                    Page 415 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=416"
                        >
                    Page 416 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=417"
                        >
                    Page 417 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=418"
                        >
                    Page 418 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=419"
                        >
                    Page 419 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=420"
                        >
                    Page 420 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=421"
                        >
                    Page 421 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=422"
                        >
                    Page 422 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=423"
                        >
                    Page 423 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=424"
                        >
                    Page 424 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=425"
                        >
                    Page 425 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=426"
                        >
                    Page 426 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=427"
                        >
                    Page 427 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=428"
                        >
                    Page 428 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=429"
                        >
                    Page 429 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=430"
                        >
                    Page 430 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=431"
                        >
                    Page 431 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=432"
                        >
                    Page 432 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=433"
                        >
                    Page 433 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=434"
                        >
                    Page 434 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=435"
                        >
                    Page 435 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=436"
                        >
                    Page 436 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=437"
                        >
                    Page 437 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=438"
                        >
                    Page 438 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=439"
                        >
                    Page 439 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=440"
                        >
                    Page 440 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=441"
                        >
                    Page 441 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=442"
                        >
                    Page 442 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=443"
                        >
                    Page 443 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=444"
                        >
                    Page 444 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=445"
                        >
                    Page 445 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=446"
                        >
                    Page 446 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=447"
                        >
                    Page 447 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=448"
                        >
                    Page 448 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=449"
                        >
                    Page 449 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=450"
                        >
                    Page 450 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=451"
                        >
                    Page 451 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=452"
                        >
                    Page 452 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=453"
                        >
                    Page 453 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=454"
                        >
                    Page 454 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=455"
                        >
                    Page 455 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=456"
                        >
                    Page 456 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=457"
                        >
                    Page 457 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=458"
                        >
                    Page 458 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=459"
                        >
                    Page 459 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=460"
                        >
                    Page 460 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=461"
                        >
                    Page 461 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=462"
                        >
                    Page 462 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=463"
                        >
                    Page 463 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=464"
                        >
                    Page 464 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=465"
                        >
                    Page 465 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=466"
                        >
                    Page 466 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=467"
                        >
                    Page 467 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=468"
                        >
                    Page 468 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=469"
                        >
                    Page 469 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=470"
                        >
                    Page 470 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=471"
                        >
                    Page 471 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=472"
                        >
                    Page 472 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=473"
                        >
                    Page 473 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=474"
                        >
                    Page 474 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=475"
                        >
                    Page 475 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=476"
                        >
                    Page 476 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=477"
                        >
                    Page 477 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=478"
                        >
                    Page 478 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=479"
                        >
                    Page 479 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=480"
                        >
                    Page 480 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=481"
                        >
                    Page 481 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=482"
                        >
                    Page 482 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=483"
                        >
                    Page 483 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=484"
                        >
                    Page 484 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=485"
                        >
                    Page 485 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=486"
                        >
                    Page 486 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=487"
                        >
                    Page 487 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=488"
                        >
                    Page 488 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=489"
                        >
                    Page 489 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=490"
                        >
                    Page 490 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=491"
                        >
                    Page 491 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=492"
                        >
                    Page 492 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=493"
                        >
                    Page 493 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=494"
                        >
                    Page 494 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=495"
                        >
                    Page 495 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=496"
                        >
                    Page 496 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=497"
                        >
                    Page 497 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=498"
                        >
                    Page 498 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=499"
                        >
                    Page 499 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=500"
                        >
                    Page 500 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=501"
                        >
                    Page 501 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=502"
                        >
                    Page 502 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=503"
                        >
                    Page 503 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=504"
                        >
                    Page 504 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=505"
                        >
                    Page 505 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=506"
                        >
                    Page 506 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=507"
                        >
                    Page 507 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=508"
                        >
                    Page 508 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=509"
                        >
                    Page 509 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=510"
                        >
                    Page 510 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=511"
                        >
                    Page 511 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=512"
                        >
                    Page 512 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=513"
                        >
                    Page 513 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=514"
                        >
                    Page 514 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=515"
                        >
                    Page 515 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=516"
                        >
                    Page 516 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=517"
                        >
                    Page 517 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=518"
                        >
                    Page 518 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=519"
                        >
                    Page 519 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=520"
                        >
                    Page 520 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=521"
                        >
                    Page 521 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=522"
                        >
                    Page 522 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=523"
                        >
                    Page 523 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=524"
                        >
                    Page 524 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=525"
                        >
                    Page 525 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=526"
                        >
                    Page 526 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=527"
                        >
                    Page 527 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=528"
                        >
                    Page 528 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=529"
                        >
                    Page 529 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=530"
                        >
                    Page 530 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=531"
                        >
                    Page 531 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=532"
                        >
                    Page 532 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=533"
                        >
                    Page 533 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=534"
                        >
                    Page 534 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=535"
                        >
                    Page 535 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=536"
                        >
                    Page 536 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=537"
                        >
                    Page 537 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=538"
                        >
                    Page 538 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=539"
                        >
                    Page 539 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=540"
                        >
                    Page 540 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=541"
                        >
                    Page 541 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=542"
                        >
                    Page 542 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=543"
                        >
                    Page 543 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=544"
                        >
                    Page 544 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=545"
                        >
                    Page 545 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=546"
                        >
                    Page 546 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=547"
                        >
                    Page 547 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=548"
                        >
                    Page 548 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=549"
                        >
                    Page 549 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=550"
                        >
                    Page 550 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=551"
                        >
                    Page 551 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=552"
                        >
                    Page 552 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=553"
                        >
                    Page 553 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=554"
                        >
                    Page 554 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=555"
                        >
                    Page 555 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=556"
                        >
                    Page 556 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=557"
                        >
                    Page 557 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=558"
                        >
                    Page 558 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=559"
                        >
                    Page 559 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=560"
                        >
                    Page 560 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=561"
                        >
                    Page 561 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=562"
                        >
                    Page 562 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=563"
                        >
                    Page 563 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=564"
                        >
                    Page 564 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=565"
                        >
                    Page 565 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=566"
                        >
                    Page 566 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=567"
                        >
                    Page 567 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=568"
                        >
                    Page 568 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=569"
                        >
                    Page 569 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=570"
                        >
                    Page 570 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=571"
                        >
                    Page 571 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=572"
                        >
                    Page 572 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=573"
                        >
                    Page 573 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=574"
                        >
                    Page 574 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=575"
                        >
                    Page 575 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=576"
                        >
                    Page 576 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=577"
                        >
                    Page 577 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=578"
                        >
                    Page 578 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=579"
                        >
                    Page 579 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=580"
                        >
                    Page 580 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=581"
                        >
                    Page 581 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=582"
                        >
                    Page 582 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=583"
                        >
                    Page 583 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=584"
                        >
                    Page 584 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=585"
                        >
                    Page 585 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=586"
                        >
                    Page 586 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=587"
                        >
                    Page 587 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=588"
                        >
                    Page 588 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=589"
                        >
                    Page 589 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=590"
                        >
                    Page 590 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=591"
                        >
                    Page 591 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=592"
                        >
                    Page 592 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=593"
                        >
                    Page 593 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=594"
                        >
                    Page 594 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=595"
                        >
                    Page 595 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=596"
                        >
                    Page 596 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=597"
                        >
                    Page 597 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=598"
                        >
                    Page 598 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=599"
                        >
                    Page 599 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=600"
                        >
                    Page 600 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=601"
                        >
                    Page 601 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=602"
                        >
                    Page 602 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=603"
                        >
                    Page 603 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=604"
                        >
                    Page 604 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=605"
                        >
                    Page 605 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=606"
                        >
                    Page 606 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=607"
                        >
                    Page 607 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=608"
                        >
                    Page 608 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=609"
                        >
                    Page 609 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=610"
                        >
                    Page 610 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=611"
                        >
                    Page 611 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=612"
                        >
                    Page 612 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=613"
                        >
                    Page 613 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=614"
                        >
                    Page 614 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=615"
                        >
                    Page 615 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=616"
                        >
                    Page 616 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=617"
                        >
                    Page 617 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=618"
                        >
                    Page 618 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=619"
                        >
                    Page 619 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=620"
                        >
                    Page 620 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=621"
                        >
                    Page 621 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=622"
                        >
                    Page 622 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=623"
                        >
                    Page 623 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=624"
                        >
                    Page 624 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=625"
                        >
                    Page 625 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=626"
                        >
                    Page 626 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=627"
                        >
                    Page 627 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=628"
                        >
                    Page 628 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=629"
                        >
                    Page 629 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=630"
                        >
                    Page 630 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=631"
                        >
                    Page 631 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=632"
                        >
                    Page 632 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=633"
                        >
                    Page 633 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=634"
                        >
                    Page 634 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=635"
                        >
                    Page 635 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=636"
                        >
                    Page 636 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=637"
                        >
                    Page 637 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=638"
                        >
                    Page 638 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=639"
                        >
                    Page 639 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=640"
                        >
                    Page 640 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=641"
                        >
                    Page 641 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=642"
                        >
                    Page 642 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=643"
                        >
                    Page 643 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=644"
                        >
                    Page 644 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=645"
                        >
                    Page 645 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=646"
                        >
                    Page 646 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=647"
                        >
                    Page 647 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=648"
                        >
                    Page 648 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=649"
                        >
                    Page 649 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=650"
                        >
                    Page 650 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=651"
                        >
                    Page 651 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=652"
                        >
                    Page 652 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=653"
                        >
                    Page 653 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=654"
                        >
                    Page 654 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=655"
                        >
                    Page 655 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=656"
                        >
                    Page 656 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=657"
                        >
                    Page 657 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=658"
                        >
                    Page 658 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=659"
                        >
                    Page 659 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=660"
                        >
                    Page 660 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=661"
                        >
                    Page 661 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=662"
                        >
                    Page 662 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=663"
                        >
                    Page 663 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=664"
                        >
                    Page 664 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=665"
                        >
                    Page 665 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=666"
                        >
                    Page 666 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=667"
                        >
                    Page 667 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=668"
                        >
                    Page 668 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=669"
                        >
                    Page 669 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=670"
                        >
                    Page 670 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=671"
                        >
                    Page 671 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=672"
                        >
                    Page 672 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=673"
                        >
                    Page 673 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=674"
                        >
                    Page 674 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=675"
                        >
                    Page 675 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=676"
                        >
                    Page 676 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=677"
                        >
                    Page 677 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=678"
                        >
                    Page 678 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=679"
                        >
                    Page 679 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=680"
                        >
                    Page 680 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=681"
                        >
                    Page 681 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=682"
                        >
                    Page 682 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=683"
                        >
                    Page 683 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=684"
                        >
                    Page 684 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=685"
                        >
                    Page 685 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=686"
                        >
                    Page 686 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=687"
                        >
                    Page 687 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=688"
                        >
                    Page 688 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=689"
                        >
                    Page 689 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=690"
                        >
                    Page 690 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=691"
                        >
                    Page 691 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=692"
                        >
                    Page 692 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=693"
                        >
                    Page 693 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=694"
                        >
                    Page 694 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=695"
                        >
                    Page 695 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=696"
                        >
                    Page 696 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=697"
                        >
                    Page 697 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=698"
                        >
                    Page 698 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=699"
                        >
                    Page 699 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=700"
                        >
                    Page 700 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=701"
                        >
                    Page 701 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=702"
                        >
                    Page 702 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=703"
                        >
                    Page 703 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=704"
                        >
                    Page 704 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=705"
                        >
                    Page 705 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=706"
                        >
                    Page 706 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=707"
                        >
                    Page 707 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=708"
                        >
                    Page 708 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=709"
                        >
                    Page 709 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=710"
                        >
                    Page 710 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=711"
                        >
                    Page 711 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=712"
                        >
                    Page 712 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=713"
                        >
                    Page 713 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=714"
                        >
                    Page 714 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=715"
                        >
                    Page 715 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=716"
                        >
                    Page 716 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=717"
                        >
                    Page 717 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=718"
                        >
                    Page 718 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=719"
                        >
                    Page 719 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=720"
                        >
                    Page 720 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=721"
                        >
                    Page 721 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=722"
                        >
                    Page 722 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=723"
                        >
                    Page 723 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=724"
                        >
                    Page 724 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=725"
                        >
                    Page 725 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=726"
                        >
                    Page 726 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=727"
                        >
                    Page 727 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=728"
                        >
                    Page 728 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=729"
                        >
                    Page 729 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=730"
                        >
                    Page 730 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=731"
                        >
                    Page 731 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=732"
                        >
                    Page 732 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=733"
                        >
                    Page 733 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=734"
                        >
                    Page 734 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=735"
                        >
                    Page 735 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=736"
                        >
                    Page 736 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=737"
                        >
                    Page 737 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=738"
                        >
                    Page 738 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=739"
                        >
                    Page 739 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=740"
                        >
                    Page 740 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=741"
                        >
                    Page 741 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=742"
                        >
                    Page 742 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=743"
                        >
                    Page 743 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=744"
                        >
                    Page 744 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=745"
                        >
                    Page 745 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=746"
                        >
                    Page 746 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=747"
                        >
                    Page 747 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=748"
                        >
                    Page 748 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=749"
                        >
                    Page 749 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=750"
                        >
                    Page 750 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=751"
                        >
                    Page 751 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=752"
                        >
                    Page 752 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=753"
                        >
                    Page 753 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=754"
                        >
                    Page 754 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=755"
                        >
                    Page 755 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=756"
                        >
                    Page 756 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=757"
                        >
                    Page 757 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=758"
                        >
                    Page 758 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=759"
                        >
                    Page 759 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=760"
                        >
                    Page 760 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=761"
                        >
                    Page 761 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=762"
                        >
                    Page 762 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=763"
                        >
                    Page 763 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=764"
                        >
                    Page 764 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=765"
                        >
                    Page 765 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=766"
                        >
                    Page 766 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=767"
                        >
                    Page 767 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=768"
                        >
                    Page 768 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=769"
                        >
                    Page 769 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=770"
                        >
                    Page 770 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=771"
                        >
                    Page 771 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=772"
                        >
                    Page 772 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=773"
                        >
                    Page 773 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=774"
                        >
                    Page 774 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=775"
                        >
                    Page 775 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=776"
                        >
                    Page 776 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=777"
                        >
                    Page 777 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=778"
                        >
                    Page 778 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=779"
                        >
                    Page 779 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=780"
                        >
                    Page 780 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=781"
                        >
                    Page 781 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=782"
                        >
                    Page 782 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=783"
                        >
                    Page 783 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=784"
                        >
                    Page 784 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=785"
                        >
                    Page 785 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=786"
                        >
                    Page 786 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=787"
                        >
                    Page 787 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=788"
                        >
                    Page 788 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=789"
                        >
                    Page 789 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=790"
                        >
                    Page 790 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=791"
                        >
                    Page 791 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=792"
                        >
                    Page 792 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=793"
                        >
                    Page 793 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=794"
                        >
                    Page 794 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=795"
                        >
                    Page 795 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=796"
                        >
                    Page 796 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=797"
                        >
                    Page 797 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=798"
                        >
                    Page 798 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=799"
                        >
                    Page 799 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=800"
                        >
                    Page 800 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=801"
                        >
                    Page 801 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=802"
                        >
                    Page 802 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=803"
                        >
                    Page 803 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=804"
                        >
                    Page 804 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=805"
                        >
                    Page 805 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=806"
                        >
                    Page 806 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=807"
                        >
                    Page 807 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=808"
                        >
                    Page 808 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=809"
                        >
                    Page 809 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=810"
                        >
                    Page 810 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=811"
                        >
                    Page 811 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=812"
                        >
                    Page 812 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=813"
                        >
                    Page 813 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=814"
                        >
                    Page 814 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=815"
                        >
                    Page 815 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=816"
                        >
                    Page 816 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=817"
                        >
                    Page 817 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=818"
                        >
                    Page 818 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=819"
                        >
                    Page 819 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=820"
                        >
                    Page 820 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=821"
                        >
                    Page 821 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=822"
                        >
                    Page 822 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=823"
                        >
                    Page 823 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=824"
                        >
                    Page 824 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=825"
                        >
                    Page 825 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=826"
                        >
                    Page 826 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=827"
                        >
                    Page 827 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=828"
                        >
                    Page 828 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=829"
                        >
                    Page 829 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=830"
                        >
                    Page 830 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=831"
                        >
                    Page 831 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=832"
                        >
                    Page 832 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=833"
                        >
                    Page 833 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=834"
                        >
                    Page 834 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=835"
                        >
                    Page 835 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=836"
                        >
                    Page 836 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=837"
                        >
                    Page 837 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=838"
                        >
                    Page 838 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=839"
                        >
                    Page 839 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=840"
                        >
                    Page 840 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=841"
                        >
                    Page 841 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=842"
                        >
                    Page 842 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=843"
                        >
                    Page 843 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=844"
                        >
                    Page 844 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=845"
                        >
                    Page 845 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=846"
                        >
                    Page 846 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=847"
                        >
                    Page 847 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=848"
                        >
                    Page 848 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=849"
                        >
                    Page 849 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=850"
                        >
                    Page 850 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=851"
                        >
                    Page 851 of 852
                </option>
                            <option value="https://www.nationalacademies.org/publications/all?page=852"
                        >
                    Page 852 of 852
                </option>
                    </select>

        <svg width="20"
     height="20"
     fill="none"
      class="absolute top-1/2 right-20 -translate-y-1/2 pointer-events-none w-16 h-16 text-primary"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-down-20"></use>
</svg>
    </div>

    
    <p class="mt-4 f-body-1 text-error flex items-center gap-4 f-ui-02"
       id="errorIDdagd"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;"></p>

</div>

                    </div>
    </div>
    <div class="md:hidden f-ui-02 text-secondary text-center mt-spacing-set-4">
        Page 1 of 852
    </div>
</div>
</form>
    </div>

                        </div>

                                        <div class="breakout bg-info">
        <div
            class="py-outer-margins lg:pb-spacing-set-9 container flex flex-col justify-between lg:flex-row"
        >
            <div>
                
                                    <div class="f-heading-04 text-primary">Subscribe to Email from the National Academies</div>
                
                                    <div class="f-heading-04 text-secondary">
                        Keep up with all of the activities, publications, and events by subscribing to free updates by email.
                    </div>
                
                            </div>

                            <div
                    class="gap-spacing-set-3 mt-spacing-set-6 lg:ml-spacing-set-6 flex shrink-0 flex-col lg:mt-0"
                >
                                            <button data-modal-target="#cta-modal-0" class="flex items-center effect-color effect-focus cursor-pointer disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-48 h-48 px-24 btn-md f-ui-02 bg-inverse text-inverse effect-interactive-inverse gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pl-20"
                                          >
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#arrow-right-16"></use>
</svg>
    
            <span class="flex items-center justify-center gap-8 shrink-0">Subscribe</span>
    
    
        </button>
                                    </div>
                    </div>
    </div>

                                    
<footer
    class="theme-dark-brand bg-default text-primary py-spacing-set-9"
    data-themeable
>
    <div class="gap-spacing-set-11 container flex flex-col">
        <div
            class="gap-spacing-set-11 xl:gap-x-gutter flex flex-col xl:flex-row xl:justify-between"
        >
            <div
                class="gap-spacing-set-7 md:w-cols-8 lg:w-cols-6 xl:w-cols-10 flex flex-col"
            >
                <a href="https://www.nationalacademies.org" class="effect-focus w-max">
                    <svg width="240"
     height="45"
     fill="none"
      class="h-40 w-213 lg:h-48 lg:w-256"
         viewBox="0 0 240 45"
      aria-label="National Academies"
    >
    <use xlink:href="#logo"></use>
</svg>
                </a>
                                    <div class="f-ui-04 xl:text-balance">
                        <p>Driving progress for the benefit of society by providing independent, objective advice to advance science, engineering, and medicine.</p>
                    </div>
                            </div>
            <nav
                class="gap-x-gutter gap-y-spacing-set-9 xl:w-cols-12 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-2"
                aria-label="Footer Navigation"
            >
                                    <div class="gap-spacing-set-5 flex flex-col">
                        <h3 class="f-label text-secondary">
                            The National Academies
                        </h3>
                        <ul class="gap-spacing-set-4 f-ui-02 flex flex-col">
                                                                                                <li>
                                        <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary effect-hover-underline"
                      href="https://www.nasonline.org/"                       target="_blank" >
    
    
            <span class="">National Academy of Sciences</span>
    
    
        </a>
                                    </li>
                                                                                                                                <li>
                                        <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary effect-hover-underline"
                      href="https://www.nae.edu/"                       target="_blank" >
    
    
            <span class="">National Academy of Engineering</span>
    
    
        </a>
                                    </li>
                                                                                                                                <li>
                                        <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary effect-hover-underline"
                      href="https://nam.edu/"                       target="_blank" >
    
    
            <span class="">National Academy of Medicine</span>
    
    
        </a>
                                    </li>
                                                                                                                                <li>
                                        <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary effect-hover-underline"
                      href="https://careers.nationalacademies.org/us/en/home"                       target="_blank" >
    
    
            <span class="">Careers</span>
    
    
        </a>
                                    </li>
                                                                                                                                <li>
                                        <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary effect-hover-underline"
                      href="https://www.nationalacademies.org/national-academies-press"                      >
    
    
            <span class="">National Academies Press (NAP)</span>
    
    
        </a>
                                    </li>
                                                                                                                                <li>
                                        <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary effect-hover-underline"
                      href="https://www.trb.org/Publications/PubsTRBPublicationsbySeries.aspx"                       target="_blank" >
    
    
            <span class="">Transportation Research Board Reports</span>
    
    
        </a>
                                    </li>
                                                                                                                                <li>
                                        <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary effect-hover-underline"
                      href="https://www.nationalacademies.org/myacademies-accounts"                      >
    
    
            <span class="">MyAcademies Accounts</span>
    
    
        </a>
                                    </li>
                                                                                                                                <li>
                                        <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary effect-hover-underline"
                      href="https://www.nationalacademies.org/contact-us"                      >
    
    
            <span class="">Contact Us</span>
    
    
        </a>
                                    </li>
                                                                                    </ul>
                    </div>
                                    <div class="gap-spacing-set-5 flex flex-col">
                        <h3 class="f-label text-secondary">
                            Journals and Periodicals
                        </h3>
                        <ul class="gap-spacing-set-4 f-ui-02 flex flex-col">
                                                                                                <li>
                                        <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary effect-hover-underline"
                      href="https://www.pnas.org/"                       target="_blank" >
    
    
            <span class="">PNAS</span>
    
    
        </a>
                                    </li>
                                                                                                                                <li>
                                        <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary effect-hover-underline"
                      href="https://academic.oup.com/pnasnexus"                       target="_blank" >
    
    
            <span class="">PNAS Nexus</span>
    
    
        </a>
                                    </li>
                                                                                                                                <li>
                                        <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary effect-hover-underline"
                      href="https://academic.oup.com/ilarjournal"                       target="_blank" >
    
    
            <span class="">ILAR Journal</span>
    
    
        </a>
                                    </li>
                                                                                                                                <li>
                                        <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary effect-hover-underline"
                      href="https://issues.org/"                       target="_blank" >
    
    
            <span class="">Issues in Science and Technology</span>
    
    
        </a>
                                    </li>
                                                                                                                                <li>
                                        <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary effect-hover-underline"
                      href="https://journals.sagepub.com/home/trr"                       target="_blank" >
    
    
            <span class="">Transportation Research Record: Journal of the Transportation Research Board</span>
    
    
        </a>
                                    </li>
                                                                                                                                <li>
                                        <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary effect-hover-underline"
                      href="https://trnews.org/"                       target="_blank" >
    
    
            <span class="">TR News</span>
    
    
        </a>
                                    </li>
                                                                                    </ul>
                    </div>
                                    <div class="gap-spacing-set-5 flex flex-col">
                        <h3 class="f-label text-secondary">
                            Visit
                        </h3>
                        <ul class="gap-spacing-set-4 f-ui-02 flex flex-col">
                                                                                                <li>
                                        <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary effect-hover-underline"
                      href="https://www.nationalacademies.org/visit"                      >
    
    
            <span class="">Visit Us Information</span>
    
    
        </a>
                                    </li>
                                                                                                                                <li>
                                        <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary effect-hover-underline"
                      href="https://www.nationalacademies.org/current-operating-status"                      >
    
    
            <span class="">Current Operating Status</span>
    
    
        </a>
                                    </li>
                                                                                                                                <li>
                                        <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary effect-hover-underline"
                      href="https://www.nationalacademies.org/beckman-center-ca"                      >
    
    
            <span class="">Beckman Center</span>
    
    
        </a>
                                    </li>
                                                                                                                                <li>
                                        <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary effect-hover-underline"
                      href="https://www.nationalacademies.org/archives"                      >
    
    
            <span class="">Archives</span>
    
    
        </a>
                                    </li>
                                                                                    </ul>
                    </div>
                                    <div class="gap-spacing-set-5 flex flex-col">
                        <h3 class="f-label text-secondary">
                            Legal
                        </h3>
                        <ul class="gap-spacing-set-4 f-ui-02 flex flex-col">
                                                                                                <li>
                                        <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary effect-hover-underline"
                      href="https://www.nationalacademies.org/policies-and-procedures"                      >
    
    
            <span class="">Policies and Procedures</span>
    
    
        </a>
                                    </li>
                                                                                                                                <li>
                                        <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary effect-hover-underline"
                      href="https://www.nationalacademies.org/legal-information"                      >
    
    
            <span class="">Legal Information</span>
    
    
        </a>
                                    </li>
                                                                                                                                <li>
                                        <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary effect-hover-underline"
                      href="https://www.nationalacademies.org/privacy-statement"                      >
    
    
            <span class="">Privacy Statement</span>
    
    
        </a>
                                    </li>
                                                                                                                                <li>
                                        <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary effect-hover-underline"
                      href="https://www.nationalacademies.org/terms-of-use"                      >
    
    
            <span class="">Terms of Use</span>
    
    
        </a>
                                    </li>
                                                                                    </ul>
                    </div>
                            </nav>
        </div>
        <div
            class="gap-spacing-set-4 flex flex-col md:flex-row md:items-end md:justify-between"
        >
            <p class="f-ui-02">
                © 2026 National Academy of Sciences. All Rights
                Reserved.
            </p>
            <div class="gap-spacing-set-2 flex">
                <a aria-label="Facebook" class="effect-color effect-focus disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-40 h-40 btn-sm f-ui-02 text-primary effect-interactive disabled:opacity-30 px-0 flex items-center justify-center btn-iconOnly cursor-pointer [&.btn-tag]:px-8 [&.btn-tag]:h-32 gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pr-20"
                      href="https://www.facebook.com/NationalAcademies/"                       target="_blank" >
    
    
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#facebook-16"></use>
</svg>
    
        </a>
                <a aria-label="LinkedIn" class="effect-color effect-focus disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-40 h-40 btn-sm f-ui-02 text-primary effect-interactive disabled:opacity-30 px-0 flex items-center justify-center btn-iconOnly cursor-pointer [&.btn-tag]:px-8 [&.btn-tag]:h-32 gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pr-20"
                      href="https://www.linkedin.com/company/the-national-academies/posts/?feedView=all"                       target="_blank" >
    
    
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#linkedin-16"></use>
</svg>
    
        </a>
                <a aria-label="X" class="effect-color effect-focus disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-40 h-40 btn-sm f-ui-02 text-primary effect-interactive disabled:opacity-30 px-0 flex items-center justify-center btn-iconOnly cursor-pointer [&.btn-tag]:px-8 [&.btn-tag]:h-32 gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pr-20"
                      href="https://x.com/TheNASEM"                       target="_blank" >
    
    
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#x-16"></use>
</svg>
    
        </a>
            </div>
        </div>
    </div>
</footer>
                    
                    <div data-modal-wrapper>
                        
    <div id="modaldiscover"
         role="dialog"
         aria-labelledby="modaldiscover_title"
         aria-modal="true"
         data-behavior="Modal" class="group/modal fixed inset-0 flex flex-col opacity-0 modal-effect-hidden-fade data-[active]:modal-effect-show-fade data-[active]:opacity-100 overscroll-contain mt-header z-999 bg-transparent"
         data-Modal-panel="true"
         
         data-Modal-clickOutside="true">
        <div class="w-full opacity-0 overflow-hidden group-data-[active]/modal:duration-200 delay-100 group-data-[active]/modal:delay-300 group-data-[active]/modal:opacity-100 transition-opacity duration-300 ease-expressive-standard"
             data-Modal-focus-trap
             tabindex="-1">
            
                                                <h1 class="sr-only" id="modaldiscover_title" data-Modal-initial-focus="" tabindex="-1">Discover</h1>
                            
            <div
            data-modal-scroller
            class="max-h-max-screen relative overflow-x-hidden overflow-y-scroll"
        >
            <div class="breakout">
    <div class="px-outer-gutter pt-spacing-set-8 pb-spacing-set-10">
        <div class="grid-layout">
            <div
                class="grid-col-span-8 xl:grid-col-span-12 gap-x-gutter gap-y-spacing-set-8 grid grid-cols-2"
            >
                <div class="gap-y-spacing-set-6 flex flex-col">
                                                                        <div
        class="flex flex-col gap-spacing-set-5"
    >
                    <div class="f-label text-secondary">Trending Topics</div>
        
                    <div class="gap-spacing-set-3 flex flex-col">
                                    <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative after:absolute after:inset-0 after:-my-4 after:-ml-8 after:rounded-sm after:bg-interactive-hovered after:opacity-0 after:transition-opacity after:ease-expressive-standard hover:after:opacity-100"
                      href="https://www.nationalacademies.org/topics/transportation"                      >
    
    
            <span class="">Transportation</span>
    
    
        </a>
                                                <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative after:absolute after:inset-0 after:-my-4 after:-ml-8 after:rounded-sm after:bg-interactive-hovered after:opacity-0 after:transition-opacity after:ease-expressive-standard hover:after:opacity-100"
                      href="https://www.nationalacademies.org/topics/artificial-intelligence"                      >
    
    
            <span class="">Artificial Intelligence</span>
    
    
        </a>
                                                <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative after:absolute after:inset-0 after:-my-4 after:-ml-8 after:rounded-sm after:bg-interactive-hovered after:opacity-0 after:transition-opacity after:ease-expressive-standard hover:after:opacity-100"
                      href="https://www.nationalacademies.org/topics/space-security-and-conflicts"                      >
    
    
            <span class="">Space, Security, and Conflicts</span>
    
    
        </a>
                        </div>
        
                    <a class="inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-accent effect-hover-underline f-ui-02"
                      href="https://www.nationalacademies.org/topics"                      >
    
    
            <span class="">See All Topics</span>
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[expanded=true]:rotate-180 shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#chevron-right-16"></use>
</svg>
    
        </a>
            </div>
                                                                                                        </div>
                <div
                    class="keyline-l-subtle gap-y-spacing-set-8 flex flex-col pl-[calc(var(--inner-gutter)_/_2)]"
                >
                                                                                                                    <div
        class="flex flex-col gap-spacing-set-5"
    >
                    <div class="f-label text-secondary">Our Work</div>
        
                    <div class="gap-spacing-set-3 flex flex-col">
                                    <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative after:absolute after:inset-0 after:-my-4 after:-ml-8 after:rounded-sm after:bg-interactive-hovered after:opacity-0 after:transition-opacity after:ease-expressive-standard hover:after:opacity-100"
                      href="https://www.nationalacademies.org/projects/consensusadvisory-activity"                      >
    
    
            <span class="">Consensus Studies</span>
    
    
        </a>
                                                <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative after:absolute after:inset-0 after:-my-4 after:-ml-8 after:rounded-sm after:bg-interactive-hovered after:opacity-0 after:transition-opacity after:ease-expressive-standard hover:after:opacity-100"
                      href="https://www.nationalacademies.org/projects/educationaloutreach-activity"                      >
    
    
            <span class="">Outreach Activities</span>
    
    
        </a>
                                                <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative after:absolute after:inset-0 after:-my-4 after:-ml-8 after:rounded-sm after:bg-interactive-hovered after:opacity-0 after:transition-opacity after:ease-expressive-standard hover:after:opacity-100"
                      href="https://www.nationalacademies.org/projects/standing-committee"                      >
    
    
            <span class="">Standing Committees</span>
    
    
        </a>
                        </div>
        
                    <a class="inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-accent effect-hover-underline f-ui-02"
                      href="https://www.nationalacademies.org/projects"                      >
    
    
            <span class="">See All Work</span>
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[expanded=true]:rotate-180 shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#chevron-right-16"></use>
</svg>
    
        </a>
            </div>
                                                            </div>
            </div>
            <div
                class="grid-col-span-4 xl:grid-col-span-12 keyline-l-subtle pl-[calc(var(--inner-gutter)_/_2)]"
            >
                <div class="gap-gutter flex flex-col xl:flex-row">
                                                                        <a
        data-wrapper-component="composers:card-link-wrapper" href="/publications/all" class="block w-full text-left focus-visible:outline-0 transition-shadow hover:shadow-md group group/card bg-info text-primary hover:bg-accent hover:text-inverse relative flex min-h-128 w-full flex-col justify-between p-16 delay-150 hover:delay-0" data-component="card:icon-nav"
    >
        <!-- Generator: Adobe Illustrator 27.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg class="fill-current text-accent group-hover/card:icon-nav-hidden-fade icon-nav-show-fade pointer-events-none h-48 w-48 opacity-100" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
<path id="literature_00000046327240343860156010000015947318495714013594_" d="M31,27.36H18v-0.72h12.64V7h0.721v20
	C31.36,27.199,31.199,27.36,31,27.36z M14,27.36H1c-0.199,0-0.36-0.161-0.36-0.36V7h0.72v19.64H14V27.36z M16.36,27h-0.72
	c0-0.904-0.736-1.64-1.64-1.64H3c-0.199,0-0.36-0.161-0.36-0.36V5c0-0.199,0.161-0.36,0.36-0.36h11c0.842,0,1.582,0.443,2,1.108
	c0.418-0.666,1.158-1.108,2-1.108h11c0.199,0,0.36,0.161,0.36,0.36v20c0,0.199-0.161,0.36-0.36,0.36H18
	C17.096,25.36,16.36,26.096,16.36,27z M15.64,7c0-0.904-0.736-1.64-1.64-1.64H3.36v19.28H14c0.637,0,1.215,0.254,1.64,0.665V7z
	 M16.36,7v18.305c0.425-0.411,1.003-0.665,1.64-0.665h10.64V5.36H18C17.096,5.36,16.36,6.096,16.36,7z M27,20.36h-9v-0.72h9V20.36z
	 M14,20.36H5v-0.72h9V20.36z M27,16.36h-9v-0.72h9V16.36z M14,16.36H5v-0.72h9V16.36z M27,12.36h-9v-0.72h9V12.36z M14,12.36H5
	v-0.72h9V12.36z M27,8.36h-9V7.64h9V8.36z M14,8.36H5V7.64h9V8.36z"/>
<rect id="_Transparent_Rectangle" style="fill:none;" width="32" height="32"/>
</svg>        
        <div
            class="mt-spacing-set-3 pointer-events-none flex items-end justify-between"
        >
            <p
                class="f-ui-02-strong group-hover/card:icon-nav-hidden-fade icon-nav-show-fade effect-group-focus-visible opacity-100"
            >
                Our Publications
            </p>
            <svg width="20"
     height="20"
     fill="none"
      class="ml-4 shrink-0" aria-hidden="true"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#arrow-right-20"></use>
</svg>
        </div>
                    <p
                class="icon-nav-hidden-fade icon-nav-translate-up f-ui-02 group-hover/card:icon-nav-show-fade group-hover/card:icon-nav-translate-reset pointer-events-none absolute top-16 left-16 group-hover/card:opacity-100"
            >
                Our peer-reviewed reports present the evidence-based consensus of committees of experts.
            </p>
    </a>
                                                    <a
        data-wrapper-component="composers:card-link-wrapper" href="https://www.nationalacademies.org/news" class="block w-full text-left focus-visible:outline-0 transition-shadow hover:shadow-md group group/card bg-info text-primary hover:bg-accent hover:text-inverse relative flex min-h-128 w-full flex-col justify-between p-16 delay-150 hover:delay-0" data-component="card:icon-nav"
    >
        <!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg class="fill-current text-accent group-hover/card:icon-nav-hidden-fade icon-nav-show-fade pointer-events-none h-48 w-48 opacity-100" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
<path id="distribution--ledger_1_" d="M30,1.64H2C1.801,1.64,1.64,1.801,1.64,2v28c0,0.199,0.161,0.36,0.36,0.36h28
	c0.199,0,0.36-0.161,0.36-0.36V2C30.36,1.801,30.199,1.64,30,1.64z M29.64,15.64h-2.28v-2.386c0-1.765-1.043-3.315-2.613-3.996
	c0.559-0.493,0.894-1.209,0.894-1.978c0-1.456-1.185-2.64-2.641-2.64s-2.641,1.184-2.641,2.64c0,0.768,0.335,1.484,0.894,1.978
	c-1.57,0.682-2.613,2.231-2.613,3.996v2.386h-2.28V2.36h13.28V15.64z M16.36,16.36h13.28v3.28H16.36V16.36z M22.221,9.034
	C21.527,8.725,21.08,8.037,21.08,7.28c0-1.059,0.861-1.92,1.92-1.92s1.92,0.861,1.92,1.92c0,0.757-0.447,1.445-1.141,1.753
	c-0.141,0.063-0.227,0.208-0.212,0.362s0.125,0.281,0.275,0.317c1.646,0.391,2.797,1.847,2.797,3.541v2.386H19.36v-2.386
	c0-1.694,1.15-3.15,2.797-3.541c0.15-0.036,0.261-0.163,0.275-0.316C22.447,9.243,22.361,9.097,22.221,9.034z M15.64,15.64H2.36
	V6.36h13.28C15.64,6.36,15.64,15.64,15.64,15.64z M15.64,2.36v3.28H2.36V2.36H15.64z M2.36,16.36h13.28v13.28h-2.28v-2.386
	c0-1.766-1.042-3.315-2.613-3.996c0.558-0.493,0.893-1.21,0.893-1.978c0-1.456-1.184-2.641-2.64-2.641s-2.64,1.185-2.64,2.641
	c0,0.768,0.335,1.484,0.893,1.978c-1.57,0.681-2.613,2.23-2.613,3.996v2.386H2.36V16.36z M8.221,23.034
	C7.528,22.726,7.08,22.037,7.08,21.28c0-1.059,0.861-1.92,1.92-1.92s1.92,0.861,1.92,1.92c0,0.757-0.448,1.445-1.141,1.754
	c-0.141,0.063-0.227,0.209-0.212,0.362c0.014,0.154,0.125,0.281,0.275,0.317c1.647,0.39,2.797,1.846,2.797,3.54v2.386H5.36v-2.386
	c0-1.694,1.15-3.15,2.798-3.54c0.15-0.036,0.261-0.163,0.275-0.317C8.448,23.243,8.362,23.098,8.221,23.034z M16.36,29.64v-9.28
	h13.28v9.279L16.36,29.64L16.36,29.64z M13,4.36H5V3.64h8V4.36z M27,17.64v0.721h-8V17.64H27z M13,9.36H5V8.64h8V9.36z M13,11.36H5
	v-0.72h8V11.36z M5,13.36v-0.72h5v0.72H5z M19,22.64h8v0.721h-8V22.64z M19,24.64h8v0.721h-8V24.64z M19,26.64h5v0.721h-5V26.64z"/>
<rect id="_Transparent_Rectangle" style="fill:none;" width="32" height="32"/>
</svg>        
        <div
            class="mt-spacing-set-3 pointer-events-none flex items-end justify-between"
        >
            <p
                class="f-ui-02-strong group-hover/card:icon-nav-hidden-fade icon-nav-show-fade effect-group-focus-visible opacity-100"
            >
                Explore the Latest News and Stories
            </p>
            <svg width="20"
     height="20"
     fill="none"
      class="ml-4 shrink-0" aria-hidden="true"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#arrow-right-20"></use>
</svg>
        </div>
                    <p
                class="icon-nav-hidden-fade icon-nav-translate-up f-ui-02 group-hover/card:icon-nav-show-fade group-hover/card:icon-nav-translate-reset pointer-events-none absolute top-16 left-16 group-hover/card:opacity-100"
            >
                The latest news and stories, with context you can trust.
            </p>
    </a>
                                                            </div>
            </div>
        </div>
    </div>
</div>
        </div>
        </div>
    </div>


    <div id="modalevents"
         role="dialog"
         aria-labelledby="modalevents_title"
         aria-modal="true"
         data-behavior="Modal" class="group/modal fixed inset-0 flex flex-col opacity-0 modal-effect-hidden-fade data-[active]:modal-effect-show-fade data-[active]:opacity-100 overscroll-contain mt-header z-999 bg-transparent"
         data-Modal-panel="true"
         
         data-Modal-clickOutside="true">
        <div class="w-full opacity-0 overflow-hidden group-data-[active]/modal:duration-200 delay-100 group-data-[active]/modal:delay-300 group-data-[active]/modal:opacity-100 transition-opacity duration-300 ease-expressive-standard"
             data-Modal-focus-trap
             tabindex="-1">
            
                                                <h1 class="sr-only" id="modalevents_title" data-Modal-initial-focus="" tabindex="-1">Events</h1>
                            
            <div
            data-modal-scroller
            class="max-h-max-screen relative overflow-x-hidden overflow-y-scroll"
        >
            <div class="breakout">
    <div class="px-outer-gutter pt-spacing-set-8 pb-spacing-set-10">
        <div class="grid-layout">
            <div
                class="grid-col-span-8 xl:grid-col-span-12 gap-x-gutter gap-y-spacing-set-8 grid grid-cols-2"
            >
                <div class="gap-y-spacing-set-6 flex flex-col">
                                                                        <div
        class="flex flex-col gap-spacing-set-5"
    >
                    <div class="f-label text-secondary">Convening Activities</div>
        
                    <div class="gap-spacing-set-3 flex flex-col">
                                    <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative after:absolute after:inset-0 after:-my-4 after:-ml-8 after:rounded-sm after:bg-interactive-hovered after:opacity-0 after:transition-opacity after:ease-expressive-standard hover:after:opacity-100"
                      href="https://www.nationalacademies.org/projects/roundtableforum"                      >
    
    
            <span class="">Roundtable and Forums</span>
    
    
        </a>
                                                <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative after:absolute after:inset-0 after:-my-4 after:-ml-8 after:rounded-sm after:bg-interactive-hovered after:opacity-0 after:transition-opacity after:ease-expressive-standard hover:after:opacity-100"
                      href="https://www.nationalacademies.org/projects/workshop"                      >
    
    
            <span class="">Workshops</span>
    
    
        </a>
                                                <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative after:absolute after:inset-0 after:-my-4 after:-ml-8 after:rounded-sm after:bg-interactive-hovered after:opacity-0 after:transition-opacity after:ease-expressive-standard hover:after:opacity-100"
                      href="https://www.nationalacademies.org/projects/seminarwebinarlecture"                      >
    
    
            <span class="">Seminar/Webinar/Lecture Series</span>
    
    
        </a>
                        </div>
        
            </div>
                                                                                                        </div>
                <div
                    class="keyline-l-subtle gap-y-spacing-set-8 flex flex-col pl-[calc(var(--inner-gutter)_/_2)]"
                >
                                                                                                                    <div
        class="flex flex-col gap-spacing-set-5"
    >
                    <div class="f-label text-secondary">Events</div>
        
                    <div class="gap-spacing-set-3 flex flex-col">
                                    <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative after:absolute after:inset-0 after:-my-4 after:-ml-8 after:rounded-sm after:bg-interactive-hovered after:opacity-0 after:transition-opacity after:ease-expressive-standard hover:after:opacity-100"
                      href="https://www.nationalacademies.org/events"                      >
    
    
            <span class="">Upcoming events</span>
    
    
        </a>
                                                <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative after:absolute after:inset-0 after:-my-4 after:-ml-8 after:rounded-sm after:bg-interactive-hovered after:opacity-0 after:transition-opacity after:ease-expressive-standard hover:after:opacity-100"
                      href="/events/archive"                      >
    
    
            <span class="">Replay</span>
    
    
        </a>
                        </div>
        
                    <a class="inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-accent effect-hover-underline f-ui-02"
                      href="https://www.nationalacademies.org/events"                      >
    
    
            <span class="">See all events</span>
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[expanded=true]:rotate-180 shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#chevron-right-16"></use>
</svg>
    
        </a>
            </div>
                                                            </div>
            </div>
            <div
                class="grid-col-span-4 xl:grid-col-span-12 keyline-l-subtle pl-[calc(var(--inner-gutter)_/_2)]"
            >
                <div class="gap-gutter flex flex-col xl:flex-row">
                                                                        <a
        data-wrapper-component="composers:card-link-wrapper" href="https://www.nationalacademies.org/events/whats-on" class="block w-full text-left focus-visible:outline-0 transition-shadow hover:shadow-md group group/card bg-info text-primary hover:bg-accent hover:text-inverse relative flex min-h-128 w-full flex-col justify-between p-16 delay-150 hover:delay-0" data-component="card:icon-nav"
    >
        <!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg class="fill-current text-accent group-hover/card:icon-nav-hidden-fade icon-nav-show-fade pointer-events-none h-48 w-48 opacity-100" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
<path id="goals_1_" d="M31,10.36h-9.36V1h0.721v8.131l8.385-8.385l0.51,0.509L22.869,9.64H31V10.36z M21.36,16
	c0-2.956-2.405-5.36-5.36-5.36c-2.956,0-5.36,2.404-5.36,5.36c0,2.955,2.404,5.36,5.36,5.36C18.955,21.36,21.36,18.955,21.36,16z
	 M20.64,16c0,2.559-2.081,4.64-4.64,4.64s-4.64-2.081-4.64-4.64s2.082-4.64,4.64-4.64S20.64,13.441,20.64,16z M31.36,16
	c0-1.353-0.191-2.731-0.569-4.096l-0.693,0.191c0.359,1.303,0.542,2.616,0.542,3.904c0,8.072-6.567,14.64-14.64,14.64
	C7.927,30.64,1.36,24.072,1.36,16C1.36,7.927,7.927,1.36,16,1.36c1.287,0,2.601,0.183,3.904,0.543l0.191-0.694
	C18.729,0.832,17.352,0.64,16,0.64C7.53,0.64,0.64,7.53,0.64,16S7.53,31.36,16,31.36S31.36,24.47,31.36,16z M26.36,16
	c0-1.433-0.292-2.828-0.868-4.144l-0.66,0.288C25.368,13.37,25.64,14.667,25.64,16c0,5.315-4.324,9.64-9.64,9.64
	S6.36,21.315,6.36,16S10.685,6.36,16,6.36c1.333,0,2.631,0.272,3.855,0.808l0.289-0.659C18.827,5.932,17.434,5.64,16,5.64
	C10.288,5.64,5.64,10.288,5.64,16c0,5.713,4.647,10.36,10.36,10.36S26.36,21.713,26.36,16z M16,15c-0.552,0-1,0.448-1,1s0.448,1,1,1
	s1-0.448,1-1S16.552,15,16,15z"/>
<rect id="_Transparent_Rectangle" style="fill:none;" width="32" height="32"/>
</svg>        
        <div
            class="mt-spacing-set-3 pointer-events-none flex items-end justify-between"
        >
            <p
                class="f-ui-02-strong group-hover/card:icon-nav-hidden-fade icon-nav-show-fade effect-group-focus-visible opacity-100"
            >
                Right Now &amp; Next Up
            </p>
            <svg width="20"
     height="20"
     fill="none"
      class="ml-4 shrink-0" aria-hidden="true"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#arrow-right-20"></use>
</svg>
        </div>
                    <p
                class="icon-nav-hidden-fade icon-nav-translate-up f-ui-02 group-hover/card:icon-nav-show-fade group-hover/card:icon-nav-translate-reset pointer-events-none absolute top-16 left-16 group-hover/card:opacity-100"
            >
                Stay in the loop with can’t-miss sessions, live events, and activities happening over the next two days.
            </p>
    </a>
                                                    <a
        data-wrapper-component="composers:card-link-wrapper" href="https://www.cpnas.org/exhibitions-events/events/" class="block w-full text-left focus-visible:outline-0 transition-shadow hover:shadow-md group group/card bg-info text-primary hover:bg-accent hover:text-inverse relative flex min-h-128 w-full flex-col justify-between p-16 delay-150 hover:delay-0" data-component="card:icon-nav"
    >
        <!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg class="fill-current text-accent group-hover/card:icon-nav-hidden-fade icon-nav-show-fade pointer-events-none h-48 w-48 opacity-100" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
<path id="calendar--event_1_" d="M30,31.36H2c-0.199,0-0.36-0.161-0.36-0.36V4c0-0.199,0.161-0.36,0.36-0.36h4v0.72H2.36v26.28
	h27.28V4.36H26V3.64h4c0.199,0,0.36,0.161,0.36,0.36v27C30.36,31.199,30.199,31.36,30,31.36z M26,25.36h-8
	c-0.199,0-0.36-0.161-0.36-0.36v-4c0-0.199,0.161-0.36,0.36-0.36h8c0.199,0,0.36,0.161,0.36,0.36v4
	C26.36,25.199,26.199,25.36,26,25.36z M18.36,24.64h7.279v-3.28H18.36V24.64z M14,25.36H6c-0.199,0-0.36-0.161-0.36-0.36v-4
	c0-0.199,0.161-0.36,0.36-0.36h8c0.199,0,0.36,0.161,0.36,0.36v4C14.36,25.199,14.199,25.36,14,25.36z M6.36,24.64h7.28v-3.28H6.36
	V24.64z M26,16.359h-8c-0.199,0-0.36-0.161-0.36-0.36v-4c0-0.199,0.161-0.36,0.36-0.36h8c0.199,0,0.36,0.161,0.36,0.36v4
	C26.36,16.198,26.199,16.359,26,16.359z M18.36,15.64h7.279v-3.28H18.36V15.64z M14,16.359H6c-0.199,0-0.36-0.161-0.36-0.36v-4
	c0-0.199,0.161-0.36,0.36-0.36h8c0.199,0,0.36,0.161,0.36,0.36v4C14.36,16.198,14.199,16.359,14,16.359z M6.36,15.64h7.28v-3.28
	H6.36V15.64z M23,7.36c-0.75,0-1.36-0.61-1.36-1.36V2c0-0.75,0.61-1.36,1.36-1.36S24.36,1.25,24.36,2v4
	C24.36,6.75,23.75,7.36,23,7.36z M23,1.36c-0.353,0-0.64,0.287-0.64,0.64v4c0,0.353,0.287,0.64,0.64,0.64S23.64,6.353,23.64,6V2
	C23.64,1.647,23.353,1.36,23,1.36z M9,7.36C8.25,7.36,7.64,6.75,7.64,6V2c0-0.75,0.61-1.36,1.36-1.36S10.36,1.25,10.36,2v4
	C10.36,6.75,9.75,7.36,9,7.36z M9,1.36C8.647,1.36,8.36,1.647,8.36,2v4c0,0.353,0.287,0.64,0.64,0.64S9.64,6.353,9.64,6V2
	C9.64,1.647,9.353,1.36,9,1.36z M20,4.36h-8V3.64h8V4.36z"/>
<rect id="_Transparent_Rectangle" style="fill:none;" width="32" height="32"/>
</svg>        
        <div
            class="mt-spacing-set-3 pointer-events-none flex items-end justify-between"
        >
            <p
                class="f-ui-02-strong group-hover/card:icon-nav-hidden-fade icon-nav-show-fade effect-group-focus-visible opacity-100"
            >
                NAS Building Guided Tours Available!
            </p>
            <svg width="20"
     height="20"
     fill="none"
      class="ml-4 shrink-0" aria-hidden="true"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#arrow-right-20"></use>
</svg>
        </div>
                    <p
                class="icon-nav-hidden-fade icon-nav-translate-up f-ui-02 group-hover/card:icon-nav-show-fade group-hover/card:icon-nav-translate-reset pointer-events-none absolute top-16 left-16 group-hover/card:opacity-100"
            >
                Participate in a one-hour guided tour of the historic National Academy of Sciences building, highlighting its distinctive architecture, renowned artwork, and the intersection of art, science, and culture.
            </p>
    </a>
                                                            </div>
            </div>
        </div>
    </div>
</div>
        </div>
        </div>
    </div>


    <div id="modalengage"
         role="dialog"
         aria-labelledby="modalengage_title"
         aria-modal="true"
         data-behavior="Modal" class="group/modal fixed inset-0 flex flex-col opacity-0 modal-effect-hidden-fade data-[active]:modal-effect-show-fade data-[active]:opacity-100 overscroll-contain mt-header z-999 bg-transparent"
         data-Modal-panel="true"
         
         data-Modal-clickOutside="true">
        <div class="w-full opacity-0 overflow-hidden group-data-[active]/modal:duration-200 delay-100 group-data-[active]/modal:delay-300 group-data-[active]/modal:opacity-100 transition-opacity duration-300 ease-expressive-standard"
             data-Modal-focus-trap
             tabindex="-1">
            
                                                <h1 class="sr-only" id="modalengage_title" data-Modal-initial-focus="" tabindex="-1">Engage</h1>
                            
            <div
            data-modal-scroller
            class="max-h-max-screen relative overflow-x-hidden overflow-y-scroll"
        >
            <div class="breakout">
    <div class="px-outer-gutter pt-spacing-set-8 pb-spacing-set-10">
        <div class="grid-layout">
            <div
                class="grid-col-span-8 xl:grid-col-span-12 gap-x-gutter gap-y-spacing-set-8 grid grid-cols-2"
            >
                <div class="gap-y-spacing-set-6 flex flex-col">
                                                                        <div
        class="flex flex-col gap-spacing-set-5"
    >
                    <div class="f-label text-secondary">Work with us</div>
        
                    <div class="gap-spacing-set-3 flex flex-col">
                                    <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative after:absolute after:inset-0 after:-my-4 after:-ml-8 after:rounded-sm after:bg-interactive-hovered after:opacity-0 after:transition-opacity after:ease-expressive-standard hover:after:opacity-100"
                      href="https://www.nationalacademies.org/sponsor-a-national-academies-project"                      >
    
    
            <span class="">Sponsoring a Project</span>
    
    
        </a>
                                                <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative after:absolute after:inset-0 after:-my-4 after:-ml-8 after:rounded-sm after:bg-interactive-hovered after:opacity-0 after:transition-opacity after:ease-expressive-standard hover:after:opacity-100"
                      href="https://www.nationalacademies.org/expert-volunteers"                      >
    
    
            <span class="">Contribute Expertise</span>
    
    
        </a>
                                                <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative after:absolute after:inset-0 after:-my-4 after:-ml-8 after:rounded-sm after:bg-interactive-hovered after:opacity-0 after:transition-opacity after:ease-expressive-standard hover:after:opacity-100"
                      href="https://www.nationalacademies.org/make-a-donation"                      >
    
    
            <span class="">Donate</span>
    
    
        </a>
                        </div>
        
            </div>
                                                                                                        </div>
                <div
                    class="keyline-l-subtle gap-y-spacing-set-8 flex flex-col pl-[calc(var(--inner-gutter)_/_2)]"
                >
                                                                                                                    <div
        class="flex flex-col gap-spacing-set-5"
    >
                    <div class="f-label text-secondary">Opportunities</div>
        
                    <div class="gap-spacing-set-3 flex flex-col">
                                    <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative after:absolute after:inset-0 after:-my-4 after:-ml-8 after:rounded-sm after:bg-interactive-hovered after:opacity-0 after:transition-opacity after:ease-expressive-standard hover:after:opacity-100"
                      href="https://www.nationalacademies.org/programs/engagement-programs"                      >
    
    
            <span class="">Engagement Programs</span>
    
    
        </a>
                                                <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative after:absolute after:inset-0 after:-my-4 after:-ml-8 after:rounded-sm after:bg-interactive-hovered after:opacity-0 after:transition-opacity after:ease-expressive-standard hover:after:opacity-100"
                      href="https://www.nationalacademies.org/programs"                      >
    
    
            <span class="">Grants, Fellowships and Awards</span>
    
    
        </a>
                                                <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative after:absolute after:inset-0 after:-my-4 after:-ml-8 after:rounded-sm after:bg-interactive-hovered after:opacity-0 after:transition-opacity after:ease-expressive-standard hover:after:opacity-100"
                      href="https://careers.nationalacademies.org/us/en/home"                       target="_blank" >
    
    
            <span class="">Careers</span>
    
    
        </a>
                        </div>
        
            </div>
                                                            </div>
            </div>
            <div
                class="grid-col-span-4 xl:grid-col-span-12 keyline-l-subtle pl-[calc(var(--inner-gutter)_/_2)]"
            >
                <div class="gap-gutter flex flex-col xl:flex-row">
                                                                        <a
        data-wrapper-component="composers:card-link-wrapper" href="https://www.nationalacademies.org/units/NRCEO-NRC%20EO-23-P-592" class="block w-full text-left focus-visible:outline-0 transition-shadow hover:shadow-md group group/card bg-info text-primary hover:bg-accent hover:text-inverse relative flex min-h-128 w-full flex-col justify-between p-16 delay-150 hover:delay-0" data-component="card:icon-nav"
    >
        <!-- Generator: Adobe Illustrator 27.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg class="fill-current text-accent group-hover/card:icon-nav-hidden-fade icon-nav-show-fade pointer-events-none h-48 w-48 opacity-100" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
<path id="government--01_00000054957960424377448060000010959190626393591955_" d="M31,31.36H1c-0.199,0-0.36-0.161-0.36-0.36v-3
	c0-0.199,0.161-0.36,0.36-0.36h1.64V25c0-0.199,0.161-0.36,0.36-0.36h1.64V22c0-0.199,0.161-0.36,0.36-0.36h0.64v-5.28H5
	c-0.199,0-0.36-0.161-0.36-0.36v-2.64H1c-0.153,0-0.289-0.096-0.34-0.241c-0.05-0.144-0.004-0.305,0.115-0.4l15-12
	c0.132-0.104,0.318-0.104,0.45,0l15,12c0.12,0.096,0.166,0.256,0.115,0.4c-0.051,0.145-0.187,0.241-0.34,0.241h-3.64V16
	c0,0.199-0.161,0.36-0.36,0.36h-0.64v5.28H27c0.199,0,0.36,0.161,0.36,0.36v2.64H29c0.199,0,0.36,0.161,0.36,0.36v2.64H31
	c0.199,0,0.36,0.161,0.36,0.36v3C31.36,31.199,31.199,31.36,31,31.36z M1.36,30.64h29.28v-2.28H1.36V30.64z M3.36,27.64h25.28v-2.28
	H3.36V27.64z M21.36,24.64h5.279v-2.28H21.36V24.64z M19.36,24.64h1.279V22c0-0.199,0.161-0.36,0.36-0.36h0.64v-5.28H21
	c-0.199,0-0.36-0.161-0.36-0.36v-2.64h-1.28V16c0,0.199-0.161,0.36-0.36,0.36h-0.64v5.28H19c0.199,0,0.36,0.161,0.36,0.36V24.64z
	 M13.36,24.64h5.28v-2.28h-5.28C13.36,22.36,13.36,24.64,13.36,24.64z M11.36,24.64h1.28V22c0-0.199,0.161-0.36,0.36-0.36h0.64
	v-5.28H13c-0.199,0-0.36-0.161-0.36-0.36v-2.64h-1.28V16c0,0.199-0.161,0.36-0.36,0.36h-0.64v5.28H11c0.199,0,0.36,0.161,0.36,0.36
	V24.64z M5.36,24.64h5.28v-2.28H5.36V24.64z M22.36,21.64h3.279v-5.28H22.36V21.64z M14.36,21.64h3.28v-5.28h-3.28V21.64z
	 M6.36,21.64h3.28v-5.28H6.36V21.64z M21.36,15.64h5.279v-2.28H21.36V15.64z M13.36,15.64h5.28v-2.28h-5.28
	C13.36,13.36,13.36,15.64,13.36,15.64z M5.36,15.64h5.28v-2.28H5.36V15.64z M2.026,12.64h27.947L16,1.461L2.026,12.64z M16,10.86
	c-1.577,0-2.86-1.283-2.86-2.86S14.423,5.14,16,5.14S18.86,6.423,18.86,8S17.577,10.86,16,10.86z M16,5.86
	c-1.18,0-2.14,0.96-2.14,2.14s0.96,2.14,2.14,2.14S18.14,9.18,18.14,8S17.18,5.86,16,5.86z"/>
<rect id="_Transparent_Rectangle" style="fill:none;" width="32" height="32"/>
</svg>        
        <div
            class="mt-spacing-set-3 pointer-events-none flex items-end justify-between"
        >
            <p
                class="f-ui-02-strong group-hover/card:icon-nav-hidden-fade icon-nav-show-fade effect-group-focus-visible opacity-100"
            >
                Congressional and Government Affairs
            </p>
            <svg width="20"
     height="20"
     fill="none"
      class="ml-4 shrink-0" aria-hidden="true"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#arrow-right-20"></use>
</svg>
        </div>
                    <p
                class="icon-nav-hidden-fade icon-nav-translate-up f-ui-02 group-hover/card:icon-nav-show-fade group-hover/card:icon-nav-translate-reset pointer-events-none absolute top-16 left-16 group-hover/card:opacity-100"
            >
                Connecting policymakers with the National Academies
            </p>
    </a>
                                                    <a
        data-wrapper-component="composers:card-link-wrapper" href="https://www.nationalacademies.org/news/based-on-science" class="block w-full text-left focus-visible:outline-0 transition-shadow hover:shadow-md group group/card bg-info text-primary hover:bg-accent hover:text-inverse relative flex min-h-128 w-full flex-col justify-between p-16 delay-150 hover:delay-0" data-component="card:icon-nav"
    >
        <!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg class="fill-current text-accent group-hover/card:icon-nav-hidden-fade icon-nav-show-fade pointer-events-none h-48 w-48 opacity-100" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
<path id="question--and--answer_1_" d="M10.7,31.199l-3.893-5.844H3c-1.301,0-2.36-1.059-2.36-2.36v-10
	c0-1.301,1.059-2.36,2.36-2.36h11.64V3c0-1.301,1.059-2.36,2.36-2.36h12c1.302,0,2.36,1.059,2.36,2.36v8
	c0,1.301-1.059,2.36-2.36,2.36h-2.777l-1.9,3.801l-0.645-0.322l2-4C25.74,12.717,25.864,12.64,26,12.64h3
	c0.904,0,1.64-0.736,1.64-1.64V3c0-0.904-0.735-1.64-1.64-1.64H17c-0.904,0-1.64,0.736-1.64,1.64v7.635H18
	c1.181,0,2.161,0.871,2.333,2.005H23v0.72h-2.64v9.635c0,1.302-1.059,2.36-2.36,2.36h-7v-0.721h7c0.904,0,1.64-0.735,1.64-1.64v-10
	c0-0.904-0.735-1.64-1.64-1.64H3c-0.904,0-1.64,0.736-1.64,1.64v10c0,0.904,0.736,1.64,1.64,1.64h4c0.121,0,0.233,0.061,0.3,0.161
	l4,6.005L10.7,31.199z M23.378,8.495h-0.721c0-1.219,0.217-1.677,1.008-2.129c0.555-0.317,0.78-0.666,0.78-1.205
	c0-0.962-0.776-1.303-1.441-1.303c-0.812,0-1.449,0.573-1.449,1.303h-0.721c0-1.134,0.953-2.023,2.17-2.023
	c1.272,0,2.162,0.832,2.162,2.023c0,1.055-0.653,1.549-1.144,1.83C23.5,7.29,23.378,7.464,23.378,8.495z M11.5,18
	c0,0.552-0.448,1-1,1s-1-0.448-1-1s0.448-1,1-1S11.5,17.448,11.5,18z M15.5,17c-0.552,0-1,0.448-1,1s0.448,1,1,1s1-0.448,1-1
	S16.052,17,15.5,17z M5.5,17c-0.552,0-1,0.448-1,1s0.448,1,1,1s1-0.448,1-1S6.052,17,5.5,17z M23,10.625
	c0.345,0,0.625-0.28,0.625-0.625S23.345,9.375,23,9.375S22.375,9.655,22.375,10S22.655,10.625,23,10.625z"/>
<rect id="_Transparent_Rectangle" style="fill:none;" width="32" height="32"/>
</svg>        
        <div
            class="mt-spacing-set-3 pointer-events-none flex items-end justify-between"
        >
            <p
                class="f-ui-02-strong group-hover/card:icon-nav-hidden-fade icon-nav-show-fade effect-group-focus-visible opacity-100"
            >
                Based On Science
            </p>
            <svg width="20"
     height="20"
     fill="none"
      class="ml-4 shrink-0" aria-hidden="true"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#arrow-right-20"></use>
</svg>
        </div>
                    <p
                class="icon-nav-hidden-fade icon-nav-translate-up f-ui-02 group-hover/card:icon-nav-show-fade group-hover/card:icon-nav-translate-reset pointer-events-none absolute top-16 left-16 group-hover/card:opacity-100"
            >
                Answers to everyday science and health questions
            </p>
    </a>
                                                            </div>
            </div>
        </div>
    </div>
</div>
        </div>
        </div>
    </div>


    <div id="modalabout"
         role="dialog"
         aria-labelledby="modalabout_title"
         aria-modal="true"
         data-behavior="Modal" class="group/modal fixed inset-0 flex flex-col opacity-0 modal-effect-hidden-fade data-[active]:modal-effect-show-fade data-[active]:opacity-100 overscroll-contain mt-header z-999 bg-transparent"
         data-Modal-panel="true"
         
         data-Modal-clickOutside="true">
        <div class="w-full opacity-0 overflow-hidden group-data-[active]/modal:duration-200 delay-100 group-data-[active]/modal:delay-300 group-data-[active]/modal:opacity-100 transition-opacity duration-300 ease-expressive-standard"
             data-Modal-focus-trap
             tabindex="-1">
            
                                                <h1 class="sr-only" id="modalabout_title" data-Modal-initial-focus="" tabindex="-1">About</h1>
                            
            <div
            data-modal-scroller
            class="max-h-max-screen relative overflow-x-hidden overflow-y-scroll"
        >
            <div class="breakout">
    <div class="px-outer-gutter pt-spacing-set-8 pb-spacing-set-10">
        <div class="grid-layout">
            <div
                class="grid-col-span-8 xl:grid-col-span-12 gap-x-gutter gap-y-spacing-set-8 grid grid-cols-2"
            >
                <div class="gap-y-spacing-set-6 flex flex-col">
                                                                        <div
        class="flex flex-col gap-spacing-set-5"
    >
                    <div class="f-label text-secondary">National Academies</div>
        
                    <div class="gap-spacing-set-3 flex flex-col">
                                    <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative after:absolute after:inset-0 after:-my-4 after:-ml-8 after:rounded-sm after:bg-interactive-hovered after:opacity-0 after:transition-opacity after:ease-expressive-standard hover:after:opacity-100"
                      href="https://www.nationalacademies.org/purpose"                      >
    
    
            <span class="">Purpose</span>
    
    
        </a>
                                                <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative after:absolute after:inset-0 after:-my-4 after:-ml-8 after:rounded-sm after:bg-interactive-hovered after:opacity-0 after:transition-opacity after:ease-expressive-standard hover:after:opacity-100"
                      href="https://www.nationalacademies.org/process"                      >
    
    
            <span class="">Process</span>
    
    
        </a>
                        </div>
        
            </div>
                                                                                                                                            <div
        class="flex flex-col gap-spacing-set-5"
    >
                    <div class="f-label text-secondary">Get in touch</div>
        
                    <div class="gap-spacing-set-3 flex flex-col">
                                    <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative after:absolute after:inset-0 after:-my-4 after:-ml-8 after:rounded-sm after:bg-interactive-hovered after:opacity-0 after:transition-opacity after:ease-expressive-standard hover:after:opacity-100"
                      href="https://www.nationalacademies.org/press-and-media"                      >
    
    
            <span class="">Press and Media</span>
    
    
        </a>
                                                <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative after:absolute after:inset-0 after:-my-4 after:-ml-8 after:rounded-sm after:bg-interactive-hovered after:opacity-0 after:transition-opacity after:ease-expressive-standard hover:after:opacity-100"
                      href="https://www.nationalacademies.org/contact-us"                      >
    
    
            <span class="">Contact Us</span>
    
    
        </a>
                        </div>
        
            </div>
                                                            </div>
                <div
                    class="keyline-l-subtle gap-y-spacing-set-8 flex flex-col pl-[calc(var(--inner-gutter)_/_2)]"
                >
                                                                                                                    <div
        class="flex flex-col gap-spacing-set-5"
    >
                    <div class="f-label text-secondary">Our People</div>
        
                    <div class="gap-spacing-set-3 flex flex-col">
                                    <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative after:absolute after:inset-0 after:-my-4 after:-ml-8 after:rounded-sm after:bg-interactive-hovered after:opacity-0 after:transition-opacity after:ease-expressive-standard hover:after:opacity-100"
                      href="https://www.nationalacademies.org/leadership"                      >
    
    
            <span class="">Leadership</span>
    
    
        </a>
                                                <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative after:absolute after:inset-0 after:-my-4 after:-ml-8 after:rounded-sm after:bg-interactive-hovered after:opacity-0 after:transition-opacity after:ease-expressive-standard hover:after:opacity-100"
                      href="https://www.nationalacademies.org/units"                      >
    
    
            <span class="">Program Centers</span>
    
    
        </a>
                                                <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative after:absolute after:inset-0 after:-my-4 after:-ml-8 after:rounded-sm after:bg-interactive-hovered after:opacity-0 after:transition-opacity after:ease-expressive-standard hover:after:opacity-100"
                      href="https://careers.nationalacademies.org/us/en/home"                       target="_blank" >
    
    
            <span class="">Careers</span>
    
    
        </a>
                        </div>
        
            </div>
                                                                                                        </div>
            </div>
            <div
                class="grid-col-span-4 xl:grid-col-span-12 keyline-l-subtle pl-[calc(var(--inner-gutter)_/_2)]"
            >
                <div class="gap-gutter flex flex-col xl:flex-row">
                                                                        <a
        data-wrapper-component="composers:card-link-wrapper" href="https://www.nationalacademies.org/members" class="block w-full text-left focus-visible:outline-0 transition-shadow hover:shadow-md group group/card bg-info text-primary hover:bg-accent hover:text-inverse relative flex min-h-128 w-full flex-col justify-between p-16 delay-150 hover:delay-0" data-component="card:icon-nav"
    >
        <!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg class="fill-current text-accent group-hover/card:icon-nav-hidden-fade icon-nav-show-fade pointer-events-none h-48 w-48 opacity-100" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
<path id="group" d="M24.36,31h-0.72v-7.5c0-3.552-2.414-6.604-5.872-7.424c-0.15-0.036-0.261-0.163-0.275-0.316
	c-0.015-0.154,0.071-0.3,0.212-0.363c1.517-0.675,2.496-2.181,2.496-3.836c0-2.316-1.884-4.201-4.2-4.201S11.8,9.244,11.8,11.561
	c0,1.655,0.98,3.162,2.496,3.836c0.141,0.063,0.227,0.209,0.212,0.363c-0.014,0.153-0.125,0.281-0.275,0.316
	c-3.458,0.82-5.872,3.872-5.872,7.424V31H7.64v-7.5c0-3.592,2.257-6.718,5.585-7.879c-1.326-0.907-2.146-2.421-2.146-4.061
	c0-1.964,1.157-3.664,2.826-4.452C14.101,6.617,14.2,6.097,14.2,5.561c0-2.316-1.884-4.201-4.2-4.201S5.799,3.244,5.799,5.561
	c0,1.656,0.98,3.162,2.496,3.836C8.437,9.46,8.521,9.606,8.507,9.76c-0.014,0.153-0.125,0.281-0.275,0.316
	C4.774,10.896,2.36,13.948,2.36,17.5V25H1.64v-7.5c0-3.592,2.257-6.718,5.585-7.879C5.899,8.714,5.08,7.2,5.08,5.561
	c0-2.713,2.207-4.92,4.92-4.92s4.92,2.207,4.92,4.92c0,0.422-0.052,0.836-0.157,1.237c0.791-0.205,1.683-0.205,2.473,0
	c-0.104-0.401-0.157-0.815-0.157-1.237c0-2.713,2.208-4.92,4.921-4.92s4.921,2.207,4.921,4.92c0,1.64-0.82,3.154-2.146,4.061
	c3.329,1.161,5.586,4.287,5.586,7.879V25H29.64v-7.5c0-3.552-2.414-6.604-5.872-7.424c-0.15-0.036-0.261-0.163-0.275-0.316
	c-0.015-0.154,0.071-0.3,0.212-0.363C25.221,8.722,26.2,7.216,26.2,5.561c0-2.316-1.884-4.201-4.2-4.201s-4.2,1.884-4.2,4.201
	c0,0.536,0.099,1.056,0.295,1.548c1.669,0.789,2.826,2.488,2.826,4.452c0,1.64-0.82,3.154-2.146,4.061
	c3.329,1.161,5.586,4.287,5.586,7.879L24.36,31L24.36,31z"/>
<rect id="_Transparent_Rectangle" style="fill:none;" width="32" height="32"/>
</svg>        
        <div
            class="mt-spacing-set-3 pointer-events-none flex items-end justify-between"
        >
            <p
                class="f-ui-02-strong group-hover/card:icon-nav-hidden-fade icon-nav-show-fade effect-group-focus-visible opacity-100"
            >
                Members
            </p>
            <svg width="20"
     height="20"
     fill="none"
      class="ml-4 shrink-0" aria-hidden="true"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#arrow-right-20"></use>
</svg>
        </div>
                    <p
                class="icon-nav-hidden-fade icon-nav-translate-up f-ui-02 group-hover/card:icon-nav-show-fade group-hover/card:icon-nav-translate-reset pointer-events-none absolute top-16 left-16 group-hover/card:opacity-100"
            >
                Learn about membership to the three Academies
            </p>
    </a>
                                                    <a
        data-wrapper-component="composers:card-link-wrapper" href="https://www.nationalacademies.org/current-operating-status" class="block w-full text-left focus-visible:outline-0 transition-shadow hover:shadow-md group group/card bg-info text-primary hover:bg-accent hover:text-inverse relative flex min-h-128 w-full flex-col justify-between p-16 delay-150 hover:delay-0" data-component="card:icon-nav"
    >
        <!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg class="fill-current text-accent group-hover/card:icon-nav-hidden-fade icon-nav-show-fade pointer-events-none h-48 w-48 opacity-100" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
<path id="office_1_" d="M31,31.36H1c-0.199,0-0.36-0.161-0.36-0.36V1c0-0.199,0.161-0.36,0.36-0.36h18c0.199,0,0.36,0.161,0.36,0.36
	v2.64H25c0.199,0,0.36,0.161,0.36,0.36v3.64H31c0.199,0,0.36,0.161,0.36,0.36v23C31.36,31.199,31.199,31.36,31,31.36z M19.36,30.64
	h11.28V8.36H19.36V30.64z M12.36,30.64h6.28V1.36H1.36v29.28h6.28V23c0-0.199,0.161-0.36,0.36-0.36h4c0.199,0,0.36,0.161,0.36,0.36
	V30.64z M8.36,30.64h3.28v-7.28H8.36V30.64z M19.36,7.64h5.279V4.36H19.36V7.64z M27.36,25h-0.72v-2h0.721L27.36,25L27.36,25z
	 M23.36,25h-0.72v-2h0.721L23.36,25L23.36,25z M16.36,25h-0.72v-2h0.72V25z M4.36,25H3.64v-2h0.72V25z M27.36,19h-0.72v-2h0.721
	L27.36,19L27.36,19z M23.36,19h-0.72v-2h0.721L23.36,19L23.36,19z M16.36,19h-0.72v-2h0.72V19z M12.36,19h-0.72v-2h0.72V19z
	 M8.36,19H7.64v-2h0.72V19z M4.36,19H3.64v-2h0.72V19z M27.36,13h-0.72v-2h0.721L27.36,13L27.36,13z M23.36,13h-0.72v-2h0.721
	L23.36,13L23.36,13z M16.36,13h-0.72v-2h0.72V13z M12.36,13h-0.72v-2h0.72V13z M8.36,13H7.64v-2h0.72V13z M4.36,13H3.64v-2h0.72V13z
	 M16.36,7h-0.72V5h0.72V7z M12.36,7h-0.72V5h0.72V7z M8.36,7H7.64V5h0.72V7z M4.36,7H3.64V5h0.72V7z"/>
<rect id="_Transparent_Rectangle" style="fill:none;" width="32" height="32"/>
</svg>        
        <div
            class="mt-spacing-set-3 pointer-events-none flex items-end justify-between"
        >
            <p
                class="f-ui-02-strong group-hover/card:icon-nav-hidden-fade icon-nav-show-fade effect-group-focus-visible opacity-100"
            >
                Current Operating Status
            </p>
            <svg width="20"
     height="20"
     fill="none"
      class="ml-4 shrink-0" aria-hidden="true"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#arrow-right-20"></use>
</svg>
        </div>
                    <p
                class="icon-nav-hidden-fade icon-nav-translate-up f-ui-02 group-hover/card:icon-nav-show-fade group-hover/card:icon-nav-translate-reset pointer-events-none absolute top-16 left-16 group-hover/card:opacity-100"
            >
                Information on building access, visitor requirements, and facility operations.
            </p>
    </a>
                                                            </div>
            </div>
        </div>
    </div>
</div>
        </div>
        </div>
    </div>


    <div id="modalNavSearch"
         role="dialog"
         aria-labelledby="modalNavSearch_title"
         aria-modal="true"
         data-behavior="Modal" class="group/modal fixed inset-0 flex flex-col opacity-0 modal-effect-hidden-fade data-[active]:modal-effect-show-fade data-[active]:opacity-100 overscroll-contain mt-header z-999 bg-transparent"
         data-Modal-panel="true"
         
         data-Modal-clickOutside="true">
        <div class="w-full opacity-0 overflow-hidden group-data-[active]/modal:duration-200 delay-100 group-data-[active]/modal:delay-300 group-data-[active]/modal:opacity-100 transition-opacity duration-300 ease-expressive-standard"
             data-Modal-focus-trap
             tabindex="-1">
            
                                                <h1 class="sr-only" id="modalNavSearch_title" tabindex="-1">Search</h1>
                            
            <div
            data-modal-scroller
            class="max-h-max-screen relative overflow-x-hidden overflow-y-scroll"
        >
            <div class="pt-spacing-set-9 pb-spacing-set-10 container flex items-center">
    <form
        action="https://www.nationalacademies.org/search"
        method="GET"
        class="flex w-full items-center justify-between"
        role="search"
    >
        <div
            class="border-default hover:border-strong active:border-strong effect-focus-keyboard-child relative flex h-72 w-full items-center justify-between border-b"
        >
            
            <label class="sr-only" for="search-input">Search</label>
            <input
                type="search"
                name="query"
                class="f-heading-05 text-primary peer w-full focus:outline-hidden"
                data-Modal-initial-focus=""
                placeholder="Search"
                value=""
            />
        </div>

        <button aria-label="Submit search" class="effect-color effect-focus disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-40 h-40 btn-sm f-ui-02 bg-inverse text-inverse effect-interactive-inverse px-0 flex items-center justify-center btn-iconOnly cursor-pointer [&.btn-tag]:px-8 [&.btn-tag]:h-32 gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pr-20 ml-16" type="submit"
                                          >
    
    
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#search-16"></use>
</svg>
    
        </button>
    </form>
</div>
        </div>
        </div>
    </div>


    <div id="mobileNav"
         role="dialog"
         aria-labelledby="mobileNav_title"
         aria-modal="true"
         data-behavior="Modal" class="group/modal fixed inset-0 flex flex-col z-999 opacity-0 modal-effect-hidden-fade data-[active]:modal-effect-show-fade data-[active]:opacity-100 overscroll-contain bg-default h-screen overflow-hidden"
         
         
         >
        <div class=""
             data-Modal-focus-trap
             tabindex="-1">
                            <div class="h-header container flex items-center justify-between">
            <a href="https://www.nationalacademies.org" class="effect-focus">
                <svg width="240"
     height="45"
     fill="none"
      class="h-36 w-192 lg:h-44 lg:w-235"
         viewBox="0 0 240 45"
      aria-label="National Academies"
    >
    <use xlink:href="#logo"></use>
</svg>
            </a>
            <div class="flex items-center">
                <div class="flex">
                    
                    <button class="effect-color effect-focus disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-40 h-40 btn-sm f-ui-02 text-primary effect-interactive disabled:opacity-30 px-0 items-center justify-center btn-iconOnly cursor-pointer [&.btn-tag]:px-8 [&.btn-tag]:h-32 gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pr-20 flex" data-Modal-close-trigger="data-Modal-close-trigger" aria-label="Close menu"
                                          >
    
    
    
            <svg width="20"
     height="20"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#close-20"></use>
</svg>
    
        </button>
                </div>
            </div>
        </div>
            
                                                <h1 class="sr-only" id="mobileNav_title" data-Modal-initial-focus="" tabindex="-1">Mobile Navigation</h1>
                            
            <div
        data-modal-scroller
        class="max-h-max-screen relative overflow-x-hidden overflow-y-scroll"
    >
        <nav aria-label="Mobile Primary">
            <div class="">
        <h2 class="sr-only" id="accordionLabel2262d18b-9c3d-49d2-8405-f70b861cdc26">Primary Mobile Navigation</h2>

        <ul class=""
            data-behavior="Accordion"
            aria-labelledby="accordionLabel2262d18b-9c3d-49d2-8405-f70b861cdc26"
            
            >
            <li data-accordion-item
    class="">
    <h3 class="flex w-full"><button class="group w-full border-t border-subtle effect-focus"
                id="AccordionLabelaa07b440-4be7-4e76-a6d4-3c653cbd964e0"
                data-accordion-trigger
                data-accordion-open="false"
                data-accordion-index="0"
                aria-expanded="false"
                aria-controls="AccordionItemaa07b440-4be7-4e76-a6d4-3c653cbd964e0">
                            <div class="container">
            <div
                class="effect-focus group w-full flex gap-x-20 justify-between items-center py-spacing-set-4 f-body-01 text-left border-default cursor-pointer border-t-0 f-ui-01 text-primary !py-0 min-h-56"
            >
                <span class="">
                    Discover
                </span>
                <div class="relative rounded-full flex flex-none justify-center items-center w-40 h-40 pointer-events-none effect-color group-hover:bg-interactive-hovered group-active:bg-interactive-pressed">
                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=false]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-down-20"></use>
</svg>
                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=true]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-up-20"></use>
</svg>
                </div>
            </div>
        </div>
                    </button></h3>

    <div class="data-[accordion-open=false]:h-0 overflow-hidden transition-all duration-300 ease-out data-[accordion-open=true]:overflow-unset f-body-01 text-primary"
         id="AccordionItemaa07b440-4be7-4e76-a6d4-3c653cbd964e0"
         data-accordion-content
         data-accordion-open="false"
         data-set-fixed-height="false"
         role="region"
         aria-labelledby="AccordionLabelaa07b440-4be7-4e76-a6d4-3c653cbd964e0"
         aria-hidden="true"
         inert>
        <div class="pt-spacing-set-8 pb-spacing-set-10"
             data-accordion-content-inner>
            <div class="md:gap-y-spacing-set-6 container md:flex md:flex-col">
        <div
            class="md:gap-x-gutter md:gap-y-spacing-set-8 md:grid md:grid-cols-2"
        >
                            <div
        class="flex flex-col gap-spacing-set-5"
    >
                    <div class="f-label text-secondary">Trending Topics</div>
        
                    <div class="gap-spacing-set-3 flex flex-col">
                                    <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative after:absolute after:inset-0 after:-my-4 after:-ml-8 after:rounded-sm after:bg-interactive-hovered after:opacity-0 after:transition-opacity after:ease-expressive-standard hover:after:opacity-100"
                      href="https://www.nationalacademies.org/topics/transportation"                      >
    
    
            <span class="">Transportation</span>
    
    
        </a>
                                                <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative after:absolute after:inset-0 after:-my-4 after:-ml-8 after:rounded-sm after:bg-interactive-hovered after:opacity-0 after:transition-opacity after:ease-expressive-standard hover:after:opacity-100"
                      href="https://www.nationalacademies.org/topics/artificial-intelligence"                      >
    
    
            <span class="">Artificial Intelligence</span>
    
    
        </a>
                                                <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative after:absolute after:inset-0 after:-my-4 after:-ml-8 after:rounded-sm after:bg-interactive-hovered after:opacity-0 after:transition-opacity after:ease-expressive-standard hover:after:opacity-100"
                      href="https://www.nationalacademies.org/topics/space-security-and-conflicts"                      >
    
    
            <span class="">Space, Security, and Conflicts</span>
    
    
        </a>
                        </div>
        
                    <a class="inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-accent effect-hover-underline f-ui-02"
                      href="https://www.nationalacademies.org/topics"                      >
    
    
            <span class="">See All Topics</span>
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[expanded=true]:rotate-180 shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#chevron-right-16"></use>
</svg>
    
        </a>
            </div>
                            <div
        class="flex flex-col gap-spacing-set-5 sm:max-md:mt-spacing-set-8 sm:max-md:pt-spacing-set-8 sm:max-md:border-t sm:max-md:border-subtle sm:max-md:mb-spacing-set-6 sm:max-md:pb-spacing-set-6 sm:max-md:border-b sm:max-md:border-subtle md:keyline-l-subtle md:pl-[calc(var(--inner-gutter)_/_2)]"
    >
                    <div class="f-label text-secondary">Our Work</div>
        
                    <div class="gap-spacing-set-3 flex flex-col">
                                    <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative after:absolute after:inset-0 after:-my-4 after:-ml-8 after:rounded-sm after:bg-interactive-hovered after:opacity-0 after:transition-opacity after:ease-expressive-standard hover:after:opacity-100"
                      href="https://www.nationalacademies.org/projects/consensusadvisory-activity"                      >
    
    
            <span class="">Consensus Studies</span>
    
    
        </a>
                                                <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative after:absolute after:inset-0 after:-my-4 after:-ml-8 after:rounded-sm after:bg-interactive-hovered after:opacity-0 after:transition-opacity after:ease-expressive-standard hover:after:opacity-100"
                      href="https://www.nationalacademies.org/projects/educationaloutreach-activity"                      >
    
    
            <span class="">Outreach Activities</span>
    
    
        </a>
                                                <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative after:absolute after:inset-0 after:-my-4 after:-ml-8 after:rounded-sm after:bg-interactive-hovered after:opacity-0 after:transition-opacity after:ease-expressive-standard hover:after:opacity-100"
                      href="https://www.nationalacademies.org/projects/standing-committee"                      >
    
    
            <span class="">Standing Committees</span>
    
    
        </a>
                        </div>
        
                    <a class="inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-accent effect-hover-underline f-ui-02"
                      href="https://www.nationalacademies.org/projects"                      >
    
    
            <span class="">See All Work</span>
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[expanded=true]:rotate-180 shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#chevron-right-16"></use>
</svg>
    
        </a>
            </div>
                    </div>
                    <div
                class="gap-gutter md:pt-spacing-set-6 md:border-subtle flex flex-col md:flex-row md:border-t"
            >
                                    <a
        data-wrapper-component="composers:card-link-wrapper" href="/publications/all" class="block w-full text-left focus-visible:outline-0 transition-shadow hover:shadow-md group group/card bg-info text-primary hover:bg-accent hover:text-inverse relative flex min-h-128 w-full flex-col justify-between p-16 delay-150 hover:delay-0" data-component="card:icon-nav"
    >
        <div
            class="mt-spacing-set-3 pointer-events-none flex items-end justify-between"
        >
            <p
                class="f-ui-02-strong group-hover/card:icon-nav-hidden-fade icon-nav-show-fade effect-group-focus-visible opacity-100"
            >
                Our Publications
            </p>
            <svg width="20"
     height="20"
     fill="none"
      class="ml-4 shrink-0" aria-hidden="true"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#arrow-right-20"></use>
</svg>
        </div>
                    <p
                class="icon-nav-hidden-fade icon-nav-translate-up f-ui-02 group-hover/card:icon-nav-show-fade group-hover/card:icon-nav-translate-reset pointer-events-none absolute top-16 left-16 group-hover/card:opacity-100"
            >
                Our peer-reviewed reports present the evidence-based consensus of committees of experts.
            </p>
    </a>
                                    <a
        data-wrapper-component="composers:card-link-wrapper" href="https://www.nationalacademies.org/news" class="block w-full text-left focus-visible:outline-0 transition-shadow hover:shadow-md group group/card bg-info text-primary hover:bg-accent hover:text-inverse relative flex min-h-128 w-full flex-col justify-between p-16 delay-150 hover:delay-0" data-component="card:icon-nav"
    >
        <div
            class="mt-spacing-set-3 pointer-events-none flex items-end justify-between"
        >
            <p
                class="f-ui-02-strong group-hover/card:icon-nav-hidden-fade icon-nav-show-fade effect-group-focus-visible opacity-100"
            >
                Explore the Latest News and Stories
            </p>
            <svg width="20"
     height="20"
     fill="none"
      class="ml-4 shrink-0" aria-hidden="true"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#arrow-right-20"></use>
</svg>
        </div>
                    <p
                class="icon-nav-hidden-fade icon-nav-translate-up f-ui-02 group-hover/card:icon-nav-show-fade group-hover/card:icon-nav-translate-reset pointer-events-none absolute top-16 left-16 group-hover/card:opacity-100"
            >
                The latest news and stories, with context you can trust.
            </p>
    </a>
                            </div>
            </div>
        </div>
    </div>
</li>
                                                                                <li data-accordion-item
    class="">
    <h3 class="flex w-full"><button class="group w-full border-t border-subtle effect-focus"
                id="AccordionLabela0c2dcd6-3765-44a7-b9d6-1e22d64e0ea01"
                data-accordion-trigger
                data-accordion-open="false"
                data-accordion-index="1"
                aria-expanded="false"
                aria-controls="AccordionItema0c2dcd6-3765-44a7-b9d6-1e22d64e0ea01">
                            <div class="container">
            <div
                class="effect-focus group w-full flex gap-x-20 justify-between items-center py-spacing-set-4 f-body-01 text-left border-default cursor-pointer border-t-0 f-ui-01 text-primary !py-0 min-h-56"
            >
                <span class="">
                    Events
                </span>
                <div class="relative rounded-full flex flex-none justify-center items-center w-40 h-40 pointer-events-none effect-color group-hover:bg-interactive-hovered group-active:bg-interactive-pressed">
                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=false]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-down-20"></use>
</svg>
                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=true]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-up-20"></use>
</svg>
                </div>
            </div>
        </div>
                    </button></h3>

    <div class="data-[accordion-open=false]:h-0 overflow-hidden transition-all duration-300 ease-out data-[accordion-open=true]:overflow-unset f-body-01 text-primary"
         id="AccordionItema0c2dcd6-3765-44a7-b9d6-1e22d64e0ea01"
         data-accordion-content
         data-accordion-open="false"
         data-set-fixed-height="false"
         role="region"
         aria-labelledby="AccordionLabela0c2dcd6-3765-44a7-b9d6-1e22d64e0ea01"
         aria-hidden="true"
         inert>
        <div class="pt-spacing-set-8 pb-spacing-set-10"
             data-accordion-content-inner>
            <div class="md:gap-y-spacing-set-6 container md:flex md:flex-col">
        <div
            class="md:gap-x-gutter md:gap-y-spacing-set-8 md:grid md:grid-cols-2"
        >
                            <div
        class="flex flex-col gap-spacing-set-5"
    >
                    <div class="f-label text-secondary">Convening Activities</div>
        
                    <div class="gap-spacing-set-3 flex flex-col">
                                    <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative after:absolute after:inset-0 after:-my-4 after:-ml-8 after:rounded-sm after:bg-interactive-hovered after:opacity-0 after:transition-opacity after:ease-expressive-standard hover:after:opacity-100"
                      href="https://www.nationalacademies.org/projects/roundtableforum"                      >
    
    
            <span class="">Roundtable and Forums</span>
    
    
        </a>
                                                <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative after:absolute after:inset-0 after:-my-4 after:-ml-8 after:rounded-sm after:bg-interactive-hovered after:opacity-0 after:transition-opacity after:ease-expressive-standard hover:after:opacity-100"
                      href="https://www.nationalacademies.org/projects/workshop"                      >
    
    
            <span class="">Workshops</span>
    
    
        </a>
                                                <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative after:absolute after:inset-0 after:-my-4 after:-ml-8 after:rounded-sm after:bg-interactive-hovered after:opacity-0 after:transition-opacity after:ease-expressive-standard hover:after:opacity-100"
                      href="https://www.nationalacademies.org/projects/seminarwebinarlecture"                      >
    
    
            <span class="">Seminar/Webinar/Lecture Series</span>
    
    
        </a>
                        </div>
        
            </div>
                            <div
        class="flex flex-col gap-spacing-set-5 sm:max-md:mt-spacing-set-8 sm:max-md:pt-spacing-set-8 sm:max-md:border-t sm:max-md:border-subtle sm:max-md:mb-spacing-set-6 sm:max-md:pb-spacing-set-6 sm:max-md:border-b sm:max-md:border-subtle md:keyline-l-subtle md:pl-[calc(var(--inner-gutter)_/_2)]"
    >
                    <div class="f-label text-secondary">Events</div>
        
                    <div class="gap-spacing-set-3 flex flex-col">
                                    <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative after:absolute after:inset-0 after:-my-4 after:-ml-8 after:rounded-sm after:bg-interactive-hovered after:opacity-0 after:transition-opacity after:ease-expressive-standard hover:after:opacity-100"
                      href="https://www.nationalacademies.org/events"                      >
    
    
            <span class="">Upcoming events</span>
    
    
        </a>
                                                <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative after:absolute after:inset-0 after:-my-4 after:-ml-8 after:rounded-sm after:bg-interactive-hovered after:opacity-0 after:transition-opacity after:ease-expressive-standard hover:after:opacity-100"
                      href="/events/archive"                      >
    
    
            <span class="">Replay</span>
    
    
        </a>
                        </div>
        
                    <a class="inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-accent effect-hover-underline f-ui-02"
                      href="https://www.nationalacademies.org/events"                      >
    
    
            <span class="">See all events</span>
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[expanded=true]:rotate-180 shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#chevron-right-16"></use>
</svg>
    
        </a>
            </div>
                    </div>
                    <div
                class="gap-gutter md:pt-spacing-set-6 md:border-subtle flex flex-col md:flex-row md:border-t"
            >
                                    <a
        data-wrapper-component="composers:card-link-wrapper" href="https://www.nationalacademies.org/events/whats-on" class="block w-full text-left focus-visible:outline-0 transition-shadow hover:shadow-md group group/card bg-info text-primary hover:bg-accent hover:text-inverse relative flex min-h-128 w-full flex-col justify-between p-16 delay-150 hover:delay-0" data-component="card:icon-nav"
    >
        <div
            class="mt-spacing-set-3 pointer-events-none flex items-end justify-between"
        >
            <p
                class="f-ui-02-strong group-hover/card:icon-nav-hidden-fade icon-nav-show-fade effect-group-focus-visible opacity-100"
            >
                Right Now &amp; Next Up
            </p>
            <svg width="20"
     height="20"
     fill="none"
      class="ml-4 shrink-0" aria-hidden="true"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#arrow-right-20"></use>
</svg>
        </div>
                    <p
                class="icon-nav-hidden-fade icon-nav-translate-up f-ui-02 group-hover/card:icon-nav-show-fade group-hover/card:icon-nav-translate-reset pointer-events-none absolute top-16 left-16 group-hover/card:opacity-100"
            >
                Stay in the loop with can’t-miss sessions, live events, and activities happening over the next two days.
            </p>
    </a>
                                    <a
        data-wrapper-component="composers:card-link-wrapper" href="https://www.cpnas.org/exhibitions-events/events/" class="block w-full text-left focus-visible:outline-0 transition-shadow hover:shadow-md group group/card bg-info text-primary hover:bg-accent hover:text-inverse relative flex min-h-128 w-full flex-col justify-between p-16 delay-150 hover:delay-0" data-component="card:icon-nav"
    >
        <div
            class="mt-spacing-set-3 pointer-events-none flex items-end justify-between"
        >
            <p
                class="f-ui-02-strong group-hover/card:icon-nav-hidden-fade icon-nav-show-fade effect-group-focus-visible opacity-100"
            >
                NAS Building Guided Tours Available!
            </p>
            <svg width="20"
     height="20"
     fill="none"
      class="ml-4 shrink-0" aria-hidden="true"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#arrow-right-20"></use>
</svg>
        </div>
                    <p
                class="icon-nav-hidden-fade icon-nav-translate-up f-ui-02 group-hover/card:icon-nav-show-fade group-hover/card:icon-nav-translate-reset pointer-events-none absolute top-16 left-16 group-hover/card:opacity-100"
            >
                Participate in a one-hour guided tour of the historic National Academy of Sciences building, highlighting its distinctive architecture, renowned artwork, and the intersection of art, science, and culture.
            </p>
    </a>
                            </div>
            </div>
        </div>
    </div>
</li>
                                                                                <li data-accordion-item
    class="">
    <h3 class="flex w-full"><button class="group w-full border-t border-subtle effect-focus"
                id="AccordionLabel1e3b3629-2fa0-463f-8a2a-fabb7367c3322"
                data-accordion-trigger
                data-accordion-open="false"
                data-accordion-index="2"
                aria-expanded="false"
                aria-controls="AccordionItem1e3b3629-2fa0-463f-8a2a-fabb7367c3322">
                            <div class="container">
            <div
                class="effect-focus group w-full flex gap-x-20 justify-between items-center py-spacing-set-4 f-body-01 text-left border-default cursor-pointer border-t-0 f-ui-01 text-primary !py-0 min-h-56"
            >
                <span class="">
                    Engage
                </span>
                <div class="relative rounded-full flex flex-none justify-center items-center w-40 h-40 pointer-events-none effect-color group-hover:bg-interactive-hovered group-active:bg-interactive-pressed">
                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=false]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-down-20"></use>
</svg>
                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=true]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-up-20"></use>
</svg>
                </div>
            </div>
        </div>
                    </button></h3>

    <div class="data-[accordion-open=false]:h-0 overflow-hidden transition-all duration-300 ease-out data-[accordion-open=true]:overflow-unset f-body-01 text-primary"
         id="AccordionItem1e3b3629-2fa0-463f-8a2a-fabb7367c3322"
         data-accordion-content
         data-accordion-open="false"
         data-set-fixed-height="false"
         role="region"
         aria-labelledby="AccordionLabel1e3b3629-2fa0-463f-8a2a-fabb7367c3322"
         aria-hidden="true"
         inert>
        <div class="pt-spacing-set-8 pb-spacing-set-10"
             data-accordion-content-inner>
            <div class="md:gap-y-spacing-set-6 container md:flex md:flex-col">
        <div
            class="md:gap-x-gutter md:gap-y-spacing-set-8 md:grid md:grid-cols-2"
        >
                            <div
        class="flex flex-col gap-spacing-set-5"
    >
                    <div class="f-label text-secondary">Work with us</div>
        
                    <div class="gap-spacing-set-3 flex flex-col">
                                    <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative after:absolute after:inset-0 after:-my-4 after:-ml-8 after:rounded-sm after:bg-interactive-hovered after:opacity-0 after:transition-opacity after:ease-expressive-standard hover:after:opacity-100"
                      href="https://www.nationalacademies.org/sponsor-a-national-academies-project"                      >
    
    
            <span class="">Sponsoring a Project</span>
    
    
        </a>
                                                <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative after:absolute after:inset-0 after:-my-4 after:-ml-8 after:rounded-sm after:bg-interactive-hovered after:opacity-0 after:transition-opacity after:ease-expressive-standard hover:after:opacity-100"
                      href="https://www.nationalacademies.org/expert-volunteers"                      >
    
    
            <span class="">Contribute Expertise</span>
    
    
        </a>
                                                <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative after:absolute after:inset-0 after:-my-4 after:-ml-8 after:rounded-sm after:bg-interactive-hovered after:opacity-0 after:transition-opacity after:ease-expressive-standard hover:after:opacity-100"
                      href="https://www.nationalacademies.org/make-a-donation"                      >
    
    
            <span class="">Donate</span>
    
    
        </a>
                        </div>
        
            </div>
                            <div
        class="flex flex-col gap-spacing-set-5 sm:max-md:mt-spacing-set-8 sm:max-md:pt-spacing-set-8 sm:max-md:border-t sm:max-md:border-subtle sm:max-md:mb-spacing-set-6 sm:max-md:pb-spacing-set-6 sm:max-md:border-b sm:max-md:border-subtle md:keyline-l-subtle md:pl-[calc(var(--inner-gutter)_/_2)]"
    >
                    <div class="f-label text-secondary">Opportunities</div>
        
                    <div class="gap-spacing-set-3 flex flex-col">
                                    <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative after:absolute after:inset-0 after:-my-4 after:-ml-8 after:rounded-sm after:bg-interactive-hovered after:opacity-0 after:transition-opacity after:ease-expressive-standard hover:after:opacity-100"
                      href="https://www.nationalacademies.org/programs/engagement-programs"                      >
    
    
            <span class="">Engagement Programs</span>
    
    
        </a>
                                                <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative after:absolute after:inset-0 after:-my-4 after:-ml-8 after:rounded-sm after:bg-interactive-hovered after:opacity-0 after:transition-opacity after:ease-expressive-standard hover:after:opacity-100"
                      href="https://www.nationalacademies.org/programs"                      >
    
    
            <span class="">Grants, Fellowships and Awards</span>
    
    
        </a>
                                                <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative after:absolute after:inset-0 after:-my-4 after:-ml-8 after:rounded-sm after:bg-interactive-hovered after:opacity-0 after:transition-opacity after:ease-expressive-standard hover:after:opacity-100"
                      href="https://careers.nationalacademies.org/us/en/home"                       target="_blank" >
    
    
            <span class="">Careers</span>
    
    
        </a>
                        </div>
        
            </div>
                    </div>
                    <div
                class="gap-gutter md:pt-spacing-set-6 md:border-subtle flex flex-col md:flex-row md:border-t"
            >
                                    <a
        data-wrapper-component="composers:card-link-wrapper" href="https://www.nationalacademies.org/units/NRCEO-NRC%20EO-23-P-592" class="block w-full text-left focus-visible:outline-0 transition-shadow hover:shadow-md group group/card bg-info text-primary hover:bg-accent hover:text-inverse relative flex min-h-128 w-full flex-col justify-between p-16 delay-150 hover:delay-0" data-component="card:icon-nav"
    >
        <div
            class="mt-spacing-set-3 pointer-events-none flex items-end justify-between"
        >
            <p
                class="f-ui-02-strong group-hover/card:icon-nav-hidden-fade icon-nav-show-fade effect-group-focus-visible opacity-100"
            >
                Congressional and Government Affairs
            </p>
            <svg width="20"
     height="20"
     fill="none"
      class="ml-4 shrink-0" aria-hidden="true"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#arrow-right-20"></use>
</svg>
        </div>
                    <p
                class="icon-nav-hidden-fade icon-nav-translate-up f-ui-02 group-hover/card:icon-nav-show-fade group-hover/card:icon-nav-translate-reset pointer-events-none absolute top-16 left-16 group-hover/card:opacity-100"
            >
                Connecting policymakers with the National Academies
            </p>
    </a>
                                    <a
        data-wrapper-component="composers:card-link-wrapper" href="https://www.nationalacademies.org/news/based-on-science" class="block w-full text-left focus-visible:outline-0 transition-shadow hover:shadow-md group group/card bg-info text-primary hover:bg-accent hover:text-inverse relative flex min-h-128 w-full flex-col justify-between p-16 delay-150 hover:delay-0" data-component="card:icon-nav"
    >
        <div
            class="mt-spacing-set-3 pointer-events-none flex items-end justify-between"
        >
            <p
                class="f-ui-02-strong group-hover/card:icon-nav-hidden-fade icon-nav-show-fade effect-group-focus-visible opacity-100"
            >
                Based On Science
            </p>
            <svg width="20"
     height="20"
     fill="none"
      class="ml-4 shrink-0" aria-hidden="true"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#arrow-right-20"></use>
</svg>
        </div>
                    <p
                class="icon-nav-hidden-fade icon-nav-translate-up f-ui-02 group-hover/card:icon-nav-show-fade group-hover/card:icon-nav-translate-reset pointer-events-none absolute top-16 left-16 group-hover/card:opacity-100"
            >
                Answers to everyday science and health questions
            </p>
    </a>
                            </div>
            </div>
        </div>
    </div>
</li>
                                                                                <li data-accordion-item
    class="">
    <h3 class="flex w-full"><button class="group w-full border-t border-subtle effect-focus"
                id="AccordionLabelbc546815-c5c4-445b-bd79-530511edc1a23"
                data-accordion-trigger
                data-accordion-open="false"
                data-accordion-index="3"
                aria-expanded="false"
                aria-controls="AccordionItembc546815-c5c4-445b-bd79-530511edc1a23">
                            <div class="container">
            <div
                class="effect-focus group w-full flex gap-x-20 justify-between items-center py-spacing-set-4 f-body-01 text-left border-default cursor-pointer border-t-0 f-ui-01 text-primary !py-0 min-h-56"
            >
                <span class="">
                    About
                </span>
                <div class="relative rounded-full flex flex-none justify-center items-center w-40 h-40 pointer-events-none effect-color group-hover:bg-interactive-hovered group-active:bg-interactive-pressed">
                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=false]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-down-20"></use>
</svg>
                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=true]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-up-20"></use>
</svg>
                </div>
            </div>
        </div>
                    </button></h3>

    <div class="data-[accordion-open=false]:h-0 overflow-hidden transition-all duration-300 ease-out data-[accordion-open=true]:overflow-unset f-body-01 text-primary"
         id="AccordionItembc546815-c5c4-445b-bd79-530511edc1a23"
         data-accordion-content
         data-accordion-open="false"
         data-set-fixed-height="false"
         role="region"
         aria-labelledby="AccordionLabelbc546815-c5c4-445b-bd79-530511edc1a23"
         aria-hidden="true"
         inert>
        <div class="pt-spacing-set-8 pb-spacing-set-10"
             data-accordion-content-inner>
            <div class="md:gap-y-spacing-set-6 container md:flex md:flex-col">
        <div
            class="md:gap-x-gutter md:gap-y-spacing-set-8 md:grid md:grid-cols-2"
        >
                            <div
        class="flex flex-col gap-spacing-set-5"
    >
                    <div class="f-label text-secondary">National Academies</div>
        
                    <div class="gap-spacing-set-3 flex flex-col">
                                    <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative after:absolute after:inset-0 after:-my-4 after:-ml-8 after:rounded-sm after:bg-interactive-hovered after:opacity-0 after:transition-opacity after:ease-expressive-standard hover:after:opacity-100"
                      href="https://www.nationalacademies.org/purpose"                      >
    
    
            <span class="">Purpose</span>
    
    
        </a>
                                                <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative after:absolute after:inset-0 after:-my-4 after:-ml-8 after:rounded-sm after:bg-interactive-hovered after:opacity-0 after:transition-opacity after:ease-expressive-standard hover:after:opacity-100"
                      href="https://www.nationalacademies.org/process"                      >
    
    
            <span class="">Process</span>
    
    
        </a>
                        </div>
        
            </div>
                            <div
        class="flex flex-col gap-spacing-set-5 sm:max-md:mt-spacing-set-8 sm:max-md:pt-spacing-set-8 sm:max-md:border-t sm:max-md:border-subtle md:keyline-l-subtle md:pl-[calc(var(--inner-gutter)_/_2)]"
    >
                    <div class="f-label text-secondary">Our People</div>
        
                    <div class="gap-spacing-set-3 flex flex-col">
                                    <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative after:absolute after:inset-0 after:-my-4 after:-ml-8 after:rounded-sm after:bg-interactive-hovered after:opacity-0 after:transition-opacity after:ease-expressive-standard hover:after:opacity-100"
                      href="https://www.nationalacademies.org/leadership"                      >
    
    
            <span class="">Leadership</span>
    
    
        </a>
                                                <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative after:absolute after:inset-0 after:-my-4 after:-ml-8 after:rounded-sm after:bg-interactive-hovered after:opacity-0 after:transition-opacity after:ease-expressive-standard hover:after:opacity-100"
                      href="https://www.nationalacademies.org/units"                      >
    
    
            <span class="">Program Centers</span>
    
    
        </a>
                                                <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative after:absolute after:inset-0 after:-my-4 after:-ml-8 after:rounded-sm after:bg-interactive-hovered after:opacity-0 after:transition-opacity after:ease-expressive-standard hover:after:opacity-100"
                      href="https://careers.nationalacademies.org/us/en/home"                       target="_blank" >
    
    
            <span class="">Careers</span>
    
    
        </a>
                        </div>
        
            </div>
                            <div
        class="flex flex-col gap-spacing-set-5 sm:max-md:mt-spacing-set-8 sm:max-md:pt-spacing-set-8 sm:max-md:border-t sm:max-md:border-subtle sm:max-md:mb-spacing-set-6 sm:max-md:pb-spacing-set-6 sm:max-md:border-b sm:max-md:border-subtle"
    >
                    <div class="f-label text-secondary">Get in touch</div>
        
                    <div class="gap-spacing-set-3 flex flex-col">
                                    <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative after:absolute after:inset-0 after:-my-4 after:-ml-8 after:rounded-sm after:bg-interactive-hovered after:opacity-0 after:transition-opacity after:ease-expressive-standard hover:after:opacity-100"
                      href="https://www.nationalacademies.org/press-and-media"                      >
    
    
            <span class="">Press and Media</span>
    
    
        </a>
                                                <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-primary relative after:absolute after:inset-0 after:-my-4 after:-ml-8 after:rounded-sm after:bg-interactive-hovered after:opacity-0 after:transition-opacity after:ease-expressive-standard hover:after:opacity-100"
                      href="https://www.nationalacademies.org/contact-us"                      >
    
    
            <span class="">Contact Us</span>
    
    
        </a>
                        </div>
        
            </div>
                    </div>
                    <div
                class="gap-gutter md:pt-spacing-set-6 md:border-subtle flex flex-col md:flex-row md:border-t"
            >
                                    <a
        data-wrapper-component="composers:card-link-wrapper" href="https://www.nationalacademies.org/members" class="block w-full text-left focus-visible:outline-0 transition-shadow hover:shadow-md group group/card bg-info text-primary hover:bg-accent hover:text-inverse relative flex min-h-128 w-full flex-col justify-between p-16 delay-150 hover:delay-0" data-component="card:icon-nav"
    >
        <div
            class="mt-spacing-set-3 pointer-events-none flex items-end justify-between"
        >
            <p
                class="f-ui-02-strong group-hover/card:icon-nav-hidden-fade icon-nav-show-fade effect-group-focus-visible opacity-100"
            >
                Members
            </p>
            <svg width="20"
     height="20"
     fill="none"
      class="ml-4 shrink-0" aria-hidden="true"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#arrow-right-20"></use>
</svg>
        </div>
                    <p
                class="icon-nav-hidden-fade icon-nav-translate-up f-ui-02 group-hover/card:icon-nav-show-fade group-hover/card:icon-nav-translate-reset pointer-events-none absolute top-16 left-16 group-hover/card:opacity-100"
            >
                Learn about membership to the three Academies
            </p>
    </a>
                                    <a
        data-wrapper-component="composers:card-link-wrapper" href="https://www.nationalacademies.org/current-operating-status" class="block w-full text-left focus-visible:outline-0 transition-shadow hover:shadow-md group group/card bg-info text-primary hover:bg-accent hover:text-inverse relative flex min-h-128 w-full flex-col justify-between p-16 delay-150 hover:delay-0" data-component="card:icon-nav"
    >
        <div
            class="mt-spacing-set-3 pointer-events-none flex items-end justify-between"
        >
            <p
                class="f-ui-02-strong group-hover/card:icon-nav-hidden-fade icon-nav-show-fade effect-group-focus-visible opacity-100"
            >
                Current Operating Status
            </p>
            <svg width="20"
     height="20"
     fill="none"
      class="ml-4 shrink-0" aria-hidden="true"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#arrow-right-20"></use>
</svg>
        </div>
                    <p
                class="icon-nav-hidden-fade icon-nav-translate-up f-ui-02 group-hover/card:icon-nav-show-fade group-hover/card:icon-nav-translate-reset pointer-events-none absolute top-16 left-16 group-hover/card:opacity-100"
            >
                Information on building access, visitor requirements, and facility operations.
            </p>
    </a>
                            </div>
            </div>
        </div>
    </div>
</li>
        </ul>
    </div>

            <div class="3xl:container pt-32 pb-40">
                <div
        class=""
    >
                    <div
                class="not-first:pt-spacing-set-2 not-first:mt-spacing-set-2 not-first:border-subtle not-first:border-t"
            >
                                    <h3 class="f-label text-primary flex min-h-[40px] items-center px-outer-gutter">My Academies</h3>
                
                <ul class="flex flex-col">
                                            <li
                            class=""
                             data-auth="hide"                         >
                                                            <button class="f-ui-02 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed px-outer-gutter text-primary relative w-full min-h-[40px] flex items-center px-16 after:absolute after:inset-0 after:opacity-0 after:transition-opacity after:ease-expressive-standard effect-interactive gap-12" title="Login" data-modal-target="#login" data-behavior="authModalUrlUpdate"
                                          >
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[expanded=true]:rotate-180 shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#login-16"></use>
</svg>
    
            <span class="">Login</span>
    
    
        </button>
                                                    </li>
                                            <li
                            class=""
                             data-auth="show"                         >
                                                            <a class="f-ui-02 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed px-outer-gutter text-primary relative w-full min-h-[40px] flex items-center px-16 after:absolute after:inset-0 after:opacity-0 after:transition-opacity after:ease-expressive-standard effect-interactive gap-12" title="Personal Library"
                      href="https://www.nationalacademies.org/account/personal-library"                      >
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[expanded=true]:rotate-180 shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#book-16"></use>
</svg>
    
            <span class="">Personal Library</span>
    
    
        </a>
                                                    </li>
                                            <li
                            class=""
                             data-auth="show"                         >
                                                            <a class="f-ui-02 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed px-outer-gutter text-primary relative w-full min-h-[40px] flex items-center px-16 after:absolute after:inset-0 after:opacity-0 after:transition-opacity after:ease-expressive-standard effect-interactive gap-12" title="Account settings"
                      href="https://www.nationalacademies.org/account/settings"                      >
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[expanded=true]:rotate-180 shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#settings-16"></use>
</svg>
    
            <span class="">Account settings</span>
    
    
        </a>
                                                    </li>
                                            <li
                            class="border-t-subtle mt-8 border-t pt-8"
                             data-auth="show"                         >
                                                            <form
                                    method="POST"
                                    action="https://www.nationalacademies.org/logout"
                                    data-behavior="formLogout"
                                >
                                    <button class="f-ui-02 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed px-outer-gutter text-primary relative w-full min-h-[40px] flex items-center px-16 after:absolute after:inset-0 after:opacity-0 after:transition-opacity after:ease-expressive-standard effect-interactive gap-12" title="Logout" data-behavior="formLogout" data-no-swup="data-no-swup"
                                          >
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[expanded=true]:rotate-180 shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#logout-16"></use>
</svg>
    
            <span class="">Logout</span>
    
    
        </button>
                                </form>
                                                    </li>
                                    </ul>
            </div>
            </div>
            </div>

                            <div class="py-outer-gutter container">
                    <a class="items-center effect-color effect-focus cursor-pointer disabled:cursor-not-allowed shrink-0 rounded-full min-w-48 h-48 px-24 btn-md f-ui-02 text-inverse bg-accent effect-interactive flex w-full justify-center"
                      href="https://www.nationalacademies.org/donate-today"                      >
    
    
            <span class="flex items-center justify-center gap-8 shrink-0">Donate</span>
    
    
        </a>
                </div>
                    </nav>
    </div>
        </div>
    </div>

    
    <div
        data-desktopnav-overlay
        aria-hidden="true"
        inert
        class="bg-overlay top-header z-header-nav-overlay pointer-events-none fixed right-0 bottom-0 left-0 ease-expressive-standard opacity-0 transition-all duration-500 data-[active]:opacity-100"
    ></div>
    
    <div
        data-desktopnav-bg=""
        aria-hidden="true"
        class="bg-default z-header-nav-overlay fixed top-0 h-full max-h-0 w-full opacity-0 transition-all duration-500 ease-expressive-standard data-[active]:opacity-100"
    ></div>
                    </div>
                </main>
            </div>

            <div id="global-modals" data-global-modal-wrapper>
                
    <div id="filter-topic"
         role="dialog"
         aria-labelledby="filter-topic_title"
         aria-modal="true"
         data-behavior="Modal" data-component="composers:overlay" class="group/modal fixed inset-0 flex z-999 opacity-0 modal-effect-hidden-fade data-[active]:modal-effect-show-fade data-[active]:opacity-100 overscroll-contain flex-row justify-end bg-overlay-strong"
         
         
         data-Modal-clickOutside="true">
        <div class="relative h-full max-h-safe-screen overflow-hidden w-full lg:w-[70vw] xl:w-[53vw] bg-default translate-y-40 lg:translate-y-0 lg:translate-x-40 group-data-[active=true]/modal:translate-0 effect-hidden-fade-translate group-data-[active=true]/modal:effect-show-fade-translate flex flex-col"
             data-Modal-focus-trap
             tabindex="-1">
            
                                                <h1 class="sr-only" id="filter-topic_title" data-Modal-initial-focus="" tabindex="-1">Topic</h1>
                            
            <div
        class="bg-default min-h-safe-screen flex max-h-full flex-col"
    >
                    <div
        data-component="modal:modal-close"
        class="py-spacing-set-7 px-outer-margins bg-default gap-gutter sticky top-0 z-2 box-content flex min-h-40 flex-row items-center justify-between"
    >
                    <h2 class="f-heading-05 text-primary order-1">Topic</h2>
        
        
        <button data-Modal-close-trigger="data-Modal-close-trigger" class="effect-color effect-focus disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-40 h-40 btn-sm f-ui-02 border border-default bg-default text-primary effect-interactive px-0 flex items-center justify-center btn-iconOnly cursor-pointer [&.btn-tag]:px-8 [&.btn-tag]:h-32 gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pr-20 order-3" aria-label="Close modal"
                                          >
    
    
    
            <svg width="20"
     height="20"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#close-20"></use>
</svg>
    
        </button>
    </div>
        
        <div
            class="relative flex-1 overflow-x-hidden overflow-y-scroll"
            data-modal-scroller
                    >
                            <div class="px-outer-margins pb-spacing-set-7">
                    <div class="mb-32">
                                <div
    data-behavior="clearInput" class="relative" data-filter-modal-search="data-filter-modal-search"
>
    <svg width="16"
     height="16"
     fill="none"
      class="absolute top-1/2 left-20 -translate-y-1/2"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#search-16"></use>
</svg>
    <input type="text"
       class="appearance-none f-ui-02 rounded-full h-48 effect-focus-keyboard effect-color border border-input hover:border-strong focus:border-strong text-primary placeholder:text-secondary disabled:opacity-40 [.s-error_&]:border-negative px-44 w-full"
        id="search"         name="search"                       placeholder="Search..."                                                                       
       
       
       
        />
    <button
        aria-label="Clear search input"
        type="button"
        class="effect-focus absolute top-1/2 right-44 -translate-y-1/2 cursor-pointer"
        data-clearinput-button
        hidden
    >
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#close-lg-16"></use>
</svg>
    </button>
    <button
        aria-label="Submit search"
        type="submit"
        class="effect-focus absolute top-1/2 right-20 -translate-y-1/2 cursor-pointer"
    >
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#arrow-right-16"></use>
</svg>
    </button>
</div>
                            </div>

                            <div data-accordion="data-accordion" class="">
        <h3 class="sr-only" id="accordionLabel16252205-ac53-484d-8ebc-09d034c0d6f3">Topic</h3>

        <ul class=""
            data-behavior="Accordion"
            aria-labelledby="accordionLabel16252205-ac53-484d-8ebc-09d034c0d6f3"
            
            >
            <li data-accordion-item
    class="">
    <h3 class="flex w-full"><button class="effect-focus group w-full flex gap-x-20 justify-between items-center py-spacing-set-4 text-primary f-body-01 text-left border-t border-default cursor-pointer min-h-64 f-ui-02"
                id="AccordionLabel3a933628-13f9-4760-8191-da3f382b01720"
                data-accordion-trigger
                data-accordion-open="false"
                data-accordion-index="0"
                aria-expanded="false"
                aria-controls="AccordionItem3a933628-13f9-4760-8191-da3f382b01720">
                            <span
                                                class=""
                                            >
                                                Agriculture and Natural Resources
                                            </span>
                                            <div
                                                class="gap-spacing-set-2 pl-spacing-set-2 flex items-center"
                                            >
                                                
                                                <div
                                                    class="relative rounded-full flex flex-none justify-center items-center w-40 h-40 pointer-events-none effect-color group-hover:bg-interactive-hovered group-active:bg-interactive-pressed"
                                                >
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=false]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-down-20"></use>
</svg>
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=true]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-up-20"></use>
</svg>
                                                </div>
                                            </div>
                    </button></h3>

    <div class="data-[accordion-open=false]:h-0 overflow-hidden transition-all duration-300 ease-out data-[accordion-open=true]:overflow-unset f-body-01 text-primary"
         id="AccordionItem3a933628-13f9-4760-8191-da3f382b01720"
         data-accordion-content
         data-accordion-open="false"
         data-set-fixed-height="false"
         role="region"
         aria-labelledby="AccordionLabel3a933628-13f9-4760-8191-da3f382b01720"
         aria-hidden="true"
         inert>
        <div class="pt-spacing-set-3 pb-spacing-set-8"
             data-accordion-content-inner>
            <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed mb-32"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDMfQm"
                                                          value="15"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Agriculture and Natural Resources
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDMfQm"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
                                        
                                        <p class="f-label mb-16">
                                            Subtopics
                                        </p>
                                        <fieldset class="m-input"
          >

    
    
    <ol class="space-y-12">
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDrrkE"
                                                          value="22"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Agricultural Chemicals
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDrrkE"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDLs7F"
                                                          value="20"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Animal Health and Welfare
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDLs7F"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDjLlA"
                                                          value="21"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Conservation
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDjLlA"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDCjw0"
                                                          value="17"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Crop Management
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDCjw0"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDhz38"
                                                          value="27"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Decarbonization
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDhz38"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDOQmj"
                                                          value="29"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Energy Demand and Use
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDOQmj"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDdeX8"
                                                          value="19"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Energy Sources and Renewables
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDdeX8"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDXWzG"
                                                          value="25"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Environmental Monitoring
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDXWzG"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDlDCI"
                                                          value="32"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Fisheries Management
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDlDCI"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDYv2X"
                                                          value="16"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Food Production
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDYv2X"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDnZbT"
                                                          value="31"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Food Safety
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDnZbT"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID8uyd"
                                                          value="26"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Forest Management
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID8uyd"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDdADD"
                                                          value="33"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Fuel
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDdADD"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDYTzX"
                                                          value="18"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Land Management
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDYTzX"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID3YgZ"
                                                          value="24"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Minerals
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID3YgZ"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDCiVa"
                                                          value="23"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Ocean Management
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDCiVa"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDKiHK"
                                                          value="30"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Plant Diseases and Pests
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDKiHK"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDumEq"
                                                          value="28"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Soil Management
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDumEq"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
            </ol>
    </fieldset>
        </div>
    </div>
</li>
                                                                    <li data-accordion-item
    class="">
    <h3 class="flex w-full"><button class="effect-focus group w-full flex gap-x-20 justify-between items-center py-spacing-set-4 text-primary f-body-01 text-left border-t border-default cursor-pointer min-h-64 f-ui-02"
                id="AccordionLabel53004844-f2a5-4f6d-bb0f-d548334002861"
                data-accordion-trigger
                data-accordion-open="false"
                data-accordion-index="1"
                aria-expanded="false"
                aria-controls="AccordionItem53004844-f2a5-4f6d-bb0f-d548334002861">
                            <span
                                                class=""
                                            >
                                                Data and Statistics
                                            </span>
                                            <div
                                                class="gap-spacing-set-2 pl-spacing-set-2 flex items-center"
                                            >
                                                
                                                <div
                                                    class="relative rounded-full flex flex-none justify-center items-center w-40 h-40 pointer-events-none effect-color group-hover:bg-interactive-hovered group-active:bg-interactive-pressed"
                                                >
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=false]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-down-20"></use>
</svg>
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=true]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-up-20"></use>
</svg>
                                                </div>
                                            </div>
                    </button></h3>

    <div class="data-[accordion-open=false]:h-0 overflow-hidden transition-all duration-300 ease-out data-[accordion-open=true]:overflow-unset f-body-01 text-primary"
         id="AccordionItem53004844-f2a5-4f6d-bb0f-d548334002861"
         data-accordion-content
         data-accordion-open="false"
         data-set-fixed-height="false"
         role="region"
         aria-labelledby="AccordionLabel53004844-f2a5-4f6d-bb0f-d548334002861"
         aria-hidden="true"
         inert>
        <div class="pt-spacing-set-3 pb-spacing-set-8"
             data-accordion-content-inner>
            <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed mb-32"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID7PAo"
                                                          value="7"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Data and Statistics
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID7PAo"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
                                        
                                        <p class="f-label mb-16">
                                            Subtopics
                                        </p>
                                        <fieldset class="m-input"
          >

    
    
    <ol class="space-y-12">
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDr9Cu"
                                                          value="12"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Data Analytics
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDr9Cu"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDFHFI"
                                                          value="13"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Data Collection
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDFHFI"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDEK0i"
                                                          value="11"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Data Infrastructure
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDEK0i"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDDS1c"
                                                          value="8"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Data Privacy
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDDS1c"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID0vJP"
                                                          value="9"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Demographics
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID0vJP"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDKPdF"
                                                          value="14"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    National Statistics
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDKPdF"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDr64F"
                                                          value="10"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Statistical Analysis
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDr64F"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
            </ol>
    </fieldset>
        </div>
    </div>
</li>
                                                                    <li data-accordion-item
    class="">
    <h3 class="flex w-full"><button class="effect-focus group w-full flex gap-x-20 justify-between items-center py-spacing-set-4 text-primary f-body-01 text-left border-t border-default cursor-pointer min-h-64 f-ui-02"
                id="AccordionLabel18b711f9-f829-43f1-9877-08a1a27059462"
                data-accordion-trigger
                data-accordion-open="false"
                data-accordion-index="2"
                aria-expanded="false"
                aria-controls="AccordionItem18b711f9-f829-43f1-9877-08a1a27059462">
                            <span
                                                class=""
                                            >
                                                Economy and Workforce
                                            </span>
                                            <div
                                                class="gap-spacing-set-2 pl-spacing-set-2 flex items-center"
                                            >
                                                
                                                <div
                                                    class="relative rounded-full flex flex-none justify-center items-center w-40 h-40 pointer-events-none effect-color group-hover:bg-interactive-hovered group-active:bg-interactive-pressed"
                                                >
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=false]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-down-20"></use>
</svg>
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=true]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-up-20"></use>
</svg>
                                                </div>
                                            </div>
                    </button></h3>

    <div class="data-[accordion-open=false]:h-0 overflow-hidden transition-all duration-300 ease-out data-[accordion-open=true]:overflow-unset f-body-01 text-primary"
         id="AccordionItem18b711f9-f829-43f1-9877-08a1a27059462"
         data-accordion-content
         data-accordion-open="false"
         data-set-fixed-height="false"
         role="region"
         aria-labelledby="AccordionLabel18b711f9-f829-43f1-9877-08a1a27059462"
         aria-hidden="true"
         inert>
        <div class="pt-spacing-set-3 pb-spacing-set-8"
             data-accordion-content-inner>
            <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed mb-32"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDxjCp"
                                                          value="181"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Economy and Workforce
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDxjCp"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
                                        
                                        <p class="f-label mb-16">
                                            Subtopics
                                        </p>
                                        <fieldset class="m-input"
          >

    
    
    <ol class="space-y-12">
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDEAmQ"
                                                          value="183"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Business Continuity and Disaster Recovery
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDEAmQ"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDxQaD"
                                                          value="182"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Business Partnerships
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDxQaD"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDm4aT"
                                                          value="184"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Commercialization
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDm4aT"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDR1fR"
                                                          value="186"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Economic Development
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDR1fR"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDoEUD"
                                                          value="187"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Economic Policy
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDoEUD"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID6YZH"
                                                          value="188"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Labor Economics
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID6YZH"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDWkDh"
                                                          value="189"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Organizational Leadership
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDWkDh"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDPrnq"
                                                          value="190"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Professional Development
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDPrnq"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDsGbo"
                                                          value="185"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Workforce Development
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDsGbo"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
            </ol>
    </fieldset>
        </div>
    </div>
</li>
                                                                    <li data-accordion-item
    class="">
    <h3 class="flex w-full"><button class="effect-focus group w-full flex gap-x-20 justify-between items-center py-spacing-set-4 text-primary f-body-01 text-left border-t border-default cursor-pointer min-h-64 f-ui-02"
                id="AccordionLabel5c5a3aa1-0371-4994-80a9-1a16cd2be62d3"
                data-accordion-trigger
                data-accordion-open="false"
                data-accordion-index="3"
                aria-expanded="false"
                aria-controls="AccordionItem5c5a3aa1-0371-4994-80a9-1a16cd2be62d3">
                            <span
                                                class=""
                                            >
                                                Education
                                            </span>
                                            <div
                                                class="gap-spacing-set-2 pl-spacing-set-2 flex items-center"
                                            >
                                                
                                                <div
                                                    class="relative rounded-full flex flex-none justify-center items-center w-40 h-40 pointer-events-none effect-color group-hover:bg-interactive-hovered group-active:bg-interactive-pressed"
                                                >
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=false]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-down-20"></use>
</svg>
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=true]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-up-20"></use>
</svg>
                                                </div>
                                            </div>
                    </button></h3>

    <div class="data-[accordion-open=false]:h-0 overflow-hidden transition-all duration-300 ease-out data-[accordion-open=true]:overflow-unset f-body-01 text-primary"
         id="AccordionItem5c5a3aa1-0371-4994-80a9-1a16cd2be62d3"
         data-accordion-content
         data-accordion-open="false"
         data-set-fixed-height="false"
         role="region"
         aria-labelledby="AccordionLabel5c5a3aa1-0371-4994-80a9-1a16cd2be62d3"
         aria-hidden="true"
         inert>
        <div class="pt-spacing-set-3 pb-spacing-set-8"
             data-accordion-content-inner>
            <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed mb-32"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDt308"
                                                          value="149"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Education
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDt308"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
                                        
                                        <p class="f-label mb-16">
                                            Subtopics
                                        </p>
                                        <fieldset class="m-input"
          >

    
    
    <ol class="space-y-12">
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDNisC"
                                                          value="157"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Academic Standards and Testing
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDNisC"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDagKy"
                                                          value="154"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Athletics and Physical Activity
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDagKy"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDX5Ie"
                                                          value="153"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Educational Administration
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDX5Ie"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDKIFM"
                                                          value="166"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    English Language Learning
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDKIFM"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDqGVX"
                                                          value="159"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Higher Education
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDqGVX"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDbbx8"
                                                          value="150"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Pre-K to Grade 12 Education
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDbbx8"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID7lpU"
                                                          value="155"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    School Safety
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID7lpU"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDbqCV"
                                                          value="156"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Teacher Development
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDbqCV"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDhSFy"
                                                          value="158"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Technical Education
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDhSFy"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
            </ol>
    </fieldset>
        </div>
    </div>
</li>
                                                                    <li data-accordion-item
    class="">
    <h3 class="flex w-full"><button class="effect-focus group w-full flex gap-x-20 justify-between items-center py-spacing-set-4 text-primary f-body-01 text-left border-t border-default cursor-pointer min-h-64 f-ui-02"
                id="AccordionLabel6e73d881-103f-41dc-b5b4-879a5894a93c4"
                data-accordion-trigger
                data-accordion-open="false"
                data-accordion-index="4"
                aria-expanded="false"
                aria-controls="AccordionItem6e73d881-103f-41dc-b5b4-879a5894a93c4">
                            <span
                                                class=""
                                            >
                                                Engineering
                                            </span>
                                            <div
                                                class="gap-spacing-set-2 pl-spacing-set-2 flex items-center"
                                            >
                                                
                                                <div
                                                    class="relative rounded-full flex flex-none justify-center items-center w-40 h-40 pointer-events-none effect-color group-hover:bg-interactive-hovered group-active:bg-interactive-pressed"
                                                >
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=false]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-down-20"></use>
</svg>
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=true]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-up-20"></use>
</svg>
                                                </div>
                                            </div>
                    </button></h3>

    <div class="data-[accordion-open=false]:h-0 overflow-hidden transition-all duration-300 ease-out data-[accordion-open=true]:overflow-unset f-body-01 text-primary"
         id="AccordionItem6e73d881-103f-41dc-b5b4-879a5894a93c4"
         data-accordion-content
         data-accordion-open="false"
         data-set-fixed-height="false"
         role="region"
         aria-labelledby="AccordionLabel6e73d881-103f-41dc-b5b4-879a5894a93c4"
         aria-hidden="true"
         inert>
        <div class="pt-spacing-set-3 pb-spacing-set-8"
             data-accordion-content-inner>
            <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed mb-32"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDPq3O"
                                                          value="128"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Engineering
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDPq3O"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
                                        
                                        <p class="f-label mb-16">
                                            Subtopics
                                        </p>
                                        <fieldset class="m-input"
          >

    
    
    <ol class="space-y-12">
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDdjWl"
                                                          value="135"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Automation
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDdjWl"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDGEJD"
                                                          value="130"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Biotechnology
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDGEJD"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDapQo"
                                                          value="134"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Manufacturing Technologies
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDapQo"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDSJsj"
                                                          value="132"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Mining and Energy Extraction
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDSJsj"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDNMG6"
                                                          value="133"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Nanotechnology
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDNMG6"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDRDwZ"
                                                          value="129"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Plastics
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDRDwZ"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID1fo2"
                                                          value="131"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Safety Critical Systems
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID1fo2"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
            </ol>
    </fieldset>
        </div>
    </div>
</li>
                                                                    <li data-accordion-item
    class="">
    <h3 class="flex w-full"><button class="effect-focus group w-full flex gap-x-20 justify-between items-center py-spacing-set-4 text-primary f-body-01 text-left border-t border-default cursor-pointer min-h-64 f-ui-02"
                id="AccordionLabel88f188f9-3f28-4d47-b49b-629e52d0e9055"
                data-accordion-trigger
                data-accordion-open="false"
                data-accordion-index="5"
                aria-expanded="false"
                aria-controls="AccordionItem88f188f9-3f28-4d47-b49b-629e52d0e9055">
                            <span
                                                class=""
                                            >
                                                Environment and Biology
                                            </span>
                                            <div
                                                class="gap-spacing-set-2 pl-spacing-set-2 flex items-center"
                                            >
                                                
                                                <div
                                                    class="relative rounded-full flex flex-none justify-center items-center w-40 h-40 pointer-events-none effect-color group-hover:bg-interactive-hovered group-active:bg-interactive-pressed"
                                                >
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=false]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-down-20"></use>
</svg>
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=true]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-up-20"></use>
</svg>
                                                </div>
                                            </div>
                    </button></h3>

    <div class="data-[accordion-open=false]:h-0 overflow-hidden transition-all duration-300 ease-out data-[accordion-open=true]:overflow-unset f-body-01 text-primary"
         id="AccordionItem88f188f9-3f28-4d47-b49b-629e52d0e9055"
         data-accordion-content
         data-accordion-open="false"
         data-set-fixed-height="false"
         role="region"
         aria-labelledby="AccordionLabel88f188f9-3f28-4d47-b49b-629e52d0e9055"
         aria-hidden="true"
         inert>
        <div class="pt-spacing-set-3 pb-spacing-set-8"
             data-accordion-content-inner>
            <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed mb-32"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDFa7U"
                                                          value="167"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Environment and Biology
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDFa7U"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
                                        
                                        <p class="f-label mb-16">
                                            Subtopics
                                        </p>
                                        <fieldset class="m-input"
          >

    
    
    <ol class="space-y-12">
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID2L2G"
                                                          value="174"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Aquatic Ecosystems
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID2L2G"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDoODc"
                                                          value="170"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Climate Change
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDoODc"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID4R16"
                                                          value="180"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Environmental DNA
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID4R16"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDS2kh"
                                                          value="172"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Evolution and Geologic History
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDS2kh"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDosNg"
                                                          value="175"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Genetics
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDosNg"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDWPeG"
                                                          value="176"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Glaciers, Ice Sheets, and Sea Levels
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDWPeG"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID6bAL"
                                                          value="178"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Hazards, Disasters, and Extreme Events
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID6bAL"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDCnki"
                                                          value="177"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Microorganisms and Microbiomes
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDCnki"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID7tp1"
                                                          value="179"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Pollinators and Insects
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID7tp1"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDS4YQ"
                                                          value="171"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Pollution
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDS4YQ"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDr9v3"
                                                          value="173"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Terrestrial Ecosystems
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDr9v3"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDPfnB"
                                                          value="169"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Weather
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDPfnB"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDPo97"
                                                          value="168"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Wildlife
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDPo97"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
            </ol>
    </fieldset>
        </div>
    </div>
</li>
                                                                    <li data-accordion-item
    class="">
    <h3 class="flex w-full"><button class="effect-focus group w-full flex gap-x-20 justify-between items-center py-spacing-set-4 text-primary f-body-01 text-left border-t border-default cursor-pointer min-h-64 f-ui-02"
                id="AccordionLabel9af323c5-c7aa-4d78-b7ff-cee9f31b43036"
                data-accordion-trigger
                data-accordion-open="false"
                data-accordion-index="6"
                aria-expanded="false"
                aria-controls="AccordionItem9af323c5-c7aa-4d78-b7ff-cee9f31b43036">
                            <span
                                                class=""
                                            >
                                                Health and Medicine
                                            </span>
                                            <div
                                                class="gap-spacing-set-2 pl-spacing-set-2 flex items-center"
                                            >
                                                
                                                <div
                                                    class="relative rounded-full flex flex-none justify-center items-center w-40 h-40 pointer-events-none effect-color group-hover:bg-interactive-hovered group-active:bg-interactive-pressed"
                                                >
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=false]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-down-20"></use>
</svg>
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=true]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-up-20"></use>
</svg>
                                                </div>
                                            </div>
                    </button></h3>

    <div class="data-[accordion-open=false]:h-0 overflow-hidden transition-all duration-300 ease-out data-[accordion-open=true]:overflow-unset f-body-01 text-primary"
         id="AccordionItem9af323c5-c7aa-4d78-b7ff-cee9f31b43036"
         data-accordion-content
         data-accordion-open="false"
         data-set-fixed-height="false"
         role="region"
         aria-labelledby="AccordionLabel9af323c5-c7aa-4d78-b7ff-cee9f31b43036"
         aria-hidden="true"
         inert>
        <div class="pt-spacing-set-3 pb-spacing-set-8"
             data-accordion-content-inner>
            <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed mb-32"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDZaYf"
                                                          value="191"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Health and Medicine
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDZaYf"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
                                        
                                        <p class="f-label mb-16">
                                            Subtopics
                                        </p>
                                        <fieldset class="m-input"
          >

    
    
    <ol class="space-y-12">
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDzdbr"
                                                          value="209"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Dietary Guidelines and Nutrition
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDzdbr"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDYHE9"
                                                          value="192"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Diseases and Conditions
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDYHE9"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID1wJd"
                                                          value="224"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Health Care
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID1wJd"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDQIlB"
                                                          value="210"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Medical Technology
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDQIlB"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDemkr"
                                                          value="218"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Pharmaceuticals
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDemkr"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDfxdF"
                                                          value="213"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Public Health
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDfxdF"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
            </ol>
    </fieldset>
        </div>
    </div>
</li>
                                                                    <li data-accordion-item
    class="">
    <h3 class="flex w-full"><button class="effect-focus group w-full flex gap-x-20 justify-between items-center py-spacing-set-4 text-primary f-body-01 text-left border-t border-default cursor-pointer min-h-64 f-ui-02"
                id="AccordionLabel7bc06b9c-e012-409f-8e7b-d941a4079cbd7"
                data-accordion-trigger
                data-accordion-open="false"
                data-accordion-index="7"
                aria-expanded="false"
                aria-controls="AccordionItem7bc06b9c-e012-409f-8e7b-d941a4079cbd7">
                            <span
                                                class=""
                                            >
                                                Information Technology
                                            </span>
                                            <div
                                                class="gap-spacing-set-2 pl-spacing-set-2 flex items-center"
                                            >
                                                
                                                <div
                                                    class="relative rounded-full flex flex-none justify-center items-center w-40 h-40 pointer-events-none effect-color group-hover:bg-interactive-hovered group-active:bg-interactive-pressed"
                                                >
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=false]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-down-20"></use>
</svg>
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=true]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-up-20"></use>
</svg>
                                                </div>
                                            </div>
                    </button></h3>

    <div class="data-[accordion-open=false]:h-0 overflow-hidden transition-all duration-300 ease-out data-[accordion-open=true]:overflow-unset f-body-01 text-primary"
         id="AccordionItem7bc06b9c-e012-409f-8e7b-d941a4079cbd7"
         data-accordion-content
         data-accordion-open="false"
         data-set-fixed-height="false"
         role="region"
         aria-labelledby="AccordionLabel7bc06b9c-e012-409f-8e7b-d941a4079cbd7"
         aria-hidden="true"
         inert>
        <div class="pt-spacing-set-3 pb-spacing-set-8"
             data-accordion-content-inner>
            <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed mb-32"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDOxzS"
                                                          value="105"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Information Technology
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDOxzS"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
                                        
                                        <p class="f-label mb-16">
                                            Subtopics
                                        </p>
                                        <fieldset class="m-input"
          >

    
    
    <ol class="space-y-12">
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID6ZX6"
                                                          value="108"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Artificial Intelligence
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID6ZX6"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDSBlr"
                                                          value="112"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Communications Infrastructure
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDSBlr"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDxfLr"
                                                          value="109"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Cyber-Physical Systems and Internet of Things
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDxfLr"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID8nLJ"
                                                          value="114"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Cybersecurity
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID8nLJ"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDpZhQ"
                                                          value="117"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Digital Apps and Services
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDpZhQ"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDsxyt"
                                                          value="115"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Digital Models
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDsxyt"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDtMwO"
                                                          value="107"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Digital Transformation
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDtMwO"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDVTiI"
                                                          value="113"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Hardware Development
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDVTiI"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID1a37"
                                                          value="106"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    High-Performance Computing
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID1a37"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID9WSD"
                                                          value="116"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Human–Computer Interaction
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID9WSD"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDUtYK"
                                                          value="111"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Quantum Computing
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDUtYK"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDHd2s"
                                                          value="110"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Software Development
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDHd2s"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
            </ol>
    </fieldset>
        </div>
    </div>
</li>
                                                                    <li data-accordion-item
    class="">
    <h3 class="flex w-full"><button class="effect-focus group w-full flex gap-x-20 justify-between items-center py-spacing-set-4 text-primary f-body-01 text-left border-t border-default cursor-pointer min-h-64 f-ui-02"
                id="AccordionLabelf93d1ff9-a3fb-48bf-8f15-b3f23e9ee6158"
                data-accordion-trigger
                data-accordion-open="false"
                data-accordion-index="8"
                aria-expanded="false"
                aria-controls="AccordionItemf93d1ff9-a3fb-48bf-8f15-b3f23e9ee6158">
                            <span
                                                class=""
                                            >
                                                Infrastructure and the Built Environment
                                            </span>
                                            <div
                                                class="gap-spacing-set-2 pl-spacing-set-2 flex items-center"
                                            >
                                                
                                                <div
                                                    class="relative rounded-full flex flex-none justify-center items-center w-40 h-40 pointer-events-none effect-color group-hover:bg-interactive-hovered group-active:bg-interactive-pressed"
                                                >
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=false]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-down-20"></use>
</svg>
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=true]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-up-20"></use>
</svg>
                                                </div>
                                            </div>
                    </button></h3>

    <div class="data-[accordion-open=false]:h-0 overflow-hidden transition-all duration-300 ease-out data-[accordion-open=true]:overflow-unset f-body-01 text-primary"
         id="AccordionItemf93d1ff9-a3fb-48bf-8f15-b3f23e9ee6158"
         data-accordion-content
         data-accordion-open="false"
         data-set-fixed-height="false"
         role="region"
         aria-labelledby="AccordionLabelf93d1ff9-a3fb-48bf-8f15-b3f23e9ee6158"
         aria-hidden="true"
         inert>
        <div class="pt-spacing-set-3 pb-spacing-set-8"
             data-accordion-content-inner>
            <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed mb-32"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDpBn6"
                                                          value="58"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Infrastructure and the Built Environment
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDpBn6"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
                                        
                                        <p class="f-label mb-16">
                                            Subtopics
                                        </p>
                                        <fieldset class="m-input"
          >

    
    
    <ol class="space-y-12">
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDiARG"
                                                          value="66"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Accessible Infrastructure
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDiARG"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDZClb"
                                                          value="60"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Bridges, Roads, and Highways
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDZClb"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID7uIW"
                                                          value="69"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Buildings
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID7uIW"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDwTeL"
                                                          value="68"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Design and Construction
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDwTeL"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID3yxJ"
                                                          value="64"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Energy Generation, Transmission, and Distribution
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID3yxJ"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDDAwI"
                                                          value="63"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Environmental Health and Safety
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDDAwI"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDZgMw"
                                                          value="62"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Infrastructure Asset Maintenance
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDZgMw"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID09om"
                                                          value="65"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Maritime Infrastructure
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID09om"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDOBsu"
                                                          value="71"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Pipelines and Tank Farms
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDOBsu"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDfkzK"
                                                          value="70"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Property and Real Estate
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDfkzK"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDRDtu"
                                                          value="61"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Rural Development
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDRDtu"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDCKvi"
                                                          value="59"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Urban Planning
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDCKvi"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDxa7K"
                                                          value="72"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Waste Management and Recycling
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDxa7K"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDGfeD"
                                                          value="67"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Water and Wastewater Utilities
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDGfeD"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
            </ol>
    </fieldset>
        </div>
    </div>
</li>
                                                                    <li data-accordion-item
    class="">
    <h3 class="flex w-full"><button class="effect-focus group w-full flex gap-x-20 justify-between items-center py-spacing-set-4 text-primary f-body-01 text-left border-t border-default cursor-pointer min-h-64 f-ui-02"
                id="AccordionLabelf6436a3e-4700-4d48-ae3a-1f2afdd3ddb79"
                data-accordion-trigger
                data-accordion-open="false"
                data-accordion-index="9"
                aria-expanded="false"
                aria-controls="AccordionItemf6436a3e-4700-4d48-ae3a-1f2afdd3ddb79">
                            <span
                                                class=""
                                            >
                                                Law, Society, and Justice
                                            </span>
                                            <div
                                                class="gap-spacing-set-2 pl-spacing-set-2 flex items-center"
                                            >
                                                
                                                <div
                                                    class="relative rounded-full flex flex-none justify-center items-center w-40 h-40 pointer-events-none effect-color group-hover:bg-interactive-hovered group-active:bg-interactive-pressed"
                                                >
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=false]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-down-20"></use>
</svg>
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=true]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-up-20"></use>
</svg>
                                                </div>
                                            </div>
                    </button></h3>

    <div class="data-[accordion-open=false]:h-0 overflow-hidden transition-all duration-300 ease-out data-[accordion-open=true]:overflow-unset f-body-01 text-primary"
         id="AccordionItemf6436a3e-4700-4d48-ae3a-1f2afdd3ddb79"
         data-accordion-content
         data-accordion-open="false"
         data-set-fixed-height="false"
         role="region"
         aria-labelledby="AccordionLabelf6436a3e-4700-4d48-ae3a-1f2afdd3ddb79"
         aria-hidden="true"
         inert>
        <div class="pt-spacing-set-3 pb-spacing-set-8"
             data-accordion-content-inner>
            <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed mb-32"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDkuHD"
                                                          value="34"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Law, Society, and Justice
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDkuHD"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
                                        
                                        <p class="f-label mb-16">
                                            Subtopics
                                        </p>
                                        <fieldset class="m-input"
          >

    
    
    <ol class="space-y-12">
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDAc5h"
                                                          value="35"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Abuse and Harassment
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDAc5h"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDeCqS"
                                                          value="52"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Black, Indigenous, and People of Color
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDeCqS"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDxFkD"
                                                          value="36"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Children and Youth in Care
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDxFkD"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDtLZO"
                                                          value="47"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Community Engagement
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDtLZO"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID0aGx"
                                                          value="57"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Community Resilience and Sustainability
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID0aGx"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDKW9Q"
                                                          value="41"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Crime and Policing
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDKW9Q"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDxtMA"
                                                          value="42"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Criminal Justice System
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDxtMA"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDh4m8"
                                                          value="44"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Displaced Persons
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDh4m8"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDPFzg"
                                                          value="50"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Elections and Voting
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDPFzg"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID2iJD"
                                                          value="55"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Ethics
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID2iJD"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDBT4Y"
                                                          value="53"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Food Security
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDBT4Y"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDU8SQ"
                                                          value="39"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Gender and Identity
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDU8SQ"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDMpUL"
                                                          value="49"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Globalization
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDMpUL"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID0Hy7"
                                                          value="40"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Housing and Homelessness
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID0Hy7"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDkIah"
                                                          value="38"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Human and Civil Rights
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDkIah"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDv178"
                                                          value="46"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Humanitarian Aid
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDv178"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID7rg8"
                                                          value="56"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Immigration
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID7rg8"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID1MIR"
                                                          value="48"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Law and Justice
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID1MIR"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDW1pz"
                                                          value="51"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Military and Veterans
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDW1pz"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDyJV9"
                                                          value="54"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Misinformation
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDyJV9"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDK2v8"
                                                          value="37"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Poverty and Economic Mobility
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDK2v8"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDCu1H"
                                                          value="43"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Racism and Discrimination
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDCu1H"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDAyrC"
                                                          value="45"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Rural Communities
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDAyrC"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
            </ol>
    </fieldset>
        </div>
    </div>
</li>
                                                                    <li data-accordion-item
    class="">
    <h3 class="flex w-full"><button class="effect-focus group w-full flex gap-x-20 justify-between items-center py-spacing-set-4 text-primary f-body-01 text-left border-t border-default cursor-pointer min-h-64 f-ui-02"
                id="AccordionLabel7b3b2adb-f565-4d28-a12d-fc9f8f3e92ca10"
                data-accordion-trigger
                data-accordion-open="false"
                data-accordion-index="10"
                aria-expanded="false"
                aria-controls="AccordionItem7b3b2adb-f565-4d28-a12d-fc9f8f3e92ca10">
                            <span
                                                class=""
                                            >
                                                Legislation and Policy
                                            </span>
                                            <div
                                                class="gap-spacing-set-2 pl-spacing-set-2 flex items-center"
                                            >
                                                
                                                <div
                                                    class="relative rounded-full flex flex-none justify-center items-center w-40 h-40 pointer-events-none effect-color group-hover:bg-interactive-hovered group-active:bg-interactive-pressed"
                                                >
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=false]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-down-20"></use>
</svg>
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=true]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-up-20"></use>
</svg>
                                                </div>
                                            </div>
                    </button></h3>

    <div class="data-[accordion-open=false]:h-0 overflow-hidden transition-all duration-300 ease-out data-[accordion-open=true]:overflow-unset f-body-01 text-primary"
         id="AccordionItem7b3b2adb-f565-4d28-a12d-fc9f8f3e92ca10"
         data-accordion-content
         data-accordion-open="false"
         data-set-fixed-height="false"
         role="region"
         aria-labelledby="AccordionLabel7b3b2adb-f565-4d28-a12d-fc9f8f3e92ca10"
         aria-hidden="true"
         inert>
        <div class="pt-spacing-set-3 pb-spacing-set-8"
             data-accordion-content-inner>
            <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed mb-32"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDv618"
                                                          value="1"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Legislation and Policy
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDv618"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
                                        
                                        <p class="f-label mb-16">
                                            Subtopics
                                        </p>
                                        <fieldset class="m-input"
          >

    
    
    <ol class="space-y-12">
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDzuxz"
                                                          value="5"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Executive Order Analysis
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDzuxz"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDebSG"
                                                          value="3"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Legal Research
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDebSG"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID98jl"
                                                          value="2"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Legislation Analysis
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID98jl"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDThXq"
                                                          value="4"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Policy Analysis
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDThXq"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDBgLp"
                                                          value="6"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Provision Analysis
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDBgLp"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
            </ol>
    </fieldset>
        </div>
    </div>
</li>
                                                                    <li data-accordion-item
    class="">
    <h3 class="flex w-full"><button class="effect-focus group w-full flex gap-x-20 justify-between items-center py-spacing-set-4 text-primary f-body-01 text-left border-t border-default cursor-pointer min-h-64 f-ui-02"
                id="AccordionLabel17abacf4-d8c5-4030-9280-cbf82a7d8f3711"
                data-accordion-trigger
                data-accordion-open="false"
                data-accordion-index="11"
                aria-expanded="false"
                aria-controls="AccordionItem17abacf4-d8c5-4030-9280-cbf82a7d8f3711">
                            <span
                                                class=""
                                            >
                                                Research and Standards
                                            </span>
                                            <div
                                                class="gap-spacing-set-2 pl-spacing-set-2 flex items-center"
                                            >
                                                
                                                <div
                                                    class="relative rounded-full flex flex-none justify-center items-center w-40 h-40 pointer-events-none effect-color group-hover:bg-interactive-hovered group-active:bg-interactive-pressed"
                                                >
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=false]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-down-20"></use>
</svg>
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=true]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-up-20"></use>
</svg>
                                                </div>
                                            </div>
                    </button></h3>

    <div class="data-[accordion-open=false]:h-0 overflow-hidden transition-all duration-300 ease-out data-[accordion-open=true]:overflow-unset f-body-01 text-primary"
         id="AccordionItem17abacf4-d8c5-4030-9280-cbf82a7d8f3711"
         data-accordion-content
         data-accordion-open="false"
         data-set-fixed-height="false"
         role="region"
         aria-labelledby="AccordionLabel17abacf4-d8c5-4030-9280-cbf82a7d8f3711"
         aria-hidden="true"
         inert>
        <div class="pt-spacing-set-3 pb-spacing-set-8"
             data-accordion-content-inner>
            <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed mb-32"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID0UBU"
                                                          value="118"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Research and Standards
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID0UBU"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
                                        
                                        <p class="f-label mb-16">
                                            Subtopics
                                        </p>
                                        <fieldset class="m-input"
          >

    
    
    <ol class="space-y-12">
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDy9L2"
                                                          value="125"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Community-Based Research
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDy9L2"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDQZux"
                                                          value="120"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Emerging Technologies
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDQZux"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDCHAx"
                                                          value="126"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Innovation
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDCHAx"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDc3Y3"
                                                          value="119"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Intellectual Property
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDc3Y3"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID3nMA"
                                                          value="127"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Open Science
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID3nMA"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDIgn2"
                                                          value="121"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Research
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDIgn2"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDRcTE"
                                                          value="123"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Science Communication
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDRcTE"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDq6QH"
                                                          value="124"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Science Funding
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDq6QH"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDaIxy"
                                                          value="122"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Scientific Integrity
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDaIxy"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
            </ol>
    </fieldset>
        </div>
    </div>
</li>
                                                                    <li data-accordion-item
    class="">
    <h3 class="flex w-full"><button class="effect-focus group w-full flex gap-x-20 justify-between items-center py-spacing-set-4 text-primary f-body-01 text-left border-t border-default cursor-pointer min-h-64 f-ui-02"
                id="AccordionLabel72fb357c-3514-4951-ba87-8c81cd5edeaa12"
                data-accordion-trigger
                data-accordion-open="false"
                data-accordion-index="12"
                aria-expanded="false"
                aria-controls="AccordionItem72fb357c-3514-4951-ba87-8c81cd5edeaa12">
                            <span
                                                class=""
                                            >
                                                Space, Security, and Conflicts
                                            </span>
                                            <div
                                                class="gap-spacing-set-2 pl-spacing-set-2 flex items-center"
                                            >
                                                
                                                <div
                                                    class="relative rounded-full flex flex-none justify-center items-center w-40 h-40 pointer-events-none effect-color group-hover:bg-interactive-hovered group-active:bg-interactive-pressed"
                                                >
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=false]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-down-20"></use>
</svg>
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=true]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-up-20"></use>
</svg>
                                                </div>
                                            </div>
                    </button></h3>

    <div class="data-[accordion-open=false]:h-0 overflow-hidden transition-all duration-300 ease-out data-[accordion-open=true]:overflow-unset f-body-01 text-primary"
         id="AccordionItem72fb357c-3514-4951-ba87-8c81cd5edeaa12"
         data-accordion-content
         data-accordion-open="false"
         data-set-fixed-height="false"
         role="region"
         aria-labelledby="AccordionLabel72fb357c-3514-4951-ba87-8c81cd5edeaa12"
         aria-hidden="true"
         inert>
        <div class="pt-spacing-set-3 pb-spacing-set-8"
             data-accordion-content-inner>
            <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed mb-32"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDjMbA"
                                                          value="73"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Space, Security, and Conflicts
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDjMbA"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
                                        
                                        <p class="f-label mb-16">
                                            Subtopics
                                        </p>
                                        <fieldset class="m-input"
          >

    
    
    <ol class="space-y-12">
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDNK1q"
                                                          value="97"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Military and Defense
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDNK1q"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDPxx0"
                                                          value="84"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Security
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDPxx0"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID30JM"
                                                          value="74"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Space
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID30JM"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
            </ol>
    </fieldset>
        </div>
    </div>
</li>
                                                                    <li data-accordion-item
    class="">
    <h3 class="flex w-full"><button class="effect-focus group w-full flex gap-x-20 justify-between items-center py-spacing-set-4 text-primary f-body-01 text-left border-t border-default cursor-pointer min-h-64 f-ui-02"
                id="AccordionLabel5b5eff17-c480-4bd1-8e8a-6d460f3de58113"
                data-accordion-trigger
                data-accordion-open="false"
                data-accordion-index="13"
                aria-expanded="false"
                aria-controls="AccordionItem5b5eff17-c480-4bd1-8e8a-6d460f3de58113">
                            <span
                                                class=""
                                            >
                                                Transportation
                                            </span>
                                            <div
                                                class="gap-spacing-set-2 pl-spacing-set-2 flex items-center"
                                            >
                                                
                                                <div
                                                    class="relative rounded-full flex flex-none justify-center items-center w-40 h-40 pointer-events-none effect-color group-hover:bg-interactive-hovered group-active:bg-interactive-pressed"
                                                >
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=false]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-down-20"></use>
</svg>
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=true]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-up-20"></use>
</svg>
                                                </div>
                                            </div>
                    </button></h3>

    <div class="data-[accordion-open=false]:h-0 overflow-hidden transition-all duration-300 ease-out data-[accordion-open=true]:overflow-unset f-body-01 text-primary"
         id="AccordionItem5b5eff17-c480-4bd1-8e8a-6d460f3de58113"
         data-accordion-content
         data-accordion-open="false"
         data-set-fixed-height="false"
         role="region"
         aria-labelledby="AccordionLabel5b5eff17-c480-4bd1-8e8a-6d460f3de58113"
         aria-hidden="true"
         inert>
        <div class="pt-spacing-set-3 pb-spacing-set-8"
             data-accordion-content-inner>
            <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed mb-32"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID60EH"
                                                          value="136"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Transportation
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID60EH"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
                                        
                                        <p class="f-label mb-16">
                                            Subtopics
                                        </p>
                                        <fieldset class="m-input"
          >

    
    
    <ol class="space-y-12">
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID3dpb"
                                                          value="144"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Air Transportation
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID3dpb"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDGZsA"
                                                          value="143"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Freight and Supply Chain
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDGZsA"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDTrKw"
                                                          value="137"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Maritime Transportation
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDTrKw"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDH1zL"
                                                          value="148"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Public Transportation
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDH1zL"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDKNrq"
                                                          value="138"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Rail Transport
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDKNrq"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDsE60"
                                                          value="142"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Road Transportation
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDsE60"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDFChW"
                                                          value="140"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Sustainable Transportation
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDFChW"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID4QCY"
                                                          value="146"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Traffic Management and Road Safety
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID4QCY"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID8AOM"
                                                          value="141"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Transportation Planning
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID8AOM"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDFwHS"
                                                          value="147"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Vehicles
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDFwHS"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDSjfn"
                                                          value="145"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Vulnerable Road Users
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDSjfn"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDct6h"
                                                          value="139"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Winter Maintenance
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDct6h"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
            </ol>
    </fieldset>
        </div>
    </div>
</li>
                                
                                <div
                                    data-no-results
                                    class="f-ui-02 text-secondary py-spacing-set-8 hidden text-center"
                                >
                                    No results found
                                </div>
        </ul>
    </div>
                </div>
                    </div>

                    <div
                data-component="composers:overlay:footer"
                class="bg-default border-subtle sticky bottom-0 z-2 border-t"
            >
                <div
                    class="px-outer-margins py-spacing-set-8 grid grid-cols-2 justify-between gap-8"
                >
                    <button class="flex items-center effect-color effect-focus cursor-pointer disabled:cursor-not-allowed shrink-0 rounded-full min-w-48 h-48 px-24 btn-md f-ui-02 border border-strong text-primary bg-transparent effect-interactive disabled:border-subtle w-full justify-center" data-filter-reset="data-filter-reset"
                                          >
    
    
            <span class="flex items-center justify-center gap-8 shrink-0">Reset</span>
    
    
        </button>
                            <button class="flex items-center effect-color effect-focus cursor-pointer disabled:cursor-not-allowed shrink-0 rounded-full min-w-48 h-48 px-24 btn-md f-ui-02 bg-inverse text-inverse effect-interactive-inverse w-full justify-center" data-filter-apply="data-filter-apply"
                                          >
    
    
            <span class="flex items-center justify-center gap-8 shrink-0">Apply</span>
    
    
        </button>
                </div>
            </div>
            </div>
        </div>
    </div>


    <div id="filter-type"
         role="dialog"
         aria-labelledby="filter-type_title"
         aria-modal="true"
         data-behavior="Modal" data-component="composers:overlay" class="group/modal fixed inset-0 flex z-999 opacity-0 modal-effect-hidden-fade data-[active]:modal-effect-show-fade data-[active]:opacity-100 overscroll-contain flex-row justify-end bg-overlay-strong"
         
         
         data-Modal-clickOutside="true">
        <div class="relative h-full max-h-safe-screen overflow-hidden w-full lg:w-[70vw] xl:w-[53vw] bg-default translate-y-40 lg:translate-y-0 lg:translate-x-40 group-data-[active=true]/modal:translate-0 effect-hidden-fade-translate group-data-[active=true]/modal:effect-show-fade-translate flex flex-col"
             data-Modal-focus-trap
             tabindex="-1">
            
                                                <h1 class="sr-only" id="filter-type_title" data-Modal-initial-focus="" tabindex="-1">Type</h1>
                            
            <div
        class="bg-default min-h-safe-screen flex max-h-full flex-col"
    >
                    <div
        data-component="modal:modal-close"
        class="py-spacing-set-7 px-outer-margins bg-default gap-gutter sticky top-0 z-2 box-content flex min-h-40 flex-row items-center justify-between"
    >
                    <h2 class="f-heading-05 text-primary order-1">Type</h2>
        
        
        <button data-Modal-close-trigger="data-Modal-close-trigger" class="effect-color effect-focus disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-40 h-40 btn-sm f-ui-02 border border-default bg-default text-primary effect-interactive px-0 flex items-center justify-center btn-iconOnly cursor-pointer [&.btn-tag]:px-8 [&.btn-tag]:h-32 gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pr-20 order-3" aria-label="Close modal"
                                          >
    
    
    
            <svg width="20"
     height="20"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#close-20"></use>
</svg>
    
        </button>
    </div>
        
        <div
            class="relative flex-1 overflow-x-hidden overflow-y-scroll"
            data-modal-scroller
                    >
                            <div class="px-outer-margins pb-spacing-set-7">
                    <fieldset class="m-input"
          >

    
    
    <ol class="space-y-12">
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDfCrf"
                                                          value="5"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Annual Report
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDfCrf"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDbvGP"
                                                          value="1"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Consensus Study Report
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDbvGP"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDQu9L"
                                                          value="6"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Issue Paper
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDQu9L"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID9vkw"
                                                          value="4"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    NAM Special Publication
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID9vkw"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDhkLT"
                                                          value="2"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Proceedings
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDhkLT"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDAsW6"
                                                          value="3"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Rapid Expert Consultation
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDAsW6"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
            </ol>
    </fieldset>
                </div>
                    </div>

                    <div
                data-component="composers:overlay:footer"
                class="bg-default border-subtle sticky bottom-0 z-2 border-t"
            >
                <div
                    class="px-outer-margins py-spacing-set-8 grid grid-cols-2 justify-between gap-8"
                >
                    <button class="flex items-center effect-color effect-focus cursor-pointer disabled:cursor-not-allowed shrink-0 rounded-full min-w-48 h-48 px-24 btn-md f-ui-02 border border-strong text-primary bg-transparent effect-interactive disabled:border-subtle w-full justify-center" data-filter-reset="data-filter-reset"
                                          >
    
    
            <span class="flex items-center justify-center gap-8 shrink-0">Reset</span>
    
    
        </button>
                            <button class="flex items-center effect-color effect-focus cursor-pointer disabled:cursor-not-allowed shrink-0 rounded-full min-w-48 h-48 px-24 btn-md f-ui-02 bg-inverse text-inverse effect-interactive-inverse w-full justify-center" data-filter-apply="data-filter-apply"
                                          >
    
    
            <span class="flex items-center justify-center gap-8 shrink-0">Apply</span>
    
    
        </button>
                </div>
            </div>
            </div>
        </div>
    </div>


    <div id="filter-unit"
         role="dialog"
         aria-labelledby="filter-unit_title"
         aria-modal="true"
         data-behavior="Modal" data-component="composers:overlay" class="group/modal fixed inset-0 flex z-999 opacity-0 modal-effect-hidden-fade data-[active]:modal-effect-show-fade data-[active]:opacity-100 overscroll-contain flex-row justify-end bg-overlay-strong"
         
         
         data-Modal-clickOutside="true">
        <div class="relative h-full max-h-safe-screen overflow-hidden w-full lg:w-[70vw] xl:w-[53vw] bg-default translate-y-40 lg:translate-y-0 lg:translate-x-40 group-data-[active=true]/modal:translate-0 effect-hidden-fade-translate group-data-[active=true]/modal:effect-show-fade-translate flex flex-col"
             data-Modal-focus-trap
             tabindex="-1">
            
                                                <h1 class="sr-only" id="filter-unit_title" data-Modal-initial-focus="" tabindex="-1">Program Centers</h1>
                            
            <div
        class="bg-default min-h-safe-screen flex max-h-full flex-col"
    >
                    <div
        data-component="modal:modal-close"
        class="py-spacing-set-7 px-outer-margins bg-default gap-gutter sticky top-0 z-2 box-content flex min-h-40 flex-row items-center justify-between"
    >
                    <h2 class="f-heading-05 text-primary order-1">Program Centers</h2>
        
        
        <button data-Modal-close-trigger="data-Modal-close-trigger" class="effect-color effect-focus disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-40 h-40 btn-sm f-ui-02 border border-default bg-default text-primary effect-interactive px-0 flex items-center justify-center btn-iconOnly cursor-pointer [&.btn-tag]:px-8 [&.btn-tag]:h-32 gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pr-20 order-3" aria-label="Close modal"
                                          >
    
    
    
            <svg width="20"
     height="20"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#close-20"></use>
</svg>
    
        </button>
    </div>
        
        <div
            class="relative flex-1 overflow-x-hidden overflow-y-scroll"
            data-modal-scroller
                    >
                            <div class="px-outer-margins pb-spacing-set-7">
                    <div class="mb-32">
                                <div
    data-behavior="clearInput" class="relative" data-filter-modal-search="data-filter-modal-search"
>
    <svg width="16"
     height="16"
     fill="none"
      class="absolute top-1/2 left-20 -translate-y-1/2"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#search-16"></use>
</svg>
    <input type="text"
       class="appearance-none f-ui-02 rounded-full h-48 effect-focus-keyboard effect-color border border-input hover:border-strong focus:border-strong text-primary placeholder:text-secondary disabled:opacity-40 [.s-error_&]:border-negative px-44 w-full"
        id="search"         name="search"                       placeholder="Search..."                                                                       
       
       
       
        />
    <button
        aria-label="Clear search input"
        type="button"
        class="effect-focus absolute top-1/2 right-44 -translate-y-1/2 cursor-pointer"
        data-clearinput-button
        hidden
    >
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#close-lg-16"></use>
</svg>
    </button>
    <button
        aria-label="Submit search"
        type="submit"
        class="effect-focus absolute top-1/2 right-20 -translate-y-1/2 cursor-pointer"
    >
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#arrow-right-16"></use>
</svg>
    </button>
</div>
                            </div>

                            <div data-accordion="data-accordion" class="">
        <h3 class="sr-only" id="accordionLabele152becd-4c78-45e4-ab10-6a24c8d9d74b">Program Centers</h3>

        <ul class=""
            data-behavior="Accordion"
            aria-labelledby="accordionLabele152becd-4c78-45e4-ab10-6a24c8d9d74b"
            
            >
            <li data-accordion-item
    class="">
    <h3 class="flex w-full"><button class="effect-focus group w-full flex gap-x-20 justify-between items-center py-spacing-set-4 text-primary f-body-01 text-left border-t border-default cursor-pointer min-h-64 f-ui-02"
                id="AccordionLabel4c51314b-7ad4-442f-b18a-731708d1dd910"
                data-accordion-trigger
                data-accordion-open="false"
                data-accordion-index="0"
                aria-expanded="false"
                aria-controls="AccordionItem4c51314b-7ad4-442f-b18a-731708d1dd910">
                            <span
                                                class=""
                                            >
                                                Center for Advancing Science and Technology
                                            </span>
                                            <div
                                                class="gap-spacing-set-2 pl-spacing-set-2 flex items-center"
                                            >
                                                
                                                <div
                                                    class="relative rounded-full flex flex-none justify-center items-center w-40 h-40 pointer-events-none effect-color group-hover:bg-interactive-hovered group-active:bg-interactive-pressed"
                                                >
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=false]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-down-20"></use>
</svg>
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=true]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-up-20"></use>
</svg>
                                                </div>
                                            </div>
                    </button></h3>

    <div class="data-[accordion-open=false]:h-0 overflow-hidden transition-all duration-300 ease-out data-[accordion-open=true]:overflow-unset f-body-01 text-primary"
         id="AccordionItem4c51314b-7ad4-442f-b18a-731708d1dd910"
         data-accordion-content
         data-accordion-open="false"
         data-set-fixed-height="false"
         role="region"
         aria-labelledby="AccordionLabel4c51314b-7ad4-442f-b18a-731708d1dd910"
         aria-hidden="true"
         inert>
        <div class="pt-spacing-set-3 pb-spacing-set-8"
             data-accordion-content-inner>
            <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed mb-32"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDaR5Z"
                                                          value="CAST"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Center for Advancing Science and Technology
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDaR5Z"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
                                        
                                        <p class="f-label mb-16">
                                            Units
                                        </p>
                                        <fieldset class="m-input"
          >

    
    
    <ol class="space-y-12">
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDob9P"
                                                          value="ASA"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Aeronautics, Space, and Astronomy Program Area
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDob9P"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDJaji"
                                                          value="CAST EO"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Center for Advancing Science and Technology Executive Office
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDJaji"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDNYGM"
                                                          value="CRTS"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Computing Research, Technologies, and Systems Program Area
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDNYGM"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDxOkH"
                                                          value="PSSI"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Physical Sciences, Systems, and Infrastructure Program Area
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDxOkH"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDq7m7"
                                                          value="SEEW"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Science and Engineering Education and Workforce Program Area
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDq7m7"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDcHfY"
                                                          value="STPL"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Science and Technology Policy and Law Program Area
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDcHfY"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
            </ol>
    </fieldset>
        </div>
    </div>
</li>
                                                                    <li data-accordion-item
    class="">
    <h3 class="flex w-full"><button class="effect-focus group w-full flex gap-x-20 justify-between items-center py-spacing-set-4 text-primary f-body-01 text-left border-t border-default cursor-pointer min-h-64 f-ui-02"
                id="AccordionLabel6f6d04b3-5fd2-48b1-b49a-8386531d28b21"
                data-accordion-trigger
                data-accordion-open="false"
                data-accordion-index="1"
                aria-expanded="false"
                aria-controls="AccordionItem6f6d04b3-5fd2-48b1-b49a-8386531d28b21">
                            <span
                                                class=""
                                            >
                                                Center for Health, People, and Places
                                            </span>
                                            <div
                                                class="gap-spacing-set-2 pl-spacing-set-2 flex items-center"
                                            >
                                                
                                                <div
                                                    class="relative rounded-full flex flex-none justify-center items-center w-40 h-40 pointer-events-none effect-color group-hover:bg-interactive-hovered group-active:bg-interactive-pressed"
                                                >
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=false]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-down-20"></use>
</svg>
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=true]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-up-20"></use>
</svg>
                                                </div>
                                            </div>
                    </button></h3>

    <div class="data-[accordion-open=false]:h-0 overflow-hidden transition-all duration-300 ease-out data-[accordion-open=true]:overflow-unset f-body-01 text-primary"
         id="AccordionItem6f6d04b3-5fd2-48b1-b49a-8386531d28b21"
         data-accordion-content
         data-accordion-open="false"
         data-set-fixed-height="false"
         role="region"
         aria-labelledby="AccordionLabel6f6d04b3-5fd2-48b1-b49a-8386531d28b21"
         aria-hidden="true"
         inert>
        <div class="pt-spacing-set-3 pb-spacing-set-8"
             data-accordion-content-inner>
            <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed mb-32"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDuJcc"
                                                          value="CHPP"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Center for Health, People, and Places
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDuJcc"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
                                        
                                        <p class="f-label mb-16">
                                            Units
                                        </p>
                                        <fieldset class="m-input"
          >

    
    
    <ol class="space-y-12">
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID5VHC"
                                                          value="BHS"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Biomedical and Health Sciences Program Area
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID5VHC"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDhqPj"
                                                          value="CHPP EO"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Center for Health, People, and Places Executive Office
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDhqPj"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID5gZ8"
                                                          value="ESR"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Earth Systems and Resources Program Area
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID5gZ8"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDxhvn"
                                                          value="FNA"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Food, Nutrition, and Agriculture Program Area
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDxhvn"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID69U1"
                                                          value="HCPH"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Health Care and Public Health Program Area
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID69U1"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID2B7q"
                                                          value="LSB"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Life Sciences and Biotechnology Program Area
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID2B7q"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDklSb"
                                                          value="SES"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Social and Economic Systems Program Area
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDklSb"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
            </ol>
    </fieldset>
        </div>
    </div>
</li>
                                                                    <li data-accordion-item
    class="">
    <h3 class="flex w-full"><button class="effect-focus group w-full flex gap-x-20 justify-between items-center py-spacing-set-4 text-primary f-body-01 text-left border-t border-default cursor-pointer min-h-64 f-ui-02"
                id="AccordionLabelb2e15455-934c-4962-81ad-60eb279aeda12"
                data-accordion-trigger
                data-accordion-open="false"
                data-accordion-index="2"
                aria-expanded="false"
                aria-controls="AccordionItemb2e15455-934c-4962-81ad-60eb279aeda12">
                            <span
                                                class=""
                                            >
                                                Gulf Research Program
                                            </span>
                                            <div
                                                class="gap-spacing-set-2 pl-spacing-set-2 flex items-center"
                                            >
                                                
                                                <div
                                                    class="relative rounded-full flex flex-none justify-center items-center w-40 h-40 pointer-events-none effect-color group-hover:bg-interactive-hovered group-active:bg-interactive-pressed"
                                                >
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=false]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-down-20"></use>
</svg>
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=true]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-up-20"></use>
</svg>
                                                </div>
                                            </div>
                    </button></h3>

    <div class="data-[accordion-open=false]:h-0 overflow-hidden transition-all duration-300 ease-out data-[accordion-open=true]:overflow-unset f-body-01 text-primary"
         id="AccordionItemb2e15455-934c-4962-81ad-60eb279aeda12"
         data-accordion-content
         data-accordion-open="false"
         data-set-fixed-height="false"
         role="region"
         aria-labelledby="AccordionLabelb2e15455-934c-4962-81ad-60eb279aeda12"
         aria-hidden="true"
         inert>
        <div class="pt-spacing-set-3 pb-spacing-set-8"
             data-accordion-content-inner>
            <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed mb-32"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDJeSy"
                                                          value="GULF"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Gulf Research Program
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDJeSy"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
                                        
                                        <p class="f-label mb-16">
                                            Units
                                        </p>
                                        <fieldset class="m-input"
          >

    
    
    <ol class="space-y-12">
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDzyOn"
                                                          value="BGEE"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Board on Gulf Education and Engagement
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDzyOn"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDZS0c"
                                                          value="GEPS"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Gulf Environmental Protection and Stewardship Board
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDZS0c"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDMyqe"
                                                          value="GHRB"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Gulf Health and Resilience Board
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDMyqe"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDVxa7"
                                                          value="GOES"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Gulf Offshore Energy Safety Board
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDVxa7"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDHtn0"
                                                          value="GULFEO"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Gulf Research Program Executive Office
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDHtn0"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
            </ol>
    </fieldset>
        </div>
    </div>
</li>
                                                                    <li data-accordion-item
    class="">
    <h3 class="flex w-full"><button class="effect-focus group w-full flex gap-x-20 justify-between items-center py-spacing-set-4 text-primary f-body-01 text-left border-t border-default cursor-pointer min-h-64 f-ui-02"
                id="AccordionLabel533c081b-f8fb-49c1-abd0-ccdb2c77f9d83"
                data-accordion-trigger
                data-accordion-open="false"
                data-accordion-index="3"
                aria-expanded="false"
                aria-controls="AccordionItem533c081b-f8fb-49c1-abd0-ccdb2c77f9d83">
                            <span
                                                class=""
                                            >
                                                Transportation Research Board
                                            </span>
                                            <div
                                                class="gap-spacing-set-2 pl-spacing-set-2 flex items-center"
                                            >
                                                
                                                <div
                                                    class="relative rounded-full flex flex-none justify-center items-center w-40 h-40 pointer-events-none effect-color group-hover:bg-interactive-hovered group-active:bg-interactive-pressed"
                                                >
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=false]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-down-20"></use>
</svg>
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=true]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-up-20"></use>
</svg>
                                                </div>
                                            </div>
                    </button></h3>

    <div class="data-[accordion-open=false]:h-0 overflow-hidden transition-all duration-300 ease-out data-[accordion-open=true]:overflow-unset f-body-01 text-primary"
         id="AccordionItem533c081b-f8fb-49c1-abd0-ccdb2c77f9d83"
         data-accordion-content
         data-accordion-open="false"
         data-set-fixed-height="false"
         role="region"
         aria-labelledby="AccordionLabel533c081b-f8fb-49c1-abd0-ccdb2c77f9d83"
         aria-hidden="true"
         inert>
        <div class="pt-spacing-set-3 pb-spacing-set-8"
             data-accordion-content-inner>
            <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed mb-32"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDEmfr"
                                                          value="TRB"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Transportation Research Board
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDEmfr"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
                                        
                                        <p class="f-label mb-16">
                                            Units
                                        </p>
                                        <fieldset class="m-input"
          >

    
    
    <ol class="space-y-12">
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDFapx"
                                                          value="ACRP"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Airport Cooperative Research Program
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDFapx"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDzypG"
                                                          value="BTSCRP"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Behavioral Traffic Safety Cooperative Research Program
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDzypG"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDYT7r"
                                                          value="CAAS"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Consensus and Advisory Studies Division
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDYT7r"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDO4rn"
                                                          value="CRP"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Cooperative Research Programs
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDO4rn"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDmuPb"
                                                          value="NCHRP"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    National Cooperative Highway Research Program
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDmuPb"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDSX8V"
                                                          value="TA"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Technical Activities Division
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDSX8V"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDaNj4"
                                                                            
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Transit Cooperative Research Program
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDaNj4"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID61wz"
                                                          value="TRB EO"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Transportation Research Board Executive Office
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID61wz"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDUb4n"
                                                          value="CRP 2"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Transportation Research Board Other Cooperative Research Program Divisions
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDUb4n"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDfWfr"
                                                          value="NCFRP"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    National Cooperative Freight Research Program
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDfWfr"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
            </ol>
    </fieldset>
        </div>
    </div>
</li>
                                                                    <li data-accordion-item
    class="">
    <h3 class="flex w-full"><button class="effect-focus group w-full flex gap-x-20 justify-between items-center py-spacing-set-4 text-primary f-body-01 text-left border-t border-default cursor-pointer min-h-64 f-ui-02"
                id="AccordionLabelb12e975a-27b5-43e4-b044-02c8c0c463b84"
                data-accordion-trigger
                data-accordion-open="false"
                data-accordion-index="4"
                aria-expanded="false"
                aria-controls="AccordionItemb12e975a-27b5-43e4-b044-02c8c0c463b84">
                            <span
                                                class=""
                                            >
                                                Office of International Networks, Cooperation, and Security
                                            </span>
                                            <div
                                                class="gap-spacing-set-2 pl-spacing-set-2 flex items-center"
                                            >
                                                
                                                <div
                                                    class="relative rounded-full flex flex-none justify-center items-center w-40 h-40 pointer-events-none effect-color group-hover:bg-interactive-hovered group-active:bg-interactive-pressed"
                                                >
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=false]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-down-20"></use>
</svg>
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=true]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-up-20"></use>
</svg>
                                                </div>
                                            </div>
                    </button></h3>

    <div class="data-[accordion-open=false]:h-0 overflow-hidden transition-all duration-300 ease-out data-[accordion-open=true]:overflow-unset f-body-01 text-primary"
         id="AccordionItemb12e975a-27b5-43e4-b044-02c8c0c463b84"
         data-accordion-content
         data-accordion-open="false"
         data-set-fixed-height="false"
         role="region"
         aria-labelledby="AccordionLabelb12e975a-27b5-43e4-b044-02c8c0c463b84"
         aria-hidden="true"
         inert>
        <div class="pt-spacing-set-3 pb-spacing-set-8"
             data-accordion-content-inner>
            <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed mb-32"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDXgjL"
                                                          value="INCS"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Office of International Networks, Cooperation, and Security
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDXgjL"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
                                        
                                        <p class="f-label mb-16">
                                            Units
                                        </p>
                                        <fieldset class="m-input"
          >

    
    
    <ol class="space-y-12">
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDQ0fe"
                                                          value="INCS EO"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Office of International Networks. Cooperation. and Security Executive Office
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDQ0fe"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
            </ol>
    </fieldset>
        </div>
    </div>
</li>
                                                                    <li data-accordion-item
    class="">
    <h3 class="flex w-full"><button class="effect-focus group w-full flex gap-x-20 justify-between items-center py-spacing-set-4 text-primary f-body-01 text-left border-t border-default cursor-pointer min-h-64 f-ui-02"
                id="AccordionLabela14c00b6-25ae-4683-b4fb-69fb1bcb40f05"
                data-accordion-trigger
                data-accordion-open="false"
                data-accordion-index="5"
                aria-expanded="false"
                aria-controls="AccordionItema14c00b6-25ae-4683-b4fb-69fb1bcb40f05">
                            <span
                                                class=""
                                            >
                                                Organizational Initiatives
                                            </span>
                                            <div
                                                class="gap-spacing-set-2 pl-spacing-set-2 flex items-center"
                                            >
                                                
                                                <div
                                                    class="relative rounded-full flex flex-none justify-center items-center w-40 h-40 pointer-events-none effect-color group-hover:bg-interactive-hovered group-active:bg-interactive-pressed"
                                                >
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=false]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-down-20"></use>
</svg>
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=true]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-up-20"></use>
</svg>
                                                </div>
                                            </div>
                    </button></h3>

    <div class="data-[accordion-open=false]:h-0 overflow-hidden transition-all duration-300 ease-out data-[accordion-open=true]:overflow-unset f-body-01 text-primary"
         id="AccordionItema14c00b6-25ae-4683-b4fb-69fb1bcb40f05"
         data-accordion-content
         data-accordion-open="false"
         data-set-fixed-height="false"
         role="region"
         aria-labelledby="AccordionLabela14c00b6-25ae-4683-b4fb-69fb1bcb40f05"
         aria-hidden="true"
         inert>
        <div class="pt-spacing-set-3 pb-spacing-set-8"
             data-accordion-content-inner>
            <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed mb-32"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDMIeN"
                                                          value="NRCEO"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Organizational Initiatives
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDMIeN"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
                                        
                                        <p class="f-label mb-16">
                                            Units
                                        </p>
                                        <fieldset class="m-input"
          >

    
    
    <ol class="space-y-12">
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDwuAa"
                                                          value="CCX"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Climate Crossroads
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDwuAa"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDjHHe"
                                                          value="NRC EO"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    National Research Council Executive Office
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDjHHe"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDTIlK"
                                                          value="OFELL"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Office of Fellowships
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDTIlK"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDy5l5"
                                                          value="PROGSEC"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Office of Program Security
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDy5l5"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
            </ol>
    </fieldset>
        </div>
    </div>
</li>
                                                                    <li data-accordion-item
    class="">
    <h3 class="flex w-full"><button class="effect-focus group w-full flex gap-x-20 justify-between items-center py-spacing-set-4 text-primary f-body-01 text-left border-t border-default cursor-pointer min-h-64 f-ui-02"
                id="AccordionLabel5f69a05b-e9a6-41d8-b6f1-41da485a33916"
                data-accordion-trigger
                data-accordion-open="false"
                data-accordion-index="6"
                aria-expanded="false"
                aria-controls="AccordionItem5f69a05b-e9a6-41d8-b6f1-41da485a33916">
                            <span
                                                class=""
                                            >
                                                Offices and Service Units
                                            </span>
                                            <div
                                                class="gap-spacing-set-2 pl-spacing-set-2 flex items-center"
                                            >
                                                
                                                <div
                                                    class="relative rounded-full flex flex-none justify-center items-center w-40 h-40 pointer-events-none effect-color group-hover:bg-interactive-hovered group-active:bg-interactive-pressed"
                                                >
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=false]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-down-20"></use>
</svg>
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=true]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-up-20"></use>
</svg>
                                                </div>
                                            </div>
                    </button></h3>

    <div class="data-[accordion-open=false]:h-0 overflow-hidden transition-all duration-300 ease-out data-[accordion-open=true]:overflow-unset f-body-01 text-primary"
         id="AccordionItem5f69a05b-e9a6-41d8-b6f1-41da485a33916"
         data-accordion-content
         data-accordion-open="false"
         data-set-fixed-height="false"
         role="region"
         aria-labelledby="AccordionLabel5f69a05b-e9a6-41d8-b6f1-41da485a33916"
         aria-hidden="true"
         inert>
        <div class="pt-spacing-set-3 pb-spacing-set-8"
             data-accordion-content-inner>
            <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed mb-32"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDc4a2"
                                                          value="ASU"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Offices and Service Units
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDc4a2"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
                                        
                                        <p class="f-label mb-16">
                                            Units
                                        </p>
                                        <fieldset class="m-input"
          >

    
    
    <ol class="space-y-12">
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDguUS"
                                                          value="ARCHIVES"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Archives and Records
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDguUS"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDVrot"
                                                          value="ADM WASHOP"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Arnold and Mabel Beckman Center
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDVrot"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDjP72"
                                                          value="NAP"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    National Academies Press
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDjP72"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDoJ9c"
                                                          value="OCGA"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Office of Congressional and Government Affairs
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDoJ9c"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDebaF"
                                                          value="OD"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Office of Development
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDebaF"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDD3Fi"
                                                          value="OHR"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Office of Human Resources
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDD3Fi"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDJDsj"
                                                          value="ONPI"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Office of News and Public Information
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDJDsj"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDB00y"
                                                          value="OSE"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Office of Strategy and Engagement
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDB00y"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
            </ol>
    </fieldset>
        </div>
    </div>
</li>
                                                                    <li data-accordion-item
    class="">
    <h3 class="flex w-full"><button class="effect-focus group w-full flex gap-x-20 justify-between items-center py-spacing-set-4 text-primary f-body-01 text-left border-t border-default cursor-pointer min-h-64 f-ui-02"
                id="AccordionLabelbfaf709a-ded7-4556-ad15-161d9d3f20487"
                data-accordion-trigger
                data-accordion-open="false"
                data-accordion-index="7"
                aria-expanded="false"
                aria-controls="AccordionItembfaf709a-ded7-4556-ad15-161d9d3f20487">
                            <span
                                                class=""
                                            >
                                                Institute of Medicine
                                            </span>
                                            <div
                                                class="gap-spacing-set-2 pl-spacing-set-2 flex items-center"
                                            >
                                                
                                                <div
                                                    class="relative rounded-full flex flex-none justify-center items-center w-40 h-40 pointer-events-none effect-color group-hover:bg-interactive-hovered group-active:bg-interactive-pressed"
                                                >
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=false]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-down-20"></use>
</svg>
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=true]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-up-20"></use>
</svg>
                                                </div>
                                            </div>
                    </button></h3>

    <div class="data-[accordion-open=false]:h-0 overflow-hidden transition-all duration-300 ease-out data-[accordion-open=true]:overflow-unset f-body-01 text-primary"
         id="AccordionItembfaf709a-ded7-4556-ad15-161d9d3f20487"
         data-accordion-content
         data-accordion-open="false"
         data-set-fixed-height="false"
         role="region"
         aria-labelledby="AccordionLabelbfaf709a-ded7-4556-ad15-161d9d3f20487"
         aria-hidden="true"
         inert>
        <div class="pt-spacing-set-3 pb-spacing-set-8"
             data-accordion-content-inner>
            <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed mb-32"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDIbMI"
                                                          value="IOM"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Institute of Medicine
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDIbMI"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
                                        
                                        <p class="f-label mb-16">
                                            Units
                                        </p>
                                        <fieldset class="m-input"
          >

    
    
    <ol class="space-y-12">
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDr1rW"
                                                          value="BMVH"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Board on Military and Veterans Health
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDr1rW"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
            </ol>
    </fieldset>
        </div>
    </div>
</li>
                                                                    <li data-accordion-item
    class="">
    <h3 class="flex w-full"><button class="effect-focus group w-full flex gap-x-20 justify-between items-center py-spacing-set-4 text-primary f-body-01 text-left border-t border-default cursor-pointer min-h-64 f-ui-02"
                id="AccordionLabele64b7628-805c-43cd-9c38-26846c5112468"
                data-accordion-trigger
                data-accordion-open="false"
                data-accordion-index="8"
                aria-expanded="false"
                aria-controls="AccordionIteme64b7628-805c-43cd-9c38-26846c5112468">
                            <span
                                                class=""
                                            >
                                                National Academy of Engineering
                                            </span>
                                            <div
                                                class="gap-spacing-set-2 pl-spacing-set-2 flex items-center"
                                            >
                                                
                                                <div
                                                    class="relative rounded-full flex flex-none justify-center items-center w-40 h-40 pointer-events-none effect-color group-hover:bg-interactive-hovered group-active:bg-interactive-pressed"
                                                >
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=false]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-down-20"></use>
</svg>
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=true]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-up-20"></use>
</svg>
                                                </div>
                                            </div>
                    </button></h3>

    <div class="data-[accordion-open=false]:h-0 overflow-hidden transition-all duration-300 ease-out data-[accordion-open=true]:overflow-unset f-body-01 text-primary"
         id="AccordionIteme64b7628-805c-43cd-9c38-26846c5112468"
         data-accordion-content
         data-accordion-open="false"
         data-set-fixed-height="false"
         role="region"
         aria-labelledby="AccordionLabele64b7628-805c-43cd-9c38-26846c5112468"
         aria-hidden="true"
         inert>
        <div class="pt-spacing-set-3 pb-spacing-set-8"
             data-accordion-content-inner>
            <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed mb-32"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDZ2Od"
                                                          value="NAE"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    National Academy of Engineering
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDZ2Od"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
                                        
                                        <p class="f-label mb-16">
                                            Units
                                        </p>
                                        <fieldset class="m-input"
          >

    
    
    <ol class="space-y-12">
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDGr82"
                                                          value="NAE A&amp;F"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    NAE Office of Administration and Finance
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDGr82"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID45UT"
                                                          value="NAE Mem"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    NAE Office of Membership
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID45UT"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID8GTR"
                                                          value="NAE"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    National Academy of Engineering (NAE)
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID8GTR"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDMlIc"
                                                          value="NAE Prog"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    National Academy of Engineering Office of Programs
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDMlIc"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDzSEn"
                                                          value="NAE Exec"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    National Academy of Engineering President&#039;s and Executive Office
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDzSEn"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID3vvh"
                                                          value="CEE"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Committee on Engineering Education
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID3vvh"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDkyTK"
                                                          value="NAE Info"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    NAE Office of Public Information
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDkyTK"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID96vK"
                                                          value="NAEP"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    NAEP
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID96vK"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
            </ol>
    </fieldset>
        </div>
    </div>
</li>
                                                                    <li data-accordion-item
    class="">
    <h3 class="flex w-full"><button class="effect-focus group w-full flex gap-x-20 justify-between items-center py-spacing-set-4 text-primary f-body-01 text-left border-t border-default cursor-pointer min-h-64 f-ui-02"
                id="AccordionLabel7619a1ae-be15-4801-b237-2452b3c93b6f9"
                data-accordion-trigger
                data-accordion-open="false"
                data-accordion-index="9"
                aria-expanded="false"
                aria-controls="AccordionItem7619a1ae-be15-4801-b237-2452b3c93b6f9">
                            <span
                                                class=""
                                            >
                                                National Academy of Sciences
                                            </span>
                                            <div
                                                class="gap-spacing-set-2 pl-spacing-set-2 flex items-center"
                                            >
                                                
                                                <div
                                                    class="relative rounded-full flex flex-none justify-center items-center w-40 h-40 pointer-events-none effect-color group-hover:bg-interactive-hovered group-active:bg-interactive-pressed"
                                                >
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=false]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-down-20"></use>
</svg>
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=true]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-up-20"></use>
</svg>
                                                </div>
                                            </div>
                    </button></h3>

    <div class="data-[accordion-open=false]:h-0 overflow-hidden transition-all duration-300 ease-out data-[accordion-open=true]:overflow-unset f-body-01 text-primary"
         id="AccordionItem7619a1ae-be15-4801-b237-2452b3c93b6f9"
         data-accordion-content
         data-accordion-open="false"
         data-set-fixed-height="false"
         role="region"
         aria-labelledby="AccordionLabel7619a1ae-be15-4801-b237-2452b3c93b6f9"
         aria-hidden="true"
         inert>
        <div class="pt-spacing-set-3 pb-spacing-set-8"
             data-accordion-content-inner>
            <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed mb-32"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDMX83"
                                                          value="NASEO"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    National Academy of Sciences
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDMX83"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
                                        
                                        <p class="f-label mb-16">
                                            Units
                                        </p>
                                        <fieldset class="m-input"
          >

    
    
    <ol class="space-y-12">
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDCc9n"
                                                          value="CreatveEng"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Creative Engagement
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDCc9n"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDIPZd"
                                                          value="CPNAS"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Cultural Programs of the National Academy of Sciences
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDIPZd"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID42Iz"
                                                          value="LabX"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    LabX
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID42Iz"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDEnjs"
                                                          value="NAS EO"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    National Academy of Sciences Executive Office
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDEnjs"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDyhvB"
                                                          value="IRV PROG"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    National Academy of Sciences Irvine Program Office
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDyhvB"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDlHKS"
                                                          value="PO"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    National Academy of Sciences President&#039;s Office
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDlHKS"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDbFUz"
                                                          value="OPEER"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Office of Sponsored Program Engagement and External Relations
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDbFUz"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDXcax"
                                                          value="PNAS"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Proceedings of the National Academy of Sciences
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDXcax"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDo95g"
                                                          value="SEE"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    The Science &amp; Entertainment Exchange
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDo95g"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
            </ol>
    </fieldset>
        </div>
    </div>
</li>
                                                                    <li data-accordion-item
    class="">
    <h3 class="flex w-full"><button class="effect-focus group w-full flex gap-x-20 justify-between items-center py-spacing-set-4 text-primary f-body-01 text-left border-t border-default cursor-pointer min-h-64 f-ui-02"
                id="AccordionLabeld01d1565-59eb-43b9-bf52-31317b40260910"
                data-accordion-trigger
                data-accordion-open="false"
                data-accordion-index="10"
                aria-expanded="false"
                aria-controls="AccordionItemd01d1565-59eb-43b9-bf52-31317b40260910">
                            <span
                                                class=""
                                            >
                                                National Academy of Medicine
                                            </span>
                                            <div
                                                class="gap-spacing-set-2 pl-spacing-set-2 flex items-center"
                                            >
                                                
                                                <div
                                                    class="relative rounded-full flex flex-none justify-center items-center w-40 h-40 pointer-events-none effect-color group-hover:bg-interactive-hovered group-active:bg-interactive-pressed"
                                                >
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=false]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-down-20"></use>
</svg>
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=true]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-up-20"></use>
</svg>
                                                </div>
                                            </div>
                    </button></h3>

    <div class="data-[accordion-open=false]:h-0 overflow-hidden transition-all duration-300 ease-out data-[accordion-open=true]:overflow-unset f-body-01 text-primary"
         id="AccordionItemd01d1565-59eb-43b9-bf52-31317b40260910"
         data-accordion-content
         data-accordion-open="false"
         data-set-fixed-height="false"
         role="region"
         aria-labelledby="AccordionLabeld01d1565-59eb-43b9-bf52-31317b40260910"
         aria-hidden="true"
         inert>
        <div class="pt-spacing-set-3 pb-spacing-set-8"
             data-accordion-content-inner>
            <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed mb-32"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDPbDs"
                                                          value="NAM"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    National Academy of Medicine
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDPbDs"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
                                        
                                        <p class="f-label mb-16">
                                            Units
                                        </p>
                                        <fieldset class="m-input"
          >

    
    
    <ol class="space-y-12">
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDfSDm"
                                                          value="NAMEND"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    National Academy of Medicine Endowments
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDfSDm"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDqLHz"
                                                          value="NAMEO"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    National Academy of Medicine Executive Office
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDqLHz"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDog8I"
                                                          value="LC"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    National Academy of Medicine Leadership Consortium
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDog8I"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDCjZc"
                                                          value="NAMMO"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    National Academy of Medicine Membership Office
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDCjZc"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDFG4K"
                                                          value="NAMPO"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    National Academy of Medicine President&#039;s Office
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDFG4K"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDm59V"
                                                          value="NAM PRGM"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    National Academy of Medicine Programs
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDm59V"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDNoei"
                                                          value="HPFLP"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Health Policy Fellowships and Leadership Programs
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDNoei"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
            </ol>
    </fieldset>
        </div>
    </div>
</li>
                                                                    <li data-accordion-item
    class="">
    <h3 class="flex w-full"><button class="effect-focus group w-full flex gap-x-20 justify-between items-center py-spacing-set-4 text-primary f-body-01 text-left border-t border-default cursor-pointer min-h-64 f-ui-02"
                id="AccordionLabel7eb55778-6b6a-4bac-bdf7-43d96956492911"
                data-accordion-trigger
                data-accordion-open="false"
                data-accordion-index="11"
                aria-expanded="false"
                aria-controls="AccordionItem7eb55778-6b6a-4bac-bdf7-43d96956492911">
                            <span
                                                class=""
                                            >
                                                Policy and Global Affairs
                                            </span>
                                            <div
                                                class="gap-spacing-set-2 pl-spacing-set-2 flex items-center"
                                            >
                                                
                                                <div
                                                    class="relative rounded-full flex flex-none justify-center items-center w-40 h-40 pointer-events-none effect-color group-hover:bg-interactive-hovered group-active:bg-interactive-pressed"
                                                >
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=false]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-down-20"></use>
</svg>
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=true]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-up-20"></use>
</svg>
                                                </div>
                                            </div>
                    </button></h3>

    <div class="data-[accordion-open=false]:h-0 overflow-hidden transition-all duration-300 ease-out data-[accordion-open=true]:overflow-unset f-body-01 text-primary"
         id="AccordionItem7eb55778-6b6a-4bac-bdf7-43d96956492911"
         data-accordion-content
         data-accordion-open="false"
         data-set-fixed-height="false"
         role="region"
         aria-labelledby="AccordionLabel7eb55778-6b6a-4bac-bdf7-43d96956492911"
         aria-hidden="true"
         inert>
        <div class="pt-spacing-set-3 pb-spacing-set-8"
             data-accordion-content-inner>
            <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed mb-32"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDBxZo"
                                                          value="PGA"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Policy and Global Affairs
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDBxZo"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
                                        
                                        <p class="f-label mb-16">
                                            Units
                                        </p>
                                        <fieldset class="m-input"
          >

    
    
    <ol class="space-y-12">
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDVgV4"
                                                          value="BGST"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Board on Global Science and Technology
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDVgV4"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID1faK"
                                                          value="BHEW"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Board on Higher Education and Workforce
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID1faK"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDUejt"
                                                          value="BISO"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Board on International Scientific Organizations
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDUejt"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDDP8Y"
                                                          value="Bd Res&amp;Inf"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Board on Research Data and Information
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDDP8Y"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID0pqg"
                                                          value="BOSTID"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Board on Science and Technology for International Development
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID0pqg"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDNVtE"
                                                          value="STEP"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Board on Science, Technology, and Economic Policy
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDNVtE"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDokR5"
                                                          value="CHR"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Committee on Human Rights
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDokR5"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID8Kfb"
                                                          value="CISAC"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Committee on International Security and Arms Control
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID8Kfb"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDlp7s"
                                                          value="COSEMPUP"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Committee on Science, Engineering, Medicine, and Public Policy
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDlp7s"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDV4iF"
                                                          value="STL"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Committee on Science, Technology, and Law
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDV4iF"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID9wkQ"
                                                          value="CWSE"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Committee on Women in Science, Engineering, and Medicine
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID9wkQ"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDopjj"
                                                          value="DSC B"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Development, Security, and Cooperation
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDopjj"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDBSIG"
                                                          value="DSC-C"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Development, Security, and Cooperation - Grant Programs
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDBSIG"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDUhCQ"
                                                          value="DSC-A"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Development, Security, and Cooperation - Networks and International Programs
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDUhCQ"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDlLv3"
                                                          value="ECCBP"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Early Career Capacity Building Programs
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDlLv3"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDTlkx"
                                                          value="FP"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Fellowships Office
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDTlkx"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID4Pdk"
                                                          value="GLOBAL"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Global Sustainability and Development
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID4Pdk"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID25PE"
                                                          value="GUIPRR"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Government-University-Industry-Philanthropy Research Roundtable
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID25PE"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDsuOz"
                                                          value="NETWORKS"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    International Networks and Cooperation
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDsuOz"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDI0jM"
                                                          value="OIA"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Office of International Affairs
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDI0jM"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDmsTF"
                                                          value="OSEP EO"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Office of Scientific and Engineering Personnel
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDmsTF"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDzM5A"
                                                          value="OSP"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Office of Special Projects
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDzM5A"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDuaR7"
                                                          value="OFS"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Office of the Foreign Secretaries
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDuaR7"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID7nrO"
                                                          value="PD"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Policy Division
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID7nrO"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID7leU"
                                                          value="PGA EO"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Policy and Global Affairs Executive Office
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID7leU"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDuGDN"
                                                          value="CAPACITY"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Science and Engineering Capacity Development
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDuGDN"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDqPkp"
                                                          value="STS"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Science and Technology for Sustainability Program
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDqPkp"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDrMBd"
                                                          value="POLICY"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    U.S. Science and Innovation Policy
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDrMBd"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
            </ol>
    </fieldset>
        </div>
    </div>
</li>
                                                                    <li data-accordion-item
    class="">
    <h3 class="flex w-full"><button class="effect-focus group w-full flex gap-x-20 justify-between items-center py-spacing-set-4 text-primary f-body-01 text-left border-t border-default cursor-pointer min-h-64 f-ui-02"
                id="AccordionLabel53df0999-891b-4297-9362-682cfcbc2a8712"
                data-accordion-trigger
                data-accordion-open="false"
                data-accordion-index="12"
                aria-expanded="false"
                aria-controls="AccordionItem53df0999-891b-4297-9362-682cfcbc2a8712">
                            <span
                                                class=""
                                            >
                                                Health and Medicine Division
                                            </span>
                                            <div
                                                class="gap-spacing-set-2 pl-spacing-set-2 flex items-center"
                                            >
                                                
                                                <div
                                                    class="relative rounded-full flex flex-none justify-center items-center w-40 h-40 pointer-events-none effect-color group-hover:bg-interactive-hovered group-active:bg-interactive-pressed"
                                                >
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=false]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-down-20"></use>
</svg>
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=true]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-up-20"></use>
</svg>
                                                </div>
                                            </div>
                    </button></h3>

    <div class="data-[accordion-open=false]:h-0 overflow-hidden transition-all duration-300 ease-out data-[accordion-open=true]:overflow-unset f-body-01 text-primary"
         id="AccordionItem53df0999-891b-4297-9362-682cfcbc2a8712"
         data-accordion-content
         data-accordion-open="false"
         data-set-fixed-height="false"
         role="region"
         aria-labelledby="AccordionLabel53df0999-891b-4297-9362-682cfcbc2a8712"
         aria-hidden="true"
         inert>
        <div class="pt-spacing-set-3 pb-spacing-set-8"
             data-accordion-content-inner>
            <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed mb-32"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID2GeS"
                                                          value="HMD"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Health and Medicine Division
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID2GeS"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
                                        
                                        <p class="f-label mb-16">
                                            Units
                                        </p>
                                        <fieldset class="m-input"
          >

    
    
    <ol class="space-y-12">
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID4lev"
                                                          value="BGH"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Board on Global Health
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID4lev"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDhsed"
                                                          value="HCS"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Board on Health Care Services
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDhsed"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDUDSW"
                                                          value="HPDP"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Board on Health Promotion and Disease Prevention
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDUDSW"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDdjdt"
                                                          value="HSP"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Board on Health Sciences Policy
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDdjdt"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID6TYN"
                                                          value="NBH"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Board on Neuroscience and Behavioral Health
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID6TYN"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDpZus"
                                                          value="BPH"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Board on Population Health and Public Health Practice
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDpZus"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID3LAR"
                                                          value="BSP"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Board on the Health of Select Populations
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID3LAR"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDcPQL"
                                                          value="FNB"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Food and Nutrition Board
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDcPQL"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID2KVb"
                                                          value="EO"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Health and Medicine Division Executive Office
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID2KVb"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDKs6R"
                                                          value="MFUA"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Medical Follow-Up Agency
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDKs6R"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDB0gV"
                                                          value="NCPB"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    National Cancer Policy Board
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDB0gV"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
            </ol>
    </fieldset>
        </div>
    </div>
</li>
                                                                    <li data-accordion-item
    class="">
    <h3 class="flex w-full"><button class="effect-focus group w-full flex gap-x-20 justify-between items-center py-spacing-set-4 text-primary f-body-01 text-left border-t border-default cursor-pointer min-h-64 f-ui-02"
                id="AccordionLabel8e5b7104-c6b5-4635-8d53-ddd276c456a613"
                data-accordion-trigger
                data-accordion-open="false"
                data-accordion-index="13"
                aria-expanded="false"
                aria-controls="AccordionItem8e5b7104-c6b5-4635-8d53-ddd276c456a613">
                            <span
                                                class=""
                                            >
                                                Division on Engineering and Physical Sciences
                                            </span>
                                            <div
                                                class="gap-spacing-set-2 pl-spacing-set-2 flex items-center"
                                            >
                                                
                                                <div
                                                    class="relative rounded-full flex flex-none justify-center items-center w-40 h-40 pointer-events-none effect-color group-hover:bg-interactive-hovered group-active:bg-interactive-pressed"
                                                >
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=false]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-down-20"></use>
</svg>
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=true]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-up-20"></use>
</svg>
                                                </div>
                                            </div>
                    </button></h3>

    <div class="data-[accordion-open=false]:h-0 overflow-hidden transition-all duration-300 ease-out data-[accordion-open=true]:overflow-unset f-body-01 text-primary"
         id="AccordionItem8e5b7104-c6b5-4635-8d53-ddd276c456a613"
         data-accordion-content
         data-accordion-open="false"
         data-set-fixed-height="false"
         role="region"
         aria-labelledby="AccordionLabel8e5b7104-c6b5-4635-8d53-ddd276c456a613"
         aria-hidden="true"
         inert>
        <div class="pt-spacing-set-3 pb-spacing-set-8"
             data-accordion-content-inner>
            <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed mb-32"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDNoU1"
                                                          value="DEPS"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Division on Engineering and Physical Sciences
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDNoU1"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
                                        
                                        <p class="f-label mb-16">
                                            Units
                                        </p>
                                        <fieldset class="m-input"
          >

    
    
    <ol class="space-y-12">
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDDjGN"
                                                          value="ASEB"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Aeronautics and Space Engineering Board
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDDjGN"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDdh6X"
                                                          value="AFSTB"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Air Force Science and Technology Board
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDdh6X"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDKBiC"
                                                          value="AFSB"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Air Force Studies Board
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDKBiC"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDgpFZ"
                                                          value="ARLT"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Army Research Laboratory Technical Assessment Board
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDgpFZ"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDcTg3"
                                                          value="BOARD"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Board on Army Research and Development
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDcTg3"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDopp7"
                                                          value="BAST"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Board on Army Science and Technology
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDopp7"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID0vsb"
                                                          value="NIST"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Board on Assessment of National Institute of Standards and Technology Programs
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID0vsb"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID3kd1"
                                                          value="BEES"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Board on Energy and Environmental Systems
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID3kd1"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDmg4H"
                                                          value="BICE"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Board on Infrastructure and the Constructed Environment
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDmg4H"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDuZj6"
                                                          value="BMED"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Board on Manufacturing and Engineering Design
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDuZj6"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDfF00"
                                                          value="BMSA"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Board on Mathematical Sciences and Analytics
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDfF00"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID80HW"
                                                          value="BPA"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Board on Physics and Astronomy
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID80HW"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDQsci"
                                                          value="CSTB"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Computer Science and Telecommunications Board
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDQsci"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID4EQZ"
                                                          value="DEPS EO"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Division on Engineering and Physical Sciences Executive Office
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID4EQZ"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDQ7r6"
                                                          value="ICSB"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Intelligence Community Studies Board
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDQ7r6"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDUuLI"
                                                          value="LAB"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Laboratory Assessments Board
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDUuLI"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID6cWE"
                                                          value="MSEB"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Mathematical Sciences Education Board
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID6cWE"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDqZuW"
                                                          value="NMMB"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    National Materials and Manufacturing Board
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDqZuW"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDtbGb"
                                                          value="NSB"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Naval Studies Board
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDtbGb"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDv6l6"
                                                          value="SSB"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Space Studies Board
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDv6l6"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
            </ol>
    </fieldset>
        </div>
    </div>
</li>
                                                                    <li data-accordion-item
    class="">
    <h3 class="flex w-full"><button class="effect-focus group w-full flex gap-x-20 justify-between items-center py-spacing-set-4 text-primary f-body-01 text-left border-t border-default cursor-pointer min-h-64 f-ui-02"
                id="AccordionLabel7f5fea0b-3026-4e84-b4af-ff178cef4d9f14"
                data-accordion-trigger
                data-accordion-open="false"
                data-accordion-index="14"
                aria-expanded="false"
                aria-controls="AccordionItem7f5fea0b-3026-4e84-b4af-ff178cef4d9f14">
                            <span
                                                class=""
                                            >
                                                Division on Earth and Life Studies
                                            </span>
                                            <div
                                                class="gap-spacing-set-2 pl-spacing-set-2 flex items-center"
                                            >
                                                
                                                <div
                                                    class="relative rounded-full flex flex-none justify-center items-center w-40 h-40 pointer-events-none effect-color group-hover:bg-interactive-hovered group-active:bg-interactive-pressed"
                                                >
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=false]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-down-20"></use>
</svg>
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=true]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-up-20"></use>
</svg>
                                                </div>
                                            </div>
                    </button></h3>

    <div class="data-[accordion-open=false]:h-0 overflow-hidden transition-all duration-300 ease-out data-[accordion-open=true]:overflow-unset f-body-01 text-primary"
         id="AccordionItem7f5fea0b-3026-4e84-b4af-ff178cef4d9f14"
         data-accordion-content
         data-accordion-open="false"
         data-set-fixed-height="false"
         role="region"
         aria-labelledby="AccordionLabel7f5fea0b-3026-4e84-b4af-ff178cef4d9f14"
         aria-hidden="true"
         inert>
        <div class="pt-spacing-set-3 pb-spacing-set-8"
             data-accordion-content-inner>
            <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed mb-32"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDKwJJ"
                                                          value="DELS"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Division on Earth and Life Studies
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDKwJJ"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
                                        
                                        <p class="f-label mb-16">
                                            Units
                                        </p>
                                        <fieldset class="m-input"
          >

    
    
    <ol class="space-y-12">
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDkgyh"
                                                          value="BANR"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Board on Agriculture and Natural Resources
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDkgyh"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDcOc7"
                                                          value="BAHSCR"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Board on Animal Health Sciences, Conservation, and Research
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDcOc7"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDmtEO"
                                                          value="BASCPR"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Board on Atmospheric Sciences and Climate
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDmtEO"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDkPUS"
                                                          value="BCST"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Board on Chemical Sciences and Technology
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDkPUS"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDRjkg"
                                                          value="BESR"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Board on Earth Sciences and Resources
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDRjkg"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDNQgx"
                                                          value="BEST"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Board on Environmental Studies and Toxicology
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDNQgx"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDFgL2"
                                                          value="BLS"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Board on Life Sciences
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDFgL2"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDi7Rf"
                                                          value="BSD"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Board on Sustainable Development
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDi7Rf"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDXpfY"
                                                          value="DR"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Disasters Roundtable
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDXpfY"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDSDcy"
                                                          value="DELS EO"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Division on Earth and Life Studies Executive Office
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDSDcy"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDv3z7"
                                                          value="ILAR"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Institute for Laboratory Animal Research
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDv3z7"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDZxgn"
                                                          value="NRSB"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Nuclear and Radiation Studies Board
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDZxgn"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDC5GD"
                                                          value="OSB"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Ocean Studies Board
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDC5GD"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID4TV2"
                                                          value="PRB"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Polar Research Board
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID4TV2"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDhQce"
                                                          value="DELS RERF"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Radiation Effects Research Foundation
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDhQce"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDKCOc"
                                                          value="TIC"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Toxicology Information Center
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDKCOc"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDXDbN"
                                                          value="WSTB"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Water Science and Technology Board
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDXDbN"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
            </ol>
    </fieldset>
        </div>
    </div>
</li>
                                                                    <li data-accordion-item
    class="">
    <h3 class="flex w-full"><button class="effect-focus group w-full flex gap-x-20 justify-between items-center py-spacing-set-4 text-primary f-body-01 text-left border-t border-default cursor-pointer min-h-64 f-ui-02"
                id="AccordionLabel1050d70f-f6ae-446a-9821-5005c1a96fa215"
                data-accordion-trigger
                data-accordion-open="false"
                data-accordion-index="15"
                aria-expanded="false"
                aria-controls="AccordionItem1050d70f-f6ae-446a-9821-5005c1a96fa215">
                            <span
                                                class=""
                                            >
                                                Division of Behavioral and Social Sciences and Education
                                            </span>
                                            <div
                                                class="gap-spacing-set-2 pl-spacing-set-2 flex items-center"
                                            >
                                                
                                                <div
                                                    class="relative rounded-full flex flex-none justify-center items-center w-40 h-40 pointer-events-none effect-color group-hover:bg-interactive-hovered group-active:bg-interactive-pressed"
                                                >
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=false]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-down-20"></use>
</svg>
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=true]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-up-20"></use>
</svg>
                                                </div>
                                            </div>
                    </button></h3>

    <div class="data-[accordion-open=false]:h-0 overflow-hidden transition-all duration-300 ease-out data-[accordion-open=true]:overflow-unset f-body-01 text-primary"
         id="AccordionItem1050d70f-f6ae-446a-9821-5005c1a96fa215"
         data-accordion-content
         data-accordion-open="false"
         data-set-fixed-height="false"
         role="region"
         aria-labelledby="AccordionLabel1050d70f-f6ae-446a-9821-5005c1a96fa215"
         aria-hidden="true"
         inert>
        <div class="pt-spacing-set-3 pb-spacing-set-8"
             data-accordion-content-inner>
            <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed mb-32"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDSwtD"
                                                          value="DBASSE"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Division of Behavioral and Social Sciences and Education
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDSwtD"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
                                        
                                        <p class="f-label mb-16">
                                            Units
                                        </p>
                                        <fieldset class="m-input"
          >

    
    
    <ol class="space-y-12">
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDfd7M"
                                                          value="BBCSS"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Board on Behavioral, Cognitive, and Sensory Sciences
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDfd7M"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDS0eN"
                                                          value="BCYF"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Board on Children, Youth, and Families
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDS0eN"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDyHZR"
                                                          value="BECS"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Board on Environmental Change and Society
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDyHZR"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDsCqe"
                                                          value="BOHSI"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Board on Human-Systems Integration
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDsCqe"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDos3m"
                                                          value="BOSE"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Board on Science Education
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDos3m"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDkyly"
                                                          value="BOTA"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Board on Testing and Assessment
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDkyly"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDoM1X"
                                                          value="CFE"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Center for Education
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDoM1X"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDfbwT"
                                                          value="CSMEE"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Center for Science, Mathematics, and Engineering Education
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDfbwT"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID4vGB"
                                                          value="CLAJ"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Committee on Law and Justice
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID4vGB"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID4l2c"
                                                          value="CNSTAT"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Committee on National Statistics
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID4l2c"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDOb7j"
                                                          value="CPOP"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Committee on Population
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDOb7j"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDSVwP"
                                                          value="DBASSE EO"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Division of Behavioral and Social Sciences and Education Executive Office
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDSVwP"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDjFaB"
                                                          value="TAC"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Teacher Advisory Council
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDjFaB"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
            </ol>
    </fieldset>
        </div>
    </div>
</li>
                                                                    <li data-accordion-item
    class="">
    <h3 class="flex w-full"><button class="effect-focus group w-full flex gap-x-20 justify-between items-center py-spacing-set-4 text-primary f-body-01 text-left border-t border-default cursor-pointer min-h-64 f-ui-02"
                id="AccordionLabel6be16944-8883-4b9e-9b76-bc940356024316"
                data-accordion-trigger
                data-accordion-open="false"
                data-accordion-index="16"
                aria-expanded="false"
                aria-controls="AccordionItem6be16944-8883-4b9e-9b76-bc940356024316">
                            <span
                                                class=""
                                            >
                                                Office of Peer Review
                                            </span>
                                            <div
                                                class="gap-spacing-set-2 pl-spacing-set-2 flex items-center"
                                            >
                                                
                                                <div
                                                    class="relative rounded-full flex flex-none justify-center items-center w-40 h-40 pointer-events-none effect-color group-hover:bg-interactive-hovered group-active:bg-interactive-pressed"
                                                >
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=false]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-down-20"></use>
</svg>
                                                    <svg width="20"
     height="20"
     fill="none"
      class="w-20 h-20 absolute pointer-events-none opacity-0 group-data-[accordion-open=true]:opacity-100"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#chevron-up-20"></use>
</svg>
                                                </div>
                                            </div>
                    </button></h3>

    <div class="data-[accordion-open=false]:h-0 overflow-hidden transition-all duration-300 ease-out data-[accordion-open=true]:overflow-unset f-body-01 text-primary"
         id="AccordionItem6be16944-8883-4b9e-9b76-bc940356024316"
         data-accordion-content
         data-accordion-open="false"
         data-set-fixed-height="false"
         role="region"
         aria-labelledby="AccordionLabel6be16944-8883-4b9e-9b76-bc940356024316"
         aria-hidden="true"
         inert>
        <div class="pt-spacing-set-3 pb-spacing-set-8"
             data-accordion-content-inner>
            <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed mb-32"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorID4YmG"
                                                          value="OPR"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Office of Peer Review
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID4YmG"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
                                        
                                        <p class="f-label mb-16">
                                            Units
                                        </p>
                                        <fieldset class="m-input"
          >

    
    
    <ol class="space-y-12">
                    <li class="">
                <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
           >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDuJCT"
                                                          value="OPR"                    
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    Office of Peer Review
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDuJCT"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
            </li>
            </ol>
    </fieldset>
        </div>
    </div>
</li>
                                
                                <div
                                    data-no-results
                                    class="f-ui-02 text-secondary py-spacing-set-8 hidden text-center"
                                >
                                    No results found
                                </div>
        </ul>
    </div>
                </div>
                    </div>

                    <div
                data-component="composers:overlay:footer"
                class="bg-default border-subtle sticky bottom-0 z-2 border-t"
            >
                <div
                    class="px-outer-margins py-spacing-set-8 grid grid-cols-2 justify-between gap-8"
                >
                    <button class="flex items-center effect-color effect-focus cursor-pointer disabled:cursor-not-allowed shrink-0 rounded-full min-w-48 h-48 px-24 btn-md f-ui-02 border border-strong text-primary bg-transparent effect-interactive disabled:border-subtle w-full justify-center" data-filter-reset="data-filter-reset"
                                          >
    
    
            <span class="flex items-center justify-center gap-8 shrink-0">Reset</span>
    
    
        </button>
                            <button class="flex items-center effect-color effect-focus cursor-pointer disabled:cursor-not-allowed shrink-0 rounded-full min-w-48 h-48 px-24 btn-md f-ui-02 bg-inverse text-inverse effect-interactive-inverse w-full justify-center" data-filter-apply="data-filter-apply"
                                          >
    
    
            <span class="flex items-center justify-center gap-8 shrink-0">Apply</span>
    
    
        </button>
                </div>
            </div>
            </div>
        </div>
    </div>


    <div id="filter-publication_date"
         role="dialog"
         aria-labelledby="filter-publication_date_title"
         aria-modal="true"
         data-behavior="Modal" data-component="composers:overlay" class="group/modal fixed inset-0 flex z-999 opacity-0 modal-effect-hidden-fade data-[active]:modal-effect-show-fade data-[active]:opacity-100 overscroll-contain flex-row justify-end bg-overlay-strong"
         
         
         data-Modal-clickOutside="true">
        <div class="relative h-full max-h-safe-screen overflow-hidden w-full lg:w-[70vw] xl:w-[53vw] bg-default translate-y-40 lg:translate-y-0 lg:translate-x-40 group-data-[active=true]/modal:translate-0 effect-hidden-fade-translate group-data-[active=true]/modal:effect-show-fade-translate flex flex-col"
             data-Modal-focus-trap
             tabindex="-1">
            
                                                <h1 class="sr-only" id="filter-publication_date_title" data-Modal-initial-focus="" tabindex="-1">Date</h1>
                            
            <div
        class="bg-default min-h-safe-screen flex max-h-full flex-col"
    >
                    <div
        data-component="modal:modal-close"
        class="py-spacing-set-7 px-outer-margins bg-default gap-gutter sticky top-0 z-2 box-content flex min-h-40 flex-row items-center justify-between"
    >
                    <h2 class="f-heading-05 text-primary order-1">Date</h2>
        
        
        <button data-Modal-close-trigger="data-Modal-close-trigger" class="effect-color effect-focus disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-40 h-40 btn-sm f-ui-02 border border-default bg-default text-primary effect-interactive px-0 flex items-center justify-center btn-iconOnly cursor-pointer [&.btn-tag]:px-8 [&.btn-tag]:h-32 gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pr-20 order-3" aria-label="Close modal"
                                          >
    
    
    
            <svg width="20"
     height="20"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#close-20"></use>
</svg>
    
        </button>
    </div>
        
        <div
            class="relative flex-1 overflow-x-hidden overflow-y-scroll"
            data-modal-scroller
                    >
                            <div class="px-outer-margins pb-spacing-set-7">
                    <div
                                class="gap-spacing-set-4 grid grid-cols-1 md:grid-cols-3"
                            >
                                                                    <a class="flex items-center effect-color effect-focus cursor-pointer disabled:cursor-not-allowed shrink-0 rounded-full min-w-48 h-48 px-24 btn-md f-ui-02 border border-strong text-primary bg-transparent effect-interactive disabled:border-subtle w-full justify-center"
                      href="https://www.nationalacademies.org/publications/all?publication_date%5Bquick%5D=past_month"                      >
    
    
            <span class="flex items-center justify-center gap-8 shrink-0">Past Month</span>
    
    
        </a>
                                                                    <a class="flex items-center effect-color effect-focus cursor-pointer disabled:cursor-not-allowed shrink-0 rounded-full min-w-48 h-48 px-24 btn-md f-ui-02 border border-strong text-primary bg-transparent effect-interactive disabled:border-subtle w-full justify-center"
                      href="https://www.nationalacademies.org/publications/all?publication_date%5Bquick%5D=past_year"                      >
    
    
            <span class="flex items-center justify-center gap-8 shrink-0">Past Year</span>
    
    
        </a>
                                                                    <a class="flex items-center effect-color effect-focus cursor-pointer disabled:cursor-not-allowed shrink-0 rounded-full min-w-48 h-48 px-24 btn-md f-ui-02 border border-strong text-primary bg-transparent effect-interactive disabled:border-subtle w-full justify-center"
                      href="https://www.nationalacademies.org/publications/all?publication_date%5Bquick%5D=past_5_years"                      >
    
    
            <span class="flex items-center justify-center gap-8 shrink-0">Past 5 Years</span>
    
    
        </a>
                                                                    <a class="flex items-center effect-color effect-focus cursor-pointer disabled:cursor-not-allowed shrink-0 rounded-full min-w-48 h-48 px-24 btn-md f-ui-02 border border-strong text-primary bg-transparent effect-interactive disabled:border-subtle w-full justify-center col-span-3"
                      href="https://www.nationalacademies.org/publications/all?publication_date%5Bquick%5D=past_10_years"                      >
    
    
            <span class="flex items-center justify-center gap-8 shrink-0">Past 10 Years</span>
    
    
        </a>
                                                            </div>

                            <div
                                class="my-spacing-set-6 flex w-full items-center justify-center"
                            >
                                <div class="bg-secondary h-px flex-1"></div>
                                <div class="px-spacing-set-4 text-center">
                                    Or
                                </div>
                                <div class="bg-secondary h-px flex-1"></div>
                            </div>

                            <div>
                                <div class="f-heading-05 text-primary">
                                    Year
                                </div>

                                <div
                                    class="gap-spacing-set-4 mt-spacing-set-6 grid grid-cols-1 md:grid-cols-2"
                                >
                                    <div
    data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed w-full" data-time-field="data-time-field"
     >
            <div class="flex flex-row flex-nowrap justify-between items-baseline gap-gutter mb-12">
                            <label class="f-ui-02-strong text-primary"
                      for="publication_date[from]" >
            From
            </label>
                                </div>
    
    <div class="relative border-none input-wrapper">
        
                        <input type="number"
       data-input-input="" aria-describedby="errorIDfMjv" class="appearance-none f-ui-02 rounded-full w-full px-24 h-48 effect-focus-keyboard effect-color border border-input hover:border-strong focus:border-strong text-primary placeholder:text-secondary disabled:opacity-40 [.s-error_&]:border-negative"
        id="publication_date[from]"         name="publication_date[from]"                       placeholder="YYYY"                                     max="2026"         maxlength="4"         min="1950"                      
       
       
       
        />
                    
    </div>

    
    <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDfMjv"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>

    </p>
</div>

                                    <div
    data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed w-full" data-time-field="data-time-field"
     >
            <div class="flex flex-row flex-nowrap justify-between items-baseline gap-gutter mb-12">
                            <label class="f-ui-02-strong text-primary"
                      for="publication_date[to]" >
            To
            </label>
                                </div>
    
    <div class="relative border-none input-wrapper">
        
                        <input type="number"
       data-input-input="" aria-describedby="errorIDBTBD" class="appearance-none f-ui-02 rounded-full w-full px-24 h-48 effect-focus-keyboard effect-color border border-input hover:border-strong focus:border-strong text-primary placeholder:text-secondary disabled:opacity-40 [.s-error_&]:border-negative"
        id="publication_date[to]"         name="publication_date[to]"                       placeholder="YYYY"                                     max="2026"         maxlength="4"         min="1950"                      
       
       
       
        />
                    
    </div>

    
    <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDBTBD"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>

    </p>
</div>
                                </div>
                            </div>
                </div>
                    </div>

                    <div
                data-component="composers:overlay:footer"
                class="bg-default border-subtle sticky bottom-0 z-2 border-t"
            >
                <div
                    class="px-outer-margins py-spacing-set-8 grid grid-cols-2 justify-between gap-8"
                >
                    <button class="flex items-center effect-color effect-focus cursor-pointer disabled:cursor-not-allowed shrink-0 rounded-full min-w-48 h-48 px-24 btn-md f-ui-02 border border-strong text-primary bg-transparent effect-interactive disabled:border-subtle w-full justify-center" data-filter-reset="data-filter-reset"
                                          >
    
    
            <span class="flex items-center justify-center gap-8 shrink-0">Reset</span>
    
    
        </button>
                            <button class="flex items-center effect-color effect-focus cursor-pointer disabled:cursor-not-allowed shrink-0 rounded-full min-w-48 h-48 px-24 btn-md f-ui-02 bg-inverse text-inverse effect-interactive-inverse w-full justify-center" data-filter-apply="data-filter-apply"
                                          >
    
    
            <span class="flex items-center justify-center gap-8 shrink-0">Apply</span>
    
    
        </button>
                </div>
            </div>
            </div>
        </div>
    </div>


    <div id="publication-modal-29292"
         role="dialog"
         aria-labelledby="publication-modal-29292_title"
         aria-modal="true"
         data-behavior="Modal modalUrlUpdate" data-component="composers:overlay" data-modalUrlUpdate-url="https://www.nationalacademies.org/publications/29292" data-modalUrlUpdate-closeUrl="https://www.nationalacademies.org/publications/all" class="group/modal fixed inset-0 flex z-999 opacity-0 modal-effect-hidden-fade data-[active]:modal-effect-show-fade data-[active]:opacity-100 overscroll-contain flex-row justify-end bg-overlay"
         
         
         data-Modal-clickOutside="true">
        <div class="w-full lg:w-[90vw] modal-breakout-lg-90vw bg-default translate-y-40 lg:translate-y-0 lg:translate-x-40 group-data-[active=true]/modal:translate-0 effect-hidden-fade-translate group-data-[active=true]/modal:effect-show-fade-translate flex flex-col"
             data-Modal-focus-trap
             tabindex="-1">
            
                                                <h1 class="sr-only" id="publication-modal-29292_title" data-Modal-initial-focus="" tabindex="-1"></h1>
                            
            <div
        class="bg-default min-h-safe-screen flex max-h-full flex-col"
    >
                    <button data-Modal-close-trigger="data-Modal-close-trigger" data-component="modal:modal-close:single" class="effect-color effect-focus disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-40 h-40 btn-sm f-ui-02 border border-default bg-default text-primary effect-interactive px-0 flex items-center justify-center btn-iconOnly cursor-pointer [&.btn-tag]:px-8 [&.btn-tag]:h-32 gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pr-20 top-spacing-set-7 end-spacing-set-7 absolute z-2" aria-label="Close modal"
                                          >
    
    
    
            <svg width="20"
     height="20"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#close-20"></use>
</svg>
    
        </button>
        
        <div
            class="relative flex-1 overflow-x-hidden overflow-y-scroll"
            data-modal-scroller
                            data-modal-content="https://www.nationalacademies.org/publications/29292/overlay"
                    >
                            
                <div
                    class="px-outer-margins pb-spacing-set-7 py-spacing-set-8 flex items-center justify-center"
                >
                    <span class="f-body-01 text-secondary">Loading...</span>
                </div>
                    </div>

            </div>
        </div>
    </div>


    <div id="publication-modal-29376"
         role="dialog"
         aria-labelledby="publication-modal-29376_title"
         aria-modal="true"
         data-behavior="Modal modalUrlUpdate" data-component="composers:overlay" data-modalUrlUpdate-url="https://www.nationalacademies.org/publications/29376" data-modalUrlUpdate-closeUrl="https://www.nationalacademies.org/publications/all" class="group/modal fixed inset-0 flex z-999 opacity-0 modal-effect-hidden-fade data-[active]:modal-effect-show-fade data-[active]:opacity-100 overscroll-contain flex-row justify-end bg-overlay"
         
         
         data-Modal-clickOutside="true">
        <div class="w-full lg:w-[90vw] modal-breakout-lg-90vw bg-default translate-y-40 lg:translate-y-0 lg:translate-x-40 group-data-[active=true]/modal:translate-0 effect-hidden-fade-translate group-data-[active=true]/modal:effect-show-fade-translate flex flex-col"
             data-Modal-focus-trap
             tabindex="-1">
            
                                                <h1 class="sr-only" id="publication-modal-29376_title" data-Modal-initial-focus="" tabindex="-1"></h1>
                            
            <div
        class="bg-default min-h-safe-screen flex max-h-full flex-col"
    >
                    <button data-Modal-close-trigger="data-Modal-close-trigger" data-component="modal:modal-close:single" class="effect-color effect-focus disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-40 h-40 btn-sm f-ui-02 border border-default bg-default text-primary effect-interactive px-0 flex items-center justify-center btn-iconOnly cursor-pointer [&.btn-tag]:px-8 [&.btn-tag]:h-32 gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pr-20 top-spacing-set-7 end-spacing-set-7 absolute z-2" aria-label="Close modal"
                                          >
    
    
    
            <svg width="20"
     height="20"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#close-20"></use>
</svg>
    
        </button>
        
        <div
            class="relative flex-1 overflow-x-hidden overflow-y-scroll"
            data-modal-scroller
                            data-modal-content="https://www.nationalacademies.org/publications/29376/overlay"
                    >
                            
                <div
                    class="px-outer-margins pb-spacing-set-7 py-spacing-set-8 flex items-center justify-center"
                >
                    <span class="f-body-01 text-secondary">Loading...</span>
                </div>
                    </div>

            </div>
        </div>
    </div>


    <div id="publication-modal-29366"
         role="dialog"
         aria-labelledby="publication-modal-29366_title"
         aria-modal="true"
         data-behavior="Modal modalUrlUpdate" data-component="composers:overlay" data-modalUrlUpdate-url="https://www.nationalacademies.org/publications/29366" data-modalUrlUpdate-closeUrl="https://www.nationalacademies.org/publications/all" class="group/modal fixed inset-0 flex z-999 opacity-0 modal-effect-hidden-fade data-[active]:modal-effect-show-fade data-[active]:opacity-100 overscroll-contain flex-row justify-end bg-overlay"
         
         
         data-Modal-clickOutside="true">
        <div class="w-full lg:w-[90vw] modal-breakout-lg-90vw bg-default translate-y-40 lg:translate-y-0 lg:translate-x-40 group-data-[active=true]/modal:translate-0 effect-hidden-fade-translate group-data-[active=true]/modal:effect-show-fade-translate flex flex-col"
             data-Modal-focus-trap
             tabindex="-1">
            
                                                <h1 class="sr-only" id="publication-modal-29366_title" data-Modal-initial-focus="" tabindex="-1"></h1>
                            
            <div
        class="bg-default min-h-safe-screen flex max-h-full flex-col"
    >
                    <button data-Modal-close-trigger="data-Modal-close-trigger" data-component="modal:modal-close:single" class="effect-color effect-focus disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-40 h-40 btn-sm f-ui-02 border border-default bg-default text-primary effect-interactive px-0 flex items-center justify-center btn-iconOnly cursor-pointer [&.btn-tag]:px-8 [&.btn-tag]:h-32 gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pr-20 top-spacing-set-7 end-spacing-set-7 absolute z-2" aria-label="Close modal"
                                          >
    
    
    
            <svg width="20"
     height="20"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#close-20"></use>
</svg>
    
        </button>
        
        <div
            class="relative flex-1 overflow-x-hidden overflow-y-scroll"
            data-modal-scroller
                            data-modal-content="https://www.nationalacademies.org/publications/29366/overlay"
                    >
                            
                <div
                    class="px-outer-margins pb-spacing-set-7 py-spacing-set-8 flex items-center justify-center"
                >
                    <span class="f-body-01 text-secondary">Loading...</span>
                </div>
                    </div>

            </div>
        </div>
    </div>


    <div id="publication-modal-29412"
         role="dialog"
         aria-labelledby="publication-modal-29412_title"
         aria-modal="true"
         data-behavior="Modal modalUrlUpdate" data-component="composers:overlay" data-modalUrlUpdate-url="https://www.nationalacademies.org/publications/29412" data-modalUrlUpdate-closeUrl="https://www.nationalacademies.org/publications/all" class="group/modal fixed inset-0 flex z-999 opacity-0 modal-effect-hidden-fade data-[active]:modal-effect-show-fade data-[active]:opacity-100 overscroll-contain flex-row justify-end bg-overlay"
         
         
         data-Modal-clickOutside="true">
        <div class="w-full lg:w-[90vw] modal-breakout-lg-90vw bg-default translate-y-40 lg:translate-y-0 lg:translate-x-40 group-data-[active=true]/modal:translate-0 effect-hidden-fade-translate group-data-[active=true]/modal:effect-show-fade-translate flex flex-col"
             data-Modal-focus-trap
             tabindex="-1">
            
                                                <h1 class="sr-only" id="publication-modal-29412_title" data-Modal-initial-focus="" tabindex="-1"></h1>
                            
            <div
        class="bg-default min-h-safe-screen flex max-h-full flex-col"
    >
                    <button data-Modal-close-trigger="data-Modal-close-trigger" data-component="modal:modal-close:single" class="effect-color effect-focus disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-40 h-40 btn-sm f-ui-02 border border-default bg-default text-primary effect-interactive px-0 flex items-center justify-center btn-iconOnly cursor-pointer [&.btn-tag]:px-8 [&.btn-tag]:h-32 gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pr-20 top-spacing-set-7 end-spacing-set-7 absolute z-2" aria-label="Close modal"
                                          >
    
    
    
            <svg width="20"
     height="20"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#close-20"></use>
</svg>
    
        </button>
        
        <div
            class="relative flex-1 overflow-x-hidden overflow-y-scroll"
            data-modal-scroller
                            data-modal-content="https://www.nationalacademies.org/publications/29412/overlay"
                    >
                            
                <div
                    class="px-outer-margins pb-spacing-set-7 py-spacing-set-8 flex items-center justify-center"
                >
                    <span class="f-body-01 text-secondary">Loading...</span>
                </div>
                    </div>

            </div>
        </div>
    </div>


    <div id="publication-modal-28594"
         role="dialog"
         aria-labelledby="publication-modal-28594_title"
         aria-modal="true"
         data-behavior="Modal modalUrlUpdate" data-component="composers:overlay" data-modalUrlUpdate-url="https://www.nationalacademies.org/publications/28594" data-modalUrlUpdate-closeUrl="https://www.nationalacademies.org/publications/all" class="group/modal fixed inset-0 flex z-999 opacity-0 modal-effect-hidden-fade data-[active]:modal-effect-show-fade data-[active]:opacity-100 overscroll-contain flex-row justify-end bg-overlay"
         
         
         data-Modal-clickOutside="true">
        <div class="w-full lg:w-[90vw] modal-breakout-lg-90vw bg-default translate-y-40 lg:translate-y-0 lg:translate-x-40 group-data-[active=true]/modal:translate-0 effect-hidden-fade-translate group-data-[active=true]/modal:effect-show-fade-translate flex flex-col"
             data-Modal-focus-trap
             tabindex="-1">
            
                                                <h1 class="sr-only" id="publication-modal-28594_title" data-Modal-initial-focus="" tabindex="-1"></h1>
                            
            <div
        class="bg-default min-h-safe-screen flex max-h-full flex-col"
    >
                    <button data-Modal-close-trigger="data-Modal-close-trigger" data-component="modal:modal-close:single" class="effect-color effect-focus disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-40 h-40 btn-sm f-ui-02 border border-default bg-default text-primary effect-interactive px-0 flex items-center justify-center btn-iconOnly cursor-pointer [&.btn-tag]:px-8 [&.btn-tag]:h-32 gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pr-20 top-spacing-set-7 end-spacing-set-7 absolute z-2" aria-label="Close modal"
                                          >
    
    
    
            <svg width="20"
     height="20"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#close-20"></use>
</svg>
    
        </button>
        
        <div
            class="relative flex-1 overflow-x-hidden overflow-y-scroll"
            data-modal-scroller
                            data-modal-content="https://www.nationalacademies.org/publications/28594/overlay"
                    >
                            
                <div
                    class="px-outer-margins pb-spacing-set-7 py-spacing-set-8 flex items-center justify-center"
                >
                    <span class="f-body-01 text-secondary">Loading...</span>
                </div>
                    </div>

            </div>
        </div>
    </div>


    <div id="publication-modal-29374"
         role="dialog"
         aria-labelledby="publication-modal-29374_title"
         aria-modal="true"
         data-behavior="Modal modalUrlUpdate" data-component="composers:overlay" data-modalUrlUpdate-url="https://www.nationalacademies.org/publications/29374" data-modalUrlUpdate-closeUrl="https://www.nationalacademies.org/publications/all" class="group/modal fixed inset-0 flex z-999 opacity-0 modal-effect-hidden-fade data-[active]:modal-effect-show-fade data-[active]:opacity-100 overscroll-contain flex-row justify-end bg-overlay"
         
         
         data-Modal-clickOutside="true">
        <div class="w-full lg:w-[90vw] modal-breakout-lg-90vw bg-default translate-y-40 lg:translate-y-0 lg:translate-x-40 group-data-[active=true]/modal:translate-0 effect-hidden-fade-translate group-data-[active=true]/modal:effect-show-fade-translate flex flex-col"
             data-Modal-focus-trap
             tabindex="-1">
            
                                                <h1 class="sr-only" id="publication-modal-29374_title" data-Modal-initial-focus="" tabindex="-1"></h1>
                            
            <div
        class="bg-default min-h-safe-screen flex max-h-full flex-col"
    >
                    <button data-Modal-close-trigger="data-Modal-close-trigger" data-component="modal:modal-close:single" class="effect-color effect-focus disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-40 h-40 btn-sm f-ui-02 border border-default bg-default text-primary effect-interactive px-0 flex items-center justify-center btn-iconOnly cursor-pointer [&.btn-tag]:px-8 [&.btn-tag]:h-32 gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pr-20 top-spacing-set-7 end-spacing-set-7 absolute z-2" aria-label="Close modal"
                                          >
    
    
    
            <svg width="20"
     height="20"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#close-20"></use>
</svg>
    
        </button>
        
        <div
            class="relative flex-1 overflow-x-hidden overflow-y-scroll"
            data-modal-scroller
                            data-modal-content="https://www.nationalacademies.org/publications/29374/overlay"
                    >
                            
                <div
                    class="px-outer-margins pb-spacing-set-7 py-spacing-set-8 flex items-center justify-center"
                >
                    <span class="f-body-01 text-secondary">Loading...</span>
                </div>
                    </div>

            </div>
        </div>
    </div>


    <div id="publication-modal-29373"
         role="dialog"
         aria-labelledby="publication-modal-29373_title"
         aria-modal="true"
         data-behavior="Modal modalUrlUpdate" data-component="composers:overlay" data-modalUrlUpdate-url="https://www.nationalacademies.org/publications/29373" data-modalUrlUpdate-closeUrl="https://www.nationalacademies.org/publications/all" class="group/modal fixed inset-0 flex z-999 opacity-0 modal-effect-hidden-fade data-[active]:modal-effect-show-fade data-[active]:opacity-100 overscroll-contain flex-row justify-end bg-overlay"
         
         
         data-Modal-clickOutside="true">
        <div class="w-full lg:w-[90vw] modal-breakout-lg-90vw bg-default translate-y-40 lg:translate-y-0 lg:translate-x-40 group-data-[active=true]/modal:translate-0 effect-hidden-fade-translate group-data-[active=true]/modal:effect-show-fade-translate flex flex-col"
             data-Modal-focus-trap
             tabindex="-1">
            
                                                <h1 class="sr-only" id="publication-modal-29373_title" data-Modal-initial-focus="" tabindex="-1"></h1>
                            
            <div
        class="bg-default min-h-safe-screen flex max-h-full flex-col"
    >
                    <button data-Modal-close-trigger="data-Modal-close-trigger" data-component="modal:modal-close:single" class="effect-color effect-focus disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-40 h-40 btn-sm f-ui-02 border border-default bg-default text-primary effect-interactive px-0 flex items-center justify-center btn-iconOnly cursor-pointer [&.btn-tag]:px-8 [&.btn-tag]:h-32 gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pr-20 top-spacing-set-7 end-spacing-set-7 absolute z-2" aria-label="Close modal"
                                          >
    
    
    
            <svg width="20"
     height="20"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#close-20"></use>
</svg>
    
        </button>
        
        <div
            class="relative flex-1 overflow-x-hidden overflow-y-scroll"
            data-modal-scroller
                            data-modal-content="https://www.nationalacademies.org/publications/29373/overlay"
                    >
                            
                <div
                    class="px-outer-margins pb-spacing-set-7 py-spacing-set-8 flex items-center justify-center"
                >
                    <span class="f-body-01 text-secondary">Loading...</span>
                </div>
                    </div>

            </div>
        </div>
    </div>


    <div id="publication-modal-29426"
         role="dialog"
         aria-labelledby="publication-modal-29426_title"
         aria-modal="true"
         data-behavior="Modal modalUrlUpdate" data-component="composers:overlay" data-modalUrlUpdate-url="https://www.nationalacademies.org/publications/29426" data-modalUrlUpdate-closeUrl="https://www.nationalacademies.org/publications/all" class="group/modal fixed inset-0 flex z-999 opacity-0 modal-effect-hidden-fade data-[active]:modal-effect-show-fade data-[active]:opacity-100 overscroll-contain flex-row justify-end bg-overlay"
         
         
         data-Modal-clickOutside="true">
        <div class="w-full lg:w-[90vw] modal-breakout-lg-90vw bg-default translate-y-40 lg:translate-y-0 lg:translate-x-40 group-data-[active=true]/modal:translate-0 effect-hidden-fade-translate group-data-[active=true]/modal:effect-show-fade-translate flex flex-col"
             data-Modal-focus-trap
             tabindex="-1">
            
                                                <h1 class="sr-only" id="publication-modal-29426_title" data-Modal-initial-focus="" tabindex="-1"></h1>
                            
            <div
        class="bg-default min-h-safe-screen flex max-h-full flex-col"
    >
                    <button data-Modal-close-trigger="data-Modal-close-trigger" data-component="modal:modal-close:single" class="effect-color effect-focus disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-40 h-40 btn-sm f-ui-02 border border-default bg-default text-primary effect-interactive px-0 flex items-center justify-center btn-iconOnly cursor-pointer [&.btn-tag]:px-8 [&.btn-tag]:h-32 gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pr-20 top-spacing-set-7 end-spacing-set-7 absolute z-2" aria-label="Close modal"
                                          >
    
    
    
            <svg width="20"
     height="20"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#close-20"></use>
</svg>
    
        </button>
        
        <div
            class="relative flex-1 overflow-x-hidden overflow-y-scroll"
            data-modal-scroller
                            data-modal-content="https://www.nationalacademies.org/publications/29426/overlay"
                    >
                            
                <div
                    class="px-outer-margins pb-spacing-set-7 py-spacing-set-8 flex items-center justify-center"
                >
                    <span class="f-body-01 text-secondary">Loading...</span>
                </div>
                    </div>

            </div>
        </div>
    </div>


    <div id="publication-modal-29423"
         role="dialog"
         aria-labelledby="publication-modal-29423_title"
         aria-modal="true"
         data-behavior="Modal modalUrlUpdate" data-component="composers:overlay" data-modalUrlUpdate-url="https://www.nationalacademies.org/units/HMD-HSP-18-P-15/publication/29423" data-modalUrlUpdate-closeUrl="https://www.nationalacademies.org/publications/all" class="group/modal fixed inset-0 flex z-999 opacity-0 modal-effect-hidden-fade data-[active]:modal-effect-show-fade data-[active]:opacity-100 overscroll-contain flex-row justify-end bg-overlay"
         
         
         data-Modal-clickOutside="true">
        <div class="w-full lg:w-[90vw] modal-breakout-lg-90vw bg-default translate-y-40 lg:translate-y-0 lg:translate-x-40 group-data-[active=true]/modal:translate-0 effect-hidden-fade-translate group-data-[active=true]/modal:effect-show-fade-translate flex flex-col"
             data-Modal-focus-trap
             tabindex="-1">
            
                                                <h1 class="sr-only" id="publication-modal-29423_title" data-Modal-initial-focus="" tabindex="-1"></h1>
                            
            <div
        class="bg-default min-h-safe-screen flex max-h-full flex-col"
    >
                    <button data-Modal-close-trigger="data-Modal-close-trigger" data-component="modal:modal-close:single" class="effect-color effect-focus disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-40 h-40 btn-sm f-ui-02 border border-default bg-default text-primary effect-interactive px-0 flex items-center justify-center btn-iconOnly cursor-pointer [&.btn-tag]:px-8 [&.btn-tag]:h-32 gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pr-20 top-spacing-set-7 end-spacing-set-7 absolute z-2" aria-label="Close modal"
                                          >
    
    
    
            <svg width="20"
     height="20"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#close-20"></use>
</svg>
    
        </button>
        
        <div
            class="relative flex-1 overflow-x-hidden overflow-y-scroll"
            data-modal-scroller
                            data-modal-content="https://www.nationalacademies.org/units/HMD-HSP-18-P-15/publication/29423/overlay"
                    >
                            
                <div
                    class="px-outer-margins pb-spacing-set-7 py-spacing-set-8 flex items-center justify-center"
                >
                    <span class="f-body-01 text-secondary">Loading...</span>
                </div>
                    </div>

            </div>
        </div>
    </div>


    <div id="publication-modal-29348"
         role="dialog"
         aria-labelledby="publication-modal-29348_title"
         aria-modal="true"
         data-behavior="Modal modalUrlUpdate" data-component="composers:overlay" data-modalUrlUpdate-url="https://www.nationalacademies.org/publications/29348" data-modalUrlUpdate-closeUrl="https://www.nationalacademies.org/publications/all" class="group/modal fixed inset-0 flex z-999 opacity-0 modal-effect-hidden-fade data-[active]:modal-effect-show-fade data-[active]:opacity-100 overscroll-contain flex-row justify-end bg-overlay"
         
         
         data-Modal-clickOutside="true">
        <div class="w-full lg:w-[90vw] modal-breakout-lg-90vw bg-default translate-y-40 lg:translate-y-0 lg:translate-x-40 group-data-[active=true]/modal:translate-0 effect-hidden-fade-translate group-data-[active=true]/modal:effect-show-fade-translate flex flex-col"
             data-Modal-focus-trap
             tabindex="-1">
            
                                                <h1 class="sr-only" id="publication-modal-29348_title" data-Modal-initial-focus="" tabindex="-1"></h1>
                            
            <div
        class="bg-default min-h-safe-screen flex max-h-full flex-col"
    >
                    <button data-Modal-close-trigger="data-Modal-close-trigger" data-component="modal:modal-close:single" class="effect-color effect-focus disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-40 h-40 btn-sm f-ui-02 border border-default bg-default text-primary effect-interactive px-0 flex items-center justify-center btn-iconOnly cursor-pointer [&.btn-tag]:px-8 [&.btn-tag]:h-32 gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pr-20 top-spacing-set-7 end-spacing-set-7 absolute z-2" aria-label="Close modal"
                                          >
    
    
    
            <svg width="20"
     height="20"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#close-20"></use>
</svg>
    
        </button>
        
        <div
            class="relative flex-1 overflow-x-hidden overflow-y-scroll"
            data-modal-scroller
                            data-modal-content="https://www.nationalacademies.org/publications/29348/overlay"
                    >
                            
                <div
                    class="px-outer-margins pb-spacing-set-7 py-spacing-set-8 flex items-center justify-center"
                >
                    <span class="f-body-01 text-secondary">Loading...</span>
                </div>
                    </div>

            </div>
        </div>
    </div>


    <div id="publication-modal-29424"
         role="dialog"
         aria-labelledby="publication-modal-29424_title"
         aria-modal="true"
         data-behavior="Modal modalUrlUpdate" data-component="composers:overlay" data-modalUrlUpdate-url="https://www.nationalacademies.org/publications/29424" data-modalUrlUpdate-closeUrl="https://www.nationalacademies.org/publications/all" class="group/modal fixed inset-0 flex z-999 opacity-0 modal-effect-hidden-fade data-[active]:modal-effect-show-fade data-[active]:opacity-100 overscroll-contain flex-row justify-end bg-overlay"
         
         
         data-Modal-clickOutside="true">
        <div class="w-full lg:w-[90vw] modal-breakout-lg-90vw bg-default translate-y-40 lg:translate-y-0 lg:translate-x-40 group-data-[active=true]/modal:translate-0 effect-hidden-fade-translate group-data-[active=true]/modal:effect-show-fade-translate flex flex-col"
             data-Modal-focus-trap
             tabindex="-1">
            
                                                <h1 class="sr-only" id="publication-modal-29424_title" data-Modal-initial-focus="" tabindex="-1"></h1>
                            
            <div
        class="bg-default min-h-safe-screen flex max-h-full flex-col"
    >
                    <button data-Modal-close-trigger="data-Modal-close-trigger" data-component="modal:modal-close:single" class="effect-color effect-focus disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-40 h-40 btn-sm f-ui-02 border border-default bg-default text-primary effect-interactive px-0 flex items-center justify-center btn-iconOnly cursor-pointer [&.btn-tag]:px-8 [&.btn-tag]:h-32 gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pr-20 top-spacing-set-7 end-spacing-set-7 absolute z-2" aria-label="Close modal"
                                          >
    
    
    
            <svg width="20"
     height="20"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#close-20"></use>
</svg>
    
        </button>
        
        <div
            class="relative flex-1 overflow-x-hidden overflow-y-scroll"
            data-modal-scroller
                            data-modal-content="https://www.nationalacademies.org/publications/29424/overlay"
                    >
                            
                <div
                    class="px-outer-margins pb-spacing-set-7 py-spacing-set-8 flex items-center justify-center"
                >
                    <span class="f-body-01 text-secondary">Loading...</span>
                </div>
                    </div>

            </div>
        </div>
    </div>


    <div id="publication-modal-29371"
         role="dialog"
         aria-labelledby="publication-modal-29371_title"
         aria-modal="true"
         data-behavior="Modal modalUrlUpdate" data-component="composers:overlay" data-modalUrlUpdate-url="https://www.nationalacademies.org/publications/29371" data-modalUrlUpdate-closeUrl="https://www.nationalacademies.org/publications/all" class="group/modal fixed inset-0 flex z-999 opacity-0 modal-effect-hidden-fade data-[active]:modal-effect-show-fade data-[active]:opacity-100 overscroll-contain flex-row justify-end bg-overlay"
         
         
         data-Modal-clickOutside="true">
        <div class="w-full lg:w-[90vw] modal-breakout-lg-90vw bg-default translate-y-40 lg:translate-y-0 lg:translate-x-40 group-data-[active=true]/modal:translate-0 effect-hidden-fade-translate group-data-[active=true]/modal:effect-show-fade-translate flex flex-col"
             data-Modal-focus-trap
             tabindex="-1">
            
                                                <h1 class="sr-only" id="publication-modal-29371_title" data-Modal-initial-focus="" tabindex="-1"></h1>
                            
            <div
        class="bg-default min-h-safe-screen flex max-h-full flex-col"
    >
                    <button data-Modal-close-trigger="data-Modal-close-trigger" data-component="modal:modal-close:single" class="effect-color effect-focus disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-40 h-40 btn-sm f-ui-02 border border-default bg-default text-primary effect-interactive px-0 flex items-center justify-center btn-iconOnly cursor-pointer [&.btn-tag]:px-8 [&.btn-tag]:h-32 gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pr-20 top-spacing-set-7 end-spacing-set-7 absolute z-2" aria-label="Close modal"
                                          >
    
    
    
            <svg width="20"
     height="20"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#close-20"></use>
</svg>
    
        </button>
        
        <div
            class="relative flex-1 overflow-x-hidden overflow-y-scroll"
            data-modal-scroller
                            data-modal-content="https://www.nationalacademies.org/publications/29371/overlay"
                    >
                            
                <div
                    class="px-outer-margins pb-spacing-set-7 py-spacing-set-8 flex items-center justify-center"
                >
                    <span class="f-body-01 text-secondary">Loading...</span>
                </div>
                    </div>

            </div>
        </div>
    </div>


    <div id="publication-modal-29272"
         role="dialog"
         aria-labelledby="publication-modal-29272_title"
         aria-modal="true"
         data-behavior="Modal modalUrlUpdate" data-component="composers:overlay" data-modalUrlUpdate-url="https://www.nationalacademies.org/publications/29272" data-modalUrlUpdate-closeUrl="https://www.nationalacademies.org/publications/all" class="group/modal fixed inset-0 flex z-999 opacity-0 modal-effect-hidden-fade data-[active]:modal-effect-show-fade data-[active]:opacity-100 overscroll-contain flex-row justify-end bg-overlay"
         
         
         data-Modal-clickOutside="true">
        <div class="w-full lg:w-[90vw] modal-breakout-lg-90vw bg-default translate-y-40 lg:translate-y-0 lg:translate-x-40 group-data-[active=true]/modal:translate-0 effect-hidden-fade-translate group-data-[active=true]/modal:effect-show-fade-translate flex flex-col"
             data-Modal-focus-trap
             tabindex="-1">
            
                                                <h1 class="sr-only" id="publication-modal-29272_title" data-Modal-initial-focus="" tabindex="-1"></h1>
                            
            <div
        class="bg-default min-h-safe-screen flex max-h-full flex-col"
    >
                    <button data-Modal-close-trigger="data-Modal-close-trigger" data-component="modal:modal-close:single" class="effect-color effect-focus disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-40 h-40 btn-sm f-ui-02 border border-default bg-default text-primary effect-interactive px-0 flex items-center justify-center btn-iconOnly cursor-pointer [&.btn-tag]:px-8 [&.btn-tag]:h-32 gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pr-20 top-spacing-set-7 end-spacing-set-7 absolute z-2" aria-label="Close modal"
                                          >
    
    
    
            <svg width="20"
     height="20"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#close-20"></use>
</svg>
    
        </button>
        
        <div
            class="relative flex-1 overflow-x-hidden overflow-y-scroll"
            data-modal-scroller
                            data-modal-content="https://www.nationalacademies.org/publications/29272/overlay"
                    >
                            
                <div
                    class="px-outer-margins pb-spacing-set-7 py-spacing-set-8 flex items-center justify-center"
                >
                    <span class="f-body-01 text-secondary">Loading...</span>
                </div>
                    </div>

            </div>
        </div>
    </div>


    <div id="publication-modal-29404"
         role="dialog"
         aria-labelledby="publication-modal-29404_title"
         aria-modal="true"
         data-behavior="Modal modalUrlUpdate" data-component="composers:overlay" data-modalUrlUpdate-url="https://www.nationalacademies.org/projects/HMD-BPH-24-01/publication/29404" data-modalUrlUpdate-closeUrl="https://www.nationalacademies.org/publications/all" class="group/modal fixed inset-0 flex z-999 opacity-0 modal-effect-hidden-fade data-[active]:modal-effect-show-fade data-[active]:opacity-100 overscroll-contain flex-row justify-end bg-overlay"
         
         
         data-Modal-clickOutside="true">
        <div class="w-full lg:w-[90vw] modal-breakout-lg-90vw bg-default translate-y-40 lg:translate-y-0 lg:translate-x-40 group-data-[active=true]/modal:translate-0 effect-hidden-fade-translate group-data-[active=true]/modal:effect-show-fade-translate flex flex-col"
             data-Modal-focus-trap
             tabindex="-1">
            
                                                <h1 class="sr-only" id="publication-modal-29404_title" data-Modal-initial-focus="" tabindex="-1"></h1>
                            
            <div
        class="bg-default min-h-safe-screen flex max-h-full flex-col"
    >
                    <button data-Modal-close-trigger="data-Modal-close-trigger" data-component="modal:modal-close:single" class="effect-color effect-focus disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-40 h-40 btn-sm f-ui-02 border border-default bg-default text-primary effect-interactive px-0 flex items-center justify-center btn-iconOnly cursor-pointer [&.btn-tag]:px-8 [&.btn-tag]:h-32 gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pr-20 top-spacing-set-7 end-spacing-set-7 absolute z-2" aria-label="Close modal"
                                          >
    
    
    
            <svg width="20"
     height="20"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#close-20"></use>
</svg>
    
        </button>
        
        <div
            class="relative flex-1 overflow-x-hidden overflow-y-scroll"
            data-modal-scroller
                            data-modal-content="https://www.nationalacademies.org/projects/HMD-BPH-24-01/publication/29404/overlay"
                    >
                            
                <div
                    class="px-outer-margins pb-spacing-set-7 py-spacing-set-8 flex items-center justify-center"
                >
                    <span class="f-body-01 text-secondary">Loading...</span>
                </div>
                    </div>

            </div>
        </div>
    </div>


    <div id="publication-modal-29392"
         role="dialog"
         aria-labelledby="publication-modal-29392_title"
         aria-modal="true"
         data-behavior="Modal modalUrlUpdate" data-component="composers:overlay" data-modalUrlUpdate-url="https://www.nationalacademies.org/publications/29392" data-modalUrlUpdate-closeUrl="https://www.nationalacademies.org/publications/all" class="group/modal fixed inset-0 flex z-999 opacity-0 modal-effect-hidden-fade data-[active]:modal-effect-show-fade data-[active]:opacity-100 overscroll-contain flex-row justify-end bg-overlay"
         
         
         data-Modal-clickOutside="true">
        <div class="w-full lg:w-[90vw] modal-breakout-lg-90vw bg-default translate-y-40 lg:translate-y-0 lg:translate-x-40 group-data-[active=true]/modal:translate-0 effect-hidden-fade-translate group-data-[active=true]/modal:effect-show-fade-translate flex flex-col"
             data-Modal-focus-trap
             tabindex="-1">
            
                                                <h1 class="sr-only" id="publication-modal-29392_title" data-Modal-initial-focus="" tabindex="-1"></h1>
                            
            <div
        class="bg-default min-h-safe-screen flex max-h-full flex-col"
    >
                    <button data-Modal-close-trigger="data-Modal-close-trigger" data-component="modal:modal-close:single" class="effect-color effect-focus disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-40 h-40 btn-sm f-ui-02 border border-default bg-default text-primary effect-interactive px-0 flex items-center justify-center btn-iconOnly cursor-pointer [&.btn-tag]:px-8 [&.btn-tag]:h-32 gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pr-20 top-spacing-set-7 end-spacing-set-7 absolute z-2" aria-label="Close modal"
                                          >
    
    
    
            <svg width="20"
     height="20"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#close-20"></use>
</svg>
    
        </button>
        
        <div
            class="relative flex-1 overflow-x-hidden overflow-y-scroll"
            data-modal-scroller
                            data-modal-content="https://www.nationalacademies.org/publications/29392/overlay"
                    >
                            
                <div
                    class="px-outer-margins pb-spacing-set-7 py-spacing-set-8 flex items-center justify-center"
                >
                    <span class="f-body-01 text-secondary">Loading...</span>
                </div>
                    </div>

            </div>
        </div>
    </div>


    <div id="publication-modal-29356"
         role="dialog"
         aria-labelledby="publication-modal-29356_title"
         aria-modal="true"
         data-behavior="Modal modalUrlUpdate" data-component="composers:overlay" data-modalUrlUpdate-url="https://www.nationalacademies.org/publications/29356" data-modalUrlUpdate-closeUrl="https://www.nationalacademies.org/publications/all" class="group/modal fixed inset-0 flex z-999 opacity-0 modal-effect-hidden-fade data-[active]:modal-effect-show-fade data-[active]:opacity-100 overscroll-contain flex-row justify-end bg-overlay"
         
         
         data-Modal-clickOutside="true">
        <div class="w-full lg:w-[90vw] modal-breakout-lg-90vw bg-default translate-y-40 lg:translate-y-0 lg:translate-x-40 group-data-[active=true]/modal:translate-0 effect-hidden-fade-translate group-data-[active=true]/modal:effect-show-fade-translate flex flex-col"
             data-Modal-focus-trap
             tabindex="-1">
            
                                                <h1 class="sr-only" id="publication-modal-29356_title" data-Modal-initial-focus="" tabindex="-1"></h1>
                            
            <div
        class="bg-default min-h-safe-screen flex max-h-full flex-col"
    >
                    <button data-Modal-close-trigger="data-Modal-close-trigger" data-component="modal:modal-close:single" class="effect-color effect-focus disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-40 h-40 btn-sm f-ui-02 border border-default bg-default text-primary effect-interactive px-0 flex items-center justify-center btn-iconOnly cursor-pointer [&.btn-tag]:px-8 [&.btn-tag]:h-32 gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pr-20 top-spacing-set-7 end-spacing-set-7 absolute z-2" aria-label="Close modal"
                                          >
    
    
    
            <svg width="20"
     height="20"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#close-20"></use>
</svg>
    
        </button>
        
        <div
            class="relative flex-1 overflow-x-hidden overflow-y-scroll"
            data-modal-scroller
                            data-modal-content="https://www.nationalacademies.org/publications/29356/overlay"
                    >
                            
                <div
                    class="px-outer-margins pb-spacing-set-7 py-spacing-set-8 flex items-center justify-center"
                >
                    <span class="f-body-01 text-secondary">Loading...</span>
                </div>
                    </div>

            </div>
        </div>
    </div>


    <div id="publication-modal-29255"
         role="dialog"
         aria-labelledby="publication-modal-29255_title"
         aria-modal="true"
         data-behavior="Modal modalUrlUpdate" data-component="composers:overlay" data-modalUrlUpdate-url="https://www.nationalacademies.org/publications/29255" data-modalUrlUpdate-closeUrl="https://www.nationalacademies.org/publications/all" class="group/modal fixed inset-0 flex z-999 opacity-0 modal-effect-hidden-fade data-[active]:modal-effect-show-fade data-[active]:opacity-100 overscroll-contain flex-row justify-end bg-overlay"
         
         
         data-Modal-clickOutside="true">
        <div class="w-full lg:w-[90vw] modal-breakout-lg-90vw bg-default translate-y-40 lg:translate-y-0 lg:translate-x-40 group-data-[active=true]/modal:translate-0 effect-hidden-fade-translate group-data-[active=true]/modal:effect-show-fade-translate flex flex-col"
             data-Modal-focus-trap
             tabindex="-1">
            
                                                <h1 class="sr-only" id="publication-modal-29255_title" data-Modal-initial-focus="" tabindex="-1"></h1>
                            
            <div
        class="bg-default min-h-safe-screen flex max-h-full flex-col"
    >
                    <button data-Modal-close-trigger="data-Modal-close-trigger" data-component="modal:modal-close:single" class="effect-color effect-focus disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-40 h-40 btn-sm f-ui-02 border border-default bg-default text-primary effect-interactive px-0 flex items-center justify-center btn-iconOnly cursor-pointer [&.btn-tag]:px-8 [&.btn-tag]:h-32 gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pr-20 top-spacing-set-7 end-spacing-set-7 absolute z-2" aria-label="Close modal"
                                          >
    
    
    
            <svg width="20"
     height="20"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#close-20"></use>
</svg>
    
        </button>
        
        <div
            class="relative flex-1 overflow-x-hidden overflow-y-scroll"
            data-modal-scroller
                            data-modal-content="https://www.nationalacademies.org/publications/29255/overlay"
                    >
                            
                <div
                    class="px-outer-margins pb-spacing-set-7 py-spacing-set-8 flex items-center justify-center"
                >
                    <span class="f-body-01 text-secondary">Loading...</span>
                </div>
                    </div>

            </div>
        </div>
    </div>


    <div id="publication-modal-29353"
         role="dialog"
         aria-labelledby="publication-modal-29353_title"
         aria-modal="true"
         data-behavior="Modal modalUrlUpdate" data-component="composers:overlay" data-modalUrlUpdate-url="https://www.nationalacademies.org/publications/29353" data-modalUrlUpdate-closeUrl="https://www.nationalacademies.org/publications/all" class="group/modal fixed inset-0 flex z-999 opacity-0 modal-effect-hidden-fade data-[active]:modal-effect-show-fade data-[active]:opacity-100 overscroll-contain flex-row justify-end bg-overlay"
         
         
         data-Modal-clickOutside="true">
        <div class="w-full lg:w-[90vw] modal-breakout-lg-90vw bg-default translate-y-40 lg:translate-y-0 lg:translate-x-40 group-data-[active=true]/modal:translate-0 effect-hidden-fade-translate group-data-[active=true]/modal:effect-show-fade-translate flex flex-col"
             data-Modal-focus-trap
             tabindex="-1">
            
                                                <h1 class="sr-only" id="publication-modal-29353_title" data-Modal-initial-focus="" tabindex="-1"></h1>
                            
            <div
        class="bg-default min-h-safe-screen flex max-h-full flex-col"
    >
                    <button data-Modal-close-trigger="data-Modal-close-trigger" data-component="modal:modal-close:single" class="effect-color effect-focus disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-40 h-40 btn-sm f-ui-02 border border-default bg-default text-primary effect-interactive px-0 flex items-center justify-center btn-iconOnly cursor-pointer [&.btn-tag]:px-8 [&.btn-tag]:h-32 gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pr-20 top-spacing-set-7 end-spacing-set-7 absolute z-2" aria-label="Close modal"
                                          >
    
    
    
            <svg width="20"
     height="20"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#close-20"></use>
</svg>
    
        </button>
        
        <div
            class="relative flex-1 overflow-x-hidden overflow-y-scroll"
            data-modal-scroller
                            data-modal-content="https://www.nationalacademies.org/publications/29353/overlay"
                    >
                            
                <div
                    class="px-outer-margins pb-spacing-set-7 py-spacing-set-8 flex items-center justify-center"
                >
                    <span class="f-body-01 text-secondary">Loading...</span>
                </div>
                    </div>

            </div>
        </div>
    </div>


    <div id="login"
         role="dialog"
         aria-labelledby="login_title"
         aria-modal="true"
         data-behavior="Modal authModalLogin" data-component="composers:overlay" class="group/modal fixed inset-0 flex z-999 opacity-0 modal-effect-hidden-fade data-[active]:modal-effect-show-fade data-[active]:opacity-100 overscroll-contain flex-row justify-end bg-overlay"
         
         
         data-Modal-clickOutside="true">
        <div class="relative h-full max-h-safe-screen overflow-hidden w-full lg:w-[60vw] 2xl:w-[40vw] bg-default translate-y-40 lg:translate-y-0 lg:translate-x-40 group-data-[active=true]/modal:translate-0 effect-hidden-fade-translate group-data-[active=true]/modal:effect-show-fade-translate flex flex-col"
             data-Modal-focus-trap
             tabindex="-1">
            
                                                <h1 class="sr-only" id="login_title" data-Modal-initial-focus="" tabindex="-1">Log In</h1>
                            
            <div
        class="bg-default min-h-safe-screen flex max-h-full flex-col"
    >
                    <div
        data-component="modal:modal-close"
        class="py-spacing-set-7 px-outer-margins bg-default gap-gutter sticky top-0 z-2 box-content flex min-h-40 flex-row items-center justify-between"
    >
                    <h2 class="f-heading-05 text-primary order-1">Log In</h2>
        
        
        <button data-Modal-close-trigger="data-Modal-close-trigger" class="effect-color effect-focus disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-40 h-40 btn-sm f-ui-02 border border-default bg-default text-primary effect-interactive px-0 flex items-center justify-center btn-iconOnly cursor-pointer [&.btn-tag]:px-8 [&.btn-tag]:h-32 gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pr-20 order-3" aria-label="Close modal"
                                          >
    
    
    
            <svg width="20"
     height="20"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#close-20"></use>
</svg>
    
        </button>
    </div>
        
        <div
            class="relative flex-1 overflow-x-hidden overflow-y-scroll"
            data-modal-scroller
                    >
                            <div class="px-outer-margins pb-spacing-set-7">
                    <p class="f-body-01 wysiwyg">
        Sign in to access your saved publications, downloads, and email
        preferences.
    </p>
    <p class="f-body-02 wysiwyg mt-spacing-set-5">
        Former MyNAP users: You'll need to reset your password on your first
        login to MyAcademies. Click "Forgot password" below to receive a reset
        link via email. Having trouble?
        <a href="https://www.nationalacademies.org/myacademies-accounts">Visit our FAQ page</a>
        to contact support.
    </p>
    <p class="f-body-02 wysiwyg mt-spacing-set-5">
        Members of the National Academy of Sciences, National Academy of
        Engineering, or National Academy of Medicine should log in through their
        respective Academy portals.
    </p>

    <form
        action="https://www.nationalacademies.org/login"
        method="POST"
        class="mt-spacing-set-6 flex flex-col gap-y-20"
        data-authmodallogin-form
    >
        <fieldset>
            <ol class="gap-spacing-set-5 flex flex-col">
                <li>
                    <div
    data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
            <div class="flex flex-row flex-nowrap justify-between items-baseline gap-gutter mb-12">
                            <label class="f-ui-02-strong text-primary"
                      for="email" >
            Email
                <span class="sr-only">
            (required)
        </span>
        </label>
                                </div>
    
    <div class="relative border-none input-wrapper">
        
                        <input type="email"
       data-input-input="" aria-describedby="errorIDORaK" class="appearance-none f-ui-02 rounded-full w-full px-24 h-48 effect-focus-keyboard effect-color border border-input hover:border-strong focus:border-strong text-primary placeholder:text-secondary disabled:opacity-40 [.s-error_&]:border-negative"
        id="email"         name="email"                       placeholder="Email"                autocomplete="email"                                                         
       
       
       
        required />
                    
    </div>

    
    <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDORaK"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>

    </p>
</div>
                </li>
                <li>
                    <div
    data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
            <div class="flex flex-row flex-nowrap justify-between items-baseline gap-gutter mb-12">
                            <label class="f-ui-02-strong text-primary"
                      for="password" >
            Password
                <span class="sr-only">
            (required)
        </span>
        </label>
                                </div>
    
    <div class="relative border-none input-wrapper">
        
                        <input type="password"
       data-input-input="" aria-describedby="errorIDmWLV" class="appearance-none f-ui-02 rounded-full w-full px-24 h-48 effect-focus-keyboard effect-color border border-input hover:border-strong focus:border-strong text-primary placeholder:text-secondary disabled:opacity-40 [.s-error_&]:border-negative"
        id="password"         name="password"                       placeholder="Password"                autocomplete="current-password"                                                         
       
       
       
        required />
                    
    </div>

    
    <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDmWLV"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>

    </p>
</div>
                    <p class="mt-12">
                        <button data-modal-target="#forgotpassword" type="button" data-behavior="authModalUrlUpdate" class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-accent underline effect-hover-no-underline"
                                          >
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[expanded=true]:rotate-180 shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#chevron-right-16"></use>
</svg>
    
            <span class="">Forgot password</span>
    
    
        </button>
                    </p>
                </li>
            </ol>
            <p class="mt-spacing-set-6">
                <button type="submit" class="flex items-center effect-color effect-focus cursor-pointer disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-48 h-48 px-24 btn-md f-ui-02 bg-inverse text-inverse effect-interactive-inverse"
                                          >
    
    
            <span class="flex items-center justify-center gap-8 shrink-0">Log In</span>
    
    
        </button>
            </p>
            <p class="mt-spacing-set-6 f-ui-02">
                Don't have an account?
                <button data-modal-target="#register" type="button" data-behavior="authModalUrlUpdate" class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-accent underline effect-hover-no-underline"
                                          >
    
    
            <span class="">Sign up</span>
    
    
        </button>
            </p>
        </fieldset>
    </form>
                </div>
                    </div>

            </div>
        </div>
    </div>


    <div id="register"
         role="dialog"
         aria-labelledby="register_title"
         aria-modal="true"
         data-behavior="Modal authModalRegister" data-component="composers:overlay" class="group/modal fixed inset-0 flex z-999 opacity-0 modal-effect-hidden-fade data-[active]:modal-effect-show-fade data-[active]:opacity-100 overscroll-contain flex-row justify-end bg-overlay"
         
         
         data-Modal-clickOutside="true">
        <div class="relative h-full max-h-safe-screen overflow-hidden w-full lg:w-[60vw] 2xl:w-[40vw] bg-default translate-y-40 lg:translate-y-0 lg:translate-x-40 group-data-[active=true]/modal:translate-0 effect-hidden-fade-translate group-data-[active=true]/modal:effect-show-fade-translate flex flex-col"
             data-Modal-focus-trap
             tabindex="-1">
            
                                                <h1 class="sr-only" id="register_title" data-Modal-initial-focus="" tabindex="-1">Register</h1>
                            
            <div
        class="bg-default min-h-safe-screen flex max-h-full flex-col"
    >
                    <div
        data-component="modal:modal-close"
        class="py-spacing-set-7 px-outer-margins bg-default gap-gutter sticky top-0 z-2 box-content flex min-h-40 flex-row items-center justify-between"
    >
                    <h2 class="f-heading-05 text-primary order-1">Register</h2>
        
                    <button aria-label="Back" data-modal-target="#login" data-behavior="authModalUrlUpdate" class="effect-color effect-focus disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-40 h-40 btn-sm f-ui-02 border border-default bg-default text-primary effect-interactive px-0 flex items-center justify-center btn-iconOnly cursor-pointer [&.btn-tag]:px-8 [&.btn-tag]:h-32 gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pr-20"
                                          >
    
    
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#arrow-left-16"></use>
</svg>
    
        </button>
        
        <button data-Modal-close-trigger="data-Modal-close-trigger" class="effect-color effect-focus disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-40 h-40 btn-sm f-ui-02 border border-default bg-default text-primary effect-interactive px-0 flex items-center justify-center btn-iconOnly cursor-pointer [&.btn-tag]:px-8 [&.btn-tag]:h-32 gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pr-20 order-3" aria-label="Close modal"
                                          >
    
    
    
            <svg width="20"
     height="20"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#close-20"></use>
</svg>
    
        </button>
    </div>
        
        <div
            class="relative flex-1 overflow-x-hidden overflow-y-scroll"
            data-modal-scroller
                    >
                            <div class="px-outer-margins pb-spacing-set-7">
                    <form
        action="https://www.nationalacademies.org/register"
        method="POST"
        class="mt-spacing-set-6 flex flex-col gap-y-20"
        data-authmodalregister-form
    >
        <div id="hp">
            <div id="nasem_hp_0NDCDdlGc7QO8xGe_wrap"  style="display: none" aria-hidden="true">
        <input id="nasem_hp_0NDCDdlGc7QO8xGe"
               name="nasem_hp_0NDCDdlGc7QO8xGe"
               type="text"
               value=""
                              autocomplete="nope"
               tabindex="-1">
        <input name="valid_from"
               type="text"
               value="eyJpdiI6InB1ZzNHeTlwWkkxWURDREtBektuMUE9PSIsInZhbHVlIjoialpvM1NrUFMzMzczSjR4R1MrUStqdz09IiwibWFjIjoiZGZkYWZkOGU0MTAzYmU2YTMwNzE4NmUzNDk5OGYwZDNjZWMzMDQ0Mzc1OWRmNDNiODQ0NzNiNmY1YzM0MGQ3MiIsInRhZyI6IiJ9"
                              autocomplete="off"
               tabindex="-1">
    </div>
        </div>
        <fieldset>
            <ol class="gap-spacing-set-5 flex flex-col">
                <li>
                    <div
    data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
            <div class="flex flex-row flex-nowrap justify-between items-baseline gap-gutter mb-12">
                            <label class="f-ui-02-strong text-primary"
                      for="register-email" >
            Email
                <span class="sr-only">
            (required)
        </span>
        </label>
                                </div>
    
    <div class="relative border-none input-wrapper">
        
                        <input type="email"
       data-input-input="" aria-describedby="errorIDvDhw" class="appearance-none f-ui-02 rounded-full w-full px-24 h-48 effect-focus-keyboard effect-color border border-input hover:border-strong focus:border-strong text-primary placeholder:text-secondary disabled:opacity-40 [.s-error_&]:border-negative"
        id="register-email"         name="register-email"                       placeholder="Email"                autocomplete="email"                                                         
       
       
       
        required />
                    
    </div>

    
    <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDvDhw"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>

    </p>
</div>
                </li>
                <li>
                    <div
    data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
            <div class="flex flex-row flex-nowrap justify-between items-baseline gap-gutter mb-12">
                            <label class="f-ui-02-strong text-primary"
                      for="register-password" >
            New password
                <span class="sr-only">
            (required)
        </span>
        </label>
                                </div>
    
    <div class="relative border-none input-wrapper">
        
                        <input type="password"
       data-input-input="" aria-describedby="errorIDkknn" class="appearance-none f-ui-02 rounded-full w-full px-24 h-48 effect-focus-keyboard effect-color border border-input hover:border-strong focus:border-strong text-primary placeholder:text-secondary disabled:opacity-40 [.s-error_&]:border-negative"
        id="register-password"         name="register-password"                       placeholder="Password"                autocomplete="new-password"                                                         
       
       
       
        required />
                    
    </div>

    
    <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDkknn"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>

    </p>
</div>
                </li>
                <li>
                    <div
    data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
            <div class="flex flex-row flex-nowrap justify-between items-baseline gap-gutter mb-12">
                            <label class="f-ui-02-strong text-primary"
                      for="register-password-confirm" >
            Retype password
                <span class="sr-only">
            (required)
        </span>
        </label>
                                        <span class="f-ui-03 text-secondary"
                      id="ariaIDWZafHint">Password must be at least 8 characters</span>
                    </div>
    
    <div class="relative border-none input-wrapper">
        
                        <input type="password"
       data-input-input="" aria-describedby="errorIDWZaf ariaIDWZafHint" class="appearance-none f-ui-02 rounded-full w-full px-24 h-48 effect-focus-keyboard effect-color border border-input hover:border-strong focus:border-strong text-primary placeholder:text-secondary disabled:opacity-40 [.s-error_&]:border-negative"
        id="register-password-confirm"         name="register-password-confirm"                       placeholder="Confirm Password"                autocomplete="new-password"                                                         
       
       
       
        required />
                    
    </div>

    
    <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDWZaf"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>

    </p>
</div>
                </li>
                <li>
                    <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
            for="subscribe-marketing" >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDi3eQ"
                    id="subscribe-marketing"                     name="subscribe-marketing"                                       
                   
                   
                   
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    I agree to receive emails from the National Academies
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDi3eQ"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
                </li>
                <li>
                    <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed flex"
     >
    <label class="cursor-pointer"
            for="register-terms" >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDp7bn"
                    id="register-terms"                     name="register-terms"                                       
                   
                   
                    required
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="sr-only">
                                I accept the terms of use
                            </span>
                            <span
                                class="f-ui-02 text-primary relative inline-flex"
                                aria-hidden="true"
                            >
                                I accept the&nbsp;
                            </span>
                    </div>
    </label>
            <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-accent underline effect-hover-no-underline"
                      href="/terms-of-use"                      >
    
    
            <span class="">terms of use</span>
    
    
        </a>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDp7bn"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
                </li>
            </ol>
            <p class="mt-spacing-set-6">
                <button type="submit" class="flex items-center effect-color effect-focus cursor-pointer disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-48 h-48 px-24 btn-md f-ui-02 bg-inverse text-inverse effect-interactive-inverse"
                                          >
    
    
            <span class="flex items-center justify-center gap-8 shrink-0">Sign Up</span>
    
    
        </button>
            </p>
        </fieldset>
    </form>
                </div>
                    </div>

            </div>
        </div>
    </div>


    <div id="registrationcomplete"
         role="dialog"
         aria-labelledby="registrationcomplete_title"
         aria-modal="true"
         data-behavior="Modal authModalRegistrationComplete" data-component="composers:overlay" class="group/modal fixed inset-0 flex z-999 opacity-0 modal-effect-hidden-fade data-[active]:modal-effect-show-fade data-[active]:opacity-100 overscroll-contain flex-row justify-end bg-overlay"
         
         
         data-Modal-clickOutside="true">
        <div class="relative h-full max-h-safe-screen overflow-hidden w-full lg:w-[60vw] 2xl:w-[40vw] bg-default translate-y-40 lg:translate-y-0 lg:translate-x-40 group-data-[active=true]/modal:translate-0 effect-hidden-fade-translate group-data-[active=true]/modal:effect-show-fade-translate flex flex-col"
             data-Modal-focus-trap
             tabindex="-1">
            
                                                <h1 class="sr-only" id="registrationcomplete_title" data-Modal-initial-focus="" tabindex="-1">Thank You</h1>
                            
            <div
        class="bg-default min-h-safe-screen flex max-h-full flex-col"
    >
                    <div
        data-component="modal:modal-close"
        class="py-spacing-set-7 px-outer-margins bg-default gap-gutter sticky top-0 z-2 box-content flex min-h-40 flex-row items-center justify-between"
    >
                    <h2 class="f-heading-05 text-primary order-1">Thank You</h2>
        
        
        <button data-Modal-close-trigger="data-Modal-close-trigger" class="effect-color effect-focus disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-40 h-40 btn-sm f-ui-02 border border-default bg-default text-primary effect-interactive px-0 flex items-center justify-center btn-iconOnly cursor-pointer [&.btn-tag]:px-8 [&.btn-tag]:h-32 gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pr-20 order-3" aria-label="Close modal"
                                          >
    
    
    
            <svg width="20"
     height="20"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#close-20"></use>
</svg>
    
        </button>
    </div>
        
        <div
            class="relative flex-1 overflow-x-hidden overflow-y-scroll"
            data-modal-scroller
                    >
                            <div class="px-outer-margins pb-spacing-set-7">
                    <p class="f-heading-05">Thank you for creating a MyAcademies account!</p>
    <p class="f-body-01 mt-spacing-set-5">
        Enjoy free access to thousands of National Academies' publications, a
        10% discount off every purchase, and build your personal library.
    </p>
                </div>
                    </div>

            </div>
        </div>
    </div>


    <div id="forgotpassword"
         role="dialog"
         aria-labelledby="forgotpassword_title"
         aria-modal="true"
         data-behavior="Modal authModalPasswordRequest" data-component="composers:overlay" class="group/modal fixed inset-0 flex z-999 opacity-0 modal-effect-hidden-fade data-[active]:modal-effect-show-fade data-[active]:opacity-100 overscroll-contain flex-row justify-end bg-overlay"
         
         
         data-Modal-clickOutside="true">
        <div class="relative h-full max-h-safe-screen overflow-hidden w-full lg:w-[60vw] 2xl:w-[40vw] bg-default translate-y-40 lg:translate-y-0 lg:translate-x-40 group-data-[active=true]/modal:translate-0 effect-hidden-fade-translate group-data-[active=true]/modal:effect-show-fade-translate flex flex-col"
             data-Modal-focus-trap
             tabindex="-1">
            
                                                <h1 class="sr-only" id="forgotpassword_title" data-Modal-initial-focus="" tabindex="-1">Forgot Password</h1>
                            
            <div
        class="bg-default min-h-safe-screen flex max-h-full flex-col"
    >
                    <div
        data-component="modal:modal-close"
        class="py-spacing-set-7 px-outer-margins bg-default gap-gutter sticky top-0 z-2 box-content flex min-h-40 flex-row items-center justify-between"
    >
                    <h2 class="f-heading-05 text-primary order-1">Forgot Password</h2>
        
                    <button aria-label="Back" data-modal-target="#login" data-behavior="authModalUrlUpdate" class="effect-color effect-focus disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-40 h-40 btn-sm f-ui-02 border border-default bg-default text-primary effect-interactive px-0 flex items-center justify-center btn-iconOnly cursor-pointer [&.btn-tag]:px-8 [&.btn-tag]:h-32 gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pr-20"
                                          >
    
    
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#arrow-left-16"></use>
</svg>
    
        </button>
        
        <button data-Modal-close-trigger="data-Modal-close-trigger" class="effect-color effect-focus disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-40 h-40 btn-sm f-ui-02 border border-default bg-default text-primary effect-interactive px-0 flex items-center justify-center btn-iconOnly cursor-pointer [&.btn-tag]:px-8 [&.btn-tag]:h-32 gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pr-20 order-3" aria-label="Close modal"
                                          >
    
    
    
            <svg width="20"
     height="20"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#close-20"></use>
</svg>
    
        </button>
    </div>
        
        <div
            class="relative flex-1 overflow-x-hidden overflow-y-scroll"
            data-modal-scroller
                    >
                            <div class="px-outer-margins pb-spacing-set-7">
                    <p class="f-body-01">
        Enter the email address for your MyAcademies (formerly MyNAP) account to
        receive password reset instructions.
    </p>

    <form
        action="https://www.nationalacademies.org/forgot-password"
        method="POST"
        class="mt-spacing-set-6 flex flex-col gap-y-20"
        data-authmodalpasswordrequest-form
    >
        <fieldset>
            <ol class="gap-spacing-set-5 flex flex-col">
                <li>
                    <div
    data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
            <div class="flex flex-row flex-nowrap justify-between items-baseline gap-gutter mb-12">
                            <label class="f-ui-02-strong text-primary"
                      for="pwrequest-email" >
            Email
                <span class="sr-only">
            (required)
        </span>
        </label>
                                </div>
    
    <div class="relative border-none input-wrapper">
        
                        <input type="email"
       data-input-input="" aria-describedby="errorIDq2qV" class="appearance-none f-ui-02 rounded-full w-full px-24 h-48 effect-focus-keyboard effect-color border border-input hover:border-strong focus:border-strong text-primary placeholder:text-secondary disabled:opacity-40 [.s-error_&]:border-negative"
        id="pwrequest-email"         name="pwrequest-email"                       placeholder="Email"                autocomplete="email"                                                         
       
       
       
        required />
                    
    </div>

    
    <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDq2qV"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>

    </p>
</div>
                </li>
            </ol>
            <p class="mt-spacing-set-6">
                <button type="submit" class="flex items-center effect-color effect-focus cursor-pointer disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-48 h-48 px-24 btn-md f-ui-02 bg-inverse text-inverse effect-interactive-inverse"
                                          >
    
    
            <span class="flex items-center justify-center gap-8 shrink-0">Continue</span>
    
    
        </button>
            </p>
        </fieldset>
    </form>
                </div>
                    </div>

            </div>
        </div>
    </div>


    <div id="passwordresetrequest"
         role="dialog"
         aria-labelledby="passwordresetrequest_title"
         aria-modal="true"
         data-behavior="Modal authModalPasswordRequested" data-component="composers:overlay" class="group/modal fixed inset-0 flex z-999 opacity-0 modal-effect-hidden-fade data-[active]:modal-effect-show-fade data-[active]:opacity-100 overscroll-contain flex-row justify-end bg-overlay"
         
         
         data-Modal-clickOutside="true">
        <div class="relative h-full max-h-safe-screen overflow-hidden w-full lg:w-[60vw] 2xl:w-[40vw] bg-default translate-y-40 lg:translate-y-0 lg:translate-x-40 group-data-[active=true]/modal:translate-0 effect-hidden-fade-translate group-data-[active=true]/modal:effect-show-fade-translate flex flex-col"
             data-Modal-focus-trap
             tabindex="-1">
            
                                                <h1 class="sr-only" id="passwordresetrequest_title" data-Modal-initial-focus="" tabindex="-1">Reset Requested</h1>
                            
            <div
        class="bg-default min-h-safe-screen flex max-h-full flex-col"
    >
                    <div
        data-component="modal:modal-close"
        class="py-spacing-set-7 px-outer-margins bg-default gap-gutter sticky top-0 z-2 box-content flex min-h-40 flex-row items-center justify-between"
    >
                    <h2 class="f-heading-05 text-primary order-1">Reset Requested</h2>
        
        
        <button data-Modal-close-trigger="data-Modal-close-trigger" class="effect-color effect-focus disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-40 h-40 btn-sm f-ui-02 border border-default bg-default text-primary effect-interactive px-0 flex items-center justify-center btn-iconOnly cursor-pointer [&.btn-tag]:px-8 [&.btn-tag]:h-32 gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pr-20 order-3" aria-label="Close modal"
                                          >
    
    
    
            <svg width="20"
     height="20"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#close-20"></use>
</svg>
    
        </button>
    </div>
        
        <div
            class="relative flex-1 overflow-x-hidden overflow-y-scroll"
            data-modal-scroller
                    >
                            <div class="px-outer-margins pb-spacing-set-7">
                    <p class="f-body-01">
        We sent password reset instructions to
        <span data-authmodalpasswordrequested-output>your email</span>
        . Follow the link in that email to create a new password. Didn't receive
        it? Check your spam folder or
        <a class="f-ui-02 inline-flex items-center gap-8 effect-color effect-focus text-left cursor-pointer disabled:cursor-not-allowed text-accent underline effect-hover-no-underline"
                      href="https://www.nationalacademies.org/myacademies-accounts"                      >
    
    
            <span class="">contact us</span>
    
    
        </a>
        for assistance.
    </p>
    <p class="mt-spacing-set-6">
        <button type="submit" data-modal-target="#login" class="flex items-center effect-color effect-focus cursor-pointer disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-48 h-48 px-24 btn-md f-ui-02 bg-inverse text-inverse effect-interactive-inverse"
                                          >
    
    
            <span class="flex items-center justify-center gap-8 shrink-0">Log In</span>
    
    
        </button>
    </p>
                </div>
                    </div>

            </div>
        </div>
    </div>


    <div id="passwordnewpassword"
         role="dialog"
         aria-labelledby="passwordnewpassword_title"
         aria-modal="true"
         data-behavior="Modal authModalPasswordReset" data-component="composers:overlay" class="group/modal fixed inset-0 flex z-999 opacity-0 modal-effect-hidden-fade data-[active]:modal-effect-show-fade data-[active]:opacity-100 overscroll-contain flex-row justify-end bg-overlay"
         
         
         data-Modal-clickOutside="true">
        <div class="relative h-full max-h-safe-screen overflow-hidden w-full lg:w-[60vw] 2xl:w-[40vw] bg-default translate-y-40 lg:translate-y-0 lg:translate-x-40 group-data-[active=true]/modal:translate-0 effect-hidden-fade-translate group-data-[active=true]/modal:effect-show-fade-translate flex flex-col"
             data-Modal-focus-trap
             tabindex="-1">
            
                                                <h1 class="sr-only" id="passwordnewpassword_title" data-Modal-initial-focus="" tabindex="-1">Reset Password</h1>
                            
            <div
        class="bg-default min-h-safe-screen flex max-h-full flex-col"
    >
                    <div
        data-component="modal:modal-close"
        class="py-spacing-set-7 px-outer-margins bg-default gap-gutter sticky top-0 z-2 box-content flex min-h-40 flex-row items-center justify-between"
    >
                    <h2 class="f-heading-05 text-primary order-1">Reset Password</h2>
        
                    <button aria-label="Back" data-modal-target="#login" data-behavior="authModalUrlUpdate" class="effect-color effect-focus disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-40 h-40 btn-sm f-ui-02 border border-default bg-default text-primary effect-interactive px-0 flex items-center justify-center btn-iconOnly cursor-pointer [&.btn-tag]:px-8 [&.btn-tag]:h-32 gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pr-20"
                                          >
    
    
    
            <svg width="16"
     height="16"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#arrow-left-16"></use>
</svg>
    
        </button>
        
        <button data-Modal-close-trigger="data-Modal-close-trigger" class="effect-color effect-focus disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-40 h-40 btn-sm f-ui-02 border border-default bg-default text-primary effect-interactive px-0 flex items-center justify-center btn-iconOnly cursor-pointer [&.btn-tag]:px-8 [&.btn-tag]:h-32 gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pr-20 order-3" aria-label="Close modal"
                                          >
    
    
    
            <svg width="20"
     height="20"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#close-20"></use>
</svg>
    
        </button>
    </div>
        
        <div
            class="relative flex-1 overflow-x-hidden overflow-y-scroll"
            data-modal-scroller
                    >
                            <div class="px-outer-margins pb-spacing-set-7">
                    <form
        action="https://www.nationalacademies.org/reset-password"
        method="POST"
        class="mt-spacing-set-6 flex flex-col gap-y-20"
        data-authmodalpasswordreset-form
    >
        <input
            type="hidden"
            name="pwreset-token"
            value=""
        />
        <input
            type="hidden"
            name="pwreset-email"
            value=""
        />

        <fieldset>
            <ol class="gap-spacing-set-5 flex flex-col">
                <li>
                    <div
    data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
            <div class="flex flex-row flex-nowrap justify-between items-baseline gap-gutter mb-12">
                            <label class="f-ui-02-strong text-primary"
                      for="pwreset-password" >
            New password
                <span class="sr-only">
            (required)
        </span>
        </label>
                                </div>
    
    <div class="relative border-none input-wrapper">
        
                        <input type="password"
       data-input-input="" aria-describedby="errorIDRpkt" class="appearance-none f-ui-02 rounded-full w-full px-24 h-48 effect-focus-keyboard effect-color border border-input hover:border-strong focus:border-strong text-primary placeholder:text-secondary disabled:opacity-40 [.s-error_&]:border-negative"
        id="pwreset-password"         name="pwreset-password"                       placeholder="Password"                autocomplete="new-password"                                                         
       
       
       
        required />
                    
    </div>

    
    <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDRpkt"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>

    </p>
</div>
                </li>
                <li>
                    <div
    data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
            <div class="flex flex-row flex-nowrap justify-between items-baseline gap-gutter mb-12">
                            <label class="f-ui-02-strong text-primary"
                      for="pwreset-password-confirm" >
            Retype password
                <span class="sr-only">
            (required)
        </span>
        </label>
                                        <span class="f-ui-03 text-secondary"
                      id="ariaID2TfgHint">Password must be at least 8 characters</span>
                    </div>
    
    <div class="relative border-none input-wrapper">
        
                        <input type="password"
       data-input-input="" aria-describedby="errorID2Tfg ariaID2TfgHint" class="appearance-none f-ui-02 rounded-full w-full px-24 h-48 effect-focus-keyboard effect-color border border-input hover:border-strong focus:border-strong text-primary placeholder:text-secondary disabled:opacity-40 [.s-error_&]:border-negative"
        id="pwreset-password-confirm"         name="pwreset-password-confirm"                       placeholder="Confirm Password"                autocomplete="new-password"                                                         
       
       
       
        required />
                    
    </div>

    
    <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorID2Tfg"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>

    </p>
</div>
                </li>
            </ol>
            <p class="mt-spacing-set-6">
                <button type="submit" class="flex items-center effect-color effect-focus cursor-pointer disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-48 h-48 px-24 btn-md f-ui-02 bg-inverse text-inverse effect-interactive-inverse"
                                          >
    
    
            <span class="flex items-center justify-center gap-8 shrink-0">Reset Password</span>
    
    
        </button>
            </p>
        </fieldset>
    </form>
                </div>
                    </div>

            </div>
        </div>
    </div>


    <div id="passwordresetcomplete"
         role="dialog"
         aria-labelledby="passwordresetcomplete_title"
         aria-modal="true"
         data-behavior="Modal authModalPasswordResetComplete" data-component="composers:overlay" class="group/modal fixed inset-0 flex z-999 opacity-0 modal-effect-hidden-fade data-[active]:modal-effect-show-fade data-[active]:opacity-100 overscroll-contain flex-row justify-end bg-overlay"
         
         
         data-Modal-clickOutside="true">
        <div class="relative h-full max-h-safe-screen overflow-hidden w-full lg:w-[60vw] 2xl:w-[40vw] bg-default translate-y-40 lg:translate-y-0 lg:translate-x-40 group-data-[active=true]/modal:translate-0 effect-hidden-fade-translate group-data-[active=true]/modal:effect-show-fade-translate flex flex-col"
             data-Modal-focus-trap
             tabindex="-1">
            
                                                <h1 class="sr-only" id="passwordresetcomplete_title" data-Modal-initial-focus="" tabindex="-1">Reset Password</h1>
                            
            <div
        class="bg-default min-h-safe-screen flex max-h-full flex-col"
    >
                    <div
        data-component="modal:modal-close"
        class="py-spacing-set-7 px-outer-margins bg-default gap-gutter sticky top-0 z-2 box-content flex min-h-40 flex-row items-center justify-between"
    >
                    <h2 class="f-heading-05 text-primary order-1">Reset Password</h2>
        
        
        <button data-Modal-close-trigger="data-Modal-close-trigger" class="effect-color effect-focus disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-40 h-40 btn-sm f-ui-02 border border-default bg-default text-primary effect-interactive px-0 flex items-center justify-center btn-iconOnly cursor-pointer [&.btn-tag]:px-8 [&.btn-tag]:h-32 gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pr-20 order-3" aria-label="Close modal"
                                          >
    
    
    
            <svg width="20"
     height="20"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#close-20"></use>
</svg>
    
        </button>
    </div>
        
        <div
            class="relative flex-1 overflow-x-hidden overflow-y-scroll"
            data-modal-scroller
                    >
                            <div class="px-outer-margins pb-spacing-set-7">
                    <p class="f-body-01">Your password has been reset.</p>
    <p class="mt-spacing-set-6">
        <a class="flex items-center effect-color effect-focus cursor-pointer disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-48 h-48 px-24 btn-md f-ui-02 bg-inverse text-inverse effect-interactive-inverse"
                      href="https://www.nationalacademies.org?login"                      >
    
    
            <span class="flex items-center justify-center gap-8 shrink-0">Log In</span>
    
    
        </a>
    </p>
                </div>
                    </div>

            </div>
        </div>
    </div>


    <div id="verifyEmail"
         role="dialog"
         aria-labelledby="verifyEmail_title"
         aria-modal="true"
         data-behavior="Modal authVerifyEmail" data-component="composers:overlay" class="group/modal fixed inset-0 flex z-999 opacity-0 modal-effect-hidden-fade data-[active]:modal-effect-show-fade data-[active]:opacity-100 overscroll-contain flex-row justify-end bg-overlay"
         
         
         data-Modal-clickOutside="true">
        <div class="relative h-full max-h-safe-screen overflow-hidden w-full lg:w-[60vw] 2xl:w-[40vw] bg-default translate-y-40 lg:translate-y-0 lg:translate-x-40 group-data-[active=true]/modal:translate-0 effect-hidden-fade-translate group-data-[active=true]/modal:effect-show-fade-translate flex flex-col"
             data-Modal-focus-trap
             tabindex="-1">
            
                                                <h1 class="sr-only" id="verifyEmail_title" data-Modal-initial-focus="" tabindex="-1">Verify email</h1>
                            
            <div
        class="bg-default min-h-safe-screen flex max-h-full flex-col"
    >
                    <div
        data-component="modal:modal-close"
        class="py-spacing-set-7 px-outer-margins bg-default gap-gutter sticky top-0 z-2 box-content flex min-h-40 flex-row items-center justify-between"
    >
                    <h2 class="f-heading-05 text-primary order-1">Verify email</h2>
        
        
        <button data-Modal-close-trigger="data-Modal-close-trigger" class="effect-color effect-focus disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-40 h-40 btn-sm f-ui-02 border border-default bg-default text-primary effect-interactive px-0 flex items-center justify-center btn-iconOnly cursor-pointer [&.btn-tag]:px-8 [&.btn-tag]:h-32 gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pr-20 order-3" aria-label="Close modal"
                                          >
    
    
    
            <svg width="20"
     height="20"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#close-20"></use>
</svg>
    
        </button>
    </div>
        
        <div
            class="relative flex-1 overflow-x-hidden overflow-y-scroll"
            data-modal-scroller
                    >
                            <div class="px-outer-margins pb-spacing-set-7">
                    <p class="f-heading-05">Verify Your Email Address</p>
    <p class="f-body-01 mt-spacing-set-5">
        We sent a verification link to your email. Please check your inbox (and
        spam folder) and follow the link to verify your email address. If you
        did not receive the email, you can request a new verification link below
    </p>

    <form
        action="https://www.nationalacademies.org/email/verification-notification"
        method="POST"
        data-authverifyemail-form
    >
        <p class="mt-spacing-set-6">
            <button type="submit" class="flex items-center effect-color effect-focus cursor-pointer disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-48 h-48 px-24 btn-md f-ui-02 bg-inverse text-inverse effect-interactive-inverse"
                                          >
    
    
            <span class="flex items-center justify-center gap-8 shrink-0">Resend Verification Email</span>
    
    
        </button>
        </p>
    </form>
                </div>
                    </div>

            </div>
        </div>
    </div>


    <div id="cta-modal-0"
         role="dialog"
         aria-labelledby="cta-modal-0_title"
         aria-modal="true"
         data-behavior="Modal formSubscribe" data-component="composers:overlay" data-success-message="Thank you for subscribing!" data-success-body="" class="group/modal fixed inset-0 flex z-999 opacity-0 modal-effect-hidden-fade data-[active]:modal-effect-show-fade data-[active]:opacity-100 overscroll-contain flex-row justify-end bg-overlay-strong"
         
         
         data-Modal-clickOutside="true">
        <div class="relative h-full max-h-safe-screen overflow-hidden w-full lg:w-[70vw] xl:w-[53vw] bg-default translate-y-40 lg:translate-y-0 lg:translate-x-40 group-data-[active=true]/modal:translate-0 effect-hidden-fade-translate group-data-[active=true]/modal:effect-show-fade-translate flex flex-col"
             data-Modal-focus-trap
             tabindex="-1">
            
                                                <h1 class="sr-only" id="cta-modal-0_title" data-Modal-initial-focus="" tabindex="-1">Subscribe</h1>
                            
            <div
        class="bg-default min-h-safe-screen flex max-h-full flex-col"
    >
                    <div
        data-component="modal:modal-close"
        class="py-spacing-set-7 px-outer-margins bg-default gap-gutter sticky top-0 z-2 box-content flex min-h-40 flex-row items-center justify-between"
    >
                    <h2 class="f-heading-05 text-primary order-1">Subscribe</h2>
        
        
        <button data-Modal-close-trigger="data-Modal-close-trigger" class="effect-color effect-focus disabled:cursor-not-allowed shrink-0 rounded-full w-max min-w-40 h-40 btn-sm f-ui-02 border border-default bg-default text-primary effect-interactive px-0 flex items-center justify-center btn-iconOnly cursor-pointer [&.btn-tag]:px-8 [&.btn-tag]:h-32 gap-8 [&.btn-tag]:gap-4 [&.btn-md:not(.btn-iconOnly)]:pr-20 order-3" aria-label="Close modal"
                                          >
    
    
    
            <svg width="20"
     height="20"
     fill="none"
      class="in-aria-[selected=false]:hidden shrink-0"
         viewBox="0 0 20 20"
             aria-hidden="true" >
    <use xlink:href="#close-20"></use>
</svg>
    
        </button>
    </div>
        
        <div
            class="relative flex-1 overflow-x-hidden overflow-y-scroll"
            data-modal-scroller
                    >
                            <div class="px-outer-margins pb-spacing-set-7">
                    <form
                        class="flex flex-col gap-y-20"
                        action="https://www.nationalacademies.org/api/subscribe"
                        method="POST"
                        data-formsubscribe-form
                    >
                        <div id="newsletter-hp">
                            <div id="nasem_hp_YBolAlLFh3R466Wv_wrap"  style="display: none" aria-hidden="true">
        <input id="nasem_hp_YBolAlLFh3R466Wv"
               name="nasem_hp_YBolAlLFh3R466Wv"
               type="text"
               value=""
                              autocomplete="nope"
               tabindex="-1">
        <input name="valid_from"
               type="text"
               value="eyJpdiI6ImRYV09BcVUzeEpjRnVSOVd1cmt5OWc9PSIsInZhbHVlIjoiOXhua2wxRW5pN200d2E5aTdnU1pUQT09IiwibWFjIjoiZTM5YzE2ZGE5Yzk3OTg0YTU0YjZiY2Q3YTBmZDMzMzMwOWY1NzhiNjM1M2ZjMjc4NjU5NWQ3YmNhMGNhYzllMyIsInRhZyI6IiJ9"
                              autocomplete="off"
               tabindex="-1">
    </div>
                        </div>
                        <fieldset>
                            
                                                            <ol class="gap-spacing-set-5 flex flex-col">
                                                                            <li>
                                                                                            <div
    data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
            <div class="flex flex-row flex-nowrap justify-between items-baseline gap-gutter mb-12">
                            <label class="f-ui-02-strong text-primary"
                      for="first_name" >
            First Name
            </label>
                                </div>
    
    <div class="relative border-none input-wrapper">
        
                        <input type="text"
       data-input-input="" aria-describedby="errorIDCIfg" class="appearance-none f-ui-02 rounded-full w-full px-24 h-48 effect-focus-keyboard effect-color border border-input hover:border-strong focus:border-strong text-primary placeholder:text-secondary disabled:opacity-40 [.s-error_&]:border-negative"
        id="first_name"         name="first_name"                       placeholder="First Name"                                                                       
       
       
       
        />
                    
    </div>

    
    <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDCIfg"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>

    </p>
</div>
                                                                                    </li>
                                                                            <li>
                                                                                            <div
    data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
            <div class="flex flex-row flex-nowrap justify-between items-baseline gap-gutter mb-12">
                            <label class="f-ui-02-strong text-primary"
                      for="last_name" >
            Last Name
            </label>
                                </div>
    
    <div class="relative border-none input-wrapper">
        
                        <input type="text"
       data-input-input="" aria-describedby="errorIDUDbn" class="appearance-none f-ui-02 rounded-full w-full px-24 h-48 effect-focus-keyboard effect-color border border-input hover:border-strong focus:border-strong text-primary placeholder:text-secondary disabled:opacity-40 [.s-error_&]:border-negative"
        id="last_name"         name="last_name"                       placeholder="Last Name"                                                                       
       
       
       
        />
                    
    </div>

    
    <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDUDbn"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>

    </p>
</div>
                                                                                    </li>
                                                                            <li>
                                                                                            <div
    data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
            <div class="flex flex-row flex-nowrap justify-between items-baseline gap-gutter mb-12">
                            <label class="f-ui-02-strong text-primary"
                      for="email_subscribe" >
            Email
                <span class="sr-only">
            (required)
        </span>
        </label>
                                </div>
    
    <div class="relative border-none input-wrapper">
        
                        <input type="email"
       data-input-input="" aria-describedby="errorIDxzSf" class="appearance-none f-ui-02 rounded-full w-full px-24 h-48 effect-focus-keyboard effect-color border border-input hover:border-strong focus:border-strong text-primary placeholder:text-secondary disabled:opacity-40 [.s-error_&]:border-negative"
        id="email_subscribe"         name="email_subscribe"                       placeholder="your@email.com"                                                                       
       
       
       
        required />
                    
    </div>

    
    <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDxzSf"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>

    </p>
</div>
                                                                                    </li>
                                                                            <li>
                                                                                            <div data-behavior="Input" class="m-input [inert]:opacity-25 [inert]:cursor-not-allowed [inert]:pointer-events-none [&.s-disabled]:pointer-events-none [&.s-disabled]:opacity-25 [&.s-disabled]:cursor-not-allowed"
     >
    <label class="cursor-pointer"
            for="email_agreementIqlT" >
        <div class="flex space-x-8">
            <input class="absolute w-1 h-1 border-0 p-0 -m-1 overflow-hidden whitespace-nowrap peer focus:outline-none [clip:rect(0,0,0,0)]"
                   data-Input-input
                   type="checkbox"
                   aria-describedby="errorIDIqlT"
                    id="email_agreementIqlT"                     name="email_agreement"                     value="1"                    
                   
                   
                    required
                    />
            <span class="peer group w-16 h-16 rounded-[2px] mt-2 relative shrink-0 inset-shadow-[0_0px_0px_1px_rgba(138,139,153,1)] hover:inset-shadow-[0_0px_0px_1px_rgba(46,46,55,1)] effect-color transition-colors duration-300 ease-out peer-checked:bg-accent peer-checked:inset-shadow-none peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 outline-accent [.s-error_&amp;]:inset-shadow-[0_0px_0px_1px_rgba(229,93,107,1)]"
                  aria-hidden="true">
                <svg width="16"
     height="16"
     fill="none"
      class="hidden group-peer-checked:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-inverse"
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#checkmark-16"></use>
</svg>
            </span>

                            <span class="f-ui-02 text-primary inline-flex relative">
                    I agree to receive emails from the National Academies
                                            <span class="sr-only">
                            (required)
                        </span>
                                    </span>
                    </div>
    </label>
        <p class="f-ui-03 mt-12 text-negative inline-flex gap-spacing-set-1"
       id="errorIDIqlT"
       data-Input-error
       aria-live="assertive"
       aria-relevant="additions removals"
       style="display: none;">
        <svg width="16"
     height="16"
     fill="none"
      class=""
         viewBox="0 0 16 16"
             aria-hidden="true" >
    <use xlink:href="#alert-circle-16"></use>
</svg>
 
    </p>
        </div>
                                                                                    </li>
                                                                    </ol>
                            
                            <p class="mt-spacing-set-6">
                                <button type="submit" class="flex items-center effect-color effect-focus cursor-pointer disabled:cursor-not-allowed shrink-0 rounded-full min-w-48 h-48 px-24 btn-md f-ui-02 bg-inverse text-inverse effect-interactive-inverse w-full justify-center"
                                          >
    
    
            <span class="flex items-center justify-center gap-8 shrink-0">Subscribe</span>
    
    
        </button>
                            </p>

                                                            <p
                                    class="f-ui-03 text-secondary mt-spacing-set-6"
                                >
                                    We respect your privacy and will never share your information.
                                </p>
                                                    </fieldset>
                    </form>
                </div>
                    </div>

            </div>
        </div>
    </div>

                <p
    data-behavior="growl"
    class="f-ui-03 theme-dark bg-tertiary border-info text-primary data-[type=error]:bg-caution! pointer-events-none fixed start-32 bottom-32 z-9999 inline-block max-w-[calc(100vw-64px)] translate-y-0 border-l-2 p-16 opacity-100 transition-all duration-200 aria-hidden:translate-y-10 aria-hidden:opacity-0"
    aria-live="polite"
    aria-hidden="true"
></p>
            </div>

            <div id="icon-sprite">
                <svg xmlns="http://www.w3.org/2000/svg" hidden>
                    <defs>
                        <g id="arrow-left-16">
    <path
        d="M7 13L7.705 12.295L3.915 8.5H14V7.5H3.915L7.705 3.705L7 3L2 8L7 13Z"
        fill="currentColor"
    />
</g>
<g id="chevron-right-16">
    <path
        id="icon"
        d="M6.79559 13L6 12.3512L9.65883 8L6 3.64883L6.79559 3L11 8L6.79559 13Z"
        fill="currentColor"
    />
</g>
<g id="search-20">
    <circle cx="8.5" cy="8.5" r="7" stroke="currentColor" />
    <path d="M18.5 18.5L13.5 13.5" stroke="currentColor" />
</g>
<g id="menu-20">
    <path d="M1 5H19M1 10H19M1 15H19" stroke="currentColor" />
</g>
<g id="facebook-16" clip-path="url(#clip0_8895_19273)">
    <path
        d="M16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 11.993 2.92547 15.3027 6.75 15.9028V10.3125H4.71875V8H6.75V6.2375C6.75 4.2325 7.94438 3.125 9.77172 3.125C10.6467 3.125 11.5625 3.28125 11.5625 3.28125V5.25H10.5538C9.56 5.25 9.25 5.86672 9.25 6.5V8H11.4688L11.1141 10.3125H9.25V15.9028C13.0745 15.3027 16 11.993 16 8Z"
        fill="currentColor"
    />
</g>
<defs>
    <clipPath id="clip0_8895_19273">
        <rect width="16" height="16" fill="currentColor" />
    </clipPath>
</defs>
<path
    id="linkedin-16"
    d="M14.8156 0H1.18125C0.528125 0 0 0.515625 0 1.15313V14.8438C0 15.4813 0.528125 16 1.18125 16H14.8156C15.4688 16 16 15.4813 16 14.8469V1.15313C16 0.515625 15.4688 0 14.8156 0ZM4.74687 13.6344H2.37188V5.99687H4.74687V13.6344ZM3.55938 4.95625C2.79688 4.95625 2.18125 4.34062 2.18125 3.58125C2.18125 2.82188 2.79688 2.20625 3.55938 2.20625C4.31875 2.20625 4.93437 2.82188 4.93437 3.58125C4.93437 4.3375 4.31875 4.95625 3.55938 4.95625ZM13.6344 13.6344H11.2625V9.92188C11.2625 9.0375 11.2469 7.89687 10.0281 7.89687C8.79375 7.89687 8.60625 8.8625 8.60625 9.85938V13.6344H6.2375V5.99687H8.5125V7.04063H8.54375C8.85937 6.44063 9.63438 5.80625 10.7875 5.80625C13.1906 5.80625 13.6344 7.3875 13.6344 9.44375V13.6344V13.6344Z"
    fill="currentColor"
/>
<g id="x-16" clip-path="url(#clip0_8895_17676)">
    <path
        fill-rule="evenodd"
        clip-rule="evenodd"
        d="M10.6303 15.3333L6.9307 10.06L2.29924 15.3333H0.339844L6.06139 8.82069L0.339844 0.666626H5.37047L8.85732 5.63664L13.2262 0.666626H15.1856L9.72954 6.87761L15.6609 15.3333H10.6303ZM12.8123 13.8466H11.4932L3.14541 2.15329H4.46474L7.80808 6.8354L8.38623 7.64787L12.8123 13.8466Z"
        fill="currentColor"
    />
</g>
<defs>
    <clipPath id="clip0_8895_17676">
        <rect width="16" height="16" fill="currentColor" />
    </clipPath>
</defs>
<g id="home-16">
    <path
        d="M8.30615 1.10693C8.2174 1.03768 8.10805 1.00006 7.99547 1.00006C7.8829 1.00006 7.77355 1.03768 7.6848 1.10693L0.5 6.70973L1.12135 7.49558L2 6.81048V13C2.00054 13.2651 2.10607 13.5191 2.29349 13.7065C2.48091 13.894 2.73495 13.9995 3 14H13C13.2651 13.9995 13.5191 13.894 13.7066 13.7066C13.894 13.5192 13.9995 13.2651 14 13V6.81503L14.8786 7.50003L15.5 6.71413L8.30615 1.10693ZM9 13H7V9.00003H9V13ZM10 13V9.00003C9.9997 8.73491 9.89424 8.48073 9.70677 8.29326C9.5193 8.10579 9.26512 8.00034 9 8.00003H7C6.73486 8.0003 6.48066 8.10574 6.29319 8.29322C6.10571 8.4807 6.00026 8.7349 6 9.00003V13H3V6.03078L8 2.13578L13 6.03603V13H10Z"
        fill="currentColor"
    />
</g>
<g id="close-20">
    <path
        fill-rule="evenodd"
        clip-rule="evenodd"
        d="M9.99956 10.8839L4.8165 16.0669L3.93262 15.183L9.11567 9.99999L3.93262 4.81693L4.8165 3.93304L9.99956 9.1161L15.1826 3.93304L16.0665 4.81693L10.8834 9.99999L16.0665 15.183L15.1826 16.0669L9.99956 10.8839Z"
        fill="currentColor"
    />
</g>
<g id="arrow-right-20">
    <path
        d="M11.25 4.30078L10.3562 5.17141L15.0938 9.92578H2.5V11.1758H15.0938L10.3562 15.9089L11.25 16.8008L17.5 10.5508L11.25 4.30078Z"
        fill="currentColor"
    />
</g>
<g id="user-20">
    <path
        d="M10.0001 2.5C10.6181 2.5 11.2223 2.68328 11.7362 3.02666C12.2501 3.37004 12.6507 3.8581 12.8872 4.42911C13.1237 5.00013 13.1856 5.62847 13.065 6.23466C12.9444 6.84085 12.6468 7.39767 12.2098 7.83471C11.7727 8.27175 11.2159 8.56938 10.6097 8.68995C10.0035 8.81053 9.37521 8.74865 8.80419 8.51212C8.23317 8.2756 7.74511 7.87506 7.40173 7.36116C7.05835 6.84725 6.87507 6.24307 6.87507 5.625C6.87507 4.7962 7.20431 4.00134 7.79036 3.41529C8.37642 2.82924 9.17127 2.5 10.0001 2.5ZM10.0001 1.25C9.13478 1.25 8.28892 1.50659 7.56945 1.98732C6.84999 2.46805 6.28923 3.15133 5.9581 3.95076C5.62697 4.75019 5.54033 5.62985 5.70914 6.47852C5.87795 7.32719 6.29463 8.10674 6.90648 8.71859C7.51834 9.33045 8.29789 9.74712 9.14655 9.91594C9.99522 10.0847 10.8749 9.99811 11.6743 9.66697C12.4737 9.33584 13.157 8.77508 13.6378 8.05562C14.1185 7.33615 14.3751 6.49029 14.3751 5.625C14.3751 4.46468 13.9141 3.35188 13.0937 2.53141C12.2732 1.71094 11.1604 1.25 10.0001 1.25Z"
        fill="currentColor"
    />
    <path
        d="M17.4687 18.75H16.2187V15.625C16.2187 15.2146 16.1378 14.8083 15.9808 14.4291C15.8237 14.05 15.5936 13.7055 15.3034 13.4153C15.0132 13.1251 14.6687 12.8949 14.2896 12.7379C13.9104 12.5808 13.504 12.5 13.0937 12.5H6.875C6.0462 12.5 5.25134 12.8292 4.66529 13.4153C4.07924 14.0013 3.75 14.7962 3.75 15.625V18.75H2.5V15.625C2.5 14.4647 2.96094 13.3519 3.78141 12.5314C4.60188 11.7109 5.71468 11.25 6.875 11.25H13.0937C14.254 11.25 15.3668 11.7109 16.1873 12.5314C17.0077 13.3519 17.4687 14.4647 17.4687 15.625V18.75Z"
        fill="currentColor"
    />
</g>
<g id="search-16">
    <path
        id="Vector"
        d="M14.5001 13.7929L10.7241 10.0169C11.6314 8.92758 12.0839 7.53038 11.9873 6.11596C11.8908 4.70153 11.2526 3.37879 10.2057 2.42288C9.15867 1.46698 7.78347 0.951515 6.36612 0.983723C4.94877 1.01593 3.5984 1.59333 2.59593 2.59581C1.59345 3.59828 1.01605 4.94865 0.983845 6.366C0.951637 7.78335 1.4671 9.15855 2.423 10.2055C3.37891 11.2525 4.70165 11.8907 6.11608 11.9872C7.5305 12.0838 8.9277 11.6313 10.017 10.7239L13.7931 14.5L14.5001 13.7929ZM2.00012 6.5C2.00012 5.60998 2.26404 4.73995 2.75851 3.99993C3.25297 3.25991 3.95578 2.68313 4.77804 2.34254C5.60031 2.00194 6.50511 1.91283 7.37802 2.08646C8.25094 2.2601 9.05276 2.68868 9.6821 3.31802C10.3114 3.94735 10.74 4.74918 10.9137 5.62209C11.0873 6.495 10.9982 7.3998 10.6576 8.22207C10.317 9.04434 9.7402 9.74714 9.00018 10.2416C8.26016 10.7361 7.39013 11 6.50012 11C5.30705 10.9987 4.16323 10.5241 3.3196 9.68052C2.47597 8.83689 2.00144 7.69306 2.00012 6.5Z"
        fill="currentColor"
    />
</g>
<g id="close-lg-16">
    <path
        fill-rule="evenodd"
        clip-rule="evenodd"
        d="M8.00004 8.70715L3.85359 12.8536L3.14648 12.1465L7.29293 8.00004L3.14648 3.85359L3.85359 3.14648L8.00004 7.29293L12.1465 3.14648L12.8536 3.85359L8.70715 8.00004L12.8536 12.1465L12.1465 12.8536L8.00004 8.70715Z"
        fill="currentColor"
    />
</g>
<g id="arrow-right-16">
    <path
        d="M9 3.21484L8.285 3.91134L12.075 7.71484H2V8.71484H12.075L8.285 12.5013L9 13.2148L14 8.21484L9 3.21484Z"
        fill="currentColor"
    />
</g>
<g id="filter-16">
    <path
        d="M9 14H7C6.73478 14 6.48043 13.8946 6.29289 13.7071C6.10536 13.5196 6 13.2652 6 13V9.205L2.295 5.5C2.10721 5.31332 2.00112 5.05979 2 4.795V3C2 2.73478 2.10536 2.48043 2.29289 2.29289C2.48043 2.10536 2.73478 2 3 2H13C13.2652 2 13.5196 2.10536 13.7071 2.29289C13.8946 2.48043 14 2.73478 14 3V4.795C13.9989 5.05979 13.8928 5.31332 13.705 5.5L10 9.205V13C10 13.2652 9.89464 13.5196 9.70711 13.7071C9.51957 13.8946 9.26522 14 9 14ZM3 3V4.795L7 8.795V13H9V8.795L13 4.795V3H3Z"
        fill="currentColor"
    />
</g>
<g id="chevron-down-16">
    <path
        fill="currentColor"
        fill-rule="evenodd"
        d="M3 6.29559 3.64882 5.5 8 9.15883 12.3512 5.5 13 6.29559 8 10.5 3 6.29559Z"
        clip-rule="evenodd"
    />
</g>
<g id="checkmark-16">
    <path
        d="M6.5 12L2 7.49997L2.707 6.79297L6.5 10.5855L13.293 3.79297L14 4.49997L6.5 12Z"
        fill="currentColor"
    />
</g>
<g id="alert-circle-16">
    <path
        d="M8.49967 5.83325V8.49992M8.49967 11.1666H8.50634M15.1663 8.49992C15.1663 12.1818 12.1816 15.1666 8.49967 15.1666C4.81778 15.1666 1.83301 12.1818 1.83301 8.49992C1.83301 4.81802 4.81778 1.83325 8.49967 1.83325C12.1816 1.83325 15.1663 4.81802 15.1663 8.49992Z"
        stroke="currentColor"
        stroke-linecap="square"
    />
</g>
<g id="eye-16">
    <path
        fill="currentColor"
        d="M15.47 7.83c-.5881-1.52118-1.609-2.83669-2.9366-3.78396C11.2058 3.09878 9.62971 2.56129 7.99997 2.5c-1.62974.06129-3.20581.59878-4.5334 1.54604C2.13898 4.99331 1.11805 6.30882.52997 7.83c-.039716.10985-.039716.23015 0 .34.58808 1.52118 1.60901 2.8367 2.9366 3.784 1.32759.9472 2.90366 1.4847 4.5334 1.546 1.62974-.0613 3.20583-.5988 4.53343-1.546 1.3276-.9473 2.3485-2.26282 2.9366-3.784.0397-.10985.0397-.23015 0-.34ZM7.99997 12.5c-2.65 0-5.45-1.965-6.465-4.5 1.015-2.535 3.815-4.5 6.465-4.5C10.65 3.5 13.45 5.465 14.465 8c-1.015 2.535-3.815 4.5-6.46503 4.5Z"
    />
    <path
        fill="currentColor"
        d="M7.99997 5c-.59334 0-1.17336.17595-1.66671.50559-.49335.32965-.87787.79818-1.10493 1.34636-.22706.54818-.28647 1.15138-.17072 1.73332.11576.58194.40148 1.11649.82104 1.53603.41956.4196.95411.7053 1.53605.8211.58194.1157 1.18514.0563 1.73332-.1708.54818-.227 1.01668-.6115 1.34638-1.10489C10.824 9.17336 11 8.59334 11 8c0-.79565-.3161-1.55871-.8787-2.12132C9.55868 5.31607 8.79562 5 7.99997 5Zm0 5c-.39556 0-.78224-.1173-1.11114-.33706-.3289-.21976-.58524-.53212-.73662-.89757-.15137-.36546-.19098-.76759-.11381-1.15555.07717-.38796.26765-.74433.54736-1.02403.2797-.27971.63607-.47019 1.02403-.54736.38796-.07717.79009-.03756 1.15555.11381.36545.15138.67781.40772.89757.73662.21976.3289.33706.71558.33706 1.11114 0 .53043-.21071 1.03914-.58579 1.41421C9.03911 9.78929 8.5304 10 7.99997 10Z"
    />
</g>
<g id="warning-square-20">
    <path
        d="M10 12.5C9.81458 12.5 9.63332 12.555 9.47915 12.658C9.32498 12.761 9.20482 12.9074 9.13386 13.0787C9.06291 13.25 9.04434 13.4385 9.08051 13.6204C9.11669 13.8023 9.20598 13.9693 9.33709 14.1004C9.4682 14.2315 9.63525 14.3208 9.8171 14.357C9.99896 14.3932 10.1875 14.3746 10.3588 14.3036C10.5301 14.2327 10.6765 14.1125 10.7795 13.9583C10.8825 13.8042 10.9375 13.6229 10.9375 13.4375C10.9375 13.1889 10.8387 12.9504 10.6629 12.7746C10.4871 12.5988 10.2486 12.5 10 12.5Z"
        fill="currentColor"
    />
    <path d="M10.625 5.625H9.375V11.25H10.625V5.625Z" fill="currentColor" />
    <path
        d="M16.25 17.5H3.75C3.4186 17.4996 3.10087 17.3678 2.86654 17.1335C2.6322 16.8991 2.50038 16.5814 2.5 16.25V3.75C2.50038 3.4186 2.6322 3.10087 2.86654 2.86654C3.10087 2.6322 3.4186 2.50038 3.75 2.5H16.25C16.5814 2.50038 16.8991 2.6322 17.1335 2.86654C17.3678 3.10087 17.4996 3.4186 17.5 3.75V16.25C17.4996 16.5814 17.3678 16.8991 17.1335 17.1335C16.8991 17.3678 16.5814 17.4996 16.25 17.5ZM3.75 3.75V16.25H16.2507L16.25 3.75H3.75Z"
        fill="currentColor"
    />
</g>
<g id="logo">
    <path
        fill="currentColor"
        d="m2.8 5.917 13.066 13.666V1.317h-2.333v12.6L.533.25v18.2H2.8V5.917ZM21.667 18.45H24.2l5.467-12.8 5.266 12.667.067.133h2.533L29.733.117 21.667 18.45Zm95 0h2.6l5.4-12.8 5.266 12.667.067.133h2.533l-7.8-18.333-8.066 18.333Zm-71.2 0H47.8V3.517h5.133v-2.2h-12.6v2.2h5.134V18.45ZM62.333 1.317H60V18.45h2.333V1.317Zm25.734 8.6c0-5-3.934-8.867-8.934-8.867-5 0-8.933 3.867-8.933 8.867 0 5 3.933 8.866 9 8.866 5 0 8.867-3.933 8.867-8.866Zm-2.334 0c0 3.666-2.933 6.666-6.6 6.666-3.666 0-6.6-3-6.6-6.666 0-3.667 2.934-6.667 6.6-6.667 3.667 0 6.6 3 6.6 6.667Zm11.934-4 13.066 13.666V1.317H108.4v12.6L95.4.25v18.2h2.267V5.917Zm42.933-4.6h-2.267V18.45h9.2v-2.2H140.6V1.317Zm-112.333 24.8c-5.134 0-9 3.866-9 8.933 0 5 3.8 8.8 8.866 8.8a8.99 8.99 0 0 0 5.2-1.667l.067-.066v-3l-.4.4c-.4.4-1 .933-1.867 1.333-.933.467-2 .733-3 .733-4.466 0-6.533-3.866-6.533-6.6 0-3.8 2.867-6.733 6.467-6.733.933 0 1.866.2 2.8.6.733.333 1.533.933 2.133 1.533l.4.4v-3h-.067c-1.466-1.133-3.133-1.666-5.066-1.666ZM70 28.383c-2.133-1.8-4.467-2-6.333-2H60v17.2h3.6c2.8 0 4.6-.533 6.267-2 2-1.733 3-3.866 3-6.6.066-3.6-1.8-5.666-2.867-6.6Zm-1.6 11.534c-1.533 1.266-3.267 1.466-4.667 1.466h-1.4v-12.8h1.4c4.134 0 6.8 2.534 6.8 6.4 0 2.534-1.133 4.067-2.133 4.934Zm11.533 3.666h10.2v-2.266h-7.866v-6H89.2v-2.2h-6.933v-4.534h7.866v-2.2h-10.2v17.2Zm54.2 0H144.4v-2.266h-7.933v-6h6.933v-2.2h-6.933v-4.534h7.933v-2.2h-10.267v17.2Zm-28.4-4.333L99.2 24.917l-2.933 18.666h2.4l1.533-11.066 5.533 12.066 5.534-12.066 1.533 11.066h2.333L112.4 24.85l-6.667 14.4Zm17.134 4.333h2.266v-17.2h-2.266v17.2Zm36.266-8.266c-.666-.667-1.533-1.134-2.666-1.6l-1.6-.734c-.6-.266-1.2-.533-1.667-1-.4-.4-.533-.733-.533-1.266 0-1.4 1.066-2.334 2.6-2.334.866 0 1.4.267 1.733.534.333.266.667.733.933 1.2l.134.2 1.866-1.2-.066-.2c-.4-.8-1-1.467-1.734-1.934-.8-.533-1.666-.8-2.8-.8-2.866 0-4.933 1.867-4.933 4.534 0 1.2.333 2.066 1.2 2.866.733.734 1.533 1.067 2.133 1.334l1.667.733c.8.4 1.467.667 1.933 1.133.534.467.734 1.067.734 1.8 0 1.534-1 3.067-3.134 3.067-.933 0-1.666-.267-2.266-.867-.467-.533-.867-1.266-.934-2l-.066-.266-2.267.6.067.2c.266 1.2.866 2.333 1.6 3.066 1 .934 2.2 1.4 3.8 1.4 3.2 0 5.533-2.266 5.533-5.4 0-1.2-.4-2.2-1.267-3.066ZM0 43.583h2.533L8 30.717l5.267 12.666.066.2h2.534L8 25.25 0 43.583Zm38.2 0h2.6l5.4-12.866 5.267 12.666.066.2h2.6L46.267 25.25 38.2 43.583ZM178 1.717c-.2-.067-.467-.067-.734-.067-.466 0-.866.133-1.133.333-.333.2-.466.534-.466 1 0 .467.133.8.4 1.067.266.267.666.6 1.266.933.4.267.734.467.933.667.267.2.467.467.6.733.2.267.267.6.267 1 0 .467-.133.934-.4 1.334-.266.4-.6.666-1.066.866-.467.2-1 .334-1.6.334a5.195 5.195 0 0 1-1.467-.2c-.467-.134-.8-.2-.933-.334l.266-1.666h.734l.066 1.2c.134.133.334.2.6.266.267.067.534.067.8.067.534 0 1-.133 1.334-.4.4-.267.533-.667.533-1.133 0-.4-.134-.734-.4-1-.267-.267-.6-.6-1.133-.867-.4-.267-.734-.467-1-.733-.267-.267-.534-.467-.667-.8-.2-.334-.267-.667-.267-1.067 0-.467.133-.867.4-1.267.267-.333.6-.6 1-.8.4-.2.934-.266 1.4-.266.534 0 .934.066 1.334.133.333.067.666.2.8.333l-.267 1.534h-.6l-.067-1.134c-.133.067-.333 0-.533-.066Zm5.533 2.266c-.4 0-.733.134-1 .4-.266.267-.533.667-.733 1.134-.2.466-.267 1.066-.267 1.733s.134 1.133.334 1.467c.2.333.533.466.933.466.333 0 .6-.066.867-.2.266-.133.466-.333.733-.533l.267.4c-.2.267-.467.467-.867.733-.4.2-.8.334-1.333.334-.667 0-1.2-.2-1.534-.667-.4-.467-.533-1.133-.533-1.933 0-.667.133-1.267.4-1.934.267-.666.667-1.133 1.2-1.6.533-.4 1.133-.6 1.867-.6.2 0 .466 0 .733.067.267.067.467.133.6.2l-.333 1.133-.2-.066c-.534-.334-.867-.534-1.134-.534Zm3.867 5c0 .067 0 .134.067.2.066.067.066.067.133.067s.2 0 .267-.067c.066-.066.2-.133.333-.266l.133.266c-.133.134-.266.334-.533.534s-.533.266-.8.266-.467-.066-.6-.2a.758.758 0 0 1-.2-.533c0-.2.133-.933.333-2.267a45.83 45.83 0 0 0 .4-2.8l-.733-.266.067-.4 1.666-.267.267.133-.8 5.467v.133Zm-.067-7.2a.606.606 0 0 1-.2-.466c0-.267.067-.4.2-.6.134-.134.334-.267.534-.267s.333.067.466.2c.134.133.2.267.2.467 0 .266-.066.466-.2.6-.133.2-.333.266-.6.266-.133 0-.266-.066-.4-.2Zm6.067 7.8a2.855 2.855 0 0 1-2.8.067c-.333-.267-.6-.533-.733-.933-.134-.4-.267-.8-.267-1.267 0-.733.133-1.467.467-2.067.266-.666.733-1.133 1.266-1.533.534-.4 1.134-.6 1.734-.6.533 0 1 .133 1.266.4.267.267.4.6.4 1.067 0 .533-.2 1-.666 1.4-.467.4-1 .666-1.6.866-.6.2-1.134.267-1.667.334 0 .533.067 1 .267 1.4.2.4.6.6 1.066.6a1.88 1.88 0 0 0 1-.267c.334-.133.667-.4.934-.667l.266.4c-.133.267-.466.534-.933.8Zm-1.6-5.266a2.908 2.908 0 0 0-.667 1.066c-.133.467-.266.867-.266 1.267.4 0 .8-.133 1.266-.267.4-.133.8-.4 1.067-.666.267-.267.4-.6.4-1 0-.334-.067-.534-.2-.667a.844.844 0 0 0-.6-.267c-.4.067-.667.2-1 .534Zm7.133-.667c.4-.267.867-.4 1.334-.4.466 0 .8.133 1 .4.266.267.333.667.333 1.267 0 .333-.067.933-.267 1.8l-.066.266-.067.534c-.133.666-.2 1.133-.2 1.4 0 .2.067.333.133.333.134 0 .334-.067.534-.267l.133.334-.267.266c-.133.134-.266.2-.466.267s-.4.133-.6.133c-.467 0-.734-.266-.734-.733 0-.267.067-.733.2-1.4l.134-.533.066-.267c.067-.4.134-.8.2-1.133.067-.334.067-.6.067-.867 0-.333-.067-.6-.133-.733-.134-.134-.267-.2-.534-.2-.333 0-.666.133-1.066.466-.4.334-.734.667-1 1.134l-.6 4.2H196l.733-5.667-.6-.267.067-.466 1.4-.267.267.133-.134 1.4c.4-.466.8-.8 1.2-1.133Zm7.267.333c-.4 0-.733.134-1 .4-.267.267-.533.667-.733 1.134-.2.466-.267 1.066-.267 1.733s.133 1.133.333 1.467c.2.333.534.466.934.466.333 0 .6-.066.866-.2.267-.133.467-.333.734-.533l.266.4c-.2.267-.466.467-.866.733-.4.2-.8.334-1.334.334-.666 0-1.2-.2-1.533-.667-.4-.467-.533-1.133-.533-1.933 0-.667.133-1.267.4-1.934.266-.666.666-1.133 1.2-1.6.533-.4 1.133-.6 1.866-.6.2 0 .467 0 .734.067.266.067.466.133.6.2l-.334 1.133-.2-.066c-.533-.334-.866-.534-1.133-.534Zm6 5.6a2.855 2.855 0 0 1-2.8.067c-.333-.267-.6-.533-.733-.933-.134-.4-.267-.8-.267-1.267 0-.733.133-1.467.467-2.067.266-.666.733-1.133 1.266-1.533.534-.4 1.134-.6 1.734-.6.533 0 1 .133 1.266.4.267.267.4.6.4 1.067 0 .533-.2 1-.666 1.4-.467.4-1 .666-1.6.866-.6.2-1.134.267-1.667.334 0 .533.067 1 .267 1.4.2.4.6.6 1.066.6a1.88 1.88 0 0 0 1-.267c.334-.133.667-.4.934-.667l.266.4c-.133.267-.466.534-.933.8Zm-1.6-5.266a2.908 2.908 0 0 0-.667 1.066c-.133.467-.266.867-.266 1.267.4 0 .8-.133 1.266-.267.4-.133.8-.4 1.067-.666.267-.267.467-.6.467-1 0-.334-.067-.534-.2-.667a.848.848 0 0 0-.6-.267c-.467.067-.8.2-1.067.534Zm7.333-.267c-.266-.133-.533-.133-.8-.133-.333 0-.666.066-.866.266-.2.134-.334.4-.334.667s.067.533.267.733c.2.2.4.4.733.667.267.2.534.4.667.533.2.134.333.334.467.6.133.267.2.467.2.8 0 .6-.2 1.067-.667 1.4-.467.334-1 .467-1.667.467-.333 0-.666-.067-1.066-.133-.334-.067-.6-.134-.667-.267l.2-.8c.133.133.4.2.667.333.266.134.6.134.933.134.333 0 .667-.067.867-.2.2-.134.333-.4.333-.734 0-.266-.067-.533-.267-.733-.2-.2-.466-.4-.866-.667-.8-.533-1.2-1.2-1.2-1.933 0-.333.133-.667.333-.933.2-.267.467-.467.8-.667.333-.133.733-.2 1.2-.2.267 0 .6 0 .867.067.266.066.466.066.6.133l-.2.867-.534-.267Zm-43.266 13.933h5.533l-.067 1.867h-.666l-.2-1.2-2.667-.067-.467 3.334 2.734-.067-.067.867-2.667-.067-.466 3.533 3.266-.133.667-1.4.667.133-.467 2h-6.2l.067-.466.866-.134.934-7.466-.8-.134v-.6Zm9.733 2.467c.4-.267.867-.4 1.333-.4.467 0 .8.133 1 .4.267.267.334.667.334 1.267 0 .333-.067.933-.267 1.8l-.067.266-.066.534c-.134.666-.2 1.133-.2 1.4 0 .2.066.333.133.333.133 0 .333-.067.533-.267l.2.334-.266.266c-.134.134-.267.2-.467.267s-.4.133-.6.133c-.467 0-.733-.266-.733-.733 0-.267.066-.733.2-1.4l.133-.533.067-.267c.066-.4.133-.8.2-1.133.066-.334.066-.6.066-.867 0-.333-.066-.6-.133-.733-.133-.134-.267-.2-.533-.2-.334 0-.667.133-1.067.466-.4.334-.733.667-1 1.134l-.6 4.2h-1.133l.733-5.667-.6-.267.067-.466 1.4-.267.266.133-.133 1.4c.4-.466.8-.866 1.2-1.133Zm8.067 8.067c-.334.4-.734.666-1.2.8-.467.133-.934.266-1.334.266-.266 0-.466 0-.733-.066-.267-.067-.467-.067-.6-.134l.267-.933c.2.067.4.2.666.267.267.066.534.133.8.133.467 0 .867-.067 1.134-.267.266-.2.4-.533.466-1.066l.2-1.534c-.2.267-.466.467-.8.667a1.88 1.88 0 0 1-1 .267c-.666 0-1.133-.2-1.466-.667-.334-.467-.467-1.067-.467-1.8 0-.667.133-1.333.467-2 .266-.667.733-1.2 1.266-1.667.6-.466 1.2-.666 2-.666.2 0 .4 0 .667.066.267.067.467.134.6.2l.733-.266-1.066 7.066c0 .534-.267 1-.6 1.334ZM192 20.65c-.533 0-.933.2-1.333.6-.334.4-.667.867-.8 1.4-.134.533-.267 1.133-.267 1.667 0 .533.067 1 .267 1.333.2.333.466.467.8.467.333 0 .6-.067.933-.267.267-.2.533-.4.667-.667l.6-4.2c-.2-.266-.467-.333-.867-.333Zm4.8 5.133c0 .067 0 .134.067.2.066.067.066.067.133.067s.2 0 .267-.067c.066-.066.2-.133.333-.266l.133.266c-.133.134-.266.334-.533.534s-.533.266-.8.266-.467-.066-.6-.2a.759.759 0 0 1-.2-.533c0-.2.133-.933.333-2.267.134-.733.267-1.666.4-2.8l-.733-.266.067-.4 1.666-.267.267.133-.8 5.467v.133Zm-.067-7.2a.607.607 0 0 1-.2-.466c0-.267.067-.4.2-.6.134-.134.334-.267.534-.267s.333.067.466.2c.134.133.2.267.2.467 0 .266-.066.466-.2.6-.133.2-.333.266-.6.266-.133 0-.266-.066-.4-.2Zm5.667 1.867c.4-.267.867-.4 1.333-.4.467 0 .8.133 1 .4.267.267.334.667.334 1.267 0 .333-.067.933-.267 1.8l-.067.266-.066.534c-.134.666-.2 1.133-.2 1.4 0 .2.066.333.133.333.133 0 .333-.067.533-.267l.2.334-.266.266c-.134.134-.267.2-.467.267s-.4.133-.6.133c-.467 0-.733-.266-.733-.733 0-.267.066-.733.2-1.4l.133-.533.067-.267c.066-.4.133-.8.2-1.133.066-.334.066-.6.066-.867 0-.333-.066-.6-.133-.733-.133-.134-.267-.2-.533-.2-.334 0-.667.133-1.067.466-.4.334-.733.667-1 1.134l-.6 4.2h-1.133l.733-5.667-.6-.267.067-.466 1.4-.267.266.133-.133 1.4c.333-.466.733-.866 1.2-1.133Zm7.867 5.933a2.858 2.858 0 0 1-2.8.067c-.334-.267-.6-.533-.734-.933-.133-.4-.266-.8-.266-1.267 0-.733.133-1.467.466-2.067.267-.666.734-1.133 1.267-1.533.533-.4 1.133-.6 1.733-.6.534 0 1 .133 1.267.4.267.267.4.6.4 1.067 0 .533-.2 1-.667 1.4-.466.4-1 .666-1.6.866-.6.2-1.133.267-1.666.334 0 .533.066 1 .266 1.4.2.4.6.6 1.067.6.333 0 .667-.067 1-.267.333-.133.667-.4.933-.667l.267.4c-.133.267-.467.534-.933.8Zm-1.6-5.333a2.896 2.896 0 0 0-.667 1.067c-.133.466-.267.866-.267 1.266.4 0 .8-.133 1.267-.266.4-.134.8-.4 1.067-.667.266-.267.466-.6.466-1 0-.333-.066-.533-.2-.667a.844.844 0 0 0-.6-.266c-.466.133-.8.266-1.066.533Zm7.6 5.333a2.858 2.858 0 0 1-2.8.067c-.334-.267-.6-.533-.734-.933-.133-.4-.266-.8-.266-1.267 0-.733.133-1.467.466-2.067.267-.666.734-1.133 1.267-1.533.533-.4 1.133-.6 1.733-.6.534 0 1 .133 1.267.4.267.267.4.6.4 1.067 0 .533-.2 1-.667 1.4-.466.4-1 .666-1.6.866-.6.2-1.133.267-1.666.334 0 .533.066 1 .266 1.4.2.4.6.6 1.067.6.333 0 .667-.067 1-.267.333-.133.667-.4.933-.667l.267.4c-.2.267-.467.534-.933.8Zm-1.6-5.333a2.896 2.896 0 0 0-.667 1.067c-.133.466-.267.866-.267 1.266.4 0 .8-.133 1.267-.266.4-.134.8-.4 1.067-.667.266-.267.4-.6.4-1 0-.333-.067-.533-.2-.667a.847.847 0 0 0-.6-.266c-.4.133-.734.266-1 .533Zm6.199-.133c.2-.267.467-.467.734-.667.267-.2.6-.267.933-.267.2 0 .334 0 .4.067l-.266 1.267a1.335 1.335 0 0 0-.6-.134c-.334 0-.667.134-1 .334-.334.2-.6.533-.734.933l-.533 4.133h-1.133l.733-5.666-.6-.267.066-.4 1.401-.267.266.134-.066 1.066-.067.467c.133-.2.266-.467.466-.733Zm4 4.866c0 .067 0 .134.067.2.067.067.067.067.134.067.066 0 .2 0 .266-.067.067-.066.2-.133.334-.266l.133.266c-.133.134-.267.334-.534.534-.266.2-.533.266-.799.266-.267 0-.467-.066-.601-.2a.758.758 0 0 1-.199-.533c0-.2.133-.933.333-2.267.133-.733.267-1.666.4-2.8l-.733-.266.066-.4 1.667-.267.267.133-.801 5.467v.133Zm-.066-7.2a.607.607 0 0 1-.2-.466c0-.267.067-.4.2-.6.133-.134.333-.267.533-.267s.334.067.467.2.2.267.2.467c0 .266-.067.466-.2.6-.133.2-.334.266-.6.266-.134 0-.267-.066-.4-.2Zm5.467 1.867a2.4 2.4 0 0 1 1.333-.4c.467 0 .8.133 1 .4.267.267.333.667.333 1.267 0 .333-.066.933-.266 1.8l-.067.266-.067.534c-.133.666-.2 1.133-.2 1.4 0 .2.067.333.134.333.133 0 .333-.067.533-.267l.133.334-.266.266c-.134.134-.267.2-.467.267s-.4.133-.6.133c-.467 0-.733-.266-.733-.733 0-.267.066-.733.2-1.4l.133-.533.067-.267c.066-.4.133-.8.2-1.133.066-.334.066-.6.066-.867 0-.333-.066-.6-.133-.733-.133-.134-.267-.2-.533-.2-.334 0-.667.133-1.067.466-.4.334-.733.667-1 1.134l-.6 4.2h-1.067l.734-5.667-.6-.267.066-.466 1.4-.267.267.133-.133 1.4c.333-.466.733-.866 1.2-1.133Zm8.066 8.067a2.4 2.4 0 0 1-1.2.8c-.466.133-.933.266-1.333.266-.267 0-.467 0-.733-.066-.267-.067-.467-.067-.6-.134l.266-.933c.2.067.4.2.667.267.267.066.533.133.8.133.467 0 .867-.067 1.133-.267.267-.2.4-.533.467-1.066l.2-1.534c-.2.267-.467.467-.8.667s-.667.267-1 .267c-.667 0-1.133-.2-1.467-.667-.333-.467-.466-1.067-.466-1.8 0-.667.133-1.333.466-2 .267-.667.734-1.2 1.267-1.667.6-.466 1.2-.666 2-.666.2 0 .467 0 .667.066.266.067.466.134.6.2l.733-.266-1.067 7.066c-.066.534-.266 1-.6 1.334Zm-.466-7.867c-.534 0-.934.2-1.334.6-.333.4-.666.867-.8 1.4-.133.533-.266 1.133-.266 1.667 0 .533.066 1 .266 1.333.2.333.467.467.8.467.334 0 .6-.067.934-.267.266-.2.533-.4.666-.667l.6-4.2c-.266-.266-.533-.333-.866-.333Zm-57.334 17c.667-1.4 1.067-2.333 1.267-2.867h2.533l-.066.534-1.067.133-.2 7.467 1 .133v.4h-3.2l.067-.467 1.066-.133.267-5.2.133-2.4-.866 2.067-2.734 6.066-.6.067-.933-6-.333-2.2-.467 2.267-1.267 5.266 1.2.134-.066.466h-3l.066-.466 1-.134L176 35.45l-1.067-.133.067-.534h2.733l.934 5.734.133 1.2.533-1.2c.2-.534.6-1.467 1.2-2.867Zm8.134 5.533a2.857 2.857 0 0 1-2.8.067c-.334-.267-.6-.533-.734-.933-.133-.4-.266-.8-.266-1.267 0-.733.133-1.467.466-2.067.267-.666.734-1.133 1.267-1.533.533-.4 1.133-.6 1.733-.6.534 0 1 .133 1.267.4.267.267.4.6.4 1.067 0 .533-.2 1-.667 1.4-.466.4-1 .666-1.6.866-.6.2-1.133.267-1.666.334 0 .533.066 1 .266 1.4.2.4.6.6 1.067.6.333 0 .667-.067 1-.267.333-.133.667-.4.933-.667l.267.4c-.133.267-.467.534-.933.8Zm-1.6-5.333a2.894 2.894 0 0 0-.667 1.067c-.133.466-.267.866-.267 1.266.4 0 .8-.133 1.267-.266.4-.134.8-.4 1.067-.667.266-.267.4-.6.4-1 0-.333-.067-.533-.2-.667a.848.848 0 0 0-.6-.266c-.4.133-.734.266-1 .533Zm8.8 4.733c0 .2.066.267.2.267.133 0 .333-.067.533-.267l.133.267c-.133.133-.266.333-.533.467-.2.133-.467.266-.733.266-.467 0-.667-.266-.667-.733v-.267c-.2.267-.467.534-.8.734-.333.2-.667.266-1.067.266-.6 0-1.133-.2-1.4-.666-.333-.467-.466-1.067-.466-1.8 0-.667.133-1.334.466-2 .267-.667.734-1.2 1.267-1.667.533-.467 1.2-.667 2-.667.267 0 .6.067.867.134l.333-2.134-.8-.2.067-.4 1.666-.2.267.134-1.2 8.266c-.133.134-.133.134-.133.2Zm-1.334-5.133c-.533 0-.933.2-1.333.6-.333.4-.6.867-.8 1.4-.2.533-.267 1.133-.267 1.667 0 .533.067 1 .267 1.333.2.333.467.467.8.467s.667-.134.933-.334c.267-.2.534-.466.667-.666l.6-4.134c-.2-.266-.467-.333-.867-.333Zm5.067 5.133c0 .067 0 .134.067.2.066.067.066.067.133.067s.2 0 .267-.067c.066-.066.2-.133.333-.266l.133.266c-.133.134-.266.334-.533.534s-.533.266-.8.266-.467-.066-.6-.2a.759.759 0 0 1-.2-.533c0-.2.133-.933.333-2.267.134-.733.267-1.666.4-2.8l-.733-.266.067-.4 1.666-.267.267.133-.8 5.467v.133Zm0-7.2a.607.607 0 0 1-.2-.466c0-.267.067-.4.2-.6.133-.134.333-.267.533-.267s.334.067.467.2.2.267.2.467c0 .266-.067.466-.2.6-.133.2-.333.266-.6.266-.133 0-.333-.066-.4-.2Zm5.6 2.2c-.4 0-.733.134-1 .4-.267.267-.533.667-.733 1.134-.2.466-.267 1.066-.267 1.733s.133 1.133.333 1.467c.2.333.534.466.934.466.333 0 .6-.066.866-.2.267-.133.467-.333.734-.533l.266.4c-.2.267-.466.467-.866.733-.4.2-.8.334-1.334.334-.666 0-1.2-.2-1.533-.667-.4-.467-.533-1.133-.533-1.933 0-.667.133-1.267.4-1.934.266-.666.666-1.133 1.2-1.6.533-.4 1.133-.6 1.866-.6.2 0 .467 0 .734.067.266.067.466.133.6.2l-.334 1.133-.2-.066c-.533-.334-.933-.534-1.133-.534Zm4.067 5c0 .067 0 .134.066.2.067.067.067.067.134.067.066 0 .2 0 .266-.067.067-.066.2-.133.334-.266l.133.266c-.133.134-.267.334-.533.534-.267.2-.534.266-.8.266-.267 0-.467-.066-.6-.2a.754.754 0 0 1-.2-.533c0-.2.133-.933.333-2.267.133-.733.267-1.666.4-2.8l-.733-.266.066-.4 1.667-.267.267.133-.8 5.467v.133Zm-.067-7.2a.607.607 0 0 1-.2-.466c0-.267.067-.4.2-.6.133-.134.333-.267.533-.267s.334.067.467.2.2.267.2.467c0 .266-.067.466-.2.6-.133.2-.333.266-.6.266-.133 0-.267-.066-.4-.2Zm5.6 1.867c.4-.267.867-.4 1.333-.4.467 0 .8.133 1 .4.267.267.334.667.334 1.267 0 .333-.067.933-.267 1.8l-.067.266-.066.534c-.134.666-.2 1.133-.2 1.4 0 .2.066.333.133.333.133 0 .333-.067.533-.267l.134.334-.267.266c-.133.134-.267.2-.467.267s-.4.133-.6.133c-.466 0-.733-.266-.733-.733 0-.267.067-.733.2-1.4l.133-.533.067-.267c.067-.4.133-.8.2-1.133.067-.334.067-.6.067-.867 0-.333-.067-.6-.134-.733-.133-.134-.266-.2-.533-.2-.333 0-.667.133-1.067.466-.4.334-.733.667-1 1.134l-.6 4.2H211.8l.733-5.667-.6-.267.067-.466 1.4-.267.267.133-.134 1.4c.467-.466.8-.866 1.267-1.133Zm7.867 5.933a2.857 2.857 0 0 1-2.8.067c-.334-.267-.6-.533-.734-.933-.133-.4-.266-.8-.266-1.267 0-.733.133-1.467.466-2.067.267-.666.734-1.133 1.267-1.533.533-.4 1.133-.6 1.733-.6.534 0 1 .133 1.267.4.267.267.4.6.4 1.067 0 .533-.2 1-.667 1.4-.466.4-1 .666-1.6.866-.6.2-1.133.267-1.666.334 0 .533.066 1 .266 1.4.2.4.6.6 1.067.6.333 0 .667-.067 1-.267.333-.133.667-.4.933-.667l.267.4c-.133.267-.467.534-.933.8Zm-1.6-5.333a2.894 2.894 0 0 0-.667 1.067c-.133.466-.267.866-.267 1.266.4 0 .8-.133 1.267-.266.4-.134.8-.4 1.067-.667.266-.267.4-.6.4-1 0-.333-.067-.533-.2-.667a.848.848 0 0 0-.6-.266c-.4.133-.667.266-1 .533Z"
    />
</g>
<g id="chevron-down-20">
    <path
        d="M4.24994 7.86968L5.06097 6.8752L10.4999 11.4487L15.9389 6.8752L16.7499 7.86968L10.4999 13.1252L4.24994 7.86968Z"
        fill="currentColor"
    />
</g>
<g id="chevron-up-20">
    <path
        d="M4.25 12.1305L5.06103 13.125L10.5 8.55146L15.939 13.125L16.75 12.1305L10.5 6.875L4.25 12.1305Z"
        fill="currentColor"
    />
</g>
<g id="login-16">
    <path
        fill="currentColor"
        d="M13 15H7c-.26522 0-.51957-.1054-.70711-.2929C6.10536 14.5196 6 14.2652 6 14v-1.5h1V14h6V2H7v1.5H6V2c0-.26522.10536-.51957.29289-.70711C6.48043 1.10536 6.73478 1 7 1h6c.2652 0 .5196.10536.7071.29289C13.8946 1.48043 14 1.73478 14 2v12c0 .2652-.1054.5196-.2929.7071S13.2652 15 13 15Z"
    />
    <path
        fill="currentColor"
        d="M7.295 10.295 9.085 8.5H2v-1h7.085l-1.79-1.795L8 5l3 3-3 3-.705-.705Z"
    />
</g>
<g id="book-16">
    <path
        fill="currentColor"
        d="M13.5 5H10v1h3.5V5Zm0 2.5H10v1h3.5v-1Zm0 2.5H10v1h3.5v-1ZM7 5H3.5v1H7V5Zm0 2.5H3.5v1H7v-1ZM7 10H3.5v1H7v-1Z"
    />
    <path
        fill="currentColor"
        d="M14.5 2.5h-12c-.26514.00026-.51934.10571-.70681.29319-.18748.18747-.29293.44167-.29319.70681v9c.00026.2651.10571.5193.29319.7068.18747.1875.44167.2929.70681.2932h12c.2651-.0003.5193-.1057.7068-.2932s.2929-.4417.2932-.7068v-9c-.0003-.26514-.1057-.51934-.2932-.70681-.1875-.18748-.4417-.29293-.7068-.29319Zm-12 1H8v9H2.5v-9Zm6.5 9v-9h5.5v9H9Z"
    />
</g>
<g id="settings-16">
    <path
        fill="currentColor"
        d="M12.4996 7.3802v-.765l.96-.84c.177-.15597.2931-.36948.3279-.6028.0348-.23331-.0141-.4714-.1379-.6722l-1.18-2c-.0876-.15187-.2137-.27801-.3655-.36577-.1519-.08776-.3241-.13405-.4995-.13423-.1086-.00083-.2167.01606-.32.05l-1.215.41c-.20973-.13939-.42855-.26467-.65496-.375l-.255-1.259997C9.11392.595006 8.98868.388224 8.80587.241054 8.62305.0938853 8.39429.0157064 8.15964.0202032h-2.34c-.23465-.0044968-.46341.0736821-.64623.2208508-.18282.14717-.30805.353952-.35377.584149l-.255 1.259997c-.22804.1103-.44852.23558-.66.375l-1.19-.43c-.10435-.02718-.21242-.03732-.32-.03-.17536.00018-.3476.04647-.49942.13423-.15182.08776-.2779.2139-.36558.36577l-1.180002 2c-.116707.2005-.160074.43533-.122675.66428.037398.22896.153237.43779.327675.59072l.945002.865v.765l-.945002.84c-.179366.154-.298372.36657-.335901.59998-.037528.2334.008849.47256.130901.67502l1.180002 2c.08768.1519.21376.278.36558.3658.15182.0877.32406.134.49942.1342.10867.0008.21676-.0161.32-.05l1.215-.41c.20977.1394.42859.2647.655.375l.255 1.26c.04572.2302.17095.437.35377.5842.18282.1471.41158.2253.64623.2208h2.36c.23465.0045.46341-.0737.64623-.2208.18281-.1472.30805-.354.35377-.5842l.255-1.26c.22803-.1103.44851-.2356.65996-.375l1.21.41c.1033.0339.2114.0508.32.05.1754-.0002.3476-.0465.4995-.1342.1518-.0878.2779-.2139.3655-.3658l1.14-2c.1167-.20049.1601-.43533.1227-.66428-.0374-.22895-.1532-.43778-.3277-.59072l-.945-.865Zm-.895 3.62-1.71496-.58c-.40147.3401-.8603.6059-1.355.785l-.355 1.795h-2.36l-.355-1.775c-.49079-.1842-.94714-.4496-1.35-.785l-1.72.56-1.18-2 1.36-1.2c-.09245-.51757-.09245-1.04743 0-1.565l-1.36-1.235 1.18-2 1.715.58c.40147-.34005.8603-.60587 1.355-.785l.355-1.795h2.36l.355 1.775c.49079.18421.94714.44957 1.35.785l1.71996-.56 1.18 2-1.36 1.2c.0925.51757.0925 1.04743 0 1.565l1.36 1.235-1.18 2Z"
    />
    <path
        fill="currentColor"
        d="M6.99964 10.0002c-.59335 0-1.17337-.17594-1.66671-.50559-.49335-.32964-.87787-.79818-1.10493-1.34636-.22706-.54817-.28647-1.15137-.17072-1.73332.11576-.58194.40148-1.11649.82104-1.53605.41956-.41955.9541-.70528 1.53605-.82103.58194-.11576 1.18514-.05635 1.73332.17072.54818.22706 1.01671.61158 1.34636 1.10492.32964.49335.50559 1.07337.50559 1.66671.00396.39508-.07085.78699-.22019 1.15278-.14935.36579-.37017.69811-.64955.97748-.27938.27938-.61169.50021-.97748.64955-.36579.14935-.7577.22419-1.15278.22019Zm0-5c-.26433-.00615-.52716.04137-.77259.1397-.24544.09833-.46838.24542-.65534.43238-.18695.18696-.33405.4099-.43238.65533-.09833.24544-.14585.50827-.13969.77259-.00616.26433.04136.52716.13969.7726.09833.24543.24543.46837.43238.65533.18696.18696.4099.33405.65534.43238.24543.09833.50826.14585.77259.13969.26433.00616.52715-.04136.77259-.13969.24543-.09833.46837-.24542.65533-.43238.18696-.18696.33405-.4099.43238-.65533.09833-.24544.14585-.50827.1397-.7726.00615-.26432-.04137-.52715-.1397-.77259-.09833-.24543-.24542-.46837-.43238-.65533-.18696-.18696-.4099-.33405-.65533-.43238-.24544-.09833-.50826-.14585-.77259-.1397Z"
    />
</g>
<g id="logout-16">
    <path
        fill="currentColor"
        d="M1 14h6c.26512-.0003.5193-.1058.70677-.2932.18747-.1875.29293-.4417.29323-.7068v-1.5H7V13H1V1h6v1.5h1V1C7.9997.734877 7.89424.4807 7.70677.293229 7.5193.105759 7.26512.00030437 7 0H1C.734877.00030437.4807.105759.293229.293229.105759.4807.00030437.734877 0 1v12c.00030437.2651.105759.5193.293229.7068C.4807 13.8942.734877 13.9997 1 14Z"
    />
    <path
        fill="currentColor"
        d="M8.293 9.293 10.086 7.5H3v-1h7.086L8.293 4.707 9 4l3 3-3 3-.707-.707Z"
    />
</g>
                    </defs>
                </svg>
            </div>
        </div>
        <!-- OneTrust Cookies Consent Notice start for nationalacademies.org -->
    <script
        src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js"
        type="text/javascript"
        charset="UTF-8"
        data-domain-script="01a069a5-321b-4bea-bd76-c2b146b7253c-test"
    ></script>
    <script type="text/javascript">
        function OptanonWrapper() {
            if (OnetrustActiveGroups.indexOf('C0002') != -1) {
                gtag('consent', 'update', { analytics_storage: 'granted' });
            }

            if (OnetrustActiveGroups.indexOf('C0004') != -1) {
                gtag('consent', 'update', { ad_storage: 'granted' });
            }
        }
    </script>
    <!-- OneTrust Cookies Consent Notice end for nationalacademies.org -->

        <!-- Scripts -->

<script
    type="module"
    src="/build/assets/app-DY7rDEWM.js"
    data-swup-ignore-script
></script>


<script>
    window.A17 = window.A17 || {};
    window.A17.sliderSpaceBetween = '8';
    window.A17.sliderBreakpoints =
        {"600":{"spaceBetween":9},"900":{"spaceBetween":10},"1200":{"spaceBetween":12},"1500":{"spaceBetween":14},"2112":{"spaceBetween":16}};
    window.A17.routes = {
        materials: 'https://www.nationalacademies.org/cdn/materials',
    };
</script>

            </body>
</html>
