1<!DOCTYPE html> 2<html lang="en"> 3 4<head> 5 <meta charset="utf-8" /> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 7 <meta name="viewport" content="width=device-width, initial-scale=1" /> 8 <meta name="csrf-token" content=""> 9 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/themes/reset-min.css" 10 integrity="sha256-2AeJLzExpZvqLUxMfcs+4DWcMwNfpnjUeAAvEtPr0wU=" crossorigin="anonymous" 11 media="print" onload="this.media='all'" 12 > 13 14 <link rel="apple-touch-icon" sizes="180x180" href=""> 15<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicons/favicon.ico"> 16<!-- <link rel="icon" type="image/png" sizes="32x32" href=""> 17<link rel="icon" type="image/png" sizes="16x16" href=""> --> 18<!-- <link rel="manifest" href="/site.webmanifest"> --> 19 20 21 <title> 22 News & Press Releases - Chroma Technology Corp 23</title> 24 25 26 27 28 29<meta property="og:type" content="website" /> 30 31 32 <meta name="og:title" content="News & Press Releases - Chroma Technology Corp"> 33 34 35 36 <meta name="og:description" content="Chroma Technology designs and manufactures optical filters: thin film coated band pass, notch, edge, and laser filters, dichroic beamsplitters and mirrors."> 37 38 39 40 41 42 43 44 <meta property="og:image" content="https://www.chroma.com/img/containers/assets/chroma.png/a0c12aa3b0ede420659581c8cb6f7f29/chroma.png" /> 45 <meta property="og:image:width" content="1200" /> 46 <meta property="og:image:height" content="630" /> 47 48 <meta name="twitter:image" content="https://www.chroma.com/img/containers/assets/chroma.png/b6c701cb73400c4c8bd6fbbd312aec04/chroma.png" /> 49 50 51 52 53 54 <link rel="canonical" href="https://www.chroma.com/company/news/" /> 55 <meta property="og:url" content="https://www.chroma.com/company/news/" /> 56 57 58 59 60 61 62 63 <link rel="alternate" hreflang="en-US" href="https://www.chroma.com/company/news/" /> 64 65 66 67 68 69 70 <link rel="alternate" hreflang="x-default" href="https://www.chroma.com/company/news/" /> 71 72 73 74 75 76 <meta property="og:site_name" content="Chroma Technology Corp" /> 77 78 79<meta property="og:locale" content="en_US" /> 80 81 82 <meta name="twitter:card" content="summary_large_image" /> 83 84 <meta name="twitter:site" content="@ChromaVT" /> 85 86 87 <meta name="twitter:title" content="News & Press Releases - Chroma Technology Corp" /> 88 89 90 <meta name="twitter:description" content="Chroma Technology designs and manufactures optical filters: thin film coated band pass, notch, edge, and laser filters, dichroic beamsplitters and mirrors." /> 91 92 93 94 95 <link rel="preload" as="style" href="/build/assets/tailwind-mXaVVTfp.css" /><link rel="preload" as="style" href="/build/assets/site-Crn6uO3O.css" /><link rel="modulepreload" as="script" href="/build/assets/site-D2FlUNll.js" /><link rel="modulepreload" as="script" href="/build/assets/defineProperty-BbfpZ9Tg.js" /><link rel="modulepreload" as="script" href="/build/assets/preload-helper-B6JZccWF.js" /><link rel="stylesheet" href="/build/assets/tailwind-mXaVVTfp.css" /><link rel="stylesheet" href="/build/assets/site-Crn6uO3O.css" />
95<script type="module" src="/build/assets/site-D2FlUNll.js"></script>
95 96 97
97<script src="/js/purchase-readiness.js"></script>
97 98 99 100
100<script type="text/javascript" defer="defer" async="async" src="//cdn.foxycart.com/secure.chroma.com/loader.js"></script>
100 101 102 103 104
104<script src="/build/assets/foxycart-bundle-383b64df.js"></script>
104 105 106 107 108
108<script type="text/javascript"> 109 var FC = FC || {}; 110 </script>
110 111 <!-- Events --> 112 113 114
114<script> 115 window.userToken = "u2Iq2MD0C9LuwUugjneYy5MYmOpVQV7VwSiGXU7i"; 116 </script>
116 117</head> 118 119<body class="dark:bg-slate-900" :class="search == true ? 'overflow-hidden' : ''" x-data="{ search: false }"> 120 <div class="relative overflow-hidden"> 121 <!-- navigation start --> 122<div class="fixed z-[100] w-full top-0 left-0" x-data="{ navOpen: false, _navT: null }"> 123 <div 124 x-show="navOpen" 125 x-transition:enter="transition ease-out duration-200" 126 x-transition:enter-start="opacity-0" 127 x-transition:enter-end="opacity-100" 128 x-transition:leave="transition ease-in duration-150" 129 x-transition:leave-start="opacity-100" 130 x-transition:leave-end="opacity-0" 131 class="fixed inset-0 bg-slate-900/50 backdrop-blur-[2px] z-[-1]" 132 @click="navOpen = false" 133 x-cloak 134 ></div> 135 <template x-if="$store.alertCount > 0" x-data="alertList()" x-cloak> 136 <div 137 class="bg-amber-50 border-b border-amber-200 h-[50px] text-center flex items-center justify-center" 138 @mouseenter="pauseRotation()" 139 @mouseleave="resumeRotation()" 140 > 141 <div class="container flex items-center justify-center alert-content" x-html="currentAlert?.alert_content"></div> 142 </div> 143 </template> 144 <nav 145 class="py-5 bg-white md:py-3 shadow-md h-[95px] w-full flex items-center dark:bg-slate-800 print:hidden" 146 aria-labelledby="nav-heading" 147 :aria-expanded="isOpen" 148 x-data="{ isOpen: false }" 149 x-init="() => { 150 window.addEventListener('resize', () => { isOpen = false; }); 151 $watch('isOpen', (value) => { 152 document.body.style.overflow = value ? 'hidden' : 'auto'; 153 }) 154 }" 155 x-cloak 156 > 157 <div class="container"> 158 <div class="flex justify-between"> 159 <div class="flex w-full justify-between"> 160 <div class="flex items-center shrink-0 mr-5"> 161 <a aria-label="logo" class="block" href="/"> 162 <img src="/assets/footer/chr-logo-footer.png" alt="logo" class="inline object-contain h-[55px] w-auto dark:hidden" /> 163 <img src="/assets/images/chroma_logo_dark.svg" alt="logo" class="hidden object-contain h-[55px] w-auto dark:inline" /> 164 </a> 165 </div> 166 <div class="hidden lg:flex lg:w-full lg:justify-center lg:items-center"> 167 <ul class="flex items-center"> 168 169 <li 170 class="relative" 171 x-data="{ open: false, _t: null }" 172 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30); clearTimeout(_navT); navOpen = true" 173 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75); clearTimeout(_navT); _navT = setTimeout(() => navOpen = false, 100)"> 174 <a 175 class="text-sm leading-none flex items-center gap-1.5 no-underline uppercase px-3 py-2.5 rounded-md transition-colors whitespace-nowrap text-slate-900 dark:text-slate-300 dark:hover:text-white " 176 href="/products/" 177 178 > 179 Products 180 181 <svg class="w-3 h-3 opacity-60 transition-transform" :class="open && 'rotate-180'" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" /></svg> 182 183 </a> 184 185 <div 186 x-show="open" 187 x-transition:enter="transition ease-out duration-150" 188 x-transition:enter-start="opacity-0 translate-y-1" 189 x-transition:enter-end="opacity-100 translate-y-0" 190 x-transition:leave="transition ease-in duration-100" 191 x-transition:leave-start="opacity-100 translate-y-0" 192 x-transition:leave-end="opacity-0 translate-y-1" 193 class="absolute left-0 top-full pt-2 z-50" 194 x-cloak 195 >
196 <ul class="bg-slate-100 dark:bg-slate-900 dark:border dark:border-slate-600 rounded-lg shadow-xl min-w-[240px] "> 197 198 <li 199 class="relative" 200 x-data="{ open: false, _t: null }" 201 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 100)" 202 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 200)" 203 > 204 <a 205 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 206 :class="open && 'bg-slate-300 dark:bg-slate-700'" 207 href="/products/filters/filter-types/" 208 209 > 210 <span>Optical Filters</span> 211 212 <svg class="w-4 h-4 ml-3 text-slate-900 dark:text-slate-200 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" /></svg> 213 214 </a> 215 216 <div 217 x-show="open" 218 x-transition:enter="transition ease-out duration-150" 219 x-transition:enter-start="opacity-0 -translate-x-1" 220 x-transition:enter-end="opacity-100 translate-x-0" 221 x-transition:leave="transition ease-in duration-100" 222 x-transition:leave-start="opacity-100 translate-x-0" 223 x-transition:leave-end="opacity-0 -translate-x-1" 224 class="absolute left-full top-0 pl-1 z-50" 225 x-cloak 226> 227 <ul class="bg-slate-100 dark:bg-slate-900 dark:border dark:border-slate-600 rounded-lg shadow-xl min-w-[240px] "> 228 229 <li 230 class="relative" 231 x-data="{ open: false, _t: null }" 232 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 233 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 234 > 235 <a 236 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 237 :class="open && 'bg-slate-300 dark:bg-slate-700'" 238 href="/products/filters/all-filters/" 239 240 > 241 <span>All Catalog Filters</span> 242 243 </a> 244 245 </li> 246 247 <li 248 class="relative" 249 x-data="{ open: false, _t: null }" 250 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 251 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 252 > 253 <a 254 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 255 :class="open && 'bg-slate-300 dark:bg-slate-700'" 256 href="/products/filters/astronomy/" 257 258 > 259 <span>Astronomy Filters</span> 260 261 <svg class="w-4 h-4 ml-3 text-slate-900 dark:text-slate-200 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" /></svg> 262 263 </a> 264 265 <div 266 x-show="open" 267 x-transition:enter="transition ease-out duration-150" 268 x-transition:enter-start="opacity-0 -translate-x-1" 269 x-transition:enter-end="opacity-100 translate-x-0" 270 x-transition:leave="transition ease-in duration-100" 271 x-transition:leave-start="opacity-100 translate-x-0" 272 x-transition:leave-end="opacity-0 -translate-x-1" 273 class="absolute left-full top-0 pl-1 z-50" 274 x-cloak 275>
276 <ul class="bg-slate-100 dark:bg-slate-900 dark:border dark:border-slate-600 rounded-lg shadow-xl min-w-[240px] "> 277 278 <li 279 class="relative" 280 x-data="{ open: false, _t: null }" 281 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 282 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 283 > 284 <a 285 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 286 :class="open && 'bg-slate-300 dark:bg-slate-700'" 287 href="/products/filters/astronomy/lrgb/" 288 289 > 290 <span>LRGB Filters</span> 291 292 </a> 293 294 </li> 295 296 <li 297 class="relative" 298 x-data="{ open: false, _t: null }" 299 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 300 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 301 > 302 <a 303 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 304 :class="open && 'bg-slate-300 dark:bg-slate-700'" 305 href="/products/filters/astronomy/narrowband/" 306 307 > 308 <span>Narrowband Filters</span> 309 310 </a> 311 312 </li> 313 314 <li 315 class="relative" 316 x-data="{ open: false, _t: null }" 317 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 318 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 319 > 320 <a 321 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 322 :class="open && 'bg-slate-300 dark:bg-slate-700'" 323 href="/products/filters/astronomy/photometry/" 324 325 > 326 <span>Photometry Filters</span> 327 328 </a> 329 330 </li> 331 332 </ul> 333</div> 334 335 336 </li> 337 338 <li 339 class="relative" 340 x-data="{ open: false, _t: null }" 341 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 342 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 343 > 344 <a 345 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 346 :class="open && 'bg-slate-300 dark:bg-slate-700'" 347 href="/products/filters/bandpass/" 348 349 > 350 <span>Bandpass Filters</span> 351 352 <svg class="w-4 h-4 ml-3 text-slate-900 dark:text-slate-200 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" /></svg> 353 354 </a> 355 356 <div 357 x-show="open" 358 x-transition:enter="transition ease-out duration-150" 359 x-transition:enter-start="opacity-0 -translate-x-1" 360 x-transition:enter-end="opacity-100 translate-x-0" 361 x-transition:leave="transition ease-in duration-100" 362 x-transition:leave-start="opacity-100 translate-x-0" 363 x-transition:leave-end="opacity-0 -translate-x-1" 364 class="absolute left-full top-0 pl-1 z-50" 365 x-cloak 366> 367 <ul class="bg-slate-100 dark:bg-slate-900 dark:border dark:border-slate-600 rounded-lg shadow-xl min-w-[240px] "> 368 369 <li 370 class="relative" 371 x-data="{ open: false, _t: null }" 372 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 373 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 374 > 375 <a 376 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 377 :class="open && 'bg-slate-300 dark:bg-slate-700'" 378 href="/products/filters/bandpass/longpass/" 379 380 >
381 <span>Longpass Filters</span> 382 383 </a> 384 385 </li> 386 387 <li 388 class="relative" 389 x-data="{ open: false, _t: null }" 390 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 391 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 392 > 393 <a 394 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 395 :class="open && 'bg-slate-300 dark:bg-slate-700'" 396 href="/products/filters/bandpass/shortpass/" 397 398 > 399 <span>Shortpass Filters</span> 400 401 </a> 402 403 </li> 404 405 <li 406 class="relative" 407 x-data="{ open: false, _t: null }" 408 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 409 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 410 > 411 <a 412 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 413 :class="open && 'bg-slate-300 dark:bg-slate-700'" 414 href="/products/filters/bandpass/single-bandpass/" 415 416 > 417 <span>Single Bandpass Filters</span> 418 419 </a> 420 421 </li> 422 423 <li 424 class="relative" 425 x-data="{ open: false, _t: null }" 426 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 427 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 428 > 429 <a 430 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 431 :class="open && 'bg-slate-300 dark:bg-slate-700'" 432 href="/products/filters/bandpass/multi-bandpass/" 433 434 > 435 <span>Multi-bandpass Filters</span> 436 437 </a> 438 439 </li> 440 441 </ul> 442</div> 443 444 445 </li> 446 447 <li 448 class="relative" 449 x-data="{ open: false, _t: null }" 450 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 451 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 452 > 453 <a 454 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 455 :class="open && 'bg-slate-300 dark:bg-slate-700'" 456 href="/products/filters/edge-dichroic/" 457 458 > 459 <span>Edge & Dichroic Filters</span> 460 461 <svg class="w-4 h-4 ml-3 text-slate-900 dark:text-slate-200 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" /></svg> 462 463 </a> 464 465 <div 466 x-show="open" 467 x-transition:enter="transition ease-out duration-150" 468 x-transition:enter-start="opacity-0 -translate-x-1" 469 x-transition:enter-end="opacity-100 translate-x-0" 470 x-transition:leave="transition ease-in duration-100" 471 x-transition:leave-start="opacity-100 translate-x-0" 472 x-transition:leave-end="opacity-0 -translate-x-1" 473 class="absolute left-full top-0 pl-1 z-50" 474 x-cloak 475> 476 <ul class="bg-slate-100 dark:bg-slate-900 dark:border dark:border-slate-600 rounded-lg shadow-xl min-w-[240px] "> 477 478 <li 479 class="relative" 480 x-data="{ open: false, _t: null }" 481 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 482 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 483 > 484 <a 485 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 486 :class="open && 'bg-slate-300 dark:bg-slate-700'" 487 href="/products/filters/bandpass/longpass/" 488 489 >
490 <span>Longpass Filters</span> 491 492 </a> 493 494 </li> 495 496 <li 497 class="relative" 498 x-data="{ open: false, _t: null }" 499 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 500 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 501 > 502 <a 503 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 504 :class="open && 'bg-slate-300 dark:bg-slate-700'" 505 href="/products/filters/bandpass/shortpass/" 506 507 > 508 <span>Shortpass Filters</span> 509 510 </a> 511 512 </li> 513 514 <li 515 class="relative" 516 x-data="{ open: false, _t: null }" 517 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 518 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 519 > 520 <a 521 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 522 :class="open && 'bg-slate-300 dark:bg-slate-700'" 523 href="/products/filters/edge-dichroic/beamsplitters-50-50-etc/" 524 525 > 526 <span>Beamsplitters (50/50, etc.)</span> 527 528 </a> 529 530 </li> 531 532 <li 533 class="relative" 534 x-data="{ open: false, _t: null }" 535 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 536 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 537 > 538 <a 539 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 540 :class="open && 'bg-slate-300 dark:bg-slate-700'" 541 href="/products/filters/edge-dichroic/dichroic-beamsplitters/" 542 543 > 544 <span>Dichroic Beamsplitters</span> 545 546 </a> 547 548 </li> 549 550 <li 551 class="relative" 552 x-data="{ open: false, _t: null }" 553 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 554 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 555 > 556 <a 557 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 558 :class="open && 'bg-slate-300 dark:bg-slate-700'" 559 href="/products/filters/edge-dichroic/multi-band-dichroic-beamsplitters/" 560 561 > 562 <span>Multi-band Dichroic Beamsplitters</span> 563 564 </a> 565 566 </li> 567 568 </ul> 569</div> 570 571 572 </li> 573 574 <li 575 class="relative" 576 x-data="{ open: false, _t: null }" 577 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 578 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 579 > 580 <a 581 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 582 :class="open && 'bg-slate-300 dark:bg-slate-700'" 583 href="/products/filters/fluorescence/" 584 585 > 586 <span>Fluorescence Filters</span> 587 588 <svg class="w-4 h-4 ml-3 text-slate-900 dark:text-slate-200 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" /></svg> 589 590 </a> 591 592 <div 593 x-show="open" 594 x-transition:enter="transition ease-out duration-150" 595 x-transition:enter-start="opacity-0 -translate-x-1" 596 x-transition:enter-end="opacity-100 translate-x-0" 597 x-transition:leave="transition ease-in duration-100" 598 x-transition:leave-start="opacity-100 translate-x-0" 599 x-transition:leave-end="opacity-0 -translate-x-1" 600 class="absolute left-full top-0 pl-1 z-50" 601 x-cloak 602>
603 <ul class="bg-slate-100 dark:bg-slate-900 dark:border dark:border-slate-600 rounded-lg shadow-xl min-w-[240px] "> 604 605 <li 606 class="relative" 607 x-data="{ open: false, _t: null }" 608 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 609 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 610 > 611 <a 612 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 613 :class="open && 'bg-slate-300 dark:bg-slate-700'" 614 href="/products/filters/fluorescence/dichroic-beamsplitters/" 615 616 > 617 <span>Dichroic Beamsplitters</span> 618 619 </a> 620 621 </li> 622 623 <li 624 class="relative" 625 x-data="{ open: false, _t: null }" 626 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 627 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 628 > 629 <a 630 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 631 :class="open && 'bg-slate-300 dark:bg-slate-700'" 632 href="/products/filters/fluorescence/emission-filters/" 633 634 > 635 <span>Emission Filters</span> 636 637 </a> 638 639 </li> 640 641 <li 642 class="relative" 643 x-data="{ open: false, _t: null }" 644 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 645 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 646 > 647 <a 648 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 649 :class="open && 'bg-slate-300 dark:bg-slate-700'" 650 href="/products/filters/fluorescence/excitation-filters/" 651 652 > 653 <span>Excitation Filters</span> 654 655 </a> 656 657 </li> 658 659 <li 660 class="relative" 661 x-data="{ open: false, _t: null }" 662 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 663 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 664 > 665 <a 666 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 667 :class="open && 'bg-slate-300 dark:bg-slate-700'" 668 href="/products/filters/pcr/" 669 670 > 671 <span>PCR Filters</span> 672 673 </a> 674 675 </li> 676 677 </ul> 678</div> 679 680 681 </li> 682 683 <li 684 class="relative" 685 x-data="{ open: false, _t: null }" 686 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 687 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 688 > 689 <a 690 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 691 :class="open && 'bg-slate-300 dark:bg-slate-700'" 692 href="/products/filters/raman/" 693 694 > 695 <span>Raman Filters</span> 696 697 </a> 698 699 </li> 700 701 <li 702 class="relative" 703 x-data="{ open: false, _t: null }" 704 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 705 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 706 > 707 <a 708 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 709 :class="open && 'bg-slate-300 dark:bg-slate-700'" 710 href="/products/filters/specialty/" 711 712 >
713 <span>Specialty Filters</span> 714 715 <svg class="w-4 h-4 ml-3 text-slate-900 dark:text-slate-200 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" /></svg> 716 717 </a> 718 719 <div 720 x-show="open" 721 x-transition:enter="transition ease-out duration-150" 722 x-transition:enter-start="opacity-0 -translate-x-1" 723 x-transition:enter-end="opacity-100 translate-x-0" 724 x-transition:leave="transition ease-in duration-100" 725 x-transition:leave-start="opacity-100 translate-x-0" 726 x-transition:leave-end="opacity-0 -translate-x-1" 727 class="absolute left-full top-0 pl-1 z-50" 728 x-cloak 729> 730 <ul class="bg-slate-100 dark:bg-slate-900 dark:border dark:border-slate-600 rounded-lg shadow-xl min-w-[240px] "> 731 732 <li 733 class="relative" 734 x-data="{ open: false, _t: null }" 735 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 736 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 737 > 738 <a 739 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 740 :class="open && 'bg-slate-300 dark:bg-slate-700'" 741 href="/products/filters/neutral-density/" 742 743 > 744 <span>Neutral Density (ND) Filters</span> 745 746 </a> 747 748 </li> 749 750 <li 751 class="relative" 752 x-data="{ open: false, _t: null }" 753 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 754 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 755 > 756 <a 757 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 758 :class="open && 'bg-slate-300 dark:bg-slate-700'" 759 href="/products/filters/notch-rejection/" 760 761 > 762 <span>Notch Rejection Filters</span> 763 764 </a> 765 766 </li> 767 768 <li 769 class="relative" 770 x-data="{ open: false, _t: null }" 771 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 772 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 773 > 774 <a 775 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 776 :class="open && 'bg-slate-300 dark:bg-slate-700'" 777 href="/products/filters/specialty/polarizers/" 778 779 > 780 <span>Polarizers</span> 781 782 </a> 783 784 </li> 785 786 <li 787 class="relative" 788 x-data="{ open: false, _t: null }" 789 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 790 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 791 > 792 <a 793 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 794 :class="open && 'bg-slate-300 dark:bg-slate-700'" 795 href="/products/filters/specialty/reflective-mirrors/" 796 797 > 798 <span>Reflective Mirrors</span> 799 800 </a> 801 802 </li> 803 804 </ul> 805</div> 806 807 808 </li> 809 810 <li 811 class="relative" 812 x-data="{ open: false, _t: null }" 813 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 814 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 815 > 816 <a 817 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 818 :class="open && 'bg-slate-300 dark:bg-slate-700'" 819 href="/products/filters/by-wavelength/" 820 821 >
822 <span>By Wavelength Range</span> 823 824 <svg class="w-4 h-4 ml-3 text-slate-900 dark:text-slate-200 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" /></svg> 825 826 </a> 827 828 <div 829 x-show="open" 830 x-transition:enter="transition ease-out duration-150" 831 x-transition:enter-start="opacity-0 -translate-x-1" 832 x-transition:enter-end="opacity-100 translate-x-0" 833 x-transition:leave="transition ease-in duration-100" 834 x-transition:leave-start="opacity-100 translate-x-0" 835 x-transition:leave-end="opacity-0 -translate-x-1" 836 class="absolute left-full top-0 pl-1 z-50" 837 x-cloak 838> 839 <ul class="bg-slate-100 dark:bg-slate-900 dark:border dark:border-slate-600 rounded-lg shadow-xl min-w-[240px] "> 840 841 <li 842 class="relative" 843 x-data="{ open: false, _t: null }" 844 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 845 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 846 > 847 <a 848 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 849 :class="open && 'bg-slate-300 dark:bg-slate-700'" 850 href="/products/filters/uv/" 851 852 > 853 <span>UV Filters</span> 854 855 </a> 856 857 </li> 858 859 <li 860 class="relative" 861 x-data="{ open: false, _t: null }" 862 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 863 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 864 > 865 <a 866 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 867 :class="open && 'bg-slate-300 dark:bg-slate-700'" 868 href="/products/filters/visible/" 869 870 > 871 <span>Visible Filters</span> 872 873 </a> 874 875 </li> 876 877 <li 878 class="relative" 879 x-data="{ open: false, _t: null }" 880 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 881 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 882 > 883 <a 884 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 885 :class="open && 'bg-slate-300 dark:bg-slate-700'" 886 href="/products/filters/nir/" 887 888 > 889 <span>NIR Filters</span> 890 891 </a> 892 893 </li> 894 895 <li 896 class="relative" 897 x-data="{ open: false, _t: null }" 898 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 899 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 900 > 901 <a 902 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 903 :class="open && 'bg-slate-300 dark:bg-slate-700'" 904 href="/products/filters/swir/" 905 906 > 907 <span>SWIR Filters</span> 908 909 </a> 910 911 </li> 912 913 </ul> 914</div> 915 916 917 </li> 918 919 </ul> 920</div> 921 922 923 </li> 924 925 <li 926 class="relative" 927 x-data="{ open: false, _t: null }" 928 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 100)" 929 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 200)" 930 > 931 <a 932 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 933 :class="open && 'bg-slate-300 dark:bg-slate-700'" 934 href="/products/filter-sets/" 935 936 >
937 <span>Filter Sets</span> 938 939 <svg class="w-4 h-4 ml-3 text-slate-900 dark:text-slate-200 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" /></svg> 940 941 </a> 942 943 <div 944 x-show="open" 945 x-transition:enter="transition ease-out duration-150" 946 x-transition:enter-start="opacity-0 -translate-x-1" 947 x-transition:enter-end="opacity-100 translate-x-0" 948 x-transition:leave="transition ease-in duration-100" 949 x-transition:leave-start="opacity-100 translate-x-0" 950 x-transition:leave-end="opacity-0 -translate-x-1" 951 class="absolute left-full top-0 pl-1 z-50" 952 x-cloak 953> 954 <ul class="bg-slate-100 dark:bg-slate-900 dark:border dark:border-slate-600 rounded-lg shadow-xl min-w-[240px] "> 955 956 <li 957 class="relative" 958 x-data="{ open: false, _t: null }" 959 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 960 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 961 > 962 <a 963 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 964 :class="open && 'bg-slate-300 dark:bg-slate-700'" 965 href="/products/filter-sets/all-catalog-sets/" 966 967 > 968 <span>All Catalog Sets</span> 969 970 </a> 971 972 </li> 973 974 <li 975 class="relative" 976 x-data="{ open: false, _t: null }" 977 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 978 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 979 > 980 <a 981 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 982 :class="open && 'bg-slate-300 dark:bg-slate-700'" 983 href="/products/filter-sets/astronomy/" 984 985 > 986 <span>Astronomy Sets</span> 987 988 </a> 989 990 </li> 991 992 <li 993 class="relative" 994 x-data="{ open: false, _t: null }" 995 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 996 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 997 > 998 <a 999 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 1000 :class="open && 'bg-slate-300 dark:bg-slate-700'" 1001 href="/products/filter-sets/fish/" 1002 1003 > 1004 <span>FISH Sets</span> 1005 1006 </a> 1007 1008 </li> 1009 1010 <li 1011 class="relative" 1012 x-data="{ open: false, _t: null }" 1013 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 1014 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 1015 > 1016 <a 1017 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 1018 :class="open && 'bg-slate-300 dark:bg-slate-700'" 1019 href="/products/filter-sets/fluorescence/" 1020 1021 > 1022 <span>Fluorescence Sets</span> 1023 1024 </a> 1025 1026 </li> 1027 1028 <li 1029 class="relative" 1030 x-data="{ open: false, _t: null }" 1031 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 1032 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 1033 > 1034 <a 1035 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 1036 :class="open && 'bg-slate-300 dark:bg-slate-700'" 1037 href="/products/filter-sets/fret/" 1038 1039 >
1040 <span>FRET Sets</span> 1041 1042 </a> 1043 1044 </li> 1045 1046 <li 1047 class="relative" 1048 x-data="{ open: false, _t: null }" 1049 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 1050 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 1051 > 1052 <a 1053 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 1054 :class="open && 'bg-slate-300 dark:bg-slate-700'" 1055 href="/products/filter-sets/machine-vision/" 1056 1057 > 1058 <span>Machine Vision Sets</span> 1059 1060 </a> 1061 1062 </li> 1063 1064 <li 1065 class="relative" 1066 x-data="{ open: false, _t: null }" 1067 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 1068 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 1069 > 1070 <a 1071 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 1072 :class="open && 'bg-slate-300 dark:bg-slate-700'" 1073 href="/products/filter-sets/microscopy/" 1074 1075 > 1076 <span>Microscopy Sets</span> 1077 1078 </a> 1079 1080 </li> 1081 1082 <li 1083 class="relative" 1084 x-data="{ open: false, _t: null }" 1085 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 1086 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 1087 > 1088 <a 1089 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 1090 :class="open && 'bg-slate-300 dark:bg-slate-700'" 1091 href="/products/filter-sets/pcr/" 1092 1093 > 1094 <span>PCR Sets</span> 1095 1096 </a> 1097 1098 </li> 1099 1100 <li 1101 class="relative" 1102 x-data="{ open: false, _t: null }" 1103 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 1104 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 1105 > 1106 <a 1107 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 1108 :class="open && 'bg-slate-300 dark:bg-slate-700'" 1109 href="/products/filter-sets/raman/" 1110 1111 > 1112 <span>Raman Sets</span> 1113 1114 </a> 1115 1116 </li> 1117 1118 <li 1119 class="relative" 1120 x-data="{ open: false, _t: null }" 1121 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 1122 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 1123 > 1124 <a 1125 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 1126 :class="open && 'bg-slate-300 dark:bg-slate-700'" 1127 href="/products/filter-sets/ratiometric/" 1128 1129 > 1130 <span>Ratiometric Sets</span> 1131 1132 </a> 1133 1134 </li> 1135 1136 <li 1137 class="relative" 1138 x-data="{ open: false, _t: null }" 1139 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 1140 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 1141 > 1142 <a 1143 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 1144 :class="open && 'bg-slate-300 dark:bg-slate-700'" 1145 href="/products/filter-sets/tirf/" 1146 1147 >
1148 <span>TIRF Sets</span> 1149 1150 </a> 1151 1152 </li> 1153 1154 </ul> 1155</div> 1156 1157 1158 </li> 1159 1160 <li 1161 class="relative" 1162 x-data="{ open: false, _t: null }" 1163 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 100)" 1164 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 200)" 1165 > 1166 <a 1167 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 1168 :class="open && 'bg-slate-300 dark:bg-slate-700'" 1169 href="/products/filter-accessories/" 1170 1171 > 1172 <span>Filter Accessories</span> 1173 1174 <svg class="w-4 h-4 ml-3 text-slate-900 dark:text-slate-200 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" /></svg> 1175 1176 </a> 1177 1178 <div 1179 x-show="open" 1180 x-transition:enter="transition ease-out duration-150" 1181 x-transition:enter-start="opacity-0 -translate-x-1" 1182 x-transition:enter-end="opacity-100 translate-x-0" 1183 x-transition:leave="transition ease-in duration-100" 1184 x-transition:leave-start="opacity-100 translate-x-0" 1185 x-transition:leave-end="opacity-0 -translate-x-1" 1186 class="absolute left-full top-0 pl-1 z-50" 1187 x-cloak 1188> 1189 <ul class="bg-slate-100 dark:bg-slate-900 dark:border dark:border-slate-600 rounded-lg shadow-xl min-w-[240px] "> 1190 1191 <li 1192 class="relative" 1193 x-data="{ open: false, _t: null }" 1194 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 1195 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 1196 > 1197 <a 1198 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 1199 :class="open && 'bg-slate-300 dark:bg-slate-700'" 1200 href="/products/filter-accessories/cubes-sliders-and-rings/" 1201 1202 > 1203 <span>Cubes, Sliders and Rings</span> 1204 1205 </a> 1206 1207 </li> 1208 1209 <li 1210 class="relative" 1211 x-data="{ open: false, _t: null }" 1212 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 1213 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 1214 > 1215 <a 1216 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 1217 :class="open && 'bg-slate-300 dark:bg-slate-700'" 1218 href="/products/filter-accessories/diagnostic-slides/" 1219 1220 > 1221 <span>Diagnostic Slides</span> 1222 1223 </a> 1224 1225 </li> 1226 1227 <li 1228 class="relative" 1229 x-data="{ open: false, _t: null }" 1230 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 1231 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 1232 > 1233 <a 1234 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 1235 :class="open && 'bg-slate-300 dark:bg-slate-700'" 1236 href="/products/filter-accessories/reclaimed-cubes/" 1237 1238 >
1239 <span>Reclaimed Cubes</span> 1240 1241 </a> 1242 1243 </li> 1244 1245 </ul> 1246</div> 1247 1248 1249 </li> 1250 1251 <li 1252 class="relative" 1253 x-data="{ open: false, _t: null }" 1254 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 100)" 1255 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 200)" 1256 > 1257 <a 1258 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 1259 :class="open && 'bg-slate-300 dark:bg-slate-700'" 1260 href="/products/catalog-downloads/" 1261 1262 > 1263 <span>Catalogs & Downloads</span> 1264 1265 </a> 1266 1267 </li> 1268 1269 <li 1270 class="relative" 1271 x-data="{ open: false, _t: null }" 1272 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 100)" 1273 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 200)" 1274 > 1275 <a 1276 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 1277 :class="open && 'bg-slate-300 dark:bg-slate-700'" 1278 href="/capabilities/custom-design-engineering/" 1279 1280 > 1281 <span>Custom & OEM Filters</span> 1282 1283 </a> 1284 1285 </li> 1286 1287 </ul> 1288 </div> 1289 1290 </li> 1291 1292 <li 1293 class="relative" 1294 x-data="{ open: false, _t: null }" 1295 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30); clearTimeout(_navT); navOpen = true" 1296 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75); clearTimeout(_navT); _navT = setTimeout(() => navOpen = false, 100)"> 1297 <a 1298 class="text-sm leading-none flex items-center gap-1.5 no-underline uppercase px-3 py-2.5 rounded-md transition-colors whitespace-nowrap text-slate-900 dark:text-slate-300 dark:hover:text-white " 1299 href="/applications/" 1300 1301 > 1302 Applications 1303 1304 <svg class="w-3 h-3 opacity-60 transition-transform" :class="open && 'rotate-180'" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" /></svg> 1305 1306 </a> 1307 1308 <div 1309 x-show="open" 1310 x-transition:enter="transition ease-out duration-150" 1311 x-transition:enter-start="opacity-0 translate-y-1" 1312 x-transition:enter-end="opacity-100 translate-y-0" 1313 x-transition:leave="transition ease-in duration-100" 1314 x-transition:leave-start="opacity-100 translate-y-0" 1315 x-transition:leave-end="opacity-0 translate-y-1" 1316 class="absolute left-0 top-full pt-2 z-50" 1317 x-cloak 1318 >
1319 <ul class="bg-slate-100 dark:bg-slate-900 dark:border dark:border-slate-600 rounded-lg shadow-xl min-w-[240px] "> 1320 1321 <li 1322 class="relative" 1323 x-data="{ open: false, _t: null }" 1324 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 100)" 1325 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 200)" 1326 > 1327 <a 1328 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 1329 :class="open && 'bg-slate-300 dark:bg-slate-700'" 1330 href="/applications/aerospace-and-defense/" 1331 1332 > 1333 <span>Aerospace & Defense</span> 1334 1335 <svg class="w-4 h-4 ml-3 text-slate-900 dark:text-slate-200 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" /></svg> 1336 1337 </a> 1338 1339 <div 1340 x-show="open" 1341 x-transition:enter="transition ease-out duration-150" 1342 x-transition:enter-start="opacity-0 -translate-x-1" 1343 x-transition:enter-end="opacity-100 translate-x-0" 1344 x-transition:leave="transition ease-in duration-100" 1345 x-transition:leave-start="opacity-100 translate-x-0" 1346 x-transition:leave-end="opacity-0 -translate-x-1" 1347 class="absolute left-full top-0 pl-1 z-50" 1348 x-cloak 1349> 1350 <ul class="bg-slate-100 dark:bg-slate-900 dark:border dark:border-slate-600 rounded-lg shadow-xl min-w-[240px] "> 1351 1352 <li 1353 class="relative" 1354 x-data="{ open: false, _t: null }" 1355 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 1356 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 1357 > 1358 <a 1359 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 1360 :class="open && 'bg-slate-300 dark:bg-slate-700'" 1361 href="/applications/aerospace-and-defense/remote-sensing/" 1362 1363 > 1364 <span>Remote Sensing</span> 1365 1366 </a> 1367 1368 </li> 1369 1370 <li 1371 class="relative" 1372 x-data="{ open: false, _t: null }" 1373 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 1374 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 1375 > 1376 <a 1377 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 1378 :class="open && 'bg-slate-300 dark:bg-slate-700'" 1379 href="/applications/aerospace-and-defense/satcom/" 1380 1381 > 1382 <span>Satellite Communication (SatCom)</span> 1383 1384 </a> 1385 1386 </li> 1387 1388 </ul> 1389</div> 1390 1391 1392 </li> 1393 1394 <li 1395 class="relative" 1396 x-data="{ open: false, _t: null }" 1397 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 100)" 1398 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 200)" 1399 > 1400 <a 1401 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 1402 :class="open && 'bg-slate-300 dark:bg-slate-700'" 1403 href="/applications/analytical-spectroscopy/" 1404 1405 >
1406 <span>Analytical Spectroscopy</span> 1407 1408 <svg class="w-4 h-4 ml-3 text-slate-900 dark:text-slate-200 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" /></svg> 1409 1410 </a> 1411 1412 <div 1413 x-show="open" 1414 x-transition:enter="transition ease-out duration-150" 1415 x-transition:enter-start="opacity-0 -translate-x-1" 1416 x-transition:enter-end="opacity-100 translate-x-0" 1417 x-transition:leave="transition ease-in duration-100" 1418 x-transition:leave-start="opacity-100 translate-x-0" 1419 x-transition:leave-end="opacity-0 -translate-x-1" 1420 class="absolute left-full top-0 pl-1 z-50" 1421 x-cloak 1422> 1423 <ul class="bg-slate-100 dark:bg-slate-900 dark:border dark:border-slate-600 rounded-lg shadow-xl min-w-[240px] "> 1424 1425 <li 1426 class="relative" 1427 x-data="{ open: false, _t: null }" 1428 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 1429 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 1430 > 1431 <a 1432 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 1433 :class="open && 'bg-slate-300 dark:bg-slate-700'" 1434 href="/applications/analytical-spectroscopy/raman/" 1435 1436 > 1437 <span>Raman</span> 1438 1439 </a> 1440 1441 </li> 1442 1443 </ul> 1444</div> 1445 1446 1447 </li> 1448 1449 <li 1450 class="relative" 1451 x-data="{ open: false, _t: null }" 1452 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 100)" 1453 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 200)" 1454 > 1455 <a 1456 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 1457 :class="open && 'bg-slate-300 dark:bg-slate-700'" 1458 href="/applications/astronomy-and-astrophotography/" 1459 1460 > 1461 <span>Astronomy & Astrophotography</span> 1462 1463 </a> 1464 1465 </li> 1466 1467 <li 1468 class="relative" 1469 x-data="{ open: false, _t: null }" 1470 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 100)" 1471 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 200)" 1472 > 1473 <a 1474 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 1475 :class="open && 'bg-slate-300 dark:bg-slate-700'" 1476 href="/applications/industrial/" 1477 1478 >
1479 <span>Industrial</span> 1480 1481 <svg class="w-4 h-4 ml-3 text-slate-900 dark:text-slate-200 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" /></svg> 1482 1483 </a> 1484 1485 <div 1486 x-show="open" 1487 x-transition:enter="transition ease-out duration-150" 1488 x-transition:enter-start="opacity-0 -translate-x-1" 1489 x-transition:enter-end="opacity-100 translate-x-0" 1490 x-transition:leave="transition ease-in duration-100" 1491 x-transition:leave-start="opacity-100 translate-x-0" 1492 x-transition:leave-end="opacity-0 -translate-x-1" 1493 class="absolute left-full top-0 pl-1 z-50" 1494 x-cloak 1495> 1496 <ul class="bg-slate-100 dark:bg-slate-900 dark:border dark:border-slate-600 rounded-lg shadow-xl min-w-[240px] "> 1497 1498 <li 1499 class="relative" 1500 x-data="{ open: false, _t: null }" 1501 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 1502 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 1503 > 1504 <a 1505 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 1506 :class="open && 'bg-slate-300 dark:bg-slate-700'" 1507 href="/applications/industrial/colorimetry/" 1508 1509 > 1510 <span>Colorimetry</span> 1511 1512 </a> 1513 1514 </li> 1515 1516 <li 1517 class="relative" 1518 x-data="{ open: false, _t: null }" 1519 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 1520 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 1521 > 1522 <a 1523 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 1524 :class="open && 'bg-slate-300 dark:bg-slate-700'" 1525 href="/applications/industrial/forensic-security-imaging/" 1526 1527 > 1528 <span>Forensic and Security Imaging</span> 1529 1530 </a> 1531 1532 </li> 1533 1534 <li 1535 class="relative" 1536 x-data="{ open: false, _t: null }" 1537 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 1538 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 1539 > 1540 <a 1541 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 1542 :class="open && 'bg-slate-300 dark:bg-slate-700'" 1543 href="/applications/industrial/machine-vision/" 1544 1545 > 1546 <span>Machine Vision</span> 1547 1548 </a> 1549 1550 </li> 1551 1552 <li 1553 class="relative" 1554 x-data="{ open: false, _t: null }" 1555 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 1556 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 1557 > 1558 <a 1559 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 1560 :class="open && 'bg-slate-300 dark:bg-slate-700'" 1561 href="/applications/industrial/semiconductor-inspection-and-metrology/" 1562 1563 > 1564 <span>Semiconductor Inspection and Metrology</span> 1565 1566 </a> 1567 1568 </li> 1569 1570 <li 1571 class="relative" 1572 x-data="{ open: false, _t: null }" 1573 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 1574 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 1575 > 1576 <a 1577 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 1578 :class="open && 'bg-slate-300 dark:bg-slate-700'" 1579 href="/applications/industrial/swir/" 1580 1581 >
1582 <span>Short-Wave Infrared (SWIR)</span> 1583 1584 </a> 1585 1586 </li> 1587 1588 <li 1589 class="relative" 1590 x-data="{ open: false, _t: null }" 1591 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 1592 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 1593 > 1594 <a 1595 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 1596 :class="open && 'bg-slate-300 dark:bg-slate-700'" 1597 href="/applications/industrial/uv/" 1598 1599 > 1600 <span>UV</span> 1601 1602 </a> 1603 1604 </li> 1605 1606 </ul> 1607</div> 1608 1609 1610 </li> 1611 1612 <li 1613 class="relative" 1614 x-data="{ open: false, _t: null }" 1615 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 100)" 1616 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 200)" 1617 > 1618 <a 1619 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 1620 :class="open && 'bg-slate-300 dark:bg-slate-700'" 1621 href="/applications/life-science-and-diagnostics/" 1622 1623 > 1624 <span>Life Science & Diagnostics</span> 1625 1626 <svg class="w-4 h-4 ml-3 text-slate-900 dark:text-slate-200 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" /></svg> 1627 1628 </a> 1629 1630 <div 1631 x-show="open" 1632 x-transition:enter="transition ease-out duration-150" 1633 x-transition:enter-start="opacity-0 -translate-x-1" 1634 x-transition:enter-end="opacity-100 translate-x-0" 1635 x-transition:leave="transition ease-in duration-100" 1636 x-transition:leave-start="opacity-100 translate-x-0" 1637 x-transition:leave-end="opacity-0 -translate-x-1" 1638 class="absolute left-full top-0 pl-1 z-50" 1639 x-cloak 1640> 1641 <ul class="bg-slate-100 dark:bg-slate-900 dark:border dark:border-slate-600 rounded-lg shadow-xl min-w-[240px] "> 1642 1643 <li 1644 class="relative" 1645 x-data="{ open: false, _t: null }" 1646 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 1647 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 1648 > 1649 <a 1650 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 1651 :class="open && 'bg-slate-300 dark:bg-slate-700'" 1652 href="/applications/life-science-and-diagnostics/pcr/" 1653 1654 > 1655 <span>Polymerase Chain Reaction (PCR)</span> 1656 1657 </a> 1658 1659 </li> 1660 1661 </ul> 1662</div> 1663 1664 1665 </li> 1666 1667 <li 1668 class="relative" 1669 x-data="{ open: false, _t: null }" 1670 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 100)" 1671 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 200)" 1672 > 1673 <a 1674 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 1675 :class="open && 'bg-slate-300 dark:bg-slate-700'" 1676 href="/applications/microscopy-and-imaging/" 1677 1678 >
1679 <span>Microscopy & Imaging</span> 1680 1681 </a> 1682 1683 </li> 1684 1685 <li 1686 class="relative" 1687 x-data="{ open: false, _t: null }" 1688 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 100)" 1689 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 200)" 1690 > 1691 <a 1692 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 1693 :class="open && 'bg-slate-300 dark:bg-slate-700'" 1694 href="/applications/case-studies/" 1695 1696 > 1697 <span>Case Studies</span> 1698 1699 </a> 1700 1701 </li> 1702 1703 </ul> 1704 </div> 1705 1706 </li> 1707 1708 <li 1709 class="relative" 1710 x-data="{ open: false, _t: null }" 1711 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30); clearTimeout(_navT); navOpen = true" 1712 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75); clearTimeout(_navT); _navT = setTimeout(() => navOpen = false, 100)"> 1713 <a 1714 class="text-sm leading-none flex items-center gap-1.5 no-underline uppercase px-3 py-2.5 rounded-md transition-colors whitespace-nowrap text-slate-900 dark:text-slate-300 dark:hover:text-white " 1715 href="/capabilities/" 1716 1717 > 1718 Capabilities 1719 1720 <svg class="w-3 h-3 opacity-60 transition-transform" :class="open && 'rotate-180'" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" /></svg> 1721 1722 </a> 1723 1724 <div 1725 x-show="open" 1726 x-transition:enter="transition ease-out duration-150" 1727 x-transition:enter-start="opacity-0 translate-y-1" 1728 x-transition:enter-end="opacity-100 translate-y-0" 1729 x-transition:leave="transition ease-in duration-100" 1730 x-transition:leave-start="opacity-100 translate-y-0" 1731 x-transition:leave-end="opacity-0 translate-y-1" 1732 class="absolute left-0 top-full pt-2 z-50" 1733 x-cloak 1734 > 1735 <ul class="bg-slate-100 dark:bg-slate-900 dark:border dark:border-slate-600 rounded-lg shadow-xl min-w-[240px] "> 1736 1737 <li 1738 class="relative" 1739 x-data="{ open: false, _t: null }" 1740 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 100)" 1741 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 200)" 1742 > 1743 <a 1744 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 1745 :class="open && 'bg-slate-300 dark:bg-slate-700'" 1746 href="/capabilities/custom-design-engineering/" 1747 1748 >
1749 <span>Custom Design & Engineering</span> 1750 1751 </a> 1752 1753 </li> 1754 1755 <li 1756 class="relative" 1757 x-data="{ open: false, _t: null }" 1758 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 100)" 1759 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 200)" 1760 > 1761 <a 1762 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 1763 :class="open && 'bg-slate-300 dark:bg-slate-700'" 1764 href="/capabilities/manufacturing/" 1765 1766 > 1767 <span>Manufacturing & Optical Coatings</span> 1768 1769 </a> 1770 1771 </li> 1772 1773 <li 1774 class="relative" 1775 x-data="{ open: false, _t: null }" 1776 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 100)" 1777 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 200)" 1778 > 1779 <a 1780 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 1781 :class="open && 'bg-slate-300 dark:bg-slate-700'" 1782 href="/capabilities/metrology/" 1783 1784 > 1785 <span>Metrology & Quality Assurance</span> 1786 1787 </a> 1788 1789 </li> 1790 1791 <li 1792 class="relative" 1793 x-data="{ open: false, _t: null }" 1794 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 100)" 1795 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 200)" 1796 > 1797 <a 1798 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 1799 :class="open && 'bg-slate-300 dark:bg-slate-700'" 1800 href="/capabilities/rapid-prototyping/" 1801 1802 > 1803 <span>Prototyping & Rapid Development</span> 1804 1805 </a> 1806 1807 </li> 1808 1809 <li 1810 class="relative" 1811 x-data="{ open: false, _t: null }" 1812 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 100)" 1813 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 200)" 1814 > 1815 <a 1816 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 1817 :class="open && 'bg-slate-300 dark:bg-slate-700'" 1818 href="/capabilities/oem-partnerships/" 1819 1820 >
1821 <span>OEM Partnerships</span> 1822 1823 </a> 1824 1825 </li> 1826 1827 </ul> 1828 </div> 1829 1830 </li> 1831 1832 <li 1833 class="relative" 1834 x-data="{ open: false, _t: null }" 1835 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30); clearTimeout(_navT); navOpen = true" 1836 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75); clearTimeout(_navT); _navT = setTimeout(() => navOpen = false, 100)"> 1837 <a 1838 class="text-sm leading-none flex items-center gap-1.5 no-underline uppercase px-3 py-2.5 rounded-md transition-colors whitespace-nowrap text-slate-900 dark:text-slate-300 dark:hover:text-white " 1839 href="/resources/" 1840 1841 > 1842 Resources 1843 1844 <svg class="w-3 h-3 opacity-60 transition-transform" :class="open && 'rotate-180'" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" /></svg> 1845 1846 </a> 1847 1848 <div 1849 x-show="open" 1850 x-transition:enter="transition ease-out duration-150" 1851 x-transition:enter-start="opacity-0 translate-y-1" 1852 x-transition:enter-end="opacity-100 translate-y-0" 1853 x-transition:leave="transition ease-in duration-100" 1854 x-transition:leave-start="opacity-100 translate-y-0" 1855 x-transition:leave-end="opacity-0 translate-y-1" 1856 class="absolute left-0 top-full pt-2 z-50" 1857 x-cloak 1858 > 1859 <ul class="bg-slate-100 dark:bg-slate-900 dark:border dark:border-slate-600 rounded-lg shadow-xl min-w-[240px] "> 1860 1861 <li 1862 class="relative" 1863 x-data="{ open: false, _t: null }" 1864 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 100)" 1865 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 200)" 1866 > 1867 <a 1868 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 1869 :class="open && 'bg-slate-300 dark:bg-slate-700'" 1870 href="/resources/customer-support/" 1871 1872 > 1873 <span>Customer Support</span> 1874 1875 </a> 1876 1877 </li> 1878 1879 <li 1880 class="relative" 1881 x-data="{ open: false, _t: null }" 1882 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 100)" 1883 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 200)" 1884 > 1885 <a 1886 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 1887 :class="open && 'bg-slate-300 dark:bg-slate-700'" 1888 href="/resources/customer-support/ordering/" 1889 1890 >
1891 <span>Ordering</span> 1892 1893 </a> 1894 1895 </li> 1896 1897 <li 1898 class="relative" 1899 x-data="{ open: false, _t: null }" 1900 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 100)" 1901 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 200)" 1902 > 1903 <a 1904 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 1905 :class="open && 'bg-slate-300 dark:bg-slate-700'" 1906 href="/resources/quality/" 1907 1908 > 1909 <span>Quality & Compliance</span> 1910 1911 </a> 1912 1913 </li> 1914 1915 <li 1916 class="relative" 1917 x-data="{ open: false, _t: null }" 1918 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 100)" 1919 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 200)" 1920 > 1921 <a 1922 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 1923 :class="open && 'bg-slate-300 dark:bg-slate-700'" 1924 href="/resources/technical-library/" 1925 1926 > 1927 <span>Technical Library</span> 1928 1929 </a> 1930 1931 </li> 1932 1933 <li 1934 class="relative" 1935 x-data="{ open: false, _t: null }" 1936 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 100)" 1937 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 200)" 1938 > 1939 <a 1940 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 1941 :class="open && 'bg-slate-300 dark:bg-slate-700'" 1942 href="/resources/tools-and-calculators/" 1943 1944 > 1945 <span>Tools & Calculators</span> 1946 1947 </a> 1948 1949 </li> 1950 1951 <li 1952 class="relative" 1953 x-data="{ open: false, _t: null }" 1954 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 100)" 1955 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 200)" 1956 > 1957 <a 1958 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 1959 :class="open && 'bg-slate-300 dark:bg-slate-700'" 1960 href="/resources/customer-support/faqs/" 1961 1962 >
1963 <span>FAQs</span> 1964 1965 </a> 1966 1967 </li> 1968 1969 </ul> 1970 </div> 1971 1972 </li> 1973 1974 <li 1975 class="relative" 1976 x-data="{ open: false, _t: null }" 1977 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30); clearTimeout(_navT); navOpen = true" 1978 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75); clearTimeout(_navT); _navT = setTimeout(() => navOpen = false, 100)"> 1979 <a 1980 class="text-sm leading-none flex items-center gap-1.5 no-underline uppercase px-3 py-2.5 rounded-md transition-colors whitespace-nowrap text-primary dark:text-white font-semibold " 1981 href="/company/" 1982 1983 > 1984 About Us 1985 1986 <svg class="w-3 h-3 opacity-60 transition-transform" :class="open && 'rotate-180'" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" /></svg> 1987 1988 </a> 1989 1990 <div 1991 x-show="open" 1992 x-transition:enter="transition ease-out duration-150" 1993 x-transition:enter-start="opacity-0 translate-y-1" 1994 x-transition:enter-end="opacity-100 translate-y-0" 1995 x-transition:leave="transition ease-in duration-100" 1996 x-transition:leave-start="opacity-100 translate-y-0" 1997 x-transition:leave-end="opacity-0 translate-y-1" 1998 class="absolute left-0 top-full pt-2 z-50" 1999 x-cloak 2000 > 2001 <ul class="bg-slate-100 dark:bg-slate-900 dark:border dark:border-slate-600 rounded-lg shadow-xl min-w-[240px] "> 2002 2003 <li 2004 class="relative" 2005 x-data="{ open: false, _t: null }" 2006 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 100)" 2007 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 200)" 2008 > 2009 <a 2010 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 2011 :class="open && 'bg-slate-300 dark:bg-slate-700'" 2012 href="/company/" 2013 2014 > 2015 <span>Company</span> 2016 2017 <svg class="w-4 h-4 ml-3 text-slate-900 dark:text-slate-200 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" /></svg> 2018 2019 </a> 2020 2021 <div 2022 x-show="open" 2023 x-transition:enter="transition ease-out duration-150" 2024 x-transition:enter-start="opacity-0 -translate-x-1" 2025 x-transition:enter-end="opacity-100 translate-x-0" 2026 x-transition:leave="transition ease-in duration-100" 2027 x-transition:leave-start="opacity-100 translate-x-0" 2028 x-transition:leave-end="opacity-0 -translate-x-1" 2029 class="absolute left-full top-0 pl-1 z-50" 2030 x-cloak 2031>
2032 <ul class="bg-slate-100 dark:bg-slate-900 dark:border dark:border-slate-600 rounded-lg shadow-xl min-w-[240px] "> 2033 2034 <li 2035 class="relative" 2036 x-data="{ open: false, _t: null }" 2037 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 2038 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 2039 > 2040 <a 2041 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 2042 :class="open && 'bg-slate-300 dark:bg-slate-700'" 2043 href="/company/mission-values/" 2044 2045 > 2046 <span>Mission and Values</span> 2047 2048 </a> 2049 2050 </li> 2051 2052 <li 2053 class="relative" 2054 x-data="{ open: false, _t: null }" 2055 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 2056 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 2057 > 2058 <a 2059 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 2060 :class="open && 'bg-slate-300 dark:bg-slate-700'" 2061 href="/company/certifications-awards/" 2062 2063 > 2064 <span>Certifications and Awards</span> 2065 2066 </a> 2067 2068 </li> 2069 2070 <li 2071 class="relative" 2072 x-data="{ open: false, _t: null }" 2073 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 2074 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 2075 > 2076 <a 2077 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 2078 :class="open && 'bg-slate-300 dark:bg-slate-700'" 2079 href="/company/history/" 2080 2081 > 2082 <span>History</span> 2083 2084 </a> 2085 2086 </li> 2087 2088 <li 2089 class="relative" 2090 x-data="{ open: false, _t: null }" 2091 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 2092 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 2093 > 2094 <a 2095 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 2096 :class="open && 'bg-slate-300 dark:bg-slate-700'" 2097 href="/company/deib/" 2098 2099 > 2100 <span>DEIB</span> 2101 2102 </a> 2103 2104 </li> 2105 2106 <li 2107 class="relative" 2108 x-data="{ open: false, _t: null }" 2109 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 2110 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 2111 > 2112 <a 2113 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 2114 :class="open && 'bg-slate-300 dark:bg-slate-700'" 2115 href="/company/network/" 2116 2117 > 2118 <span>Global Partner Network</span> 2119 2120 </a> 2121 2122 </li> 2123 2124 <li 2125 class="relative" 2126 x-data="{ open: false, _t: null }" 2127 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 2128 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 2129 > 2130 <a 2131 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 2132 :class="open && 'bg-slate-300 dark:bg-slate-700'" 2133 href="/company/scientific-communities/" 2134 2135 >
2136 <span>Scientific Communities</span> 2137 2138 </a> 2139 2140 </li> 2141 2142 </ul> 2143</div> 2144 2145 2146 </li> 2147 2148 <li 2149 class="relative" 2150 x-data="{ open: false, _t: null }" 2151 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 100)" 2152 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 200)" 2153 > 2154 <a 2155 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 2156 :class="open && 'bg-slate-300 dark:bg-slate-700'" 2157 href="/company/careers/" 2158 2159 > 2160 <span>Careers</span> 2161 2162 </a> 2163 2164 </li> 2165 2166 <li 2167 class="relative" 2168 x-data="{ open: false, _t: null }" 2169 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 100)" 2170 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 200)" 2171 > 2172 <a 2173 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 2174 :class="open && 'bg-slate-300 dark:bg-slate-700'" 2175 href="/company/events/" 2176 2177 > 2178 <span>Events</span> 2179 2180 </a> 2181 2182 </li> 2183 2184 <li 2185 class="relative" 2186 x-data="{ open: false, _t: null }" 2187 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 100)" 2188 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 200)" 2189 > 2190 <a 2191 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 2192 :class="open && 'bg-slate-300 dark:bg-slate-700'" 2193 href="/company/media/" 2194 2195 > 2196 <span>Media</span> 2197 2198 <svg class="w-4 h-4 ml-3 text-slate-900 dark:text-slate-200 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" /></svg> 2199 2200 </a> 2201 2202 <div 2203 x-show="open" 2204 x-transition:enter="transition ease-out duration-150" 2205 x-transition:enter-start="opacity-0 -translate-x-1" 2206 x-transition:enter-end="opacity-100 translate-x-0" 2207 x-transition:leave="transition ease-in duration-100" 2208 x-transition:leave-start="opacity-100 translate-x-0" 2209 x-transition:leave-end="opacity-0 -translate-x-1" 2210 class="absolute left-full top-0 pl-1 z-50" 2211 x-cloak 2212>
2213 <ul class="bg-slate-100 dark:bg-slate-900 dark:border dark:border-slate-600 rounded-lg shadow-xl min-w-[240px] "> 2214 2215 <li 2216 class="relative" 2217 x-data="{ open: false, _t: null }" 2218 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 2219 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 2220 > 2221 <a 2222 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 2223 :class="open && 'bg-slate-300 dark:bg-slate-700'" 2224 href="/company/media/image-gallery/" 2225 2226 > 2227 <span>Image Gallery</span> 2228 2229 </a> 2230 2231 </li> 2232 2233 <li 2234 class="relative" 2235 x-data="{ open: false, _t: null }" 2236 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 2237 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 2238 > 2239 <a 2240 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 2241 :class="open && 'bg-slate-300 dark:bg-slate-700'" 2242 href="/company/media/videos/" 2243 2244 > 2245 <span>Video Highlights</span> 2246 2247 </a> 2248 2249 </li> 2250 2251 <li 2252 class="relative" 2253 x-data="{ open: false, _t: null }" 2254 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 2255 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)" 2256 > 2257 <a 2258 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 2259 :class="open && 'bg-slate-300 dark:bg-slate-700'" 2260 href="/company/media/image-contests/" 2261 2262 > 2263 <span>Chroma Sponsored Image Contests</span> 2264 2265 </a> 2266 2267 </li> 2268 2269 </ul> 2270</div> 2271 2272 2273 </li> 2274 2275 <li 2276 class="relative" 2277 x-data="{ open: false, _t: null }" 2278 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 100)" 2279 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 200)" 2280 > 2281 <a 2282 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 2283 :class="open && 'bg-slate-300 dark:bg-slate-700'" 2284 href="/company/news/" 2285 2286 > 2287 <span>News</span> 2288 2289 </a> 2290 2291 </li> 2292 2293 <li 2294 class="relative" 2295 x-data="{ open: false, _t: null }" 2296 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 100)" 2297 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 200)" 2298 > 2299 <a 2300 class="flex items-center justify-between px-4 py-2.5 text-slate-900 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-700 rounded-lg" 2301 :class="open && 'bg-slate-300 dark:bg-slate-700'" 2302 href="/company/testimonials/" 2303 2304 >
2305 <span>Testimonials</span> 2306 2307 </a> 2308 2309 </li> 2310 2311 </ul> 2312 </div> 2313 2314 </li> 2315 2316 <li 2317 class="relative" 2318 x-data="{ open: false, _t: null }" 2319 @mouseenter="clearTimeout(_t); _t = setTimeout(() => open = true, 30)" 2320 @mouseleave="clearTimeout(_t); _t = setTimeout(() => open = false, 75)"> 2321 <a 2322 class="text-sm leading-none flex items-center gap-1.5 no-underline uppercase px-3 py-2.5 rounded-md transition-colors whitespace-nowrap text-slate-900 dark:text-slate-300 dark:hover:text-white " 2323 href="/contact/" 2324 2325 > 2326 Contact 2327 2328 </a> 2329 2330 </li> 2331 2332 </ul> 2333 </div> 2334 <div 2335 class="lg:hidden" 2336 :class="isOpen ? 'fixed overflow-y-auto top-0 left-0 w-full h-full bg-white z-[99]' : 'hidden'" 2337 x-data="{ 2338 expanded: [], 2339 closeAll() { 2340 this.isOpen=false; 2341 this.expanded = []; 2342 }, 2343 isExpanded(key) { 2344 return this.expanded.includes(key); 2345 }, 2346 toggleExpand(key) { 2347 this.isExpanded(key) ? this.expanded.splice(this.expanded.indexOf(key), 1) : this.expanded.push(key); 2348 } 2349 }" 2350 > 2351 <!-- components :: menu :: mobile :: start --> 2352<div class="flex flex-col w-full h-full"> 2353 <div 2354 class="w-full flex-1 px-10 md:px-20 py-5 text-xl flex justify-end cursor-pointer" 2355 @click="closeAll()" 2356 >Close</div> 2357 <div class="w-full h-full px-10 md:px-20 space-y-4"> 2358 <div class="space-y-4 md:space-y-0 md:grid md:grid-cols-2 md:gap-2 "> 2359 <a href="/spectra-viewer/" class="p-2 w-full whitespace-nowrap border border-primary text-primary rounded flex justify-center block">Spectra Viewer</a> 2360 <a href="/browse-by-fluorochrome/" class="p-2 w-full whitespace-nowrap border border-primary text-primary rounded flex justify-center block">Browse By Fluorochrome</a> 2361 <a href="/contact/quote-request/" class="p-2 w-full whitespace-nowrap border border-primary text-primary rounded flex justify-center block">Request a Quote</a> 2362 <a href="/order-by-quote/" class="p-2 w-full whitespace-nowrap border border-primary text-primary rounded flex justify-center block">Order from Quote</a> 2363 </div> 2364 <ul class="w-full"> 2365 <li class=""> 2366 <div 2367 @click="search=true" 2368 class="border border-primary rounded p-5 button-search text-2xl text-gray-400 mb-5 flex items-center space-x-2 cursor-pointer" 2369 > 2370 <svg xmlns="http://www.w3.org/2000/svg" class="w-[20px] h-[20px]" viewBox="0 0 512 512"> 2371 <path class="fill-sky-800" 2372 d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" /> 2373 </svg>
2374 <span>Search</span> 2375 </div> 2376 </li> 2377 2378 <li class="border-b"> 2379 <div 2380 class="flex justify-between items-center block" 2381 > 2382 <a class="w-full text-3xl py-4 text-primary font-serif font-bold" href="/products/">Products</a> 2383 2384 <a class="block w-full py-5 flex flex-1 justify-end" @click="toggleExpand('8006d1e2-f941-4e96-b8c0-1205255bb134')"> 2385 <svg x-show="isExpanded('8006d1e2-f941-4e96-b8c0-1205255bb134')" class="w-[25px] h-[25px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z"/></svg> 2386 <svg x-show="!isExpanded('8006d1e2-f941-4e96-b8c0-1205255bb134')" class="w-[25px] h-[25px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z"/></svg></a> 2387 2388 </div> 2389 2390 <ul class="mb-3" :class="isExpanded('8006d1e2-f941-4e96-b8c0-1205255bb134') ? '' : 'hidden'"> 2391 2392 <li > 2393 <div class="flex justify-between items-center block"> 2394 2395 <a 2396 class="text-xl px-5 py-2 block w-full" 2397 href="/products/filters/filter-types/" 2398 2399 >Optical Filters</a> 2400 2401 2402 <a class="block py-2 flex justify-end flex-1" @click="toggleExpand('617ebb6a-c2e4-4fbc-9afa-7b52c60dbc13')"> 2403 <svg x-show="isExpanded('617ebb6a-c2e4-4fbc-9afa-7b52c60dbc13')" class="w-[25px] h-[25px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z"/></svg> 2404 <svg x-show="!isExpanded('617ebb6a-c2e4-4fbc-9afa-7b52c60dbc13')" class="w-[25px] h-[25px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z"/></svg> 2405 </a> 2406 2407 </div> 2408 2409 <ul class="ml-5" :class="isExpanded('617ebb6a-c2e4-4fbc-9afa-7b52c60dbc13') ? '' : 'hidden'"> 2410 2411 <li > 2412 <div class="flex justify-between items-center block"> 2413 2414 <a 2415 class="text-xl px-5 py-2 block w-full" 2416 href="/products/filters/all-filters/" 2417 2418 >All Catalog Filters</a> 2419 2420 2421 </div> 2422 2423</li> 2424 2425 <li > 2426 <div class="flex justify-between items-center block"> 2427 2428 <a 2429 class="text-xl px-5 py-2 block w-full" 2430 href="/products/filters/astronomy/" 2431 2432 >Astronomy Filters</a> 2433 2434 2435 <a class="block py-2 flex justify-end flex-1" @click="toggleExpand('478d4011-bebb-41eb-9811-f2d34bce0937')"> 2436 <svg x-show="isExpanded('478d4011-bebb-41eb-9811-f2d34bce0937')" class="w-[25px] h-[25px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z"/></svg> 2437 <svg x-show="!isExpanded('478d4011-bebb-41eb-9811-f2d34bce0937')" class="w-[25px] h-[25px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z"/></svg> 2438 </a> 2439 2440 </div> 2441 2442 <ul class="ml-5" :class="isExpanded('478d4011-bebb-41eb-9811-f2d34bce0937') ? '' : 'hidden'"> 2443 2444 <li > 2445 <div class="flex justify-between items-center block"> 2446 2447 <a 2448 class="text-xl px-5 py-2 block w-full" 2449 href="/products/filters/astronomy/lrgb/" 2450 2451 >LRGB Filters</a> 2452 2453 2454 </div> 2455 2456</li> 2457 2458 <li > 2459 <div class="flex justify-between items-center block"> 2460 2461 <a 2462 class="text-xl px-5 py-2 block w-full" 2463 href="/products/filters/astronomy/narrowband/" 2464 2465 >Narrowband Filters</a> 2466 2467 2468 </div> 2469 2470</li> 2471 2472 <li > 2473 <div class="flex justify-between items-center block"> 2474 2475 <a 2476 class="text-xl px-5 py-2 block w-full" 2477 href="/products/filters/astronomy/photometry/" 2478 2479 >Photometry Filters</a> 2480 2481 2482 </div> 2483 2484</li> 2485 2486 </ul> 2487 2488</li> 2489 2490 <li > 2491 <div class="flex justify-between items-center block"> 2492 2493 <a 2494 class="text-xl px-5 py-2 block w-full" 2495 href="/products/filters/bandpass/" 2496 2497 >Bandpass Filters</a> 2498 2499 2500 <a class="block py-2 flex justify-end flex-1" @click="toggleExpand('4d61f9df-f116-45bc-9686-caa1a7d44ce6')">
2501 <svg x-show="isExpanded('4d61f9df-f116-45bc-9686-caa1a7d44ce6')" class="w-[25px] h-[25px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z"/></svg> 2502 <svg x-show="!isExpanded('4d61f9df-f116-45bc-9686-caa1a7d44ce6')" class="w-[25px] h-[25px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z"/></svg> 2503 </a> 2504 2505 </div> 2506 2507 <ul class="ml-5" :class="isExpanded('4d61f9df-f116-45bc-9686-caa1a7d44ce6') ? '' : 'hidden'"> 2508 2509 <li > 2510 <div class="flex justify-between items-center block"> 2511 2512 <a 2513 class="text-xl px-5 py-2 block w-full" 2514 href="/products/filters/bandpass/longpass/" 2515 2516 >Longpass Filters</a> 2517 2518 2519 </div> 2520 2521</li> 2522 2523 <li > 2524 <div class="flex justify-between items-center block"> 2525 2526 <a 2527 class="text-xl px-5 py-2 block w-full" 2528 href="/products/filters/bandpass/shortpass/" 2529 2530 >Shortpass Filters</a> 2531 2532 2533 </div> 2534 2535</li> 2536 2537 <li > 2538 <div class="flex justify-between items-center block"> 2539 2540 <a 2541 class="text-xl px-5 py-2 block w-full" 2542 href="/products/filters/bandpass/single-bandpass/" 2543 2544 >Single Bandpass Filters</a> 2545 2546 2547 </div> 2548 2549</li> 2550 2551 <li > 2552 <div class="flex justify-between items-center block"> 2553 2554 <a 2555 class="text-xl px-5 py-2 block w-full" 2556 href="/products/filters/bandpass/multi-bandpass/" 2557 2558 >Multi-bandpass Filters</a> 2559 2560 2561 </div> 2562 2563</li> 2564 2565 </ul> 2566 2567</li> 2568 2569 <li > 2570 <div class="flex justify-between items-center block"> 2571 2572 <a 2573 class="text-xl px-5 py-2 block w-full" 2574 href="/products/filters/edge-dichroic/" 2575 2576 >Edge & Dichroic Filters</a> 2577 2578 2579 <a class="block py-2 flex justify-end flex-1" @click="toggleExpand('90636543-361b-4a0f-bf4b-af136482bd7b')"> 2580 <svg x-show="isExpanded('90636543-361b-4a0f-bf4b-af136482bd7b')" class="w-[25px] h-[25px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z"/></svg> 2581 <svg x-show="!isExpanded('90636543-361b-4a0f-bf4b-af136482bd7b')" class="w-[25px] h-[25px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z"/></svg> 2582 </a> 2583 2584 </div> 2585 2586 <ul class="ml-5" :class="isExpanded('90636543-361b-4a0f-bf4b-af136482bd7b') ? '' : 'hidden'"> 2587 2588 <li > 2589 <div class="flex justify-between items-center block"> 2590 2591 <a 2592 class="text-xl px-5 py-2 block w-full" 2593 href="/products/filters/bandpass/longpass/" 2594 2595 >Longpass Filters</a> 2596 2597 2598 </div> 2599 2600</li> 2601 2602 <li > 2603 <div class="flex justify-between items-center block"> 2604 2605 <a 2606 class="text-xl px-5 py-2 block w-full" 2607 href="/products/filters/bandpass/shortpass/" 2608 2609 >Shortpass Filters</a> 2610 2611 2612 </div> 2613 2614</li> 2615 2616 <li > 2617 <div class="flex justify-between items-center block"> 2618 2619 <a 2620 class="text-xl px-5 py-2 block w-full" 2621 href="/products/filters/edge-dichroic/beamsplitters-50-50-etc/" 2622 2623 >Beamsplitters (50/50, etc.)</a> 2624 2625 2626 </div> 2627 2628</li> 2629 2630 <li > 2631 <div class="flex justify-between items-center block"> 2632 2633 <a 2634 class="text-xl px-5 py-2 block w-full" 2635 href="/products/filters/edge-dichroic/dichroic-beamsplitters/" 2636 2637 >Dichroic Beamsplitters</a> 2638 2639 2640 </div> 2641 2642</li> 2643 2644 <li > 2645 <div class="flex justify-between items-center block"> 2646 2647 <a 2648 class="text-xl px-5 py-2 block w-full" 2649 href="/products/filters/edge-dichroic/multi-band-dichroic-beamsplitters/" 2650 2651 >Multi-band Dichroic Beamsplitters</a> 2652 2653 2654 </div> 2655 2656</li> 2657 2658 </ul> 2659 2660</li> 2661 2662 <li > 2663 <div class="flex justify-between items-center block"> 2664 2665 <a 2666 class="text-xl px-5 py-2 block w-full" 2667 href="/products/filters/fluorescence/" 2668 2669 >Fluorescence Filters</a> 2670 2671 2672 <a class="block py-2 flex justify-end flex-1" @click="toggleExpand('23dbe798-0413-49d6-8067-f855bbc1c12b')">
2673 <svg x-show="isExpanded('23dbe798-0413-49d6-8067-f855bbc1c12b')" class="w-[25px] h-[25px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z"/></svg> 2674 <svg x-show="!isExpanded('23dbe798-0413-49d6-8067-f855bbc1c12b')" class="w-[25px] h-[25px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z"/></svg> 2675 </a> 2676 2677 </div> 2678 2679 <ul class="ml-5" :class="isExpanded('23dbe798-0413-49d6-8067-f855bbc1c12b') ? '' : 'hidden'"> 2680 2681 <li > 2682 <div class="flex justify-between items-center block"> 2683 2684 <a 2685 class="text-xl px-5 py-2 block w-full" 2686 href="/products/filters/fluorescence/dichroic-beamsplitters/" 2687 2688 >Dichroic Beamsplitters</a> 2689 2690 2691 </div> 2692 2693</li> 2694 2695 <li > 2696 <div class="flex justify-between items-center block"> 2697 2698 <a 2699 class="text-xl px-5 py-2 block w-full" 2700 href="/products/filters/fluorescence/emission-filters/" 2701 2702 >Emission Filters</a> 2703 2704 2705 </div> 2706 2707</li> 2708 2709 <li > 2710 <div class="flex justify-between items-center block"> 2711 2712 <a 2713 class="text-xl px-5 py-2 block w-full" 2714 href="/products/filters/fluorescence/excitation-filters/" 2715 2716 >Excitation Filters</a> 2717 2718 2719 </div> 2720 2721</li> 2722 2723 <li > 2724 <div class="flex justify-between items-center block"> 2725 2726 <a 2727 class="text-xl px-5 py-2 block w-full" 2728 href="/products/filters/pcr/" 2729 2730 >PCR Filters</a> 2731 2732 2733 </div> 2734 2735</li> 2736 2737 </ul> 2738 2739</li> 2740 2741 <li > 2742 <div class="flex justify-between items-center block"> 2743 2744 <a 2745 class="text-xl px-5 py-2 block w-full" 2746 href="/products/filters/raman/" 2747 2748 >Raman Filters</a> 2749 2750 2751 </div> 2752 2753</li> 2754 2755 <li > 2756 <div class="flex justify-between items-center block"> 2757 2758 <a 2759 class="text-xl px-5 py-2 block w-full" 2760 href="/products/filters/specialty/" 2761 2762 >Specialty Filters</a> 2763 2764 2765 <a class="block py-2 flex justify-end flex-1" @click="toggleExpand('9bf831a4-f523-4d8c-a9db-5dd9881e0cc7')"> 2766 <svg x-show="isExpanded('9bf831a4-f523-4d8c-a9db-5dd9881e0cc7')" class="w-[25px] h-[25px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z"/></svg> 2767 <svg x-show="!isExpanded('9bf831a4-f523-4d8c-a9db-5dd9881e0cc7')" class="w-[25px] h-[25px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z"/></svg> 2768 </a> 2769 2770 </div> 2771 2772 <ul class="ml-5" :class="isExpanded('9bf831a4-f523-4d8c-a9db-5dd9881e0cc7') ? '' : 'hidden'"> 2773 2774 <li > 2775 <div class="flex justify-between items-center block"> 2776 2777 <a 2778 class="text-xl px-5 py-2 block w-full" 2779 href="/products/filters/neutral-density/" 2780 2781 >Neutral Density (ND) Filters</a> 2782 2783 2784 </div> 2785 2786</li> 2787 2788 <li > 2789 <div class="flex justify-between items-center block"> 2790 2791 <a 2792 class="text-xl px-5 py-2 block w-full" 2793 href="/products/filters/notch-rejection/" 2794 2795 >Notch Rejection Filters</a> 2796 2797 2798 </div> 2799 2800</li> 2801 2802 <li > 2803 <div class="flex justify-between items-center block"> 2804 2805 <a 2806 class="text-xl px-5 py-2 block w-full" 2807 href="/products/filters/specialty/polarizers/" 2808 2809 >Polarizers</a> 2810 2811 2812 </div> 2813 2814</li> 2815 2816 <li > 2817 <div class="flex justify-between items-center block"> 2818 2819 <a 2820 class="text-xl px-5 py-2 block w-full" 2821 href="/products/filters/specialty/reflective-mirrors/" 2822 2823 >Reflective Mirrors</a> 2824 2825 2826 </div> 2827 2828</li> 2829 2830 </ul> 2831 2832</li> 2833 2834 <li > 2835 <div class="flex justify-between items-center block"> 2836 2837 <a 2838 class="text-xl px-5 py-2 block w-full" 2839 href="/products/filters/by-wavelength/" 2840 2841 >By Wavelength Range</a> 2842 2843 2844 <a class="block py-2 flex justify-end flex-1" @click="toggleExpand('27d5260c-4f30-45bf-a92f-23a82b3626a2')">
2845 <svg x-show="isExpanded('27d5260c-4f30-45bf-a92f-23a82b3626a2')" class="w-[25px] h-[25px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z"/></svg> 2846 <svg x-show="!isExpanded('27d5260c-4f30-45bf-a92f-23a82b3626a2')" class="w-[25px] h-[25px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z"/></svg> 2847 </a> 2848 2849 </div> 2850 2851 <ul class="ml-5" :class="isExpanded('27d5260c-4f30-45bf-a92f-23a82b3626a2') ? '' : 'hidden'"> 2852 2853 <li > 2854 <div class="flex justify-between items-center block"> 2855 2856 <a 2857 class="text-xl px-5 py-2 block w-full" 2858 href="/products/filters/uv/" 2859 2860 >UV Filters</a> 2861 2862 2863 </div> 2864 2865</li> 2866 2867 <li > 2868 <div class="flex justify-between items-center block"> 2869 2870 <a 2871 class="text-xl px-5 py-2 block w-full" 2872 href="/products/filters/visible/" 2873 2874 >Visible Filters</a> 2875 2876 2877 </div> 2878 2879</li> 2880 2881 <li > 2882 <div class="flex justify-between items-center block"> 2883 2884 <a 2885 class="text-xl px-5 py-2 block w-full" 2886 href="/products/filters/nir/" 2887 2888 >NIR Filters</a> 2889 2890 2891 </div> 2892 2893</li> 2894 2895 <li > 2896 <div class="flex justify-between items-center block"> 2897 2898 <a 2899 class="text-xl px-5 py-2 block w-full" 2900 href="/products/filters/swir/" 2901 2902 >SWIR Filters</a> 2903 2904 2905 </div> 2906 2907</li> 2908 2909 </ul> 2910 2911</li> 2912 2913 </ul> 2914 2915</li> 2916 2917 <li > 2918 <div class="flex justify-between items-center block"> 2919 2920 <a 2921 class="text-xl px-5 py-2 block w-full" 2922 href="/products/filter-sets/" 2923 2924 >Filter Sets</a> 2925 2926 2927 <a class="block py-2 flex justify-end flex-1" @click="toggleExpand('0c298512-e09d-4a05-8366-33c778b216bd')"> 2928 <svg x-show="isExpanded('0c298512-e09d-4a05-8366-33c778b216bd')" class="w-[25px] h-[25px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z"/></svg> 2929 <svg x-show="!isExpanded('0c298512-e09d-4a05-8366-33c778b216bd')" class="w-[25px] h-[25px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z"/></svg> 2930 </a> 2931 2932 </div> 2933 2934 <ul class="ml-5" :class="isExpanded('0c298512-e09d-4a05-8366-33c778b216bd') ? '' : 'hidden'"> 2935 2936 <li > 2937 <div class="flex justify-between items-center block"> 2938 2939 <a 2940 class="text-xl px-5 py-2 block w-full" 2941 href="/products/filter-sets/all-catalog-sets/" 2942 2943 >All Catalog Sets</a> 2944 2945 2946 </div> 2947 2948</li> 2949 2950 <li > 2951 <div class="flex justify-between items-center block"> 2952 2953 <a 2954 class="text-xl px-5 py-2 block w-full" 2955 href="/products/filter-sets/astronomy/" 2956 2957 >Astronomy Sets</a> 2958 2959 2960 </div> 2961 2962</li> 2963 2964 <li > 2965 <div class="flex justify-between items-center block"> 2966 2967 <a 2968 class="text-xl px-5 py-2 block w-full" 2969 href="/products/filter-sets/fish/" 2970 2971 >FISH Sets</a> 2972 2973 2974 </div> 2975 2976</li> 2977 2978 <li > 2979 <div class="flex justify-between items-center block"> 2980 2981 <a 2982 class="text-xl px-5 py-2 block w-full" 2983 href="/products/filter-sets/fluorescence/" 2984 2985 >Fluorescence Sets</a> 2986 2987 2988 </div> 2989 2990</li> 2991 2992 <li > 2993 <div class="flex justify-between items-center block"> 2994 2995 <a 2996 class="text-xl px-5 py-2 block w-full" 2997 href="/products/filter-sets/fret/" 2998 2999 >FRET Sets</a> 3000 3001 3002 </div> 3003 3004</li> 3005 3006 <li > 3007 <div class="flex justify-between items-center block"> 3008 3009 <a 3010 class="text-xl px-5 py-2 block w-full" 3011 href="/products/filter-sets/machine-vision/" 3012 3013 >Machine Vision Sets</a> 3014 3015 3016 </div> 3017 3018</li> 3019 3020 <li > 3021 <div class="flex justify-between items-center block"> 3022 3023 <a 3024 class="text-xl px-5 py-2 block w-full" 3025 href="/products/filter-sets/microscopy/" 3026 3027 >Microscopy Sets</a> 3028 3029 3030 </div> 3031 3032</li> 3033 3034 <li > 3035 <div class="flex justify-between items-center block"> 3036 3037 <a 3038 class="text-xl px-5 py-2 block w-full" 3039 href="/products/filter-sets/pcr/" 3040 3041 >PCR Sets</a> 3042 3043 3044 </div> 3045 3046</li> 3047 3048 <li > 3049 <div class="flex justify-between items-center block"> 3050 3051 <a 3052 class="text-xl px-5 py-2 block w-full" 3053 href="/products/filter-sets/raman/" 3054 3055 >Raman Sets</a> 3056 3057 3058 </div> 3059 3060</li> 3061 3062 <li > 3063 <div class="flex justify-between items-center block"> 3064 3065 <a 3066 class="text-xl px-5 py-2 block w-full" 3067 href="/products/filter-sets/ratiometric/" 3068 3069 >Ratiometric Sets</a> 3070 3071 3072 </div> 3073 3074</li> 3075 3076 <li > 3077 <div class="flex justify-between items-center block"> 3078 3079 <a 3080 class="text-xl px-5 py-2 block w-full" 3081 href="/products/filter-sets/tirf/" 3082 3083 >TIRF Sets</a> 3084 3085 3086 </div> 3087 3088</li> 3089 3090 </ul> 3091 3092</li> 3093 3094 <li > 3095 <div class="flex justify-between items-center block"> 3096 3097 <a 3098 class="text-xl px-5 py-2 block w-full" 3099 href="/products/filter-accessories/" 3100 3101 >Filter Accessories</a> 3102 3103 3104 <a class="block py-2 flex justify-end flex-1" @click="toggleExpand('20012148-703d-4168-8d89-fe72f0932e51')">
3105 <svg x-show="isExpanded('20012148-703d-4168-8d89-fe72f0932e51')" class="w-[25px] h-[25px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z"/></svg> 3106 <svg x-show="!isExpanded('20012148-703d-4168-8d89-fe72f0932e51')" class="w-[25px] h-[25px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z"/></svg> 3107 </a> 3108 3109 </div> 3110 3111 <ul class="ml-5" :class="isExpanded('20012148-703d-4168-8d89-fe72f0932e51') ? '' : 'hidden'"> 3112 3113 <li > 3114 <div class="flex justify-between items-center block"> 3115 3116 <a 3117 class="text-xl px-5 py-2 block w-full" 3118 href="/products/filter-accessories/cubes-sliders-and-rings/" 3119 3120 >Cubes, Sliders and Rings</a> 3121 3122 3123 </div> 3124 3125</li> 3126 3127 <li > 3128 <div class="flex justify-between items-center block"> 3129 3130 <a 3131 class="text-xl px-5 py-2 block w-full" 3132 href="/products/filter-accessories/diagnostic-slides/" 3133 3134 >Diagnostic Slides</a> 3135 3136 3137 </div> 3138 3139</li> 3140 3141 <li > 3142 <div class="flex justify-between items-center block"> 3143 3144 <a 3145 class="text-xl px-5 py-2 block w-full" 3146 href="/products/filter-accessories/reclaimed-cubes/" 3147 3148 >Reclaimed Cubes</a> 3149 3150 3151 </div> 3152 3153</li> 3154 3155 </ul> 3156 3157</li> 3158 3159 <li > 3160 <div class="flex justify-between items-center block"> 3161 3162 <a 3163 class="text-xl px-5 py-2 block w-full" 3164 href="/products/catalog-downloads/" 3165 3166 >Catalogs & Downloads</a> 3167 3168 3169 </div> 3170 3171</li> 3172 3173 <li > 3174 <div class="flex justify-between items-center block"> 3175 3176 <a 3177 class="text-xl px-5 py-2 block w-full" 3178 href="/capabilities/custom-design-engineering/" 3179 3180 >Custom & OEM Filters</a> 3181 3182 3183 </div> 3184 3185</li> 3186 3187 </ul> 3188 3189</li> 3190 3191 <li class="border-b"> 3192 <div 3193 class="flex justify-between items-center block" 3194 > 3195 <a class="w-full text-3xl py-4 text-primary font-serif font-bold" href="/applications/">Applications</a> 3196 3197 <a class="block w-full py-5 flex flex-1 justify-end" @click="toggleExpand('42c80034-a0b0-4dee-9b7f-ae1c2062313e')"> 3198 <svg x-show="isExpanded('42c80034-a0b0-4dee-9b7f-ae1c2062313e')" class="w-[25px] h-[25px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z"/></svg> 3199 <svg x-show="!isExpanded('42c80034-a0b0-4dee-9b7f-ae1c2062313e')" class="w-[25px] h-[25px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z"/></svg></a> 3200 3201 </div> 3202 3203 <ul class="mb-3" :class="isExpanded('42c80034-a0b0-4dee-9b7f-ae1c2062313e') ? '' : 'hidden'"> 3204 3205 <li > 3206 <div class="flex justify-between items-center block"> 3207 3208 <a 3209 class="text-xl px-5 py-2 block w-full" 3210 href="/applications/aerospace-and-defense/" 3211 3212 >Aerospace & Defense</a> 3213 3214 3215 <a class="block py-2 flex justify-end flex-1" @click="toggleExpand('10222790-11a5-4bd9-aabe-8c87b7ec2152')">
3216 <svg x-show="isExpanded('10222790-11a5-4bd9-aabe-8c87b7ec2152')" class="w-[25px] h-[25px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z"/></svg> 3217 <svg x-show="!isExpanded('10222790-11a5-4bd9-aabe-8c87b7ec2152')" class="w-[25px] h-[25px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z"/></svg> 3218 </a> 3219 3220 </div> 3221 3222 <ul class="ml-5" :class="isExpanded('10222790-11a5-4bd9-aabe-8c87b7ec2152') ? '' : 'hidden'"> 3223 3224 <li > 3225 <div class="flex justify-between items-center block"> 3226 3227 <a 3228 class="text-xl px-5 py-2 block w-full" 3229 href="/applications/aerospace-and-defense/remote-sensing/" 3230 3231 >Remote Sensing</a> 3232 3233 3234 </div> 3235 3236</li> 3237 3238 <li > 3239 <div class="flex justify-between items-center block"> 3240 3241 <a 3242 class="text-xl px-5 py-2 block w-full" 3243 href="/applications/aerospace-and-defense/satcom/" 3244 3245 >Satellite Communication (SatCom)</a> 3246 3247 3248 </div> 3249 3250</li> 3251 3252 </ul> 3253 3254</li> 3255 3256 <li > 3257 <div class="flex justify-between items-center block"> 3258 3259 <a 3260 class="text-xl px-5 py-2 block w-full" 3261 href="/applications/analytical-spectroscopy/" 3262 3263 >Analytical Spectroscopy</a> 3264 3265 3266 <a class="block py-2 flex justify-end flex-1" @click="toggleExpand('0e3fb6c3-0c8f-4862-a2a0-357be0c75351')"> 3267 <svg x-show="isExpanded('0e3fb6c3-0c8f-4862-a2a0-357be0c75351')" class="w-[25px] h-[25px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z"/></svg> 3268 <svg x-show="!isExpanded('0e3fb6c3-0c8f-4862-a2a0-357be0c75351')" class="w-[25px] h-[25px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z"/></svg> 3269 </a> 3270 3271 </div> 3272 3273 <ul class="ml-5" :class="isExpanded('0e3fb6c3-0c8f-4862-a2a0-357be0c75351') ? '' : 'hidden'"> 3274 3275 <li > 3276 <div class="flex justify-between items-center block"> 3277 3278 <a 3279 class="text-xl px-5 py-2 block w-full" 3280 href="/applications/analytical-spectroscopy/raman/" 3281 3282 >Raman</a> 3283 3284 3285 </div> 3286 3287</li> 3288 3289 </ul> 3290 3291</li> 3292 3293 <li > 3294 <div class="flex justify-between items-center block"> 3295 3296 <a 3297 class="text-xl px-5 py-2 block w-full" 3298 href="/applications/astronomy-and-astrophotography/" 3299 3300 >Astronomy & Astrophotography</a> 3301 3302 3303 </div> 3304 3305</li> 3306 3307 <li > 3308 <div class="flex justify-between items-center block"> 3309 3310 <a 3311 class="text-xl px-5 py-2 block w-full" 3312 href="/applications/industrial/" 3313 3314 >Industrial</a> 3315 3316 3317 <a class="block py-2 flex justify-end flex-1" @click="toggleExpand('a6cc77b8-5207-4c75-8e2d-f7c2207a6e38')"> 3318 <svg x-show="isExpanded('a6cc77b8-5207-4c75-8e2d-f7c2207a6e38')" class="w-[25px] h-[25px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z"/></svg> 3319 <svg x-show="!isExpanded('a6cc77b8-5207-4c75-8e2d-f7c2207a6e38')" class="w-[25px] h-[25px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z"/></svg> 3320 </a> 3321 3322 </div> 3323 3324 <ul class="ml-5" :class="isExpanded('a6cc77b8-5207-4c75-8e2d-f7c2207a6e38') ? '' : 'hidden'"> 3325 3326 <li > 3327 <div class="flex justify-between items-center block"> 3328 3329 <a 3330 class="text-xl px-5 py-2 block w-full" 3331 href="/applications/industrial/colorimetry/" 3332 3333 >Colorimetry</a> 3334 3335 3336 </div> 3337 3338</li> 3339 3340 <li > 3341 <div class="flex justify-between items-center block"> 3342 3343 <a 3344 class="text-xl px-5 py-2 block w-full" 3345 href="/applications/industrial/forensic-security-imaging/" 3346 3347 >Forensic and Security Imaging</a> 3348 3349 3350 </div> 3351 3352</li> 3353 3354 <li > 3355 <div class="flex justify-between items-center block"> 3356 3357 <a 3358 class="text-xl px-5 py-2 block w-full" 3359 href="/applications/industrial/machine-vision/" 3360 3361 >Machine Vision</a> 3362 3363 3364 </div> 3365 3366</li> 3367 3368 <li > 3369 <div class="flex justify-between items-center block"> 3370 3371 <a 3372 class="text-xl px-5 py-2 block w-full" 3373 href="/applications/industrial/semiconductor-inspection-and-metrology/" 3374 3375 >Semiconductor Inspection and Metrology</a> 3376 3377 3378 </div> 3379 3380</li> 3381 3382 <li > 3383 <div class="flex justify-between items-center block"> 3384 3385 <a 3386 class="text-xl px-5 py-2 block w-full" 3387 href="/applications/industrial/swir/" 3388 3389 >Short-Wave Infrared (SWIR)</a> 3390 3391 3392 </div> 3393 3394</li> 3395 3396 <li > 3397 <div class="flex justify-between items-center block"> 3398 3399 <a 3400 class="text-xl px-5 py-2 block w-full" 3401 href="/applications/industrial/uv/" 3402 3403 >UV</a> 3404 3405 3406 </div> 3407 3408</li> 3409 3410 </ul> 3411 3412</li> 3413 3414 <li > 3415 <div class="flex justify-between items-center block"> 3416 3417 <a 3418 class="text-xl px-5 py-2 block w-full" 3419 href="/applications/life-science-and-diagnostics/" 3420 3421 >Life Science & Diagnostics</a> 3422 3423 3424 <a class="block py-2 flex justify-end flex-1" @click="toggleExpand('465b614c-fdf5-4ba8-9de3-6bdb67df5fa7')">
3425 <svg x-show="isExpanded('465b614c-fdf5-4ba8-9de3-6bdb67df5fa7')" class="w-[25px] h-[25px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z"/></svg> 3426 <svg x-show="!isExpanded('465b614c-fdf5-4ba8-9de3-6bdb67df5fa7')" class="w-[25px] h-[25px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z"/></svg> 3427 </a> 3428 3429 </div> 3430 3431 <ul class="ml-5" :class="isExpanded('465b614c-fdf5-4ba8-9de3-6bdb67df5fa7') ? '' : 'hidden'"> 3432 3433 <li > 3434 <div class="flex justify-between items-center block"> 3435 3436 <a 3437 class="text-xl px-5 py-2 block w-full" 3438 href="/applications/life-science-and-diagnostics/pcr/" 3439 3440 >Polymerase Chain Reaction (PCR)</a> 3441 3442 3443 </div> 3444 3445</li> 3446 3447 </ul> 3448 3449</li> 3450 3451 <li > 3452 <div class="flex justify-between items-center block"> 3453 3454 <a 3455 class="text-xl px-5 py-2 block w-full" 3456 href="/applications/microscopy-and-imaging/" 3457 3458 >Microscopy & Imaging</a> 3459 3460 3461 </div> 3462 3463</li> 3464 3465 <li > 3466 <div class="flex justify-between items-center block"> 3467 3468 <a 3469 class="text-xl px-5 py-2 block w-full" 3470 href="/applications/case-studies/" 3471 3472 >Case Studies</a> 3473 3474 3475 </div> 3476 3477</li> 3478 3479 </ul> 3480 3481</li> 3482 3483 <li class="border-b"> 3484 <div 3485 class="flex justify-between items-center block" 3486 > 3487 <a class="w-full text-3xl py-4 text-primary font-serif font-bold" href="/capabilities/">Capabilities</a> 3488 3489 <a class="block w-full py-5 flex flex-1 justify-end" @click="toggleExpand('e98fb8e3-f176-41c1-a691-ab9c82778a1a')"> 3490 <svg x-show="isExpanded('e98fb8e3-f176-41c1-a691-ab9c82778a1a')" class="w-[25px] h-[25px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z"/></svg> 3491 <svg x-show="!isExpanded('e98fb8e3-f176-41c1-a691-ab9c82778a1a')" class="w-[25px] h-[25px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z"/></svg></a> 3492 3493 </div> 3494 3495 <ul class="mb-3" :class="isExpanded('e98fb8e3-f176-41c1-a691-ab9c82778a1a') ? '' : 'hidden'"> 3496 3497 <li > 3498 <div class="flex justify-between items-center block"> 3499 3500 <a 3501 class="text-xl px-5 py-2 block w-full" 3502 href="/capabilities/custom-design-engineering/" 3503 3504 >Custom Design & Engineering</a> 3505 3506 3507 </div> 3508 3509</li> 3510 3511 <li > 3512 <div class="flex justify-between items-center block"> 3513 3514 <a 3515 class="text-xl px-5 py-2 block w-full" 3516 href="/capabilities/manufacturing/" 3517 3518 >Manufacturing & Optical Coatings</a> 3519 3520 3521 </div> 3522 3523</li> 3524 3525 <li > 3526 <div class="flex justify-between items-center block"> 3527 3528 <a 3529 class="text-xl px-5 py-2 block w-full" 3530 href="/capabilities/metrology/" 3531 3532 >Metrology & Quality Assurance</a> 3533 3534 3535 </div> 3536 3537</li> 3538 3539 <li > 3540 <div class="flex justify-between items-center block"> 3541 3542 <a 3543 class="text-xl px-5 py-2 block w-full" 3544 href="/capabilities/rapid-prototyping/" 3545 3546 >Prototyping & Rapid Development</a> 3547 3548 3549 </div> 3550 3551</li> 3552 3553 <li > 3554 <div class="flex justify-between items-center block"> 3555 3556 <a 3557 class="text-xl px-5 py-2 block w-full" 3558 href="/capabilities/oem-partnerships/" 3559 3560 >OEM Partnerships</a> 3561 3562 3563 </div> 3564 3565</li> 3566 3567 </ul> 3568 3569</li> 3570 3571 <li class="border-b"> 3572 <div 3573 class="flex justify-between items-center block" 3574 > 3575 <a class="w-full text-3xl py-4 text-primary font-serif font-bold" href="/resources/">Resources</a> 3576 3577 <a class="block w-full py-5 flex flex-1 justify-end" @click="toggleExpand('318075fa-be57-41be-86ec-8ef30bc644bf')">
3578 <svg x-show="isExpanded('318075fa-be57-41be-86ec-8ef30bc644bf')" class="w-[25px] h-[25px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z"/></svg> 3579 <svg x-show="!isExpanded('318075fa-be57-41be-86ec-8ef30bc644bf')" class="w-[25px] h-[25px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z"/></svg></a> 3580 3581 </div> 3582 3583 <ul class="mb-3" :class="isExpanded('318075fa-be57-41be-86ec-8ef30bc644bf') ? '' : 'hidden'"> 3584 3585 <li > 3586 <div class="flex justify-between items-center block"> 3587 3588 <a 3589 class="text-xl px-5 py-2 block w-full" 3590 href="/resources/customer-support/" 3591 3592 >Customer Support</a> 3593 3594 3595 </div> 3596 3597</li> 3598 3599 <li > 3600 <div class="flex justify-between items-center block"> 3601 3602 <a 3603 class="text-xl px-5 py-2 block w-full" 3604 href="/resources/customer-support/ordering/" 3605 3606 >Ordering</a> 3607 3608 3609 </div> 3610 3611</li> 3612 3613 <li > 3614 <div class="flex justify-between items-center block"> 3615 3616 <a 3617 class="text-xl px-5 py-2 block w-full" 3618 href="/resources/quality/" 3619 3620 >Quality & Compliance</a> 3621 3622 3623 </div> 3624 3625</li> 3626 3627 <li > 3628 <div class="flex justify-between items-center block"> 3629 3630 <a 3631 class="text-xl px-5 py-2 block w-full" 3632 href="/resources/technical-library/" 3633 3634 >Technical Library</a> 3635 3636 3637 </div> 3638 3639</li> 3640 3641 <li > 3642 <div class="flex justify-between items-center block"> 3643 3644 <a 3645 class="text-xl px-5 py-2 block w-full" 3646 href="/resources/tools-and-calculators/" 3647 3648 >Tools & Calculators</a> 3649 3650 3651 </div> 3652 3653</li> 3654 3655 <li > 3656 <div class="flex justify-between items-center block"> 3657 3658 <a 3659 class="text-xl px-5 py-2 block w-full" 3660 href="/resources/customer-support/faqs/" 3661 3662 >FAQs</a> 3663 3664 3665 </div> 3666 3667</li> 3668 3669 </ul> 3670 3671</li> 3672 3673 <li class="border-b"> 3674 <div 3675 class="flex justify-between items-center block" 3676 > 3677 <a class="w-full text-3xl py-4 text-primary font-serif font-bold" href="/company/">About Us</a> 3678 3679 <a class="block w-full py-5 flex flex-1 justify-end" @click="toggleExpand('aac0aa44-b412-4f98-8551-9e30a6a2ecfb')"> 3680 <svg x-show="isExpanded('aac0aa44-b412-4f98-8551-9e30a6a2ecfb')" class="w-[25px] h-[25px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z"/></svg> 3681 <svg x-show="!isExpanded('aac0aa44-b412-4f98-8551-9e30a6a2ecfb')" class="w-[25px] h-[25px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z"/></svg></a> 3682 3683 </div> 3684 3685 <ul class="mb-3" :class="isExpanded('aac0aa44-b412-4f98-8551-9e30a6a2ecfb') ? '' : 'hidden'"> 3686 3687 <li > 3688 <div class="flex justify-between items-center block"> 3689 3690 <a 3691 class="text-xl px-5 py-2 block w-full" 3692 href="/company/" 3693 3694 >Company</a> 3695 3696 3697 <a class="block py-2 flex justify-end flex-1" @click="toggleExpand('58e3632d-31b4-4981-8a2d-46cddd3d17f9')">
3698 <svg x-show="isExpanded('58e3632d-31b4-4981-8a2d-46cddd3d17f9')" class="w-[25px] h-[25px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z"/></svg> 3699 <svg x-show="!isExpanded('58e3632d-31b4-4981-8a2d-46cddd3d17f9')" class="w-[25px] h-[25px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z"/></svg> 3700 </a> 3701 3702 </div> 3703 3704 <ul class="ml-5" :class="isExpanded('58e3632d-31b4-4981-8a2d-46cddd3d17f9') ? '' : 'hidden'"> 3705 3706 <li > 3707 <div class="flex justify-between items-center block"> 3708 3709 <a 3710 class="text-xl px-5 py-2 block w-full" 3711 href="/company/mission-values/" 3712 3713 >Mission and Values</a> 3714 3715 3716 </div> 3717 3718</li> 3719 3720 <li > 3721 <div class="flex justify-between items-center block"> 3722 3723 <a 3724 class="text-xl px-5 py-2 block w-full" 3725 href="/company/certifications-awards/" 3726 3727 >Certifications and Awards</a> 3728 3729 3730 </div> 3731 3732</li> 3733 3734 <li > 3735 <div class="flex justify-between items-center block"> 3736 3737 <a 3738 class="text-xl px-5 py-2 block w-full" 3739 href="/company/history/" 3740 3741 >History</a> 3742 3743 3744 </div> 3745 3746</li> 3747 3748 <li > 3749 <div class="flex justify-between items-center block"> 3750 3751 <a 3752 class="text-xl px-5 py-2 block w-full" 3753 href="/company/deib/" 3754 3755 >DEIB</a> 3756 3757 3758 </div> 3759 3760</li> 3761 3762 <li > 3763 <div class="flex justify-between items-center block"> 3764 3765 <a 3766 class="text-xl px-5 py-2 block w-full" 3767 href="/company/network/" 3768 3769 >Global Partner Network</a> 3770 3771 3772 </div> 3773 3774</li> 3775 3776 <li > 3777 <div class="flex justify-between items-center block"> 3778 3779 <a 3780 class="text-xl px-5 py-2 block w-full" 3781 href="/company/scientific-communities/" 3782 3783 >Scientific Communities</a> 3784 3785 3786 </div> 3787 3788</li> 3789 3790 </ul> 3791 3792</li> 3793 3794 <li > 3795 <div class="flex justify-between items-center block"> 3796 3797 <a 3798 class="text-xl px-5 py-2 block w-full" 3799 href="/company/careers/" 3800 3801 >Careers</a> 3802 3803 3804 </div> 3805 3806</li> 3807 3808 <li > 3809 <div class="flex justify-between items-center block"> 3810 3811 <a 3812 class="text-xl px-5 py-2 block w-full" 3813 href="/company/events/" 3814 3815 >Events</a> 3816 3817 3818 </div> 3819 3820</li> 3821 3822 <li > 3823 <div class="flex justify-between items-center block"> 3824 3825 <a 3826 class="text-xl px-5 py-2 block w-full" 3827 href="/company/media/" 3828 3829 >Media</a> 3830 3831 3832 <a class="block py-2 flex justify-end flex-1" @click="toggleExpand('c37ed119-1df6-4555-aefe-a286406959a0')"> 3833 <svg x-show="isExpanded('c37ed119-1df6-4555-aefe-a286406959a0')" class="w-[25px] h-[25px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z"/></svg> 3834 <svg x-show="!isExpanded('c37ed119-1df6-4555-aefe-a286406959a0')" class="w-[25px] h-[25px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z"/></svg> 3835 </a> 3836 3837 </div> 3838 3839 <ul class="ml-5" :class="isExpanded('c37ed119-1df6-4555-aefe-a286406959a0') ? '' : 'hidden'"> 3840 3841 <li > 3842 <div class="flex justify-between items-center block"> 3843 3844 <a 3845 class="text-xl px-5 py-2 block w-full" 3846 href="/company/media/image-gallery/" 3847 3848 >Image Gallery</a> 3849 3850 3851 </div> 3852 3853</li> 3854 3855 <li > 3856 <div class="flex justify-between items-center block"> 3857 3858 <a 3859 class="text-xl px-5 py-2 block w-full" 3860 href="/company/media/videos/" 3861 3862 >Video Highlights</a> 3863 3864 3865 </div> 3866 3867</li> 3868 3869 <li > 3870 <div class="flex justify-between items-center block"> 3871 3872 <a 3873 class="text-xl px-5 py-2 block w-full" 3874 href="/company/media/image-contests/" 3875 3876 >Chroma Sponsored Image Contests</a> 3877 3878 3879 </div> 3880 3881</li> 3882 3883 </ul> 3884 3885</li> 3886 3887 <li > 3888 <div class="flex justify-between items-center block"> 3889 3890 <a 3891 class="text-xl px-5 py-2 block w-full" 3892 href="/company/news/" 3893 3894 >News</a> 3895 3896 3897 </div> 3898 3899</li> 3900 3901 <li > 3902 <div class="flex justify-between items-center block"> 3903 3904 <a 3905 class="text-xl px-5 py-2 block w-full" 3906 href="/company/testimonials/" 3907 3908 >Testimonials</a> 3909 3910 3911 </div> 3912 3913</li> 3914 3915 </ul> 3916 3917</li> 3918 3919 <li class="border-b"> 3920 <div 3921 class="flex justify-between items-center block" 3922 > 3923 <a class="w-full text-3xl py-4 text-primary font-serif font-bold" href="/contact/">Contact</a> 3924 3925 </div> 3926 3927</li> 3928 3929 </ul> 3930 </div> 3931</div> 3932<!-- components :: menu :: mobile :: end --> 3933 3934 </div> 3935 </div> 3936 <div class="flex items-center justify-center"> 3937 <div class="flex items-center space-x-2 xl:hidden"> 3938 <div class="flex space-x-2"> 3939 3940 <a 3941 class="text-sm block w-[24px] h-[16px] border border-gray-300" 3942 href="https://www.chroma.com/" 3943 > 3944 <img src="/assets/icons/us.png" class="w-full h-full object-contain"/ alt="us"> 3945 </a> 3946 3947 <a 3948 class="text-sm block w-[24px] h-[16px] border border-gray-300" 3949 href="https://www.chroma.com/cn/" 3950 > 3951 <img src="/assets/icons/cn.png" class="w-full h-full object-contain"/ alt="cn"> 3952 </a> 3953 3954 <a 3955 class="text-sm block w-[24px] h-[16px] border border-gray-300" 3956 href="https://www.chroma.com/jp/" 3957 > 3958 <img src="/assets/icons/jp.png" class="w-full h-full object-contain"/ alt="jp"> 3959 </a> 3960 3961 </div> 3962 <div class="flex"> 3963 3964 <div class="p-2"> 3965 <a href="#" class="block relative" @click="search=true"> 3966 <svg xmlns="http://www.w3.org/2000/svg" class="w-[20px] h-[20px]" viewBox="0 0 512 512"> 3967 <path class="fill-sky-800" 3968 d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" /> 3969 </svg> 3970 </a> 3971 </div> 3972 3973 <div class="p-2"> 3974 <a href="/cart/" class="block relative w-[20px] h-[20px]"> 3975 <div class="absolute top-[-10px] border border-2 border-black right-[-10px] w-[20px] h-[20px] bg-black text-white text-[12px] rounded-full flex items-center justify-center" 3976 x-text="$store.cart.count" x-show="$store.cart.count > 0"></div> 3977 <img class="object-contain w-full h-auto max-h-10" src="/assets/icons/cart.svg" alt="cart"> 3978 </a> 3979 </div> 3980 <button @click.prevent="isOpen = ! isOpen" type="button" class="block px-1 lg:hidden" 3981 :aria-expanded="isOpen" aria-controls="nav-list" aria-label="toggle menu" x-cloak> 3982 <svg class="w-8 h-8 fill-sky-800 fill-current" xmlns="http://www.w3.org/2000/svg" fill="none"
3983 viewBox="0 0 24 24"> 3984 <path x-show="!isOpen" d="M4 6h16v2H4V6Zm0 5h16v2H4v-2Zm0 5h16v2H4v-2Z" /> 3985 <path x-show="isOpen" 3986 d="m16.192 6.344-4.243 4.242-4.242-4.242-1.414 1.414L10.535 12l-4.242 4.242 1.414 1.414 4.242-4.242 4.243 4.242 1.414-1.414L13.364 12l4.242-4.242-1.414-1.414Z" /> 3987 </svg> 3988 </button> 3989 </div> 3990</div> 3991 <div class="hidden xl:flex xl:flex-col" x-cloak> 3992 <div class="flex my-1 pl-1 "> 3993 <a href="/spectra-viewer/" 3994 class="block text-xs pr-2 border-r border-gray-300 text-gray-400 leading-none whitespace-nowrap">Spectra 3995 Viewer</a> 3996 <a href="/browse-by-fluorochrome/" class="block text-xs pl-2 text-gray-400 leading-none whitespace-nowrap">Browse 3997 By Fluorochrome</a> 3998 </div> 3999 <div class="flex items-center"> 4000 4001 <div 4002 id="globalsearch" 4003 class="w-[325px] p-1 border border-slate-500 text-slate-500 flex items-center cursor-pointer" 4004 @click="search=true" 4005> 4006 <div><svg class="aa-SubmitIcon" viewBox="0 0 24 24" width="20" height="20" fill="currentColor"><path d="M16.041 15.856c-0.034 0.026-0.067 0.055-0.099 0.087s-0.060 0.064-0.087 0.099c-1.258 1.213-2.969 1.958-4.855 1.958-1.933 0-3.682-0.782-4.95-2.050s-2.050-3.017-2.050-4.95 0.782-3.682 2.050-4.95 3.017-2.050 4.95-2.050 3.682 0.782 4.95 2.050 2.050 3.017 2.050 4.95c0 1.886-0.745 3.597-1.959 4.856zM21.707 20.293l-3.675-3.675c1.231-1.54 1.968-3.493 1.968-5.618 0-2.485-1.008-4.736-2.636-6.364s-3.879-2.636-6.364-2.636-4.736 1.008-6.364 2.636-2.636 3.879-2.636 6.364 1.008 4.736 2.636 6.364 3.879 2.636 6.364 2.636c2.125 0 4.078-0.737 5.618-1.968l3.675 3.675c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414z"></path></svg></div> 4007 <div class="text-slate-400 px-2">Search</div> 4008</div> 4009 4010 4011 <div class="pl-3"> 4012 <div class="w-[20px] h-[20px] relative"> 4013 <a href="/cart/" class="block"> 4014 <div class="absolute top-[-10px] border border-2 border-black right-[-10px] w-[20px] h-[20px] bg-black text-white text-[12px] rounded-full flex items-center justify-center" 4015 x-text="$store.cart.count" x-show="$store.cart.count > 0"></div> 4016 <img class="object-contain w-full h-auto max-h-10" src="/assets/icons/cart.svg" alt="cart"> 4017 </a> 4018 <div x-show="$store.cart.itemAddedToCart !== null" 4019 class="absolute bg-amber-50 border border-black rounded-lg top-[calc(100%-5px)] right-[5px] w-[400px] max-w-[calc(100vw-2rem)] z-[1000] shadow-xl" 4020 > 4021 <div class="text-black font-bold bg-amber-300 border px-3 py-2 rounded-t-lg flex items-center justify-between gap-3"> 4022 <span>Item Added to Cart:</span> 4023 <button type="button" @click="$store.cart.dismissConfirmation()" 4024 aria-label="Close cart confirmation" 4025 class="flex items-center justify-center w-6 h-6 shrink-0 rounded hover:bg-black/10 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-current"> 4026 <svg class="w-4 h-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"> 4027 <path d="M6 6l12 12M6 18L18 6" stroke-linecap="round" /> 4028 </svg> 4029 </button> 4030 </div> 4031 <div class="px-5 py-3 flex flex-col gap-2"> 4032 <template x-for="item in $store.cart.itemAddedToCart"> 4033 <div class="text-black text-sm leading-tight whitespace-normal break-words"> 4034 <div class="" x-html="`<span class='font-bold'>Name:</span> ${item.name}`"></div> 4035 <template x-if="item.description"> 4036 <div class="" x-html="`<span class='font-bold'>Description:</span> ${Alpine.store('helpers').DescriptionFormatter(item.description)}`"></div> 4037 </template> 4038 <div class="" x-html="`<span class='font-bold'>Price:</span> ${Alpine.store('helpers').PriceFormatter(item.price)}`"></div> 4039 <div class="" x-html="`<span class='font-bold'>Qty:</span> ${item.quantity}`"></div> 4040 <template x-if="item.size"> 4041 <div class="" x-html="`<span class='font-bold'>Size:</span> ${item.size}`"></div> 4042 </template> 4043 <template x-if="item.instrument"> 4044 <div class="" x-html="`<span class='font-bold'>Instrument:</span> ${item.instrument}`"></div> 4045 </template> 4046 <div class="" x-html="`<span class='font-bold'>Total:</span> ${Alpine.store('helpers').PriceFormatter(item.price * item.quantity)}`"></div> 4047 </div> 4048 </template> 4049 <div class="text-black text-sm leading-tight whitespace-nowrap "> 4050 <div class="flex justify-end"> 4051 <button 4052 @click="window.location.href = '/cart'" 4053 class="bg-amber-300 text-black px-4 py-1 rounded-md cursor-pointer" 4054 >Go to Cart</button> 4055 </div> 4056 </div> 4057 </div> 4058 </div> 4059 </div> 4060 </div> 4061 4062 </div> 4063 <div class="flex my-1 pl-1 gap-3"> 4064 <div class="flex justify-end items-center space-x-1"> 4065 4066 <a class="text-sm block w-[24px] h-[16px] border border-gray-300 dark:border-none" href="https://www.chroma.com/"> 4067 <img src="/assets/icons/us.png" class="w-full h-full object-contain" / alt="us"> 4068 </a> 4069 4070 <div class="flex justify-end items-center space-x-1"> 4071 4072 <a class="text-sm block w-[24px] h-[16px] border border-gray-300 dark:border-none" href="https://www.chroma.com/cn/"> 4073 <img src="/assets/icons/cn.png" class="w-full h-full object-contain" / alt="cn"> 4074 </a> 4075 4076 <div class="flex justify-end items-center space-x-1"> 4077 4078 <a class="text-sm block w-[24px] h-[16px] border border-gray-300 dark:border-none" href="https://www.chroma.com/jp/"> 4079 <img src="/assets/icons/jp.png" class="w-full h-full object-contain" / alt="jp"> 4080 </a> 4081 4082 </div> 4083 <div class="flex items-center justify-center"> 4084 <div class="relative"> 4085 <template x-if="$store.quote.count == 0"> 4086 <a href="/contact/quote-request/" 4087 class="block text-xs whitespace-nowrap border-r border-gray-300 bg-blue-50 text-blue-600 rounded-full border border-black flex items-center justify-center gap-2 py-[3px] px-3"> 4088 <div>Request Quote</div> 4089 </a> 4090 </template> 4091 <template x-if="$store.quote.count > 0"> 4092 <a href="/contact/quote-request/" 4093 class="block text-xs whitespace-nowrap border-r border-gray-300 bg-black text-white rounded-full border border-black flex items-center justify-center gap-2 p-[3px] pl-3 text-xs"> 4094 <div>Submit Quote</div> 4095 <div class="flex items-center justify-center"> 4096 <div class="text-black bg-white rounded-full font-bold w-5 h-5 flex items-center justify-center" 4097 x-text="$store.quote.count"></div> 4098 </div> 4099 </a> 4100 </template> 4101 <div x-show="$store.quote.itemAddedToQuote !== null" 4102 class="absolute bg-blue-50 border border-blue-600 rounded-lg top-[calc(100%+2px)] right-[5px] w-[400px] max-w-[calc(100vw-2rem)] z-[1000] shadow-xl" 4103 > 4104 <div class="text-white font-bold bg-blue-500 px-3 py-2 rounded-t-lg flex items-center justify-between gap-3">
4105 <span>Item Added to Quote:</span> 4106 <button type="button" @click="$store.quote.dismissConfirmation()" 4107 aria-label="Close quote confirmation" 4108 class="flex items-center justify-center w-6 h-6 shrink-0 rounded hover:bg-black/10 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-current"> 4109 <svg class="w-4 h-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"> 4110 <path d="M6 6l12 12M6 18L18 6" stroke-linecap="round" /> 4111 </svg> 4112 </button> 4113 </div> 4114 <div class="px-5 py-3 flex flex-col gap-2"> 4115 <template x-for="item in $store.quote.itemAddedToQuote"> 4116 <div class="text-black text-sm leading-tight whitespace-normal break-words"> 4117 <div class="" x-html="`<span class='font-bold'>Name:</span> ${item.name}`"></div> 4118 <template x-if="item.description"> 4119 <div class="" x-html="`<span class='font-bold'>Description:</span> ${Alpine.store('helpers').DescriptionFormatter(item.description)}`"></div> 4120 </template> 4121 <div class="" x-html="`<span class='font-bold'>Price:</span> ${Alpine.store('helpers').PriceFormatter(item.price)}`"></div> 4122 <div class="" x-html="`<span class='font-bold'>Qty:</span> ${item.quantity}`"></div> 4123 <template x-if="item.size"> 4124 <div class="" x-html="`<span class='font-bold'>Size:</span> ${item.size}`"></div> 4125 </template> 4126 <template x-if="item.instrument"> 4127 <div class="" x-html="`<span class='font-bold'>Instrument:</span> ${item.instrument}`"></div> 4128 </template> 4129 <div class="" x-html="`<span class='font-bold'>Total:</span> ${Alpine.store('helpers').PriceFormatter(item.price * item.quantity)}`"></div> 4130 </div> 4131 </template> 4132 <div class="text-black text-sm leading-tight whitespace-nowrap "> 4133 <div class="flex justify-end"> 4134 <button 4135 @click="window.location.href = '/contact/quote-request/'" 4136 class="bg-blue-500 text-white px-4 py-1 rounded-md cursor-pointer" 4137 >Go to Quote</button> 4138 </div> 4139 </div> 4140 </div> 4141 </div> 4142 </div> 4143 <a href="/order-by-quote/" class="block text-xs pl-2 whitespace-nowrap">Order from Quote</a> 4144 </div> 4145 </div> 4146</div> 4147 4148 </div> 4149 </div> 4150 </div> 4151 </nav> 4152</div> 4153<!-- navigation end --> 4154 4155 <div class="relative print:mt-0 mt-[95px]" :class="$store.alertCount > 0 ? '!mt-[135px]' : ''"> 4156 4157 <div class="pb-10 pt-8 relative z-10"> 4158 <div class="lg:container lg:max-w-[1200px] relative z-1"> 4159 4160 <div class="bg-white dark:bg-slate-900 lg:shadow-lg"> 4161 <div class="px-5 py-10 min-h-[400px]"> 4162 <section class="px-10 flex section-main section-main-banner-none section-main-basic"> 4163 <div class="section-content section-content-banner-none section-content-basic"> 4164 4165 <h1 class="lg:text-[48px] font-normal "> 4166 News & Press Releases 4167 </h1> 4168 4169 4170 4171 </div> 4172 4173 </section> 4174 <section class="px-10"> 4175 4176 <div class="divide-y my-5"> 4177 4178 <div class="py-5 md:flex md:py-10"> 4179 <div class="h-48 w-48 mb-5 border shadow-lg lg:w-64 lg:h-64 md:mr-10 md:mb-0"> 4180 4181 <a href="/news-events/chroma-awards-dr-yanxiang-deng-the-anne-heidenthal-prize-for-fluorescence-research/" class="block p-5 w-full h-full lg:w-64 lg:h-64"> 4182 <img src="/img/containers/assets/images/anne-heidenthal-winner-2026-yanxiang-deng.jpg/c2a73cfb472b5d1637275929e57dfa86/anne-heidenthal-winner-2026-yanxiang-deng.jpg" class="w-full h-full object-cover" / alt="anne heidenthal winner 2026 yanxiang deng"> 4183 </a> 4184 4185 </div> 4186 <div class="flex-1"> 4187 <div> 4188 <div class="font-serif text-accent-green font-bold mb-3 flex relative "> 4189 <div class="text-center bg-white z-10"></div> 4190 </div> 4191 <h2 > 4192 <a href="/news-events/chroma-awards-dr-yanxiang-deng-the-anne-heidenthal-prize-for-fluorescence-research/">Chroma awards Dr. Yanxiang Deng the Anne Heidenthal Prize for Fluorescence Research</a> 4193 </h2> 4194 <p>Chroma presented Dr. Yanxiang Deng the Anne Heidenthal Award for Fluorescence Research. Dr. Deng was selected for his work related to microchip, microscopy, genomics, and computational analysis.…</p> 4195 <div class="py-1 mt-3"> 4196 <div class="flex divide-x uppercase text-accent-green"> 4197 <div class="px-3 lg:pl-0 text-center lg:text-left">Jun 2026</div> 4198 <div class="px-3 text-center lg:text-left">Chroma </div> 4199 <div class="px-3 flex items-center justify-center lg:flex-start"> 4200 <div class="flex"> 4201 <div class="px-1"> 4202 <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=#https:/www.chroma.com/news-events/chroma-awards-dr-yanxiang-deng-the-anne-heidenthal-prize-for-fluorescence-research" class="block"> 4203 <svg class="w-4 h-4 text-gray-800 fill-current" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
4203<path d="M15.12 5.32H17V2.14A26.113 26.113 0 0 0 14.26 2c-2.72 0-4.58 1.66-4.58 4.7v2.62H6.61v3.56h3.07V22h3.68v-9.12h3.06l.46-3.56h-3.52V7.05c0-1.05.28-1.73 1.76-1.73Z"/></svg> 4204 </a> 4205</div> 4206 4207 4208 <div class="px-1"> 4209 <a target="_blank" href="https://x.com/intent/post/?text=https:/www.chroma.com/news-events/chroma-awards-dr-yanxiang-deng-the-anne-heidenthal-prize-for-fluorescence-research" class="block"> 4210 <svg class="w-4 h-4 text-gray-800 fill-current" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-6 h-6 fill-current" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;"><path d="M17.9,2.8H21l-6.8,7.8l8.1,10.6h-6.3L11,14.8l-5.6,6.5H2.2l7.3-8.4L1.8,2.8h6.5l4.5,5.9L17.9,2.8z M16.8,19.4h1.7L7.3,4.5 H5.4L16.8,19.4z"/></svg> 4211 </a> 4212</div> 4213 4214 4215 <div class="px-1"> 4216 <a target="_blank" href="https://www.linkedin.com/shareArticle/?url=https:/www.chroma.com/news-events/chroma-awards-dr-yanxiang-deng-the-anne-heidenthal-prize-for-fluorescence-research" class="block"> 4217 <svg class="w-4 h-4 text-gray-800 fill-current" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path d="M20.47 2H3.53a1.45 1.45 0 0 0-1.47 1.43v17.14A1.45 1.45 0 0 0 3.53 22h16.94a1.45 1.45 0 0 0 1.47-1.43V3.43A1.45 1.45 0 0 0 20.47 2ZM8.09 18.74h-3v-9h3v9ZM6.59 8.48a1.56 1.56 0 0 1 0-3.12 1.57 1.57 0 1 1 0 3.12Zm12.32 10.26h-3v-4.83c0-1.21-.43-2-1.52-2A1.65 1.65 0 0 0 12.85 13a1.998 1.998 0 0 0-.1.73v5h-3v-9h3V11a3 3 0 0 1 2.71-1.5c2 0 3.45 1.29 3.45 4.06v5.18Z"/></svg> 4218 </a> 4219</div> 4220 4221 4222 <div class="px-1"> 4223 <a target="_blank" href="mailto:/?subject=check-out-this-article&body=I%20thought%20you%20might%20be%20interested%20in%20this%20article: https:/www.chroma.com/news-events/chroma-awards-dr-yanxiang-deng-the-anne-heidenthal-prize-for-fluorescence-research" class="block"> 4224 <svg class="w-4 h-4 text-gray-800 fill-current" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path d="M19 4.2H5a3 3 0 00-3 3v10a3 3 0 003 3h14a3 3 0 003-3v-10a3 3 0 00-3-3zm-.41 2l-5.88 5.88a1 1 0 01-1.42 0L5.41 6.2h13.18zm1.41 11a1 1 0 01-1 1H5a1 1 0 01-1-1V7.61l5.88 5.88a3 3 0 004.24 0L20 7.61v9.59z"/></svg> 4225 </a> 4226</div> 4227 4228 4229</div> 4230 4231 </div> 4232 </div> 4233 </div> 4234 </div> 4235 </div> 4236</div> 4237 4238 <div class="py-5 md:flex md:py-10"> 4239 <div class="h-48 w-48 mb-5 border shadow-lg lg:w-64 lg:h-64 md:mr-10 md:mb-0"> 4240 4241 <div class="p-5 h-48 w-48 lg:w-64 lg:h-64"> 4242 <img src="/assets/images/chroma_logo_4c.svg" class="w-full h-full object-contain" / alt="chroma logo 4c"> 4243 </div> 4244 4245 </div> 4246 <div class="flex-1"> 4247 <div> 4248 <div class="font-serif text-accent-green font-bold mb-3 flex relative "> 4249 <div class="text-center bg-white z-10"></div> 4250 </div> 4251 <h2 > 4252 <a href="/news-events/chroma-technology-announces-sale-of-89-north-to-oxxius/">Chroma Technology Announces Sale of 89 North to Oxxius</a> 4253 </h2> 4254 <p>Chroma Technology Corp today announced that it has entered into a definitive agreement to sell its subsidiary, 89 North, an expert in the development of advanced laser-based illumination systems, to O…</p> 4255 <div class="py-1 mt-3"> 4256 <div class="flex divide-x uppercase text-accent-green"> 4257 <div class="px-3 lg:pl-0 text-center lg:text-left">Jan 2026</div> 4258 <div class="px-3 text-center lg:text-left">Chroma Technology </div> 4259 <div class="px-3 flex items-center justify-center lg:flex-start"> 4260 <div class="flex"> 4261 <div class="px-1"> 4262 <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=#https:/www.chroma.com/news-events/chroma-technology-announces-sale-of-89-north-to-oxxius" class="block"> 4263 <svg class="w-4 h-4 text-gray-800 fill-current" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
4263<path d="M15.12 5.32H17V2.14A26.113 26.113 0 0 0 14.26 2c-2.72 0-4.58 1.66-4.58 4.7v2.62H6.61v3.56h3.07V22h3.68v-9.12h3.06l.46-3.56h-3.52V7.05c0-1.05.28-1.73 1.76-1.73Z"/></svg> 4264 </a> 4265</div> 4266 4267 4268 <div class="px-1"> 4269 <a target="_blank" href="https://x.com/intent/post/?text=https:/www.chroma.com/news-events/chroma-technology-announces-sale-of-89-north-to-oxxius" class="block"> 4270 <svg class="w-4 h-4 text-gray-800 fill-current" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-6 h-6 fill-current" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;"><path d="M17.9,2.8H21l-6.8,7.8l8.1,10.6h-6.3L11,14.8l-5.6,6.5H2.2l7.3-8.4L1.8,2.8h6.5l4.5,5.9L17.9,2.8z M16.8,19.4h1.7L7.3,4.5 H5.4L16.8,19.4z"/></svg> 4271 </a> 4272</div> 4273 4274 4275 <div class="px-1"> 4276 <a target="_blank" href="https://www.linkedin.com/shareArticle/?url=https:/www.chroma.com/news-events/chroma-technology-announces-sale-of-89-north-to-oxxius" class="block"> 4277 <svg class="w-4 h-4 text-gray-800 fill-current" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path d="M20.47 2H3.53a1.45 1.45 0 0 0-1.47 1.43v17.14A1.45 1.45 0 0 0 3.53 22h16.94a1.45 1.45 0 0 0 1.47-1.43V3.43A1.45 1.45 0 0 0 20.47 2ZM8.09 18.74h-3v-9h3v9ZM6.59 8.48a1.56 1.56 0 0 1 0-3.12 1.57 1.57 0 1 1 0 3.12Zm12.32 10.26h-3v-4.83c0-1.21-.43-2-1.52-2A1.65 1.65 0 0 0 12.85 13a1.998 1.998 0 0 0-.1.73v5h-3v-9h3V11a3 3 0 0 1 2.71-1.5c2 0 3.45 1.29 3.45 4.06v5.18Z"/></svg> 4278 </a> 4279</div> 4280 4281 4282 <div class="px-1"> 4283 <a target="_blank" href="mailto:/?subject=check-out-this-article&body=I%20thought%20you%20might%20be%20interested%20in%20this%20article: https:/www.chroma.com/news-events/chroma-technology-announces-sale-of-89-north-to-oxxius" class="block"> 4284 <svg class="w-4 h-4 text-gray-800 fill-current" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path d="M19 4.2H5a3 3 0 00-3 3v10a3 3 0 003 3h14a3 3 0 003-3v-10a3 3 0 00-3-3zm-.41 2l-5.88 5.88a1 1 0 01-1.42 0L5.41 6.2h13.18zm1.41 11a1 1 0 01-1 1H5a1 1 0 01-1-1V7.61l5.88 5.88a3 3 0 004.24 0L20 7.61v9.59z"/></svg> 4285 </a> 4286</div> 4287 4288 4289</div> 4290 4291 </div> 4292 </div> 4293 </div> 4294 </div> 4295 </div> 4296</div> 4297 4298 <div class="py-5 md:flex md:py-10"> 4299 <div class="h-48 w-48 mb-5 border shadow-lg lg:w-64 lg:h-64 md:mr-10 md:mb-0"> 4300 4301 <a href="/news-events/celebrating-35-years-of-chroma/" class="block p-5 w-full h-full lg:w-64 lg:h-64"> 4302 <img src="/img/containers/assets/images/founders-original.jpg/43ada37276cfcd8e34d2b5e01a22b9a3/founders-original.jpg" class="w-full h-full object-cover" / alt="founders original"> 4303 </a> 4304 4305 </div> 4306 <div class="flex-1"> 4307 <div> 4308 <div class="font-serif text-accent-green font-bold mb-3 flex relative "> 4309 <div class="text-center bg-white z-10"></div> 4310 </div> 4311 <h2 > 4312 <a href="/news-events/celebrating-35-years-of-chroma/">Celebrating 35 years of Chroma with a look into our past</a> 4313 </h2> 4314 <p>This year, Chroma Technology is celebrating 35 years of manufacturing the finest optical filters for scientific and industrial applications.…</p> 4315 <div class="py-1 mt-3"> 4316 <div class="flex divide-x uppercase text-accent-green"> 4317 <div class="px-3 lg:pl-0 text-center lg:text-left">Jan 2026</div> 4318 <div class="px-3 text-center lg:text-left">Chroma Technology </div> 4319 <div class="px-3 flex items-center justify-center lg:flex-start"> 4320 <div class="flex"> 4321 <div class="px-1"> 4322 <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=#https:/www.chroma.com/news-events/celebrating-35-years-of-chroma" class="block"> 4323 <svg class="w-4 h-4 text-gray-800 fill-current" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path d="M15.12 5.32H17V2.14A26.113 26.113 0 0 0 14.26 2c-2.72 0-4.58 1.66-4.58 4.7v2.62H6.61v3.56h3.07V22h3.68v-9.12h3.06l.46-3.56h-3.52V7.05c0-1.05.28-1.73 1.76-1.73Z"/></svg> 4324 </a> 4325</div> 4326 4327 4328 <div class="px-1"> 4329 <a target="_blank" href="https://x.com/intent/post/?text=https:/www.chroma.com/news-events/celebrating-35-years-of-chroma" class="block"> 4330 <svg class="w-4 h-4 text-gray-800 fill-current" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-6 h-6 fill-current" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;">
4330<path d="M17.9,2.8H21l-6.8,7.8l8.1,10.6h-6.3L11,14.8l-5.6,6.5H2.2l7.3-8.4L1.8,2.8h6.5l4.5,5.9L17.9,2.8z M16.8,19.4h1.7L7.3,4.5 H5.4L16.8,19.4z"/></svg> 4331 </a> 4332</div> 4333 4334 4335 <div class="px-1"> 4336 <a target="_blank" href="https://www.linkedin.com/shareArticle/?url=https:/www.chroma.com/news-events/celebrating-35-years-of-chroma" class="block"> 4337 <svg class="w-4 h-4 text-gray-800 fill-current" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path d="M20.47 2H3.53a1.45 1.45 0 0 0-1.47 1.43v17.14A1.45 1.45 0 0 0 3.53 22h16.94a1.45 1.45 0 0 0 1.47-1.43V3.43A1.45 1.45 0 0 0 20.47 2ZM8.09 18.74h-3v-9h3v9ZM6.59 8.48a1.56 1.56 0 0 1 0-3.12 1.57 1.57 0 1 1 0 3.12Zm12.32 10.26h-3v-4.83c0-1.21-.43-2-1.52-2A1.65 1.65 0 0 0 12.85 13a1.998 1.998 0 0 0-.1.73v5h-3v-9h3V11a3 3 0 0 1 2.71-1.5c2 0 3.45 1.29 3.45 4.06v5.18Z"/></svg> 4338 </a> 4339</div> 4340 4341 4342 <div class="px-1"> 4343 <a target="_blank" href="mailto:/?subject=check-out-this-article&body=I%20thought%20you%20might%20be%20interested%20in%20this%20article: https:/www.chroma.com/news-events/celebrating-35-years-of-chroma" class="block"> 4344 <svg class="w-4 h-4 text-gray-800 fill-current" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path d="M19 4.2H5a3 3 0 00-3 3v10a3 3 0 003 3h14a3 3 0 003-3v-10a3 3 0 00-3-3zm-.41 2l-5.88 5.88a1 1 0 01-1.42 0L5.41 6.2h13.18zm1.41 11a1 1 0 01-1 1H5a1 1 0 01-1-1V7.61l5.88 5.88a3 3 0 004.24 0L20 7.61v9.59z"/></svg> 4345 </a> 4346</div> 4347 4348 4349</div> 4350 4351 </div> 4352 </div> 4353 </div> 4354 </div> 4355 </div> 4356</div> 4357 4358 <div class="py-5 md:flex md:py-10"> 4359 <div class="h-48 w-48 mb-5 border shadow-lg lg:w-64 lg:h-64 md:mr-10 md:mb-0"> 4360 4361 <a href="/news-events/chroma-technology-joins-the-connecticut-river-conservancy-in-source-to-sea-clean-up/" class="block p-5 w-full h-full lg:w-64 lg:h-64"> 4362 <img src="/img/containers/assets/source-to-sea_7.jpg/2d7bf21d37004c6cf21f4516f47afc08/source-to-sea_7.jpg" class="w-full h-full object-cover" / alt="source to sea 7"> 4363 </a> 4364 4365 </div> 4366 <div class="flex-1"> 4367 <div> 4368 <div class="font-serif text-accent-green font-bold mb-3 flex relative "> 4369 <div class="text-center bg-white z-10"></div> 4370 </div> 4371 <h2 > 4372 <a href="/news-events/chroma-technology-joins-the-connecticut-river-conservancy-in-source-to-sea-clean-up/">Chroma Technology joins the Connecticut River Conservancy in Source to Sea Clean Up</a> 4373 </h2> 4374 <p>
4374Chroma hosts their first Source to Sea Clean up recently, cleaning up 180 lbs of trash.…</p> 4375 <div class="py-1 mt-3"> 4376 <div class="flex divide-x uppercase text-accent-green"> 4377 <div class="px-3 lg:pl-0 text-center lg:text-left">Oct 2025</div> 4378 <div class="px-3 text-center lg:text-left">Chroma </div> 4379 <div class="px-3 flex items-center justify-center lg:flex-start"> 4380 <div class="flex"> 4381 <div class="px-1"> 4382 <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=#https:/www.chroma.com/news-events/chroma-technology-joins-the-connecticut-river-conservancy-in-source-to-sea-clean-up" class="block"> 4383 <svg class="w-4 h-4 text-gray-800 fill-current" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path d="M15.12 5.32H17V2.14A26.113 26.113 0 0 0 14.26 2c-2.72 0-4.58 1.66-4.58 4.7v2.62H6.61v3.56h3.07V22h3.68v-9.12h3.06l.46-3.56h-3.52V7.05c0-1.05.28-1.73 1.76-1.73Z"/></svg> 4384 </a> 4385</div> 4386 4387 4388 <div class="px-1"> 4389 <a target="_blank" href="https://x.com/intent/post/?text=https:/www.chroma.com/news-events/chroma-technology-joins-the-connecticut-river-conservancy-in-source-to-sea-clean-up" class="block"> 4390 <svg class="w-4 h-4 text-gray-800 fill-current" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-6 h-6 fill-current" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;"><path d="M17.9,2.8H21l-6.8,7.8l8.1,10.6h-6.3L11,14.8l-5.6,6.5H2.2l7.3-8.4L1.8,2.8h6.5l4.5,5.9L17.9,2.8z M16.8,19.4h1.7L7.3,4.5 H5.4L16.8,19.4z"/>
4390</svg> 4391 </a> 4392</div> 4393 4394 4395 <div class="px-1"> 4396 <a target="_blank" href="https://www.linkedin.com/shareArticle/?url=https:/www.chroma.com/news-events/chroma-technology-joins-the-connecticut-river-conservancy-in-source-to-sea-clean-up" class="block"> 4397 <svg class="w-4 h-4 text-gray-800 fill-current" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path d="M20.47 2H3.53a1.45 1.45 0 0 0-1.47 1.43v17.14A1.45 1.45 0 0 0 3.53 22h16.94a1.45 1.45 0 0 0 1.47-1.43V3.43A1.45 1.45 0 0 0 20.47 2ZM8.09 18.74h-3v-9h3v9ZM6.59 8.48a1.56 1.56 0 0 1 0-3.12 1.57 1.57 0 1 1 0 3.12Zm12.32 10.26h-3v-4.83c0-1.21-.43-2-1.52-2A1.65 1.65 0 0 0 12.85 13a1.998 1.998 0 0 0-.1.73v5h-3v-9h3V11a3 3 0 0 1 2.71-1.5c2 0 3.45 1.29 3.45 4.06v5.18Z"/></svg> 4398 </a> 4399</div> 4400 4401 4402 <div class="px-1"> 4403 <a target="_blank" href="mailto:/?subject=check-out-this-article&body=I%20thought%20you%20might%20be%20interested%20in%20this%20article: https:/www.chroma.com/news-events/chroma-technology-joins-the-connecticut-river-conservancy-in-source-to-sea-clean-up" class="block"> 4404 <svg class="w-4 h-4 text-gray-800 fill-current" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path d="M19 4.2H5a3 3 0 00-3 3v10a3 3 0 003 3h14a3 3 0 003-3v-10a3 3 0 00-3-3zm-.41 2l-5.88 5.88a1 1 0 01-1.42 0L5.41 6.2h13.18zm1.41 11a1 1 0 01-1 1H5a1 1 0 01-1-1V7.61l5.88 5.88a3 3 0 004.24 0L20 7.61v9.59z"/></svg> 4405 </a> 4406</div> 4407 4408 4409</div> 4410 4411 </div> 4412 </div> 4413 </div> 4414 </div> 4415 </div> 4416</div> 4417 4418 <div class="py-5 md:flex md:py-10"> 4419 <div class="h-48 w-48 mb-5 border shadow-lg lg:w-64 lg:h-64 md:mr-10 md:mb-0"> 4420 4421 <a href="/news-events/chroma-awards-dr-leeat-keren-the-anne-heidenthal-prize-for-fluorescence-research/" class="block p-5 w-full h-full lg:w-64 lg:h-64"> 4422 <img src="/img/containers/assets/images/anne-heidenthal-winner-2025-leeat-karen-old.jpg/d81d05eec3fface05ea8bddd42d29b03/anne-heidenthal-winner-2025-leeat-karen-old.jpg" class="w-full h-full object-cover" / alt="anne heidenthal winner 2025 leeat karen old"> 4423 </a> 4424 4425 </div> 4426 <div class="flex-1"> 4427 <div> 4428 <div class="font-serif text-accent-green font-bold mb-3 flex relative "> 4429 <div class="text-center bg-white z-10"></div> 4430 </div> 4431 <h2 > 4432 <a href="/news-events/chroma-awards-dr-leeat-keren-the-anne-heidenthal-prize-for-fluorescence-research/">Chroma awards Dr. Leeat Keren the Anne Heidenthal Prize for Fluorescence Research</a> 4433 </h2> 4434 <p>Chroma presnted Dr. Leeat Keren the Anne Heidenthal Award for Fluorescence Research. Dr. Keren was chosen for her work in proteomics staining as a novel technology for early-stage cancer detection.…</p> 4435 <div class="py-1 mt-3"> 4436 <div class="flex divide-x uppercase text-accent-green"> 4437 <div class="px-3 lg:pl-0 text-center lg:text-left">Aug 2025</div> 4438 <div class="px-3 text-center lg:text-left">Chroma </div> 4439 <div class="px-3 flex items-center justify-center lg:flex-start"> 4440 <div class="flex"> 4441 <div class="px-1"> 4442 <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=#https:/www.chroma.com/news-events/chroma-awards-dr-leeat-keren-the-anne-heidenthal-prize-for-fluorescence-research" class="block"> 4443 <svg class="w-4 h-4 text-gray-800 fill-current" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path d="M15.12 5.32H17V2.14A26.113 26.113 0 0 0 14.26 2c-2.72 0-4.58 1.66-4.58 4.7v2.62H6.61v3.56h3.07V22h3.68v-9.12h3.06l.46-3.56h-3.52V7.05c0-1.05.28-1.73 1.76-1.73Z"/></svg> 4444 </a> 4445</div> 4446 4447 4448 <div class="px-1"> 4449 <a target="_blank" href="https://x.com/intent/post/?text=https:/www.chroma.com/news-events/chroma-awards-dr-leeat-keren-the-anne-heidenthal-prize-for-fluorescence-research" class="block"> 4450 <svg class="w-4 h-4 text-gray-800 fill-current" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-6 h-6 fill-current" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;">
4450<path d="M17.9,2.8H21l-6.8,7.8l8.1,10.6h-6.3L11,14.8l-5.6,6.5H2.2l7.3-8.4L1.8,2.8h6.5l4.5,5.9L17.9,2.8z M16.8,19.4h1.7L7.3,4.5 H5.4L16.8,19.4z"/></svg> 4451 </a> 4452</div> 4453 4454 4455 <div class="px-1"> 4456 <a target="_blank" href="https://www.linkedin.com/shareArticle/?url=https:/www.chroma.com/news-events/chroma-awards-dr-leeat-keren-the-anne-heidenthal-prize-for-fluorescence-research" class="block"> 4457 <svg class="w-4 h-4 text-gray-800 fill-current" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path d="M20.47 2H3.53a1.45 1.45 0 0 0-1.47 1.43v17.14A1.45 1.45 0 0 0 3.53 22h16.94a1.45 1.45 0 0 0 1.47-1.43V3.43A1.45 1.45 0 0 0 20.47 2ZM8.09 18.74h-3v-9h3v9ZM6.59 8.48a1.56 1.56 0 0 1 0-3.12 1.57 1.57 0 1 1 0 3.12Zm12.32 10.26h-3v-4.83c0-1.21-.43-2-1.52-2A1.65 1.65 0 0 0 12.85 13a1.998 1.998 0 0 0-.1.73v5h-3v-9h3V11a3 3 0 0 1 2.71-1.5c2 0 3.45 1.29 3.45 4.06v5.18Z"/></svg> 4458 </a> 4459</div> 4460 4461 4462 <div class="px-1"> 4463 <a target="_blank" href="mailto:/?subject=check-out-this-article&body=I%20thought%20you%20might%20be%20interested%20in%20this%20article: https:/www.chroma.com/news-events/chroma-awards-dr-leeat-keren-the-anne-heidenthal-prize-for-fluorescence-research" class="block"> 4464 <svg class="w-4 h-4 text-gray-800 fill-current" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path d="M19 4.2H5a3 3 0 00-3 3v10a3 3 0 003 3h14a3 3 0 003-3v-10a3 3 0 00-3-3zm-.41 2l-5.88 5.88a1 1 0 01-1.42 0L5.41 6.2h13.18zm1.41 11a1 1 0 01-1 1H5a1 1 0 01-1-1V7.61l5.88 5.88a3 3 0 004.24 0L20 7.61v9.59z"/></svg> 4465 </a> 4466</div> 4467 4468 4469</div> 4470 4471 </div> 4472 </div> 4473 </div> 4474 </div> 4475 </div> 4476</div> 4477 4478 </div> 4479 4480 4481 <div class="mx-auto my-3"> 4482 <ul class="flex items-center justify-center space-x-6 cursor-default md:space-x-10 list-style-none"> 4483 4484 <li class="cursor-not-allowed"> 4485 <svg class="w-8 h-8 text-gray-900 fill-current opacity-20" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path d="M11.29 12l3.54-3.54a1 1 0 10-1.42-1.41l-4.24 4.24a1 1 0 000 1.42L13.41 17a1 1 0 00.71.29 1 1 0 00.71-.29 1 1 0 000-1.41L11.29 12z"/></svg> 4486 </li> 4487 4488 4489 4490 4491 4492 <li class="justify-center text-sm hover:text-secondary"> 4493 1 4494 </li> 4495 4496 4497 4498 <a href="/company/news/page/2/"> 4499 <li class="justify-center text-sm text-gray-900 hover:text-secondary"> 4500 2 4501 </li> 4502 </a> 4503 4504 4505 4506 <a href="/company/news/page/3/"> 4507 <li class="justify-center text-sm text-gray-900 hover:text-secondary"> 4508 3 4509 </li> 4510 </a> 4511 4512 4513 4514 <a href="/company/news/page/4/"> 4515 <li class="justify-center text-sm text-gray-900 hover:text-secondary"> 4516 4 4517 </li> 4518 </a> 4519 4520 4521 4522 <a href="/company/news/page/5/"> 4523 <li class="justify-center text-sm text-gray-900 hover:text-secondary"> 4524 5 4525 </li> 4526 </a> 4527 4528 4529 4530 <a href="/company/news/page/6/"> 4531 <li class="justify-center text-sm text-gray-900 hover:text-secondary"> 4532 6 4533 </li> 4534 </a> 4535 4536 4537 4538 4539 4540 4541 4542 4543 4544 4545 4546 4547 4548 4549 <a aria-label="next-page" href="/company/news/page/2/"> 4550 <svg class="w-8 h-8 text-gray-900 fill-current hover:text-secondary" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path d="M14.83 11.29l-4.24-4.24a1 1 0 10-1.42 1.41L12.71 12l-3.54 3.54a1 1 0 000 1.41 1 1 0 00.71.29 1 1 0 00.71-.29l4.24-4.24a1.002 1.002 0 000-1.42z"/></svg> 4551 </a> 4552 4553</ul> 4554 4555 </div> 4556 4557 4558 4559 </section> 4560 <section class="px-10"> 4561 <div class="border-t border-gray-300 flex pt-10 w-full relative"> 4562 4563 <p></p> 4564 4565 </div> 4566 </section> 4567 </div> 4568 </div> 4569 </div> 4570</div> 4571 </div> 4572 </div> 4573 4574 <!-- prefooter start --> 4575<div class="bg-sky-800 dark:bg-slate-900 w-full print:hidden"> 4576 <div class="container "> 4577 <ul class="grid grid-cols-1 gap-5 p-5 md:grid-cols-5 lg:max-w-[75%] mx-auto"> 4578 <li class="flex justify-center items-center h-[125px]"> 4579 <img src="/img/containers/assets/footer/b-corp-rev.png/ad7abf0155f81bb53cb97b62fb53c674/b-corp-rev.png" width="125" height="125" class="max-w-[125px] h-[125px]" loading="lazy" alt="B Corp Certified"> 4580 </li> 4581 <li class="flex justify-center items-center h-[125px]"> 4582 <img src="/img/containers/assets/footer/reach-white.png/d45f9d747fff040bab505ec300dfff88/reach-white.png" width="125" height="125" class="max-w-[125px] h-[125px]" loading="lazy" alt="REACH Certified"> 4583 </li> 4584 <li class="flex justify-center items-center h-[125px]"> 4585 <img src="/img/containers/assets/footer/rohs-white.png/cd5ccf0c8232fd2dd8946fbcabc9e90a/rohs-white.png" width="125" height="125" class="max-w-[125px] h-[125px]" loading="lazy" alt="ROHS Certified"> 4586 </li> 4587 <li class="flex justify-center `items-center h-[125px]"> 4588 <img src="/img/containers/assets/footer/100-emp-owned-rev.png/aad9e4772ffcdfeb4fa481a2d4c9b09b/100-emp-owned-rev.png" width="125" height="125" class="max-w-[125px] h-[125px]" loading="lazy" alt="100% Employee Owned"> 4589 </li> 4590 <li class="flex justify-center items-center h-[125px]"> 4591 <img src="/img/containers/assets/footer/nqaiso9001logo-anab.png/cf37b41b00c9d75049ad720c36da7a3f/nqaiso9001logo-anab.png" width="150" height="125" class="max-w-[150px] h-[125px]" loading="lazy" alt="NQA ISO 9001 Certified"> 4592 </li> 4593 </ul> 4594 </div> 4595</div> 4596<!-- prefooter end --> 4597<!-- footer start --> 4598<div class="bg-white dark:bg-slate-800 w-full mt-5 print:hidden min-h-[348px]"> 4599 <div class="container"> 4600 4601 <div class="md:flex max-sm:space-y-10 space-y-5 md:space-x-10"> 4602 <div> 4603 4604 <div class="space-y-4"> 4605 4606 <div class="flex space-x-5 dark:hidden"> 4607 4608 4609 4610 4611<a href="/" target="_self"><img src="/assets/footer/chr-logo-footer.png" / alt="chr logo footer"></a> 4612 4613</div> 4614 4615 <div class="md:flex"> 4616 <p>10 Imtec Lane<br>Bellows Falls, VT 05101 US<br>Tel 800-824-7662<br>Fax 802-428-2525<br>
4616<a href="mailto:[email protected]">[email protected]</a><br>Media Queries: <a href="mailto:[email protected]">[email protected]</a><br><a href="/resources/customer-support/standard-terms-conditions/">Terms of Use</a> <a href="/privacy-policy/">Privacy Policy</a></p> 4617</div> 4618 4619 4620 <div class="flex items-center space-x-2"> 4621 4622 <a 4623 class="block" 4624 aria-label="visit /assets/icons/x-twitter.svg" 4625 href="https://www.twitter.com/ChromaVT/"> 4626 <?xml version="1.0" encoding="UTF-8"?><svg class="w-6 h-6 fill-current" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;"><path d="M17.9,2.8H21l-6.8,7.8l8.1,10.6h-6.3L11,14.8l-5.6,6.5H2.2l7.3-8.4L1.8,2.8h6.5l4.5,5.9L17.9,2.8z M16.8,19.4h1.7L7.3,4.5 H5.4L16.8,19.4z"/></svg> 4627 </a> 4628 4629 <a 4630 class="block" 4631 aria-label="visit /assets/icons/linkedin-1641400598.svg" 4632 href="https://www.linkedin.com/company/chroma-technology-corp/"> 4633 <?xml version="1.0" encoding="UTF-8"?><svg class="w-6 h-6 fill-current" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;"><path d="M20.5,2H3.5C2.7,2,2.1,2.6,2.1,3.4c0,0,0,0,0,0v17.1c0,0.8,0.7,1.4,1.5,1.4c0,0,0,0,0,0h16.9c0.8,0,1.5-0.6,1.5-1.4 c0,0,0,0,0,0V3.4C21.9,2.6,21.3,2,20.5,2C20.5,2,20.5,2,20.5,2z M8.1,18.7h-3v-9h3V18.7z M6.6,8.5C5.7,8.5,5,7.8,5,6.9 s0.7-1.6,1.6-1.6c0.9-0.1,1.6,0.5,1.7,1.4S7.8,8.4,6.9,8.5C6.8,8.5,6.7,8.5,6.6,8.5z M18.9,18.7h-3v-4.8c0-1.2-0.4-2-1.5-2 c-0.7,0-1.3,0.4-1.5,1.1c-0.1,0.2-0.1,0.5-0.1,0.7v5h-3v-9h3V11c0.6-1,1.6-1.5,2.7-1.5c2,0,3.4,1.3,3.4,4.1V18.7z"/></svg> 4634 </a> 4635 4636 <a 4637 class="block" 4638 aria-label="visit /assets/icons/facebook-1641400589.svg" 4639 href="https://www.facebook.com/chromatechnology/"> 4640 <svg class="w-6 h-6 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M15.12 5.32H17V2.14A26.113 26.113 0 0 0 14.26 2c-2.72 0-4.58 1.66-4.58 4.7v2.62H6.61v3.56h3.07V22h3.68v-9.12h3.06l.46-3.56h-3.52V7.05c0-1.05.28-1.73 1.76-1.73Z"/></svg> 4641 </a> 4642 4643 <a 4644 class="block" 4645 aria-label="visit /assets/icons/youtube-1641400598.svg" 4646 href="https://www.youtube.com/@chromatechnology/"> 4647 <svg class="w-6 h-6 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M23 9.71a8.5 8.5 0 0 0-.91-4.13 2.92 2.92 0 0 0-1.72-1A78.358 78.358 0 0 0 12 4.27a78.45 78.45 0 0 0-8.34.3 2.87 2.87 0 0 0-1.46.74c-.9.83-1 2.25-1.1 3.45a48.289 48.289 0 0 0 0 6.48 9.55 9.55 0 0 0 .3 2c.12.505.365.972.71 1.36a2.86 2.86 0 0 0 1.49.78c2.156.266 4.328.376 6.5.33 3.5.05 6.57 0 10.2-.28a2.88 2.88 0 0 0 1.53-.78c.28-.28.49-.623.61-1a10.58 10.58 0 0 0 .52-3.4c.04-.56.04-3.94.04-4.54ZM9.74 14.85V8.66l5.92 3.11c-1.66.92-3.85 1.96-5.92 3.08Z"/></svg> 4648 </a> 4649 4650</div> 4651 4652 4653</div> 4654 4655 4656 </div> 4657 <div class="space-y-5 flex-1 w-full lg:space-y-0 lg:grid lg:grid-cols-3 lg:gap-5 min-h-[264px]"> 4658 4659 <div> 4660 <h4>Company</h4> 4661 4662 <ul> 4663 4664 <li class="m-0"> 4665 <a href="/company/certifications-awards/"> 4666 Certifications and Awards 4667 </a> 4668 </li> 4669 4670 4671 <li class="m-0"> 4672 <a href="/company/certifications-awards/b-corp/"> 4673 EU B-Corp Certification 4674 </a> 4675 </li> 4676 4677 4678 <li class="m-0"> 4679 <a href="/company/careers/"> 4680 Careers 4681 </a> 4682 </li> 4683 4684 4685 <li class="m-0"> 4686 <a href="/company/deib/"> 4687 DEIB 4688 </a> 4689 </li> 4690 4691 4692 <li class="m-0"> 4693 <a href="/company/mission-values/"> 4694 Mission and Values 4695 </a> 4696 </li> 4697 4698 4699 <li class="m-0"> 4700 <a href="/company/news/"> 4701 News & Press Releases 4702 </a> 4703 </li> 4704 4705 4706 <li class="m-0"> 4707 <a href="/company/events/"> 4708 Upcoming Events 4709 </a> 4710 </li> 4711 4712 4713 </ul> 4714 4715 </div> 4716 4717 <div> 4718 <h4>Support</h4> 4719 4720 <ul> 4721 4722 <li class="m-0"> 4723 <a href="/resources/customer-support/faqs/"> 4724 Frequently Asked Questions 4725 </a> 4726 </li> 4727 4728 4729 <li class="m-0"> 4730 <a href="/assets/documents/chroma-iso-certificate-18372-2025-11-18.pdf"> 4731 ISO 9001 Certification 4732 </a> 4733 </li> 4734 4735 4736 <li class="m-0"> 4737 <a href="/resources/customer-support/shipping-returns/"> 4738 Shipping & Returns 4739 </a> 4740 </li> 4741 4742 4743 <li class="m-0"> 4744 <a href="/resources/customer-support/warranty-information/"> 4745 Warranty Information 4746 </a> 4747 </li> 4748 4749 4750 <li class="m-0"> 4751 <a href="/resources/quality/quality-policy/"> 4752 Quality Policy 4753 </a> 4754 </li> 4755 4756 4757 </ul> 4758 4759 </div> 4760 4761 <div> 4762 <h4>Resources</h4> 4763 4764 <ul> 4765 4766 <li class="m-0"> 4767 <a href="/resources/technical-library/"> 4768 Technical Library 4769 </a> 4770 </li> 4771 4772 4773 <li class="m-0">
4774 <a href="/resources/technical-library/guides-and-instructions/cleaning-filters/"> 4775 Cleaning and Handling Filters 4776 </a> 4777 </li> 4778 4779 4780 <li class="m-0"> 4781 <a href="/resources/technical-library/guides-and-instructions/filter-orientation/"> 4782 Filter Orientation Guide 4783 </a> 4784 </li> 4785 4786 4787 <li class="m-0"> 4788 <a href="/resources/technical-library/glossary/"> 4789 Glossary of Optical Terms 4790 </a> 4791 </li> 4792 4793 4794 <li class="m-0"> 4795 <a href="/assets/documents/chroma-handbook-of-optical-filters.pdf"> 4796 Handbook of Optical Filters 4797 </a> 4798 </li> 4799 4800 4801 <li class="m-0"> 4802 <a href="/resources/technical-library/whitepapers/"> 4803 Whitepapers 4804 </a> 4805 </li> 4806 4807 4808 </ul> 4809 4810 </div> 4811 4812 </div> 4813 </div> 4814 4815 4816 <!-- footer copyright start --> 4817 <div class="py-5 px-5 xl:px-20 flex justify-end"> 4818 4819 <div class="md:flex"> 4820 <p>© 2026 Chroma Technology Corp. All rights reserved.</p> 4821</div> 4822 4823 4824 </div> 4825 <!-- footer copyright end --> 4826 </div> 4827</div> 4828<!-- footer end --> 4829 <template x-if="search"> 4830<div 4831 x-data="globalSearch('us')" 4832 class="fixed top-0 left-0 z-[200] bg-black/60 w-full h-full flex items-center justify-center" 4833> 4834 <div class="shadow-lg bg-white dark:bg-slate-900 border rounded w-[80%] h-[90%] flex flex-col"> 4835 <div class="flex flex-col-reverse lg:flex-row w-full"> 4836 <div class="w-full p-3"> 4837 <div id="globalsearch-searchbox"></div> 4838 </div> 4839 <div class="flex-1 p-3 flex items-center cursor-pointer" @click="search=false">Close</div> 4840 </div> 4841 <div class="h-full w-full overflow-hidden md:flex relative"> 4842 4843 <div 4844 class="absolute z-[99] w-full h-full top-0 left-0 bg-white/80 dark:bg-slate-900/80 flex items-center justify-center" 4845 :class="!isLoading ? 'hidden' : ''" 4846 > 4847 <div role="status"> 4848 <svg aria-hidden="true" class="w-8 h-8 text-gray-200 animate-spin dark:text-gray-600 fill-blue-600" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg"> 4849 <path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="currentColor"/> 4850 <path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentFill"/> 4851 </svg> 4852 <span class="sr-only">Loading...</span> 4853</div> 4854 </div> 4855 <div class="hidden w-full lg:w-1/5 lg:block p-3"> 4856 <div x-show="totalhits > 0">Total hits: <span x-text="totalhits"></span></div> 4857 <div id="globalsearch-refinements"></div> 4858 <div id="globalsearch-discontinued"></div> 4859 4860 <div class="mt-5"> 4861 <h4>Result Types</h4> 4862 <div> 4863 <div><a id="globalsearch-set-sidebar" x-show="setindex" @click="switchActivePanel('sets')">Filter Sets <span></span></a></div> 4864 <div><a id="globalsearch-part-sidebar" x-show="partindex" @click="switchActivePanel('parts')">Individual Filters <span></span></a></div> 4865 <div><a id="globalsearch-holder-sidebar" x-show="holderindex" @click="switchActivePanel('holder')">Cubes & Holders <span></span></a></div> 4866 <div><a id="globalsearch-accessory-sidebar" x-show="accessoryindex" @click="switchActivePanel('accessory')">Filter Accessories <span></span></a></div> 4867 <div><a id="globalsearch-page-sidebar" x-show="pageindex" @click="switchActivePanel('page')">Pages & Documents <span></span></a></div> 4868 <div><a id="globalsearch-glossary-sidebar" x-show="glossaryindex" @click="switchActivePanel('glossary')">Glossary Terms <span></span></a></div> 4869 </div> 4870 </div> 4871 <!-- <div> 4872 <select x-model="activeindex" @change="switchIndex()"> 4873 <option value="all">All</option> 4874 <option value="setindex">Complete Sets</option> 4875 <option value="partindex">Individual Filters</option> 4876 <option value="holderindex">Cubes & Holders</option> 4877 <option value="accessoryindex">Filter Accessories</option> 4878 <option value="pageindex">Pages and Documents</option> 4879 </select> 4880 </div> --> 4881 4882 4883 <div id="globalsearch-contenttype"></div> 4884 </div> 4885 <div class="h-full w-full lg:w-4/5 overflow-hidden flex flex-col p-2 border-l border-gray-300 relative"> 4886 <div 4887 class="absolute z-[99] w-full h-full top-0 left-0 bg-white" 4888 :class="activepanel ? 'hidden' : ''" 4889 > 4890 <div class="p-10"> 4891 <h2>No Results Found</h2> 4892 <p>Please check the spelling or try searching with different keywords.</p> 4893 <p>You can also explore the following sections for more information:</p> 4894 <ul> 4895 <li><a href="/products/filter-types/all-filters/?utm_source=no+results+found+page&utm_medium=site+search">View All Filters</a></li> 4896 <li><a href="/products/filter-set-types/all-catalog-sets/?utm_source=no+results+found+page&utm_medium=site+search">View All Filter Sets</a></li> 4897 <li><a href="/support/knowledge-center/?utm_source=no+results+found+page&utm_medium=site+search">View Our Knowledge Center</a></li> 4898 <li><a href="/support/?utm_source=no+results+found+page&utm_medium=site+search">Get Customer Support</a></li> 4899 </ul> 4900 4901 <p class="font-bold">If you need further assistance, feel free to contact us:</p> 4902 4903 <ul> 4904 <li>
4904<a href="mailto:[email protected]?subject=Missing%20Search%20Results">[email protected]</a></li> 4905 <li>Tel: +1-802-428-2500</li> 4906 <li>Toll-free: 800-824-7662</li> 4907 </ul> 4908 <p>We're here to help you find the optical filter solutions you need.</p> 4909</div> 4910 </div> 4911 <div class="lg:flex w-full border-b border-gray-800 bg-white dark:bg-slate-900 md:space-x-2"> 4912 <div 4913 id="globalsearch-set-legend" 4914 x-show="setindex" 4915 @click="switchActivePanel('sets')" 4916 class="py-2 px-2 lg:py-3 lg:px-2 w-full min-w-0 uppercase cursor-pointer flex items-center justify-start md:rounded-t-lg font-bold border-l border-r border-t border-gray-800" 4917 :class="activepanel === 'sets' ? 'bg-blue-200 text-blue-800' : 'bg-white text-slate-500 dark:text-slate-400 dark:bg-slate-800'" 4918 ><div>Filter Sets <span></span></div></div> 4919 <div 4920 id="globalsearch-part-legend" 4921 x-show="partindex" 4922 @click="switchActivePanel('parts')" 4923 class="py-2 px-2 lg:py-3 lg:px-2 w-full min-w-0 uppercase cursor-pointer flex items-center justify-start md:rounded-t-lg font-bold border-l border-r border-t border-gray-800" 4924 :class="activepanel === 'parts' ? 'bg-blue-200 text-blue-800' : 'bg-white text-slate-500 dark:text-slate-400 dark:bg-slate-800'" 4925 ><div>Individual Filters <span></span></div></div> 4926 <div 4927 id="globalsearch-holder-legend" 4928 x-show="holderindex" 4929 @click="switchActivePanel('holder')" 4930 class="py-2 px-2 lg:py-3 lg:px-2 w-full min-w-0 uppercase cursor-pointer flex items-center justify-start md:rounded-t-lg font-bold border-l border-r border-t border-gray-800" 4931 :class="activepanel === 'holder' ? 'bg-blue-200 text-blue-800' : 'bg-white text-slate-500 dark:text-slate-400 dark:bg-slate-800'" 4932 ><div>Cubes & Holders <span></span></div></div> 4933 <div 4934 id="globalsearch-accessory-legend" 4935 x-show="accessoryindex" 4936 @click="switchActivePanel('accessory')" 4937 class="py-2 px-2 lg:py-3 lg:px-2 w-full min-w-0 uppercase cursor-pointer flex items-center justify-start md:rounded-t-lg font-bold border-l border-r border-t border-gray-800" 4938 :class="activepanel === 'accessory' ? 'bg-blue-200 text-blue-800' : 'bg-white text-slate-500 dark:text-slate-400 dark:bg-slate-800'" 4939 ><div>Filter Accessories <span></span></div></div> 4940 <div 4941 id="globalsearch-page-legend" 4942 x-show="pageindex" 4943 @click="switchActivePanel('page')" 4944 class="py-2 px-2 lg:py-3 lg:px-2 w-full min-w-0 uppercase cursor-pointer flex items-center justify-start md:rounded-t-lg font-bold border-l border-r border-t border-gray-800" 4945 :class="activepanel === 'page' ? 'bg-blue-200 text-blue-800' : 'bg-white text-slate-500 dark:text-slate-400 dark:bg-slate-800'" 4946 ><div>Pages & Documents <span></span></div></div> 4947 <div 4948 id="globalsearch-glossary-legend" 4949 x-show="glossaryindex" 4950 @click="switchActivePanel('glossary')" 4951 class="py-2 px-2 lg:py-3 lg:px-2 w-full min-w-0 uppercase cursor-pointer flex items-center justify-start md:rounded-t-lg font-bold border-l border-r border-t border-gray-800" 4952 :class="activepanel === 'glossary' ? 'bg-blue-200 text-blue-800' : 'bg-white text-slate-500 dark:text-slate-400 dark:bg-slate-800'" 4953 ><div>Glossary Terms <span></span></div></div> 4954 </div> 4955 <div class="h-full overflow-hidden p-2" > 4956 <div id="globalsearch-set-hits" class="h-full overflow-y-auto " x-show="activeindex === 'setindex' || ( activeindex === 'all' && activepanel === 'sets')"></div> 4957 <div id="globalsearch-part-hits" class="h-full overflow-y-auto" x-show="activeindex === 'partindex' || ( activeindex === 'all' && activepanel === 'parts')"></div> 4958 <div id="globalsearch-holder-hits" class="h-full overflow-y-auto" x-show="activeindex === 'holderindex' || ( activeindex === 'all' && activepanel === 'holder')"></div> 4959 <div id="globalsearch-accessory-hits" class="h-full overflow-y-auto" x-show="activeindex === 'accessoryindex' || ( activeindex === 'all' && activepanel === 'accessory')"></div> 4960 <div id="globalsearch-page-hits" class="h-full overflow-y-auto" x-show="activeindex === 'pageindex' || ( activeindex === 'all' && activepanel === 'page')"></div> 4961 <div id="globalsearch-glossary-hits" class="h-full overflow-y-auto" x-show="activeindex === 'glossaryindex' || ( activeindex === 'all' && activepanel === 'glossary')"></div> 4962 </div> 4963 </div> 4964 </div> 4965 </div> 4966</div> 4967</template> 4968 4969 <div class="foxyDialog" id="FCart" style="display:none;"></div> 4970 4971 4972 4973 4974 <div 4975 class="fixed bottom-0 w-full left-0 z-[999] bg-blue-600 p-5" 4976 x-data="{ 4977 show: true, 4978 init() { 4979 if (localStorage.getItem('chr-cookieconsent')) { 4980 this.show = false;
4981 } 4982 }, 4983 cookieConsent() { 4984 localStorage.setItem('chr-cookieconsent', true); 4985 this.show = false; 4986 } 4987 }" 4988 x-show="show" 4989 x-cloak 4990> 4991 <div class="container text-white lg:flex justify-center items-center"> 4992 <div class="lg:flex space-y-5 lg:space-y-0 lg:space-x-5 "> 4993 <div class="w-full text-center lg:text-left"> 4994 <strong>By using this website, you agree to our use of cookies.</strong><br/>We use cookies to improve the user experience and to help our website run effectively. To learn more, read our <a href="/privacy-policy/" class="text-white underline">Privacy Policy</a>. 4995 </div> 4996 <div class="w-full flex-1 flex justify-center lg:justify-start"> 4997 <button @click="cookieConsent()" class="bg-white rounded px-5 py-2 text-blue-600 block whitespace-nowrap">I agree</button> 4998 </div> 4999 </div> 5000 </div> 5001</div> 5002 5003 <!-- Matomo Tag Manager --> 5004
5004<script type="text/javascript"> 5005 var _mtm = window._mtm = window._mtm || []; 5006 _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'}); 5007 (function() { 5008 var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 5009 g.async=true; g.src='https://cdn.matomo.cloud/chroma.matomo.cloud/container_6HGODgNi.js'; s.parentNode.insertBefore(g,s); 5010 })(); 5011 </script>
5011 5012 <!-- End Matomo Tag Manager --> 5013
5014<script async id="netlify-rum-container" src="/.netlify/scripts/rum" data-netlify-rum-site-id="4c583d5f-df90-4d42-8b67-c899e4d043f7" data-netlify-deploy-branch="production" data-netlify-deploy-context="production" data-netlify-cwv-token="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzaXRlX2lkIjoiNGM1ODNkNWYtZGY5MC00ZDQyLThiNjctYzg5OWU0ZDA0M2Y3IiwiYWNjb3VudF9pZCI6IjY2ZTA1MjFmMmNhZTdlMmYyMzQxZGRjNCIsImRlcGxveV9pZCI6IjZhYjNmNGNlNjE2YjU2MDAwODg0Y2JiMCIsImlzc3VlciI6Im5mc2VydmVyIn0.j-JI8RT1cVemc_T_TuJyIAjah3Cn3eh-3iPMSAPIYp4"></script>
5014 5015</body> 5016</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.