PageSourceSearch

https://littlebirdelectronics.com.au/cart

html littlebirdelectronics.com.au collected 2026-10-03 19:15:04 UTC 142,448 bytes, 1,491 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en" class=" h-full scroll-smooth">
3<head>
4  <meta name="viewport" content="width=device-width,initial-scale=1">
5    
5<script>
6    (function () {
7      var query = window.matchMedia("(prefers-color-scheme: dark)")
8      var apply = function () { document.documentElement.classList.toggle("dark", query.matches) }
9      apply()
10      query.addEventListener("change", apply)
11    })()
12  </script>
12
13
14    <link rel="ai-catalog" href="/.well-known/ai-catalog.json" type="application/ai-catalog+json">
15    <link rel="llms-txt" href="/llms.txt" type="text/markdown">
16    <meta name="facebook-domain-verification" content="58jbwwldbmcc3pmlcsbue4srsb6fp7">
17    <meta name="msvalidate.01" content="AD1720C9C30512032BBC271E6E59C736">
18    <link rel="preconnect" href="https://www.googletagmanager.com">
19    <link rel="preconnect" href="https://www.google.com">
vendor: 68 bytes, lines 19-20
19
20    <script async src="https://www.googletagmanager.com/gtag/js?id=
20AW-980577593
vendor: 14 bytes, lines 20-21
20"></script>
21  
21<script>
22    
vendor: 139 bytes, lines 22-25
22window.dataLayer = window.dataLayer || [];
23    function gtag(){dataLayer.push(arguments);}
24    gtag('js', new Date());
25    gtag('config', '
25AW-980577593
vendor: 6 bytes, lines 25-26
25');
26  
26</script>
26
27
28    <title>Your Cart | Little Bird Electronics</title>
29<meta name="title" content="Your Cart | Little Bird Electronics">
30<meta name="description" content="Australian electronics retailer — maker kits, sensors, single-board computers, and STEM education products. Fast shipping Australia-wide.">
31<meta property="og:type" content="website">
32<meta property="og:url" content="https://littlebirdelectronics.com.au/cart">
33<meta property="og:title" content="Your Cart | Little Bird Electronics">
34<meta property="og:description" content="Australian electronics retailer — maker kits, sensors, single-board computers, and STEM education products. Fast shipping Australia-wide.">
35<meta property="og:image" content="https://littlebirdelectronics.com.au/assets/opengraph-9310268e.png">
36<meta name="twitter:card" content="summary">
37<meta name="twitter:site" content="@lbhq">
38<meta name="twitter:title" content="Your Cart | Little Bird Electronics">
39<meta name="twitter:description" content="Australian electronics retailer — maker kits, sensors, single-board computers, and STEM education products. Fast shipping Australia-wide.">
40<meta name="twitter:image" content="https://littlebirdelectronics.com.au/assets/opengraph-9310268e.png">
41  <link rel="icon" href="/favicon-32x32.png" type="image/png" sizes="32x32">
42<link rel="apple-touch-icon" href="/apple-touch-icon.png">
43<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#2d89ef">
44<link rel="manifest" href="/site.webmanifest">
45<meta name="msapplication-TileColor" content="#ffffff">
46<meta name="msapplication-TileImage" content="/mstile-150x150.png">
47<meta name="msapplication-config" content="/browserconfig.xml">
48<meta name="application-name" content="Little Bird Electronics">
49<meta name="robots" content="noindex">
50<meta name="mobile-web-app-capable" content="yes">
51<link rel="canonical" href="https://littlebirdelectronics.com.au/cart">
52
53
54
55<meta name="csrf-param" content="authenticity_token" />
56<meta name="csrf-token" content="z7hH3t-LmwYKpSlvewaWOJgtdv6HPDDw091YtN9R486Zn5v4zUp8TjP6cOujRfZNsfuFrKZVCaPm_5ulpzU9nA" />
57
58<meta name="viewport" content="width=device-width, initial-scale=1">
59
60<script type="importmap" data-turbo-track="reload">{
61  "imports": {
62    "controllers/hw_combobox_controller": "/assets/hotwire_combobox.esm-4f9dbfdf.js",
63    "application": "/assets/application-f556c526.js",
64    "admin": "/assets/admin-ccbc4be4.js",
65    "three": "https://cdn.jsdelivr.net/npm/[email protected]/build/three.module.js",
66    "three/addons/controls/OrbitControls.js": "https://cdn.jsdelivr.net/npm/[email protected]/examples/jsm/controls/OrbitControls.js",
67    "three/addons/environments/RoomEnvironment.js": "https://cdn.jsdelivr.net/npm/[email protected]/examples/jsm/environments/RoomEnvironment.js",
68    "three/addons/loaders/GLTFLoader.js": "https://cdn.jsdelivr.net/npm/[email protected]/examples/jsm/loaders/GLTFLoader.js",
69    "three/addons/utils/BufferGeometryUtils.js": "https://cdn.jsdelivr.net/npm/[email protected]/examples/jsm/utils/BufferGeometryUtils.js",
70    "three/addons/libs/meshopt_decoder.module.js": "https://cdn.jsdelivr.net/npm/[email protected]/examples/jsm/libs/meshopt_decoder.module.js",
71    "@hotwired/stimulus": "/assets/stimulus-d59b3b7f.js",
72    "@hotwired/stimulus-loading": "/assets/stimulus-loading-1fc53fe7.js",
73    "@hotwired/turbo-rails": "/assets/turbo.min-9fd88cd5.js",
74    "@rails/actiontext": "/assets/actiontext.esm-c376325e.js",
75    "@rails/actioncable": "/assets/actioncable.esm-e0ec9819.js",
76    "@rails/activestorage": "/assets/activestorage.esm-81bb34bc.js",
77    "lexxy": "/assets/lexxy-ae116412.js",
78    "stimulus_grid": "/assets/stimulus_grid-268f685c.js",
79    "leaflet": "https://cdn.jsdelivr.net/npm/[email protected]/dist/leaflet-src.esm.js",
80    "asciinema-player": "https://cdn.jsdelivr.net/npm/[email protected]/+esm",
81    "fritzing-web": "/assets/fritzing-web-51eaab1f.js",
82    "howler": "/assets/howler-5ee30483.js",
83    "@hotwired/hotwire-native-bridge": "/assets/@hotwired--hotwire-native-bridge-489bc31d.js",
84    "clipboard": "/assets/clipboard-c5e1a52b.js",
85    "local-time": "/assets/local-time.es2017-esm-6e8a38c5.js",
86    "tailwindcss-stimulus-components": "/assets/tailwindcss-stimulus-components-ab09c6a0.js",
87    "@floating-ui/dom": "/assets/@floating-ui--dom-0c5799a4.js",
88    "@floating-ui/core": "/assets/@floating-ui--core-39414196.js",
89    "@floating-ui/utils": "/assets/@floating-ui--utils-e7cf7fe6.js",
90    "@floating-ui/utils/dom": "/assets/@floating-ui--utils--dom-cabcc9ef.js",
91    "streaming-markdown": "/assets/streaming-markdown-f3239cfc.js",
92    "swiper": "https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.mjs",
93    "sortablejs": "https://cdn.jsdelivr.net/npm/[email protected]/modular/sortable.esm.js",
94    "pdfjs-dist": "/assets/pdfjs-dist-bf627bc5.js",
95    "static-player-ui": "/assets/static-player-ui-97644826.js",
96    "src/video_annotations": "/assets/src/video_annotations-99ce8159.js",
97    "src/video_presentation": "/assets/src/video_presentation-fd6166d4.js",
98    "channels/consumer": "/assets/channels/consumer-303bcbdf.js",
99    "channels": "/assets/channels/index-f1d69946.js",
100    "controllers/accounts_controller": "/assets/controllers/accounts_controller-11a276a2.js",
101    "controllers/application": "/assets/controllers/application-72078497.js",
102    "controllers/autogrow_controller": "/assets/controllers/autogrow_controller-52fe45af.js",
103    "controllers/books/asciinema_controller": "/assets/controllers/books/asciinema_controller-ac684a88.js",
104    "controllers/books/chapter_controller": "/assets/controllers/books/chapter_controller-3bb37e91.js",
105    "controllers/books/reader_controller": "/assets/controllers/books/reader_controller-ca782f44.js",
106    "controllers/books/voice_controller": "/assets/controllers/books/voice_controller-1a57c5bd.js",
107    "controllers/braintree/dropin_controller": "/assets/controllers/braintree/dropin_controller-3d055198.js",
108    "controllers/braintree/paypal_controller": "/assets/controllers/braintree/paypal_controller-f2e55280.js",
109    "controllers/bridge/form_controller": "/assets/controllers/bridge/form_controller-af9e5b31.js",
110    "controllers/bridge/menu_button_controller": "/assets/controllers/bridge/menu_button_controller-3dbc4bac.js",
111    "controllers/bridge/notification_badge_controller": "/assets/controllers/bridge/notification_badge_controller-60b5ca1f.js",
112    "controllers/bridge/notification_token_controller": "/assets/controllers/bridge/notification_token_controller-d9ee7a12.js",
113    "controllers/bridge/sign_out_controller": "/assets/controllers/bridge/sign_out_controller-e3b504f4.js",
114    "controllers/bulk_controller": "/assets/controllers/bulk_controller-f3a52670.js",
115    "controllers/calculator_form_controller": "/assets/controllers/calculator_form_controller-d27ca8d8.js",
116    "controllers/clipboard_controller": "/assets/controllers/clipboard_controller-6c259b1c.js",
117    "controllers/community/chat_controller": "/assets/controllers/community/chat_controller-874dcda8.js",
118    "controllers/community/copy_controller": "/assets/controllers/community/copy_controller-7e46f4f7.js",
119    "controllers/community/slash_controller": "/assets/controllers/community/slash_controller-6964a380.js",
120    "controllers/community/sounds_controller": "/assets/controllers/community/sounds_controller-2293075c.js",
121    "controllers/courses/accordion_controller": "/assets/controllers/courses/accordion_controller-c876402e.js",
122    "controllers/courses/check_controller": "/assets/controllers/courses/check_controller-4f49042c.js",
123    "controllers/courses/code_highlight_controller": "/assets/controllers/courses/code_highlight_controller-54b5cf87.js",
124    "controllers/courses/embed_controller": "/assets/controllers/courses/embed_controller-97e2192e.js",
125    "controllers/courses/embed_document_controller": "/assets/controllers/courses/embed_document_controller-6965216c.js",
126    "controllers/courses/embed_player_controller": "/assets/controllers/courses/embed_player_controller-1a70f007.js",
127    "controllers/courses/hardware_bridge_controller": "/assets/controllers/courses/hardware_bridge_controller-ec707938.js",
128    "controllers/courses/lesson_complete_controller": "/assets/controllers/courses/lesson_complete_controller-486d9b73.js",
129    "controllers/courses/lesson_controller": "/assets/controllers/courses/lesson_controller-0964d738.js",
130    "controllers/courses/network_lab_controller": "/assets/controllers/courses/network_lab_controller-80063cf1.js",
131    "controllers/courses/tutor_controller": "/assets/controllers/courses/tutor_controller-6c19508d.js",
132    "controllers/courses/widget_controller": "/assets/controllers/courses/widget_controller-867513ff.js",
133    "controllers/curator_task_controller": "/assets/controllers/curator_task_controller-2a85b70d.js",
134    "controllers/curriculum/syllabus_toggle_controller": "/assets/controllers/curriculum/syllabus_toggle_controller-841d0f56.js",
135    "controllers/ecommerce/accessories_controller": "/assets/controllers/ecommerce/accessories_controller-23c77053.js",
136    "controllers/ecommerce/account_menu_controller": "/assets/controllers/ecommerce/account_menu_controller-8c885feb.js",
137    "controllers/ecommerce/address_autocomplete_controller": "/assets/controllers/ecommerce/address_autocomplete_controller-3035b98b.js",
138    "controllers/ecommerce/address_label_controller": "/assets/controllers/ecommerce/address_label_controller-eb10d2fb.js",
139    "controllers/ecommerce/address_prefill_controller": "/assets/controllers/ecommerce/address_prefill_controller-ecb062a3.js",
140    "controllers/ecommerce/admin_order_item_picker_controller": "/assets/controllers/ecommerce/admin_order_item_picker_controller-1b57a89e.js",
141    "controllers/ecommerce/admin_shortcut_controller": "/assets/controllers/ecommerce/admin_shortcut_controller-933799bc.js",
142    "controllers/ecommerce/ai_image_field_controller": "/assets/controllers/ecommerce/ai_image_field_controller-eb4965a2.js",
143    "controllers/ecommerce/ai_search_polling_controller": "/assets/controllers/ecommerce/ai_search_polling_controller-76277634.js",
144    "controllers/ecommerce/ai_summary_tracking_controller": "/assets/controllers/ecommerce/ai_summary_tracking_controller-4414ee97.js",
145    "controllers/ecommerce/alternative_shipping_link_controller": "/assets/controllers/ecommerce/alternative_shipping_link_controller-858b3186.js",
146    "controllers/ecommerce/assembly_player_controller": "/assets/controllers/ecommerce/assembly_player_controller-827cf04e.js",
147    "controllers/ecommerce/auspost_session_capture_controller": "/assets/controllers/ecommerce/auspost_session_capture_controller-64bba703.js",
148    "controllers/ecommerce/auto_scroll_controller": "/assets/controllers/ecommerce/auto_scroll_controller-c3ca922b.js",
149    "controllers/ecommerce/avatar_picker_controller": "/assets/controllers/ecommerce/avatar_picker_controller-16fceb47.js",
150    "controllers/ecommerce/calculator_frame_controller": "/assets/controllers/ecommerce/calculator_frame_controller-1f0f89a7.js",
151    "controllers/ecommerce/cart_bounce_controller": "/assets/controllers/ecommerce/cart_bounce_controller-0f84c242.js",
152    "controllers/ecommerce/cart_controller": "/assets/controllers/ecommerce/cart_controller-fcad2e18.js",
153    "controllers/ecommerce/cart_prompt_controller": "/assets/controllers/ecommerce/cart_prompt_controller-6d1458cf.js",
154    "controllers/ecommerce/cart_quantity_controller": "/assets/controllers/ecommerce/cart_quantity_controller-c23035ba.js",
155    "controllers/ecommerce/cart_shipping_estimate_controller": "/assets/controllers/ecommerce/cart_shipping_estimate_controller-74f8b119.js",
156    "controllers/ecommerce/cascade_menu_controller": "/assets/controllers/ecommerce/cascade_menu_controller-1433cd49.js",
157    "controllers/ecommerce/cast_controller": "/assets/controllers/ecommerce/cast_controller-eb0b35fd.js",
158    "controllers/ecommerce/cast_editor_controller": "/assets/controllers/ecommerce/cast_editor_controller-fb27fac9.js",
159    "controllers/ecommerce/cast_import_controller": "/assets/controllers/ecommerce/cast_import_controller-7f5b51b7.js",
160    "controllers/ecommerce/chat_form_controller": "/assets/controllers/ecommerce/chat_form_controller-58b093c8.js",
161    "controllers/ecommerce/chat_widget_controller": "/assets/controllers/ecommerce/chat_widget_controller-95f5a43c.js",
162    "controllers/ecommerce/checkout_complete_controller": "/assets/controllers/ecommerce/checkout_complete_controller-1d4ddd8e.js",
163    "controllers/ecommerce/checkout_controller": "/assets/controllers/ecommerce/checkout_controller-cad821c0.js",
164    "controllers/ecommerce/cli_mode_controller": "/assets/controllers/ecommerce/cli_mode_controller-4b2b1049.js",
165    "controllers/ecommerce/code_sample_controller": "/assets/controllers/ecommerce/code_sample_controller-1c3a529e.js",
166    "controllers/ecommerce/collection_delivery_controller": "/assets/controllers/ecommerce/collection_delivery_controller-c48c26c2.js",
167    "controllers/ecommerce/combo_search_controller": "/assets/controllers/ecommerce/combo_search_controller-c05265d2.js",
168    "controllers/ecommerce/component_frame_controller": "/assets/controllers/ecommerce/component_frame_controller-a53e7e23.js",
169    "controllers/ecommerce/content_schedule_form_controller": "/assets/controllers/ecommerce/content_schedule_form_controller-3864686d.js",
170    "controllers/ecommerce/copy_link_controller": "/assets/controllers/ecommerce/copy_link_controller-4b93caf4.js",
171    "controllers/ecommerce/copy_markdown_controller": "/assets/controllers/ecommerce/copy_markdown_controller-1c27fd5a.js",
172    "controllers/ecommerce/copy_text_controller": "/assets/controllers/ecommerce/copy_text_controller-e7cc6d65.js",
173    "controllers/ecommerce/crack_code_promo_controller": "/assets/controllers/ecommerce/crack_code_promo_controller-8e6e2180.js",
174    "controllers/ecommerce/delivery_date_controller": "/assets/controllers/ecommerce/delivery_date_controller-b2a5da3f.js",
175    "controllers/ecommerce/disclosure_controller": "/assets/controllers/ecommerce/disclosure_controller-d7f3bacf.js",
176    "controllers/ecommerce/discount_code_controller": "/assets/controllers/ecommerce/discount_code_controller-4ebfee0a.js",
177    "controllers/ecommerce/dispatch_countdown_controller": "/assets/controllers/ecommerce/dispatch_countdown_controller-e92a68f7.js",
178    "controllers/ecommerce/email_blocks_controller": "/assets/controllers/ecommerce/email_blocks_controller-2901a762.js",
179    "controllers/ecommerce/expandable_text_controller": "/assets/controllers/ecommerce/expandable_text_controller-4726936a.js",
180    "controllers/ecommerce/facet_toggle_controller": "/assets/controllers/ecommerce/facet_toggle_controller-1ae57039.js",
181    "controllers/ecommerce/file_drop_controller": "/assets/controllers/ecommerce/file_drop_controller-7dea4d19.js",
182    "controllers/ecommerce/fritzing_controller": "/assets/controllers/ecommerce/fritzing_controller-5d0a9d11.js",
183    "controllers/ecommerce/gopeople_map_controller": "/assets/controllers/ecommerce/gopeople_map_controller-20a34f85.js",
184    "controllers/ecommerce/gtag_controller": "/assets/controllers/ecommerce/gtag_controller-c2cc32f9.js",
185    "controllers/ecommerce/guide_cast_controller": "/assets/controllers/ecommerce/guide_cast_controller-5b640df5.js",
186    "controllers/ecommerce/guide_media_controller": "/assets/controllers/ecommerce/guide_media_controller-c13fd060.js",
187    "controllers/ecommerce/help_search_controller": "/assets/controllers/ecommerce/help_search_controller-6820f362.js",
188    "controllers/ecommerce/hover_card_controller": "/assets/controllers/ecommerce/hover_card_controller-08b85624.js",
189    "controllers/ecommerce/icon_preview_controller": "/assets/controllers/ecommerce/icon_preview_controller-6862f757.js",
190    "controllers/ecommerce/image_gallery_controller": "/assets/controllers/ecommerce/image_gallery_controller-1f4b9c41.js",
191    "controllers/ecommerce/image_swiper_controller": "/assets/controllers/ecommerce/image_swiper_controller-a8652bb7.js",
192    "controllers/ecommerce/image_upload_controller": "/assets/controllers/ecommerce/image_upload_controller-9c5b3417.js",
193    "controllers/ecommerce/inline_confirm_controller": "/assets/controllers/ecommerce/inline_confirm_controller-88b0d367.js",
194    "controllers/ecommerce/instructional_video_controller": "/assets/controllers/ecommerce/instructional_video_controller-a9c8cb1f.js",
195    "controllers/ecommerce/kit_variant_selector_controller": "/assets/controllers/ecommerce/kit_variant_selector_controller-4d93ff91.js",
196    "controllers/ecommerce/lead_time_tip_controller": "/assets/controllers/ecommerce/lead_time_tip_controller-82186a4d.js",
197    "controllers/ecommerce/lead_times_controller": "/assets/controllers/ecommerce/lead_times_controller-2be1bfff.js",
198    "controllers/ecommerce/lightbox_controller": "/assets/controllers/ecommerce/lightbox_controller-0fe3b546.js",
199    "controllers/ecommerce/live_search_controller": "/assets/controllers/ecommerce/live_search_controller-b
1996a4b7b2.js",
200    "controllers/ecommerce/marketing/campaign_editor_controller": "/assets/controllers/ecommerce/marketing/campaign_editor_controller-05d34823.js",
201    "controllers/ecommerce/marketing/product_picker_controller": "/assets/controllers/ecommerce/marketing/product_picker_controller-73c3dec5.js",
202    "controllers/ecommerce/mcp_reveal_controller": "/assets/controllers/ecommerce/mcp_reveal_controller-b2852608.js",
203    "controllers/ecommerce/mobile_menu_controller": "/assets/controllers/ecommerce/mobile_menu_controller-521edd1b.js",
204    "controllers/ecommerce/order_payment_controller": "/assets/controllers/ecommerce/order_payment_controller-cd056900.js",
205    "controllers/ecommerce/order_qty_controller": "/assets/controllers/ecommerce/order_qty_controller-fc0a399d.js",
206    "controllers/ecommerce/order_shipping_editor_controller": "/assets/controllers/ecommerce/order_shipping_editor_controller-fbca79ca.js",
207    "controllers/ecommerce/order_upsell_controller": "/assets/controllers/ecommerce/order_upsell_controller-5a30265a.js",
208    "controllers/ecommerce/organisation_application_controller": "/assets/controllers/ecommerce/organisation_application_controller-fba3496e.js",
209    "controllers/ecommerce/passkey_controller": "/assets/controllers/ecommerce/passkey_controller-b982b6c2.js",
210    "controllers/ecommerce/paypal_buttons_controller": "/assets/controllers/ecommerce/paypal_buttons_controller-19c12b08.js",
211    "controllers/ecommerce/paypal_loader": "/assets/controllers/ecommerce/paypal_loader-6ee75676.js",
212    "controllers/ecommerce/price_range_controller": "/assets/controllers/ecommerce/price_range_controller-9f562796.js",
213    "controllers/ecommerce/product_chat_controller": "/assets/controllers/ecommerce/product_chat_controller-326fc765.js",
214    "controllers/ecommerce/product_compare_controller": "/assets/controllers/ecommerce/product_compare_controller-eae1beaf.js",
215    "controllers/ecommerce/project_list_ai_controller": "/assets/controllers/ecommerce/project_list_ai_controller-bdb23404.js",
216    "controllers/ecommerce/purchase_order_billing_controller": "/assets/controllers/ecommerce/purchase_order_billing_controller-df5d8426.js",
217    "controllers/ecommerce/purchase_order_form_controller": "/assets/controllers/ecommerce/purchase_order_form_controller-6f360425.js",
218    "controllers/ecommerce/purchase_order_invoicee_controller": "/assets/controllers/ecommerce/purchase_order_invoicee_controller-8ee587fe.js",
219    "controllers/ecommerce/purchase_order_poll_controller": "/assets/controllers/ecommerce/purchase_order_poll_controller-85fc0d5d.js",
220    "controllers/ecommerce/quantity_controller": "/assets/controllers/ecommerce/quantity_controller-57eb31cf.js",
221    "controllers/ecommerce/question_answer_controller": "/assets/controllers/ecommerce/question_answer_controller-582e34a9.js",
222    "controllers/ecommerce/quote_details_controller": "/assets/controllers/ecommerce/quote_details_controller-bc96365a.js",
223    "controllers/ecommerce/quote_drawer_controller": "/assets/controllers/ecommerce/quote_drawer_controller-5ac90a18.js",
224    "controllers/ecommerce/quote_request_form_controller": "/assets/controllers/ecommerce/quote_request_form_controller-1e5a046a.js",
225    "controllers/ecommerce/quote_trigger_controller": "/assets/controllers/ecommerce/quote_trigger_controller-06dd4281.js",
226    "controllers/ecommerce/remove_collect_controller": "/assets/controllers/ecommerce/remove_collect_controller-18bea4a2.js",
227    "controllers/ecommerce/review_moderation_controller": "/assets/controllers/ecommerce/review_moderation_controller-b4d37a29.js",
228    "controllers/ecommerce/review_reply_controller": "/assets/controllers/ecommerce/review_reply_controller-f5bd0d21.js",
229    "controllers/ecommerce/review_suggestions_controller": "/assets/controllers/ecommerce/review_suggestions_controller-6024df21.js",
230    "controllers/ecommerce/review_vote_controller": "/assets/controllers/ecommerce/review_vote_controller-dd675bb0.js",
231    "controllers/ecommerce/rib_controller": "/assets/controllers/ecommerce/rib_controller-92ba2974.js",
232    "controllers/ecommerce/search_suggest_controller": "/assets/controllers/ecommerce/search_suggest_controller-ed0f9ff6.js",
233    "controllers/ecommerce/search_tabs_controller": "/assets/controllers/ecommerce/search_tabs_controller-ce965b56.js",
234    "controllers/ecommerce/star_rating_controller": "/assets/controllers/ecommerce/star_rating_controller-7c73908d.js",
235    "controllers/ecommerce/static_player_controller": "/assets/controllers/ecommerce/static_player_controller-ef5fd3e0.js",
236    "controllers/ecommerce/step_form_controller": "/assets/controllers/ecommerce/step_form_controller-7a30e23b.js",
237    "controllers/ecommerce/step_gallery_controller": "/assets/controllers/ecommerce/step_gallery_controller-a2135937.js",
238    "controllers/ecommerce/streaming_markdown_controller": "/assets/controllers/ecommerce/streaming_markdown_controller-b889a399.js",
239    "controllers/ecommerce/stripe_card_controller": "/assets/controllers/ecommerce/stripe_card_controller-27f62f3e.js",
240    "controllers/ecommerce/stripe_loader": "/assets/controllers/ecommerce/stripe_loader-008bb2ca.js",
241    "controllers/ecommerce/submit_on_change_controller": "/assets/controllers/ecommerce/submit_on_change_controller-ea3342b5.js",
242    "controllers/ecommerce/suggestion_link_form_controller": "/assets/controllers/ecommerce/suggestion_link_form_controller-98ef54b2.js",
243    "controllers/ecommerce/ultrasearch_controller": "/assets/controllers/ecommerce/ultrasearch_controller-c0e627c7.js",
244    "controllers/ecommerce/variant_selector_controller": "/assets/controllers/ecommerce/variant_selector_controller-6516dcb8.js",
245    "controllers/ecommerce/verification_controller": "/assets/controllers/ecommerce/verification_controller-28b0bcc0.js",
246    "controllers/ecommerce/video_frame_scrubber_controller": "/assets/controllers/ecommerce/video_frame_scrubber_controller-a01312bc.js",
247    "controllers/ecommerce/view_toggle_controller": "/assets/controllers/ecommerce/view_toggle_controller-357d3f2c.js",
248    "controllers": "/assets/controllers/index-707715fe.js",
249    "controllers/inline_edit_controller": "/assets/controllers/inline_edit_controller-b4f0b43b.js",
250    "controllers/nested_form_controller": "/assets/controllers/nested_form_controller-f2290dc3.js",
251    "controllers/notifications_controller": "/assets/controllers/notifications_controller-2bd5f42f.js",
252    "controllers/paddle/billing_controller": "/assets/controllers/paddle/billing_controller-9d922ac8.js",
253    "controllers/paddle/classic_controller": "/assets/controllers/paddle/classic_controller-c223895c.js",
254    "controllers/pdf_viewer_controller": "/assets/controllers/pdf_viewer_controller-e98a447a.js",
255    "controllers/platform_block_controller": "/assets/controllers/platform_block_controller-bcb8b75d.js",
256    "controllers/platform_editor_controller": "/assets/controllers/platform_editor_controller-222571d7.js",
257    "controllers/pricing_controller": "/assets/controllers/pricing_controller-087c7c89.js",
258    "controllers/proposed_products_bulk_controller": "/assets/controllers/proposed_products_bulk_controller-953d50f3.js",
259    "controllers/reorder_variant_controller": "/assets/controllers/reorder_variant_controller-edc15fa2.js",
260    "controllers/share_controller": "/assets/controllers/share_controller-162f9e9e.js",
261    "controllers/sortable_controller": "/assets/controllers/sortable_controller-51127e97.js",
262    "controllers/stripe/embedded_checkout_controller": "/assets/controllers/stripe/embedded_checkout_controller-588a65f0.js",
263    "controllers/theme_controller": "/assets/controllers/theme_controller-fbc6adda.js",
264    "controllers/tooltip_controller": "/assets/controllers/tooltip_controller-7a8350d2.js",
265    "controllers/traffic_map_controller": "/assets/controllers/traffic_map_controller-8286d8d6.js",
266    "controllers/traffic_time_controller": "/assets/controllers/traffic_time_controller-31e907b7.js",
267    "controllers/typeahead_controller": "/assets/controllers/typeahead_controller-2
2671790530.js",
268    "controllers/unfurl_link_controller": "/assets/controllers/unfurl_link_controller-afca6d29.js",
269    "admin_controllers/admin_voice_agent_controller": "/assets/admin_controllers/admin_voice_agent_controller-8a762a14.js",
270    "admin_controllers/ecommerce/admin_embed_steps_controller": "/assets/admin_controllers/ecommerce/admin_embed_steps_controller-ef2db49f.js",
271    "admin_controllers/ecommerce/admin_funnel_graph_controller": "/assets/admin_controllers/ecommerce/admin_funnel_graph_controller-440f53f5.js",
272    "admin_controllers/ecommerce/admin_refund_composer_controller": "/assets/admin_controllers/ecommerce/admin_refund_composer_controller-f2ba6523.js",
273    "admin_controllers/ecommerce/admin_search_controller": "/assets/admin_controllers/ecommerce/admin_search_controller-a21147ac.js",
274    "admin_controllers/ecommerce/admin_sidebar_controller": "/assets/admin_controllers/ecommerce/admin_sidebar_controller-afe0b94d.js",
275    "admin_controllers/ecommerce/admin_traffic_heartbeat_controller": "/assets/admin_controllers/ecommerce/admin_traffic_heartbeat_controller-25cdf1e2.js",
276    "admin_controllers/ecommerce/admin_transactional_tabs_controller": "/assets/admin_controllers/ecommerce/admin_transactional_tabs_controller-deb99231.js",
277    "admin_controllers/ecommerce/cancel_order_controller": "/assets/admin_controllers/ecommerce/cancel_order_controller-4148dbfc.js",
278    "admin_controllers/ecommerce/date_preset_controller": "/assets/admin_controllers/ecommerce/date_preset_controller-8b7f73f1.js",
279    "admin_controllers/ecommerce/dialog_controller": "/assets/admin_controllers/ecommerce/dialog_controller-29d2b0d9.js",
280    "admin_controllers/ecommerce/manual_review_form_controller": "/assets/admin_controllers/ecommerce/manual_review_form_controller-c5357163.js",
281    "admin_controllers/ecommerce/networks_grid_controller": "/assets/admin_controllers/ecommerce/networks_grid_controller-28631743.js",
282    "admin_controllers": "/assets/admin_controllers/index-f20a9dd6.js",
283    "src/admin/funnel_graph": "/assets/src/admin/funnel_graph-052d927d.js",
284    "src/cast/clips": "/assets/src/cast/clips-2d042287.js",
285    "src/cast": "/assets/src/cast/index-f7fb5e80.js",
286    "src/cast/player": "/assets/src/cast/player-bd9c1041.js",
287    "src/cast/renderer": "/assets/src/cast/renderer-a1c3feb9.js",
288    "src/cast/styles": "/assets/src/cast/styles-67f267f5.js",
289    "src/cast/timestamp": "/assets/src/cast/timestamp-6b5c0230.js",
290    "src/cast/videos": "/assets/src/cast/videos-15fbf147.js",
291    "src/cast/vt": "/assets/src/cast/vt-da5cb69d.js",
292    "src/circuit3d/assembly_checks": "/assets/src/circuit3d/assembly_checks-770e5df0.js",
293    "src/circuit3d/assembly_pi_boards": "/assets/src/circuit3d/assembly_pi_boards-856d6b10.js",
294    "src/circuit3d/assembly_rig": "/assets/src/circuit3d/assembly_rig-b4641726.js",
295    "src/circuit3d/attach": "/assets/src/circuit3d/attach-53ccecae.js",
296    "src/circuit3d/bench_supply": "/assets/src/circuit3d/bench_supply-c84549a5.js",
297    "src/circuit3d/breadboard_seating": "/assets/src/circuit3d/breadboard_seating-b2102840.js",
298    "src/circuit3d/breadboard_teaching": "/assets/src/circuit3d/breadboard_teaching-252bad2a.js",
299    "src/circuit3d/button_motion": "/assets/src/circuit3d/button_motion-4372b916.js",
300    "src/circuit3d/buzzer_anatomy": "/assets/src/circuit3d/buzzer_anatomy-2f8983d9.js",
301    "src/circuit3d/buzzer_lab": "/assets/src/circuit3d/buzzer_lab-2384e9c3.js",
302    "src/circuit3d/circuit_checks": "/assets/src/circuit3d/circuit_checks-2e4711ba.js",
303    "src/circuit3d/component_collisions": "/assets/src/circuit3d/component_collisions-02f2ef55.js",
304    "src/circuit3d/component_electrons": "/assets/src/circuit3d/component_electrons-75ab0395.js",
305    "src/circuit3d/component_footprints": "/assets/src/circuit3d/component_footprints-11cde6cf.js",
306    "src/circuit3d/component_info": "/assets/src/circuit3d/component_info-10e59f7f.js",
307    "src/circuit3d/component_lab": "/assets/src/circuit3d/component_lab-23625ea2.js",
308    "src/circuit3d/component_modeling": "/assets/src/circuit3d/component_modeling-a13de764.js",
309    "src/circuit3d/component_outputs": "/assets/src/circuit3d/component_outputs-1d8bca82.js",
310    "src/circuit3d/component_teaching": "/assets/src/circuit3d/component_teaching-287cfa04.js",
311    "src/circuit3d/connection_shots": "/assets/src/circuit3d/connection_shots-1db83128.js",
312    "src/circuit3d/connection_teaching": "/assets/src/circuit3d/connection_teaching-d3a3f1ce.js",
313    "src/circuit3d/connector_catalog": "/assets/src/circuit3d/connector_catalog-d3f2c842.js",
314    "src/circuit3d/connector_mating": "/assets/src/circuit3d/connector_mating-3cee8803.js",
315    "src/circuit3d/connector_models": "/assets/src/circuit3d/connector_models-5b0ce3ac.js",
316    "src/circuit3d/crack_code_demo": "/assets/src/circuit3d/crack_code_demo-5bfa1fc2.js",
317    "src/circuit3d/crack_code_hardware": "/assets/src/circuit3d/crack_code_hardware-4974539f.js",
318    "src/circuit3d/crack_code_shield": "/assets/src/circuit3d/crack_code_shield-92dfc7ef.js",
319    "src/circuit3d/ctc_lesson_lab": "/assets/src/circuit3d/ctc_lesson_lab-4a55ec12.js",
320    "src/circuit3d/ctc_lesson_runtime": "/assets/src/circuit3d/ctc_lesson_runtime-1ffd9983.js",
321    "src/circuit3d/dht11": "/assets/src/circuit3d/dht11-7b2cb957.js",
322    "src/circuit3d/eagled_behaviour": "/assets/src/circuit3d/eagled_behaviour-f7834eb3.js",
323    "src/circuit3d/eagled_data": "/assets/src/circuit3d/eagled_data-3c2b7d72.js",
324    "src/circuit3d/eagled_lab": "/assets/src/circuit3d/eagled_lab-43930d06.js",
325    "src/circuit3d/eagled_model": "/assets/src/circuit3d/eagled_model-5e6fa191.js",
326    "src/circuit3d/eagled_pcb_geometry": "/assets/src/circuit3d/eagled_pcb_geometry-6033f6b6.js",
327    "src/circuit3d/electrical_flow": "/assets/src/circuit3d/electrical_flow-f6ed5286.js",
328    "src/circuit3d/embed_loading": "/assets/src/circuit3d/embed_loading-4889dd3d.js",
329    "src/circuit3d/explorer": "/assets/src/circuit3d/explorer-ec39f0be.js",
330    "src/circuit3d/feature_catalog": "/assets/src/circuit3d/feature_catalog-07d24320.js",
331    "src/circuit3d/feature_targets": "/assets/src/circuit3d/feature_targets-63eaf55d.js",
332    "src/circuit3d/geometry": "/assets/src/circuit3d/geometry-60818192.js",
333    "src/circuit3d/jumper_connectors": "/assets/src/circuit3d/jumper_connectors-b19e1cde.js",
334    "src/circuit3d/kit_accessories": "/assets/src/circuit3d/kit_accessories-4badb1d5.js",
335    "src/circuit3d/kit_models": "/assets/src/circuit3d/kit_models-370ba051.js",
336    "src/circuit3d/label_anchor": "/assets/src/circuit3d/label_anchor-928a147b.js",
337    "src/circuit3d/ldr_anatomy": "/assets/src/circuit3d/ldr_anatomy-cfda7655.js",
338    "src/circuit3d/learning_kit_models": "/assets/src/circuit3d/learning_kit_models-bd86b726.js",
339    "src/circuit3d/led_anatomy": "/assets/src/circuit3d/led_anatomy-615d3db2.js",
340    "src/circuit3d/led_lab": "/assets/src/circuit3d/led_lab-9086967c.js",
341    "src/circuit3d/lighting": "/assets/src/circuit3d/lighting-a27096c1.js",
342    "src/circuit3d/little_bird_logo": "/assets/src/circuit3d/little_bird_logo-401650b8.js",
343    "src/circuit3d/lorikeet": "/assets/src/circuit3d/lorikeet-1e037ae6.js",
344    "src/circuit3d/micro_servo_anatomy": "/assets/src/circuit3d/micro_servo_anatomy-39b6d105.js",
345    "src/circuit3d/micro_servo_lab": "/assets/src/circuit3d/micro_servo_lab-d96d5dfa.js",
346    "src/circuit3d/microbit": "/assets/src/circuit3d/microbit-2ab33a1b.js",
347    "src/circuit3d/microbit_gpio_breakout": "/assets/src/circuit3d/microbit_gpio_breakout-6932bb0b.js",
348    "src/circuit3d/microbit_gpio_demo": "/assets/src/circuit3d/microbit_gpio_demo-284d8e13.js",
349    "src/circuit3d/narration_callouts": "/assets/src/circuit3d/narration_callouts-320633d3.js",
350    "src/circuit3d/output_state": "/assets/src/circuit3d/output_state-b12d53fe.js",
351    "src/circuit3d/parts": "/assets/src/circuit3d/parts-fb0b7921.js",
352    "src/circuit3d/pcb_geometry": "/assets/src/circuit3d/pcb_geometry-820a74b7.js",
353    "src/circuit3d/pico2w": "/assets/src/circuit3d/pico2w-86746f9e.js",
354    "src/circuit3d/pico2w_demo": "/assets/src/circuit3d/pico2w_demo-72a3b721.js",
355    "src/circuit3d/pin_labels": "/assets/src/circuit3d/pin_labels-10daf1e6.js",
356    "src/circuit3d/pin_readouts": "/assets/src/circuit3d/pin_readouts-c31ccb05.js",
357    "src/circuit3d/playback": "/assets/src/circuit3d/playback-18ef6648.js",
358    "src/circuit3d/player": "/assets/src/circuit3d/player-07419fa2.js",
359    "src/circuit3d/player_camera": "/assets/src/circuit3d/player_camera-61fc71e6.js",
360    "src/circuit3d/player_readouts": "/assets/src/circuit3d/player_readouts-3b22e5ec.js",
361    "src/circuit3d/player_window": "/assets/src/circuit3d/player_window-b0fe07b9.js",
362    "src/circuit3d/potentiometer_anatomy": "/assets/src/circuit3d/potentiometer_anatomy-d533f711.js",
363    "src/circuit3d/potentiometer_controls": "/assets/src/circuit3d/potentiometer_controls-be4792c6.js",
364    "src/circuit3d/potentiometer_explainer": "/assets/src/circuit3d/potentiometer_explainer-f1bf3c05.js",
365    "src/circuit3d/potentiometer_lab": "/assets/src/circuit3d/potentiometer_lab-32e9706b.js",
366    "src/circuit3d/pushbutton_anatomy": "/assets/src/circuit3d/pushbutton_anatomy-c9251ee7.js",
367    "src/circuit3d/render_scheduler": "/assets/src/circuit3d/render_scheduler-6f8fd675.js",
368    "src/circuit3d/sensor_lab": "/assets/src/circuit3d/sensor_lab-f57b115d.js",
369    "src/circuit3d/studio": "/assets/src/circuit3d/studio-baec889b.js",
370    "src/circuit3d/studio_catalog": "/assets/src/circuit3d/studio_catalog-3a7f2551.js",
371    "src/circuit3d/studio_demos": "/assets/src/circuit3d/studio_demos-75505fc5.js",
372    "src/circuit3d/studio_document": "/assets/src/circuit3d/studio_document-67c5d2d2.js",
373    "src/circuit3d/studio_icons": "/assets/src/circuit3d/studio_icons-0de5e0cf.js",
374    "src/circuit3d/studio_layout": "/assets/src/circuit3d/studio_layout-095e8379.js",
375    "src/circuit3d/studio_motion": "/assets/src/circuit3d/studio_motion-5ad453ea.js",
376    "src/circuit3d/studio_scene": "/assets/src/circuit3d/studio_scene-ae010cbc.js",
377    "src/circuit3d/studio_shortcuts": "/assets/src/circuit3d/studio_shortcuts-05ae9f7e.js",
378    "src/circuit3d/studio_timing": "/assets/src/circuit3d/studio_timing-6d55d294.js",
379    "src/circuit3d/studio_uno_demos": "/assets/src/circuit3d/studio_uno_demos-d4bb4b72.js",
380    "src/circuit3d/teaching_shots": "/assets/src/circuit3d/teaching_shots-871f295c.js",
381    "src/circuit3d/textures": "/assets/src/circuit3d/textures-ba9b62ee.js",
382    "src/circuit3d/traffic_light": "/assets/src/circuit3d/traffic_light-da7502f7.js",
383    "src/circuit3d/tt_motor_anatomy": "/assets/src/circuit3d/tt_motor_anatomy-a70c484e.js",
384    "src/circuit3d/tt_motor_lab": "/assets/src/circuit3d/tt_motor_lab-3be94231.js",
385    "src/circuit3d/ultrasonic_anatomy": "/assets/src/circuit3d/ultrasonic_anatomy-f843cfc7.js",
386    "src/circuit3d/ultrasonic_lab": "/assets/src/circuit3d/ultrasonic_lab-acda5da6.js",
387    "src/circuit3d/uno": "/assets/src/circuit3d/uno-d4e8e259.js",
388    "src/circuit3d/usb_micro_b": "/assets/src/circuit3d/usb_micro_b-2b4227f9.js",
389    "src/circuit3d/view": "/assets/src/circuit3d/view-444af8b5.js",
390    "src/circuit3d/voltage_wave": "/assets/src/circuit3d/voltage_wave-c20c9da2.js",
391    "src/circuit3d/wire_routing": "/assets/src/circuit3d/wire_routing-c3e69ca5.js",
392    "src/circuit3d/wires": "/assets/src/circuit3d/wires-783c6ad3.js",
393    "src/circuit3d/workbench_grid": "/assets/src/circuit3d/workbench_grid-5cfa8293.js",
394    "src/confirm": "/assets/src/confirm-11170262.js",
395    "src/connectors/data": "/assets/src/connectors/data-11f3bb6e.js",
396    "src/connectors/player": "/assets/src/connectors/player-5af2ab22.js",
397    "src/connectors/scene": "/assets/src/connectors/scene-172c48ce.js",
398    "src/courses/network_lab_diagrams": "/assets/src/courses/network_lab_diagrams-598a7c52.js",
399    "src/courses/network_lab_engine": "/assets/src/courses/network_lab_engine-0341e78f.js",
400    "src/courses/network_lab_narration": "/assets/src/courses/network_lab_narration-3dce3788.js",
401    "src/crossing/model": "/assets/src/crossing/model-a2cdf801.js",
402    "src/crossing/player": "/assets/src/crossing/player-ddd4f3fb.js",
403    "src/direct_uploads": "/assets/src/direct_uploads-4eaca289.js",
404    "src/guide_media/cues": "/assets/src/guide_media/cues-cdd417e8.js",
405    "src/guide_media/howler_audio": "/assets/src/guide_media/howler_audio-4cf6f3f8.js",
406    "src/guide_media/narration": "/assets/src/guide_media/narration-9fc89284.js",
407    "src": "/assets/src/index-a07bfae1.js",
408    "src/lazysrc": "/assets/src/lazysrc-b829c4ae.js",
409    "src/lowercase_email_inputs": "/assets/src/lowercase_email_inputs-5432de83.js",
410    "src/pinouts/camera_motion": "/assets/src/pinouts/camera_motion-7d3f79f3.js",
411    "src/pinouts/connections": "/assets/src/pinouts/connections-8a5ff0ad.js",
412    "src/pinouts/data": "/assets/src/pinouts/data-0e261537.js",
413    "src/pinouts/geometry": "/assets/src/pinouts/geometry-38a7a6da.js",
414    "src/pinouts/model_helpers": "/assets/src/pinouts/model_helpers-927d8667.js",
415    "src/pinouts/models": "/assets/src/pinouts/models-1c7bb1ac.js",
416    "src/pinouts/player": "/assets/src/pinouts/player-5d853e88.js",
417    "src/pinouts/scene": "/assets/src/pinouts/scene-8ed5d643.js",
418    "src/pinouts/ultrasonic": "/assets/src/pinouts/ultrasonic-abf09b72.js",
419    "src/pinouts/ultrasonic_cycle": "/assets/src/pinouts/ultrasonic_cycle-25c7d9da.js",
420    "src/pinouts/zero_model": "/assets/src/pinouts/zero_model-5d13fa8b.js",
421    "src/turbo_streams": "/assets/src/turbo_streams-a7579a8b.js",
422    "src/webmcp": "/assets/src/webmcp-94a25c7b.js"
423  }
424}</script>
424
425<link rel="modulepreload" href="/assets/application-f556c526.js">
426<link rel="modulepreload" href="/assets/stimulus-d59b3b7f.js">
427<link rel="modulepreload" href="/assets/stimulus-loading-1fc53fe7.js">
428<link rel="modulepreload" href="/assets/turbo.min-9fd88cd5.js">
429<link rel="modulepreload" href="/assets/actiontext.esm-c376325e.js">
430<link rel="modulepreload" href="/assets/actioncable.esm-e0ec9819.js">
431<link rel="modulepreload" href="/assets/activestorage.esm-81bb34bc.js">
432<link rel="modulepreload" href="/assets/@hotwired--hotwire-native-bridge-489bc31d.js">
433<link rel="modulepreload" href="/assets/local-time.es2017-esm-6e8a38c5.js">
434<link rel="modulepreload" href="/assets/tailwindcss-stimulus-components-ab09c6a0.js">
435<link rel="modulepreload" href="/assets/src/video_annotations-99ce8159.js">
436<link rel="modulepreload" href="/assets/src/video_presentation-fd6166d4.js">
437<link rel="modulepreload" href="/assets/channels/consumer-303bcbdf.js">
438<link rel="modulepreload" href="/assets/channels/index-f1d69946.js">
439<link rel="modulepreload" href="/assets/src/confirm-11170262.js">
440<link rel="modulepreload" href="/assets/src/courses/network_lab_diagrams-598a7c52.js">
441<link rel="modulepreload" href="/assets/src/courses/network_lab_engine-0341e78f.js">
442<link rel="modulepreload" href="/assets/src/courses/network_lab_narration-3dce3788.js">
443<link rel="modulepreload" href="/assets/src/direct_uploads-4eaca289.js">
444<link rel="modulepreload" href="/assets/src/index-a07bfae1.js">
445<link rel="modulepreload" href="/assets/src/lazysrc-b829c4ae.js">
446<link rel="modulepreload" href="/assets/src/lowercase_email_inputs-5432de83.js">
447<link rel="modulepreload" href="/assets/src/turbo_streams-a7579a8b.js">
448<link rel="modulepreload" href="/assets/src/webmcp-94a25c7b.js">
449<script type="module">import "application"</script>
449
450<link rel="stylesheet" href="/assets/tailwind-d29175d4.css" media="all" data-turbo-track="reload" />
451
452
453
454
455
456<link rel="preload" as="font" type="font/woff2" crossorigin
457      href="/assets/inter/InterVariable-latin-4402b849.woff2">
458<style>
459  @font-face {
460    font-family: InterVariable;
461    font-style: normal;
462    font-weight: 400 900;
463    font-display: swap;
464    src: url("/assets/inter/InterVariable-latin-4402b849.woff2") format("woff2");
465    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2190-2193, U+2212, U+2215, U+2264-2265, U+2713, U+FEFF, U+FFFD;
466  }
467  @font-face {
468    font-family: InterVariable;
469    font-style: normal;
470    font-weight: 400 900;
471    font-display: swap;
472    src: url("/assets/inter/InterVariable-latin-ext-d6fb5648.woff2") format("woff2");
473    unicode-range: U+0100-02AF, U+0304-0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
474  }
475  @font-face {
476    font-family: InterVariable;
477    font-style: normal;
478    font-weight: 400 900;
479    font-display: swap;
480    src: url("/assets/inter/InterVariable-symbols-c133af34.woff2") format("woff2");
481    unicode-range: U+0370-03FF, U+2070-209F, U+20A0-20CF, U+2100-214F, U+2126;
482  }
483  @font-face {
484    font-family: InterVariable;
485    font-style: italic;
486    font-weight: 400 900;
487    font-display: swap;
488    src: url("/assets/inter/InterVariable-Italic-latin-a5ec96fa.woff2") format("woff2");
489    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2190-2193, U+2212, U+2215, U+2264-2265, U+2713, U+FEFF, U+FFFD;
490  }
491  @font-face {
492    font-family: InterVariable;
493    font-style: italic;
494    font-weight: 400 900;
495    font-display: swap;
496    src: url("/assets/inter/InterVariable-Italic-latin-ext-bce394e3.woff2") format("woff2");
497    unicode-range: U+0100-02AF, U+0304-0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
498  }
499  @font-face {
500    font-family: InterVariable;
501    font-style: italic;
502    font-weight: 400 900;
503    font-display: swap;
504    src: url("/assets/inter/InterVariable-Italic-symbols-19ef9575.woff2") format("woff2");
505    unicode-range: U+0370-03FF, U+2070-209F, U+20A0-20CF, U+2100-214F, U+2126;
506  }
507
508  @font-face {
509    font-family: Inter;
510    font-style: normal;
511    font-weight: 400 900;
512    font-display: swap;
513    src: url("/assets/inter/InterVariable-latin-4402b849.woff2") format("woff2");
514    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2190-2193, U+2212, U+2215, U+2264-2265, U+2713, U+FEFF, U+FFFD;
515  }
516  @font-face {
517    font-family: Inter;
518    font-style: italic;
519    font-weight: 400 900;
520    font-display: swap;
521    src: url("/assets/inter/InterVariable-Italic-latin-a5ec96fa.woff2") format("woff2");
522    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2190-2193, U+2212, U+2215, U+2264-2265, U+2713, U+FEFF, U+FFFD;
523  }
524  @font-face {
525    font-family: &quot;Inter var&quot;;
526    font-style: normal;
527    font-weight: 400 900;
528    font-display: swap;
529    src: url("/assets/inter/InterVariable-latin-4402b849.woff2") format("woff2");
530    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2190-2193, U+2212, U+2215, U+2264-2265, U+2713, U+FEFF, U+FFFD;
531  }
532  @font-face {
533    font-family: &quot;Inter var&quot;;
534    font-style: italic;
535    font-weight: 400 900;
536    font-display: swap;
537    src: url("/assets/inter/InterVariable-Italic-latin-a5ec96fa.woff2") format("woff2");
538    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2190-2193, U+2212, U+2215, U+2264-2265, U+2713, U+FEFF, U+FFFD;
539  }
540</style>
541
542
543
544
545
546    
547  
548  <link rel="alternate" type="application/atom+xml" title="New Products" href="https://littlebirdelectronics.com.au/products.atom">
549  <link rel="alternate" type="application/activity+json" href="/activitypub/actor">
550      <link rel="alternate" type="text/markdown" href="https://littlebirdelectronics.com.au/cart.md" title="Markdown">
551  
552  
553</head>
554<body class="h-full flex flex-col bg-white dark:bg-gray-950 text-gray-900 dark:text-gray-100 antialiased"
555  data-controller="ecommerce--lightbox">
556  <div class="sr-only focus-within:not-sr-only focus-within:fixed focus-within:top-2 focus-within:left-2 focus-within:z-[100] focus-within:max-w-md focus-within:rounded-lg focus-within:bg-gray-900 focus-within:px-4 focus-within:py-3 focus-within:text-sm focus-within:text-white focus-within:shadow-lg">
557    AI agents &amp; screen readers: for a machine-readable, text-only catalogue,
558      start at <a href="/llms.txt" class="font-semibold underline">/llms.txt</a>.
559    Products are available as Markdown
560    (<a href="/products.md" class="underline">/products.md</a>, <code>/products/{handle}.md</code>)
561    and JSON
562    (<a href="/products.json" class="underline">/products.json</a>, <code>/products/{handle}.json</code>).
563  </div>
564
565      <div data-controller="ecommerce--gtag"
566       data-ecommerce--gtag-events-value="[{&quot;name&quot;:&quot;page_view&quot;,&quot;params&quot;:{}}]"
567       data-ecommerce--gtag-user-data-value="{}"
568       hidden></div>
569
570
571
572
573
574    <div data-controller="alert" data-alert-show-class="flex" data-alert-hidden-class="hidden" class="bg-gray-900 dark:bg-brand-700 text-white text-center text-sm py-2.5 px-4 relative" role="banner">
575      <div class="mx-auto max-w-7xl flex items-center justify-center w-full">
576        <p class="font-medium tracking-wide">Due to the Mid-Autumn Festival holiday in China, orders supplied by DFRobot, ElecFreaks, Elecrow and Waveshare may take longer than usual. Items already available in our Sydney warehouse are unaffected.</p>
577        <button type="button" data-action="alert#close" class="absolute right-3 top-1/2 -translate-y-1/2 text-white/70 hover:text-white transition-colors" aria-label="Dismiss">
578          <svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /></svg>
579        </button>
580      </div>
581    </div>
582
583  <div class="bg-brand-600 dark:bg-brand-900 text-sm py-2 px-4 border-b border-brand-500">
584    <div class="mx-auto max-w-7xl flex items-center justify-between">
585      <div class="flex items-center gap-5">
586        <a href="tel:1300240817" class="flex items-center gap-2 text-white hover:text-gray-200 transition-colors">
587          <svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 0 0 2.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 0 1-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 0 0-1.091-.852H4.5A2.25 2.25 0 0 0 2.25 4.5v2.25Z" /></svg>
588          <span class="font-semibold">1300 240 817</span>
589        </a>
590        <a href="mailto:[email protected]" class="hidden sm:flex items-center gap-2 text-white hover:text-gray-200 transition-colors">
591          <svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75" /></svg>
592          <span>[email protected]</span>
593        </a>
594      </div>
595    </div>
596  </div>
597
598  <header class="sticky top-0 z-40 bg-brand-400 dark:bg-brand-800 border-b border-brand-500 dark:border-brand-700" data-controller="ecommerce--mobile-menu">
599    <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
600      <div class="flex h-16 items-center gap-x-3 lg:gap-x-6">
601
602        <div class="flex lg:hidden">
603          <button type="button" data-action="ecommerce--mobile-menu#open" class="-ml-2 rounded-md p-2 text-white/80 hover:text-white hover:bg-white/10 transition-colors" aria-label="Open menu">
604            <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" /></svg>
605          </button>
606        </div>
607
608        <div class="flex-shrink-0 min-w-0">
609            <a class="flex items-center hover:opacity-90 transition-opacity" href="/">
610              <img class="h-8 w-auto max-w-[120px] object-contain object-left sm:hidden" alt="Little Bird Electronics" draggable="false" src="/assets/little-bird-narrow-logo-91b9e624.svg" />
611              <img class="hidden sm:block h-10 w-[210px] lg:h-12 lg:w-[240px] object-contain" alt="Little Bird Electronics" draggable="false" width="240" height="48" src="/assets/little-bird-wide-logo-a0615984.svg" />
612</a>        </div>
613
614        <form action="/products" method="get" data-turbo="false"
615              class="flex-1 min-w-0 hidden sm:block relative"
616              data-controller="ecommerce--search-suggest"
617              data-ecommerce--search-suggest-url-value="/products/suggest"
618              data-ecommerce--search-suggest-search-url-value="/products"
619              onsubmit="var s=this.querySelector('[name=_scope]'); this.action = s.value || '/products'; s.disabled = true;">
620          <div class="flex items-stretch rounded-md overflow-hidden shadow-sm ring-1 ring-black/10 focus-within:ring-2 focus-within:ring-gold-500 bg-white">
621            <div class="relative flex items-center bg-gray-100 hover:bg-gray-200 border-r border-gray-200">
622              <select name="_scope" aria-label="Search scope"
623                      data-ecommerce--search-suggest-target="scope"
624                      data-action="change->ecommerce--search-suggest#onScopeChange"
625                      class="appearance-none bg-transparent bg-none pl-3 pr-7 py-2 text-xs font-medium text-gray-700 border-0 focus:outline-none focus:ring-0 focus:border-0 cursor-pointer">
626                  <option value="/products" data-scope="all">All</option>
627                  <option value="/products" data-scope="products">Products</option>
628                  <option value="/blogs/news" data-scope="blog">News</option>
629                  <option value="/products" data-scope="education">Education</option>
630                  <option value="/help" data-scope="help">Help</option>
631                  <option value="/products" data-scope="pages">Pages</option>
632              </select>
633              <svg class="pointer-events-none absolute right-2 h-3 w-3 text-gray-500" viewB
633ox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z" clip-rule="evenodd" /></svg>
634            </div>
635            <input type="text" name="q" placeholder="Search Little Bird Electronics" autocomplete="off"
636                   aria-label="Search"
637                   data-ecommerce--search-suggest-target="input"
638                   data-action="input->ecommerce--search-suggest#onInput focus->ecommerce--search-suggest#onFocus keydown->ecommerce--search-suggest#onKeydown"
639                   class="flex-1 min-w-0 px-3 py-2 text-sm touch:text-base text-gray-900 placeholder-gray-500 bg-white border-0 focus:outline-none focus:ring-0 focus:border-0">
640            <button type="button" data-ecommerce--search-suggest-target="clear" data-action="ecommerce--search-suggest#clear" class="hidden px-2 text-gray-400 hover:text-gray-700" aria-label="Clear">
641              <svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /></svg>
642            </button>
643            <button type="submit" class="flex items-center justify-center px-4 bg-gold-500 hover:bg-gold-600 text-white transition-colors" aria-label="Search">
644              <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" /></svg>
645            </button>
646          </div>
647          <div data-ecommerce--search-suggest-target="panel" class="hidden absolute left-0 right-0 top-full mt-1 z-[70] bg-white dark:bg-gray-900 rounded-md shadow-xl ring-1 ring-black/10 dark:ring-white/10 max-h-[70vh] overflow-y-auto"></div>
648        </form>
649
650        <div class="flex items-center gap-x-1 sm:gap-x-2 lg:gap-x-4 flex-shrink-0 ml-auto">
651          <a class="md:hidden flex items-center justify-center rounded-md p-2 text-white/90 hover:text-white hover:bg-white/10 transition-colors" aria-label="Account" href="/account/login">
652            <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z" /></svg>
653</a>
654            <a class="hidden md:flex flex-col leading-tight rounded-md px-2 py-1 text-white/90 hover:text-white hover:bg-white/10 transition-colors" href="/account/login">
655              <span class="text-[11px]">Hello, sign in</span>
656              <span class="text-sm font-bold">Account &amp; Lists</span>
657</a>
658
659          <a class="relative flex items-end rounded-md px-2 py-1 text-white/90 hover:text-white hover:bg-white/10 transition-colors group" aria-label="Shopping cart" data-controller="ecommerce--cart-bounce" href="/cart">
660            <div class="relative">
661              <svg class="h-7 w-7" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 10.5V6a3.75 3.75 0 1 0-7.5 0v4.5m11.356-1.993 1.263 12c.07.665-.45 1.243-1.119 1.243H4.25a1.125 1.125 0 0 1-1.12-1.243l1.264-12A1.125 1.125 0 0 1 5.513 7.5h12.974c.576 0 1.059.435 1.119 1.007Z" /></svg>
662              <turbo-frame id="cart_count">
663              </turbo-frame>
664            </div>
665            <span class="hidden lg:inline ml-1 text-sm font-bold">Cart</span>
666</a>        </div>
667      </div>
668
669      <div class="sm:hidden pb-3 -mt-1 px-4">
670        <form action="/products" method="get" data-turbo="false"
671              class="relative"
672              data-controller="ecommerce--search-suggest"
673              data-ecommerce--search-suggest-url-value="/products/suggest"
674              data-ecommerce--search-suggest-search-url-value="/products">
675          <div class="flex items-stretch rounded-md overflow-hidden shadow-sm ring-1 ring-black/10 focus-within:ring-2 focus-within:ring-gold-500 bg-white">
676            <input type="text" name="q" placeholder="Search Little Bird Electronics" autocomplete="off"
677                   aria-label="Search"
678                   data-ecommerce--search-suggest-target="input"
679                   data-action="input->ecommerce--search-suggest#onInput focus->
679ecommerce--search-suggest#onFocus keydown->ecommerce--search-suggest#onKeydown"
680                   class="flex-1 min-w-0 px-3 py-2.5 text-sm touch:text-base text-gray-900 placeholder-gray-500 bg-white border-0 focus:outline-none focus:ring-0">
681            <button type="button" data-ecommerce--search-suggest-target="clear" data-action="ecommerce--search-suggest#clear" class="hidden px-2 text-gray-400 hover:text-gray-700" aria-label="Clear">
682              <svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /></svg>
683            </button>
684            <button type="submit" class="flex items-center justify-center px-4 bg-gold-500 hover:bg-gold-600 text-white transition-colors" aria-label="Search">
685              <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" /></svg>
686            </button>
687          </div>
688          <div data-ecommerce--search-suggest-target="panel" class="hidden absolute left-0 right-0 top-full mt-1 z-[70] bg-white dark:bg-gray-900 rounded-md shadow-xl ring-1 ring-black/10 dark:ring-white/10 max-h-[70vh] overflow-y-auto"></div>
689        </form>
690      </div>
691    </div>
692
693    <nav class="hidden lg:block bg-brand-500/40 dark:bg-brand-900/60 border-t border-white/10" aria-label="Main navigation">
694      <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
695        <div class="flex h-10 items-center gap-x-5 text-sm font-medium text-white [&_a]:text-white [&_a:hover]:text-white">
696          <a class="inline-flex items-center gap-x-1.5 hover:text-white hover:bg-white/10 px-2 py-1 rounded transition-colors" href="/collections">
697            <svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" /></svg>
698            All
699</a>
700          <a class="hover:text-white hover:bg-white/10 px-2 py-1 rounded transition-colors whitespace-nowrap" href="/blogs/news">News</a>
701
702          <div class="relative" data-controller="dropdown">
703            <button type="button" data-action="dropdown#toggle click@window->dropdown#hide" class="inline-flex items-center gap-x-1 hover:text-white transition-colors">
704              Shop
705              <svg class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z" clip-rule="evenodd" /></svg>
706            </button>
707            <div data-dropdown-target="menu" class="hidden absolute left-0 z-[60] mt-2 w-48 origin-top-left rounded-lg bg-white dark:bg-gray-800 py-2 shadow-xl ring-1 ring-black/10 dark:ring-white/10 [&_a]:!text-gray-700 dark:[&_a]:!text-gray-300 [&_a:hover]:!text-gray-900 dark:[&_a:hover]:!text-white">
708              <a class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-900 dark:hover:text-white" href="/collections">All Products</a>
709              <a class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-900 dark:hover:text-white" href="/products?sort=newest">New Products</a>
710              <a class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-900 dark:hover:text-white" href="/collections/special-deals">Deals</a>
711              <div class="border-t border-gray-100 dark:border-gray-700 my-1"></div>
712              <a class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-900 dark:hover:text-white" href="/platforms">Platforms</a>
713              <a class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-900 dark:hover:text-white" href="/brands">Brands</a>
714              <a class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-900 dark:hover:text-white" href="/collections">Collections</a>
715              <div class="border-t border-gray-100 dark:border-gray-700 my-1"></div>
716              <a class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-900 dark:hover:text-white" href="/projects">Projects</a>
717            </div>
718          </div>
719
720          <div class="relative" data-controller="dropdown">
721            <button type="button" data-action="dropdown#toggle click@window->dropdown#hide" class="inline-flex items-center gap-x-1 hover:text-white transition-colors">
722              Resources
723              <svg class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z" clip-rule="evenodd" /></svg>
724            </button>
725            <div data-dropdown-target="menu" class="hidden absolute left-0 z-[60] mt-2 w-48 origin-top-left rounded-lg bg-white dark:bg-gray-800 py-2 shadow-xl ring-1 ring-black/10 dark:ring-white/10 [&_a]:!text-gray-700 dark:[&_a]:!text-gray-300 [&_a:hover]:!text-gray-900 dark:[&_a:hover]:!text-white">
726              <a class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-900 dark:hover:text-white" href="/guides">Buying Guides</a>
727              <a class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-900 dark:hover:text-white" href="/calculators">Calculators</a>
728              <a class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-900 dark:hover:text-white" href="/projects">Projects</a>
729              <a class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-900 dark:hover:text-white" href="/open-source">Open Source</a>
730              <div class="border-t border-gray-100 dark:border-gray-700 my-1"></div>
731              <a class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-900 dark:hover:text-white" href="/courses">Courses</a>
732              <a class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-900 dark:hover:text-white" href="/curriculum">Curriculum</a>
733              <div class="border-t border-gray-100 dark:border-gray-700 my-1"></div>
734              <a class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-900 dark:hover:text-white" href="/english">English IDE</a>
735            </div>
736          </div>
737
738          <a class="hover:text-white hover:bg-white/10 px-2 py-1 rounded transition-colors whitespace-nowrap" href="/education">Education</a>
739          <a class="hover:text-white hover:bg-white/10 px-2 py-1 rounded transition-colors whitespace-nowrap" href="/community">Community</a>
740          <a class="hover:text-white hover:bg-white/10 px-2 py-1 rounded transition-colors whitespace-nowrap" href="/help">Help</a>
741          <a class="hover:text-white hover:bg-white/10 px-2 py-1 rounded transition-colors whitespace-nowrap" href="/contact">Contact</a>
742          <a class="hover:text-white hover:bg-white/10 px-2 py-1 rounded transition-colors whitespace-nowrap" href="/ai">AI</a>
743        </div>
744      </div>
745    </nav>
746
747    <div data-ecommerce--mobile-menu-target="backdrop" data-action="click->
747ecommerce--mobile-menu#closeOnBackdrop" class="fixed inset-0 z-40 bg-black/40 backdrop-blur-sm opacity-0 pointer-events-none transition-opacity duration-300 lg:hidden"></div>
748
749    <div data-ecommerce--mobile-menu-target="drawer" class="fixed inset-y-0 left-0 z-50 w-full max-w-xs bg-white dark:bg-gray-900 shadow-2xl transform -translate-x-full transition-transform duration-300 ease-in-out lg:hidden">
750      <div class="flex items-center justify-between px-5 py-4 border-b border-gray-200 dark:border-gray-800">
751        <span class="text-lg font-bold text-gray-900 dark:text-white">Store</span>
752        <button type="button" data-action="ecommerce--mobile-menu#close" class="rounded-md p-2 text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors" aria-label="Close menu">
753          <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /></svg>
754        </button>
755      </div>
756      <nav class="px-5 pt-6 pb-32 space-y-1 bg-white dark:bg-gray-900 overflow-y-auto max-h-[calc(100vh-65px)] overscroll-contain" aria-label="Mobile navigation">
757        <p class="px-3 pt-1 pb-2 text-xs font-semibold uppercase tracking-wider text-gray-400 dark:text-gray-500">Shop</p>
758        <a class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors" href="/collections">
759          <svg class="h-5 w-5 text-gray-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M20.25 7.5l-.625 10.632a2.25 2.25 0 0 1-2.247 2.118H6.622a2.25 2.25 0 0 1-2.247-2.118L3.75 7.5M10 11.25h4M3.375 7.5h17.25c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125Z" /></svg>
760          All Products
761</a>        <a class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors" href="/products?sort=newest">
762          <svg class="h-5 w-5 text-gray-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" /></svg>
763          New Products
764</a>        <a class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors" href="/collections/special-deals">
765          <svg class="h-5 w-5 text-gray-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M9.568 3H5.25A2.25 2.25 0 0 0 3 5.25v4.318c0 .597.237 1.17.659 1.591l9.581 9.581c.699.699 1.78.872 2.607.33a18.095 18.095 0 0 0 5.223-5.223c.542-.827.369-1.908-.33-2.607L11.16 3.66A2.25 2.25 0 0 0 9.568 3Z" /><path stroke-linecap="round" stroke-linejoin="round" d="M6 6h.008v.008H6V6Z" /></svg>
766          Deals
767</a>        <a class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors" href="/platforms">
768          <svg class="h-5 w-5 text-gray-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 3v1.5M4.5 8.25H3m18 0h-1.5M4.5 12H3m18 0h-1.5M4.5 15.75H3m18 0h-1.5M8.25 19.5V21M12 3v1.5m0 15V21m3.75-18v1.5m0 15V21m-9-1.5h10.5a2.25 2.25 0 0 0 2.25-2.25V6.75a2.25 2.25 0 0 0-2.25-2.25H6.75A2.25 2.25 0 0 0 4.5 6.75v10.5a2.25 2.25 0 0 0 2.25 2.25Z" /></svg>
769          Platforms
770</a>        <a class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors" href="/brands">
771          <svg class="h-5 w-5 text-gray-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M9.568 3H5.25A2.25 2.25 0 0 0 3 5.25v4.318c0 .597.237 1.17.659 1.591l9.581 9.581c.699.699 1.78.872 2.607.33a18.095 18.095 0 0 0 5.223-5.223c.542-.827.369-1.908-.33-2.607L11.16 3.66A2.25 2.25 0 0 0 9.568 3Z" /><path stroke-linecap="round" stroke-linejoin="round" d="M6 6h.008v.008H6V6Z" /></svg>
772          Brands
773</a>        <a class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors" href="/collections">
774          <svg class="h-5 w-5 text-gray-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M6 6.878V6a2.25 2.25 0 0 1 2.25-2.25h7.5A2.25 2.25 0 0 1 18 6v.878m-12 0c.235-.083.487-.128.75-.128h10.5c.263 0 .515.045.75.128m-12 0A2.25 2.25 0 0 0 4.5 9v.878m13.5-3A2.25 2.25 0 0 1 19.5 9v.878m-13.5-3h13.5m-13.5 0A2.25 2.25 0 0 0 3 9.878V18a2.25 2.25 0 0 0 2.25 2.25h13.5A2.25 2.25 0 0 0 21 18V9.878a2.25 2.25 0 0 0-1.5-2.878" /></svg>
775          Collections
776</a>        <a class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors" href="/projects">
777          <svg class="h-5 w-5 text-gray-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M11.42 15.17 17.25 21A2.652 2.652 0 0 0 21 17.25l-5.877-5.877M11.42 15.17l2.496-3.03c.317-.384.74-.626 1.208-.766M11.42 15.17l-4.655 5.653a2.548 2.548 0 1 1-3.586-3.586l6.837-5.63m5.108-.233c.55-.164 1.163-.188 1.743-.14a4.5 4.5 0 0 0 4.486-6.336l-3.276 3.277a3.004 3.004 0 0 1-2.25-2.25l3.276-3.276a4.5 4.5 0 0 0-6.336 4.486c.091 1.076-.071 2.264-.904 2.95l-.102.085m-1.745 1.437L5.909 7.5H4.5L2.25 3.75l1.5-1.5L7.5 4.5v1.409l4.26 4.26m-1.745 1.437 1.745-1.437m6.615 8.206L15.75 15.75M4.867 19.125h.008v.008h-.008v-.008Z" /></svg>
778          Projects
779</a>        <div class="border-t border-gray-200 dark:border-gray-800 my-4"></div>
780        <a class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors" href="/blogs/news">
781          <svg class="h-5 w-5 text-gray-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 0 1-2.25 2.25M16.5 7.5V18a2.25 2.25 0 0 0 2.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 0 0 2.25 2.25h13.5M6 7.5h3v3H6V7.5Z" /></svg>
782          News
783</a>        <a class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors" href="/education">
784          <svg class="h-5 w-5 text-gray-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M4.26 10.147a60.438 60.438 0 0 0-.491 6.347A48.62 48.62 0 0 1 12 20.904a48.62 48.62 0 0 1 8.232-4.41 60.46 60.46 0 0 0-.491-6.347m-15.482 0a50.636 50.636 0 0 0-2.658-.813A59.906 59.906 0 0 1 12 3.493a59.903 59.903 0 0 1 10.399 5.84c-.896.248-1.783.52-2.658.814m-15.482 0A50.717 50.717 0 0 1 12 13.489a50.702 50.702 0 0 1 7.74-3.342M6.75 15a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm0 0v-3.675A55.378 55.378 0 0 1 12 8.443m-7.007 11.55A5.981 5.981 0 0 0 6.75 15.75v-1.5" /></svg>
785          Education
786</a>        <div class="border-t border-gray-200 dark:border-gray-800 my-4"></div>
787        <p class="px-3 pt-1 pb-2 text-xs font-semibold uppercase tracking-wider text-gray-400 dark:text-gray-500">Resources</p>
788        <a class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors" href="/guides">
789          <svg class="h-5 w-5 text-gray-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6.042A8.967 8.967 0 0 0 6 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 0 1 6 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 0 1 6-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0 0 18 18a8.967 8.967 0 0 0-6 2.292m0-14.25v14.25" /></svg>
790          Buying Guides
791</a>        <a class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors" href="/calculators">
792          <svg class="h-5 w-5 text-gray-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 15.75V18m-7.5-6.75h.008v.008H8.25v-.008Zm0 2.25h.008v.008H8.25V13.5Zm0 2.25h.008v.008H8.25v-.008Zm0 2.25h.008v.008H8.25V18Zm2.498-6.75h.007v.008h-.007v-.008Zm0 2.25h.007v.008h-.007V13.5Zm0 2.25h.007v.008h-.007v-.008Zm0 2.25h.007v.008h-.007V18Zm2.504-6.75h.008v.008h-.008v-.008Zm0 2.25h.008v.008h-.008V13.5Zm0 2.25h.008v.008h-.008v-.008Zm0 2.25h.008v.008h-.008V18Zm2.498-6.75h.008v.008h-.008v-.008Zm0 2.25h.008v.008h-.008V13.5ZM8.25 6h7.5v2.25h-7.5V6ZM12 2.25c-1.892 0-3.758.11-5.593.322C5.307 2.7 4.5 3.65 4.5 4.757V19.5a2.25 2.25 0 0 0 2.25 2.25h10.5a2.25 2.25 0 0 0 2.25-2.25V4.757c0-1.108-.806-2.057-1.907-2.185A48.507 48.507 0 0 0 12 2.25Z" /></svg>
793          Calculators
794</a>        <a class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors" href="/open-source">
795          <svg class="h-5 w-5 text-gray-400" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"></path></svg>
796          Open Source
797</a>        <a class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors" href="/courses">
798          <svg class="h-5 w-5 text-gray-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M4.26 10.147a60.438 60.438 0 0 0-.491 6.347A48.62 48.62 0 0 1 12 20.904a48.62 48.62 0 0 1 8.232-4.41 60.46 60.46 0 0 0-.491-6.347m-15.482 0a50.636 50.636 0 0 0-2.658-.813A59.906 59.906 0 0 1 12 3.493a59.903 59.903 0 0 1 10.399 5.84c-.896.248-1.783.52-2.658.814m-15.482 0A50.717 50.717 0 0 1 12 13.489a50.702 50.702 0 0 1 7.74-3.342M6.75 15a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm0 0v-3.675A55.378 55.378 0 0 1 12 8.443m-7.007 11.55A5.981 5.981 0 0 0 6.75 15.75v-1.5" /></svg>
799          Courses
800</a>        <a class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors" href="/curriculum">
801          <svg class="h-5 w-5 text-gray-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" /></svg>
802          Curriculum
803</a>        <a class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors" href="/english">
804          <svg class="h-5 w-5 text-gray-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M17.25 6.75 22.5 12l-5.25 5.25m-10.5 0L1.5 12l5.25-5.25m7.5-3-4.5 16.5" /></svg>
805          English IDE
806</a>        <div class="border-t border-gray-200 dark:border-gray-800 my-4"></div>
807        <a class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors" href="/community">
808          <svg class="h-5 w-5 text-gray-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M20.25 8.511c.884.284 1.5 1.128 1.5 2.097v4.286c0 1.136-.847 2.1-1.98 2.193-.34.027-.68.052-1.02.072v3.091l-3-3c-1.354 0-2.694-.055-4.02-.163a2.115 2.115 0 0 1-.825-.242m9.345-8.334a2.126 2.126 0 0 0-.476-.095 48.64 48.64 0 0 0-8.048 0c-1.131.094-1.976 1.057-1.976 2.192v4.286c0 .837.46 1.58 1.155 1.951m9.345-8.334V6.637c0-1.621-1.152-3.026-2.76-3.235A48.455 48.455 0 0 0 11.25 3c-2.115 0-4.198.137-6.24.402-1.608.209-2.76 1.614-2.76 3.235v6.226c0 1.621 1.152 3.026 2.76 3.235.577.075 1.157.14 1.74.194V21l4.155-4.155" /></svg>
809          Community
810</a>        <a class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors" href="/help">
811          <svg class="h-5 w-5 text-gray-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 5.25h.008v.008H12v-.008Z" /></svg>
812          Help
813</a>        <a class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors" href="/contact">
814          <svg class="h-5 w-5 text-gray-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M8.625 9.75a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0H8.25m4.125 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0H12m4.125 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0h-.375m-13.5 3.01c0 1.6 1.123 2.994 2.707 3.227 1.087.16 2.185.283 3.293.369V21l4.184-4.183a1.14 1.14 0 0 1 .778-.332 48.294 48.294 0 0 0 5.83-.498c1.585-.233 2.708-1.626 2.708-3.228V6.741c0-1.602-1.
814123-2.995-2.707-3.228A48.394 48.394 0 0 0 12 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.018Z" /></svg>
815          Contact
816</a>        <a class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors" href="/ai">
817          <svg class="h-5 w-5 text-gray-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M9.813 15.904 9 18.75l-.813-2.846a4.5 4.5 0 0 0-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 0 0 3.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 0 0 3.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 0 0-3.09 3.09ZM18.259 8.715 18 9.75l-.259-1.035a3.375 3.375 0 0 0-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 0 0 2.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 0 0 2.455 2.456L21.75 6l-1.036.259a3.375 3.375 0 0 0-2.455 2.456ZM16.894 20.567 16.5 21.75l-.394-1.183a2.25 2.25 0 0 0-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 0 0 1.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 0 0 1.423 1.423l1.183.394-1.183.394a2.25 2.25 0 0 0-1.423 1.423Z" /></svg>
818          AI
819</a>        <div class="border-t border-gray-200 dark:border-gray-800 my-4"></div>
820        <a class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors" href="/cart">
821          <svg class="h-5 w-5 text-gray-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 10.5V6a3.75 3.75 0 1 0-7.5 0v4.5m11.356-1.993 1.263 12c.07.665-.45 1.243-1.119 1.243H4.25a1.125 1.125 0 0 1-1.12-1.243l1.264-12A1.125 1.125 0 0 1 5.513 7.5h12.974c.576 0 1.059.435 1.119 1.007ZM8.625 10.5a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm7.5 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z" /></svg>
822          Cart
823</a>        <div class="border-t border-gray-200 dark:border-gray-800 my-4"></div>
824          <a class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors" href="/account/login">
825            <svg class="h-5 w-5 text-gray-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z" /></svg>
826            Sign In
827</a>      </nav>
828    </div>
829  </header>
830
831
832
833  <main class="flex-1 bg-white dark:bg-gray-950">
834      <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 pt-8 sm:pt-10 pb-16 sm:pb-20">
835        
836<div data-controller="ecommerce--cart ecommerce--quote-details"
837  data-action="click->ecommerce--quote-details#intercept:capture keydown@window->ecommerce--quote-details#closeOnEscape"
838  data-ecommerce--quote-details-url-value="/cart/quote_details"
839  data-ecommerce--quote-details-email-url-value="/cart/quote_details/email"
840  data-ecommerce--quote-details-required-value="true"
841  data-ecommerce--quote-details-auto-open-value="false">
842  <turbo-frame id="cart_content" target="_top">
843      <div class="text-center py-16 sm:py-24">
844        <div class="mx-auto h-28 w-28 rounded-full bg-gray-100 dark:bg-gray-800 flex items-center justify-center mb-8">
845          <svg class="h-14 w-14 text-gray-300 dark:text-gray-600" fill="none" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor">
846            <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 10.5V6a3.75 3.75 0 1 0-7.5 0v4.5m11.356-1.993 1.263 12c.07.665-.45 1.243-1.119 1.243H4.25a1.125 1.125 0 0 1-1.12-1.243l1.264-12A1.125 1.125 0 0 1 5.513 7.5h12.974c.576 0 1.059.435 1.119 1.007ZM8.625 10.5a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm7.5 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z" />
847          </svg>
848        </div>
849        <h1 class="text-2xl sm:text-3xl font-bold text-gray-900 dark:text-white">Your cart is empty</h1>
850        <p class="mt-3 text-base text-gray-500 dark:text-gray-400 max-w-md mx-auto">Looks like you haven't added anything to your cart yet. Browse our products and find something you love.</p>
851        <div class="mt-8">
852          <a class="inline-flex items-center gap-2 rounded-xl bg-brand-600 px-6 py-3.5 text-base font-semibold text-white shadow-sm hover:bg-brand-500 transition-colors" data-turbo-frame="_top" href="/products">
853            <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 21v-7.5a.75.75 0 0 1 .75-.75h3a.75.75 0 0 1 .75.75V21m-4.5 0H2.36m11.14 0H18m0 0h3.64m-1.39 0V9.349M3.75 21V9.349m0 0a3.001 3.001 0 0 0 3.75-.615A2.993 2.993 0 0 0 9.75 9.75c.896 0 1.7-.393 2.25-1.016a2.993 2.993 0 0 0 2.25 1.016c.896 0 1.7-.393 2.25-1.015a3.001 3.001 0 0 0 3.75.614m-16.5 0a3.004 3.004 0 0 1-.621-4.72l1.189-1.19A1.5 1.5 0 0 1 5.378 3h13.243a1.5 1.5 0 0 1 1.06.44l1.19 1.189a3 3 0 0 1-.621 4.72M6.75 18h3.75a.75.75 0 0 0 .75-.75V13.5a.75.75 0 0 0-.75-.75H6.75a.75.75 0 0 0-.75.75v3.75c0 .414.336.75.75.75Z" /></svg>
854            Continue Shopping
855</a>        </div>
856      </div>
857
858        <div class="mt-4 border-t border-gray-200 dark:border-gray-800 pt-12">
859          
860  <div>
861    <div class="mb-6 sm:mb-8">
862      <h2 class="text-2xl sm:text-3xl font-bold tracking-tight text-gray-900 dark:text-white">Most popular</h2>
863        <p class="mt-2 text-sm text-gray-500 dark:text-gray-400">Not sure where to start? Here&#39;s what everyone else is buying.</p>
864    </div>
865
866    <ol aria-label="Most popular"
867        class="list-none flex gap-4 overflow-x-auto snap-x snap-mandatory pb-3 -mx-4 px-4 scroll-px-4
868               sm:gap-5
869               lg:grid lg:grid-cols-5 lg:gap-6 lg:overflow-visible lg:pb-0 lg:mx-0 lg:px-0 lg:scroll-px-0">
870        <li class="snap-start shrink-0 w-40 sm:w-48 lg:w-auto">
871          <a class="group relative flex h-full flex-col" data-turbo-frame="_top" href="/products/heatsink-kit-for-raspberry-pi-4b-purple">
872            <div class="relative aspect-square overflow-hidden rounded-xl bg-gray-100 dark:bg-gray-800 ring-1 ring-gray-200/50 dark:ring-gray-700/50">
873                <img class="h-full w-full object-cover transition-transform duration-500 ease-out group-hover:scale-105" alt="Heatsink Kit for Raspberry Pi 4B Purple" loading="lazy" width="400" height="400" src="/rails/active_storage/representations/redirect/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVGkCusxJIghwdXIGOwBUSSIMYmxvYl9pZAY7AEY=--c71e12c3fef3e3b493edd2c91e6fa47cb090af11/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVHsIOgtmb3JtYXQ6CXdlYnA6E3Jlc2l6ZV90b19maWxsWwdpApABaQKQAToKc2F2ZXJ7BzoMcXVhbGl0eWlXOgpzdHJpcFRJIghwdXIGOwBUSSIOdmFyaWF0aW9uBjsARg==--7ac1464f840979a0fbadf7166c435cc8fec8cbc3/image_4362cfdc-86be-4729-9410-1
8735cead1c3ebd.jpg" />
874
875                <span class="absolute top-2.5 left-2.5 inline-flex h-7 min-w-7 items-center justify-center rounded-full px-2 text-xs font-bold tabular-nums shadow-sm bg-[#FFD814] text-gray-900"
876                      aria-hidden="true">
877                  1
878                </span>
879
880                <div class="absolute top-2.5 right-2.5">
881                  <span class="inline-flex items-center rounded-full bg-red-500 px-2 py-0.5 text-[11px] font-bold text-white shadow-sm">Sale</span>
882                </div>
883            </div>
884
885            <div class="mt-3 flex flex-col gap-1">
886                <p class="text-[11px] font-medium text-gray-400 dark:text-gray-500 uppercase tracking-wider truncate">Little Bird</p>
887              <h3 class="text-sm font-medium text-gray-900 dark:text-white group-hover:text-brand-600 dark:group-hover:text-brand-400 transition-colors line-clamp-2 leading-snug">
888                <span class="sr-only">Number 1 best seller: </span>Heatsink Kit for Raspberry Pi 4B Purple
889              </h3>
890              <div class="flex items-center gap-2 mt-0.5">
891                  <span class="text-sm font-bold text-red-600 dark:text-red-400">$0.35</span>
892                  <span class="text-xs text-gray-400 line-through">$2.95</span>
893              </div>
894            </div>
895</a>        </li>
896        <li class="snap-start shrink-0 w-40 sm:w-48 lg:w-auto">
897          <a class="group relative flex h-full flex-col" data-turbo-frame="_top" href="/products/hdmi-dummy-plug">
898            <div class="relative aspect-square overflow-hidden rounded-xl bg-gray-100 dark:bg-gray-800 ring-1 ring-gray-200/50 dark:ring-gray-700/50">
899                <img class="h-full w-full object-cover transition-transform duration-500 ease-out group-hover:scale-105" alt="HDMI Dummy Plug" loading="lazy" width="400" height="400" src="/rails/active_storage/representations/redirect/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVGkCCzxJIghwdXIGOwBUSSIMYmxvYl9pZAY7AEY=--1fa7270c9b3c847f18a9a4045e0a42e8603d7987/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVHsIOgtmb3JtYXQ6CXdlYnA6E3Jlc2l6ZV90b19maWxsWwdpApABaQKQAToKc2F2ZXJ7BzoMcXVhbGl0eWlXOgpzdHJpcFRJIghwdXIGOwBUSSIOdmFyaWF0aW9uBjsARg==--7ac1464f840979a0fbadf7166c435cc8fec8cbc3/image_c11dffef-4ae9-4c67-adec-a7116d4ba37f.jpg" />
900
901                <span class="absolute top-2.5 left-2.5 inline-flex h-7 min-w-7 items-center justify-center rounded-full px-2 text-xs font-bold tabular-nums shadow-sm bg-[#FFD814] text-gray-900"
902                      aria-hidden="true">
903                  2
904                </span>
905
906                <div class="absolute top-2.5 right-2.5">
907                  <span class="inline-flex items-center rounded-full bg-red-500 px-2 py-0.5 text-[11px] font-bold text-white shadow-sm">Sale</span>
908                </div>
909            </div>
910
911            <div class="mt-3 flex flex-col gap-1">
912                <p class="text-[11px] font-medium text-gray-400 dark:text-gray-500 uppercase tracking-wider truncate">Adafruit</p>
913              <h3 class="text-sm font-medium text-gray-900 dark:text-white group-hover:text-brand-600 dark:group-hover:text-brand-400 transition-colors line-clamp-2 leading-snug">
914                <span class="sr-only">Number 2 best seller: </span>HDMI Dummy Plug
915              </h3>
916              <div class="flex items-center gap-2 mt-0.5">
917                  <span class="text-sm font-bold text-red-600 dark:text-red-400">$5.25</span>
918                  <span class="text-xs text-gray-400 line-through">$7.70</span>
919              </div>
920            </div>
921</a>        </li>
922        <li class="snap-start shrink-0 w-40 sm:w-48 lg:w-auto">
923          <a class="group relative flex h-full flex-col" data-turbo-frame="_top" href="/products/usb-c-to-micro-usb-cable-for-micro-bit">
924            <div class="relative aspect-square overflow-hidden rounded-xl bg-gray-100 dark:bg-gray-800 ring-1 ring-gray-200/50 dark:ring-gray-700/50">
925                <img class="h-full w-full object-cover transition-transform duration-500 ease-out group-hover:scale-105" alt="USB-C to Micro USB Cable for Micro:bit" loading="lazy" width="400" height="400" src="/rails/active_storage/representations/redirect/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVGkC+hdJIghwdXIGOwBUSSIMYmxvYl9pZAY7AEY=--e0b2da0d0040fa413439e3dee6ef12918290d808/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVHsIOgtmb3JtYXQ6CXdlYnA6E3Jlc2l6ZV90b19maWxsWwdpApABaQKQAToKc2F2ZXJ7BzoMcXVhbGl0eWlXOgpzdHJpcFRJIghwdXIGOwBUSSIOdmFyaWF0aW9uBjsARg==--7ac1464f840979a0fbadf7166c435cc8fec8cbc3/image_c275c4a8-4da5-471f-b1da-62e52671ca3f.jpg" />
926
927                <span class="absolute top-2.5 left-2.5 inline-flex h-7 min-w-7 items-center justify-center rounded-full px-2 text-xs font-bold tabular-nums shadow-sm bg-[#FFD814] text-gray-900"
928                      aria-hidden="true">
929                  3
930                </span>
931
932                <div class="absolute top-2.5 right-2.5">
933                  <span class="inline-flex items-center rounded-full bg-red-500 px-2 py-0.5 text-[11px] font-bold text-white shadow-sm">Sale</span>
934                </div>
935            </div>
936
937            <div class="mt-3 flex flex-col gap-1">
938                <p class="text-[11px] font-medium text-gray-400 dark:text-gray-500 uppercase tracking-wider truncate">Little Bird</p>
939              <h3 class="text-sm font-medium text-gray-900 dark:text-white group-hover:text-brand-600 dark:group-hover:text-brand-400 transition-colors line-clamp-2 leading-snug">
940                <span class="sr-only">Number 3 best seller: </span>USB-C to Micro USB Cable for Micro:bit
941              </h3>
942              <div class="flex items-center gap-2 mt-0.5">
943                  <span class="text-sm font-bold text-red-600 dark:text-red-400">$5.85</span>
944                  <span class="text-xs text-gray-400 line-through">$7.00</span>
945              </div>
946            </div>
947</a>        </li>
948        <li class="snap-start shrink-0 w-40 sm:w-48 lg:w-auto">
949          <a class="group relative flex h-full flex-col" data-turbo-frame="_top" href="/products/elecfreaks-high-speed-building-blocks-motor">
950            <div class="relative aspect-square overflow-hidden rounded-xl bg-gray-100 dark:bg-gray-800 ring-1 ring-gray-200/50 dark:ring-gray-700/50">
951                <img class="h-full w-full object-cover transition-transform duration-500 ease-out group-hover:scale-105" alt="ELECFREAKS High-Speed Building Blocks Motor" loading="lazy" width="400" height="400" src="/rails/active_storage/representations/redirect/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVGkCFxdJIghwdXIGOwBUSSIMYmxvYl9pZAY7AEY=--a2f46f3866f05c886e07e2ebf732492caa1a0785/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVHsIOgtmb3JtYXQ6CXdlYnA6E3Jlc2l6ZV90b19maWxsWwdpApABaQKQAToKc2F2ZXJ7BzoMcXVhbGl0eWlXOgpzdHJpcFRJIghwdXIGOwBUSSIOdmFyaWF0aW9uBjsARg==--7ac1464f840979a0fbadf7166c435cc8fec8cbc3/image_81c1cfbc-1876-4c86-9ade-b7a0686c0ad3.webp" />
952
953                <span class="absolute top-2.5 left-2.5 inline-flex h-7 min-w-7 items-center justify-center rounded-full px-2 text-xs font-bold tabular-nums shadow-sm bg-white/90 text-gray-700 ring-1 ring-gray-200 dark:bg-gray-900/85 dark:text-gray-200 dark:ring-gray-700"
954                      aria-hidden="true">
955                  4
956                </span>
957
958            </div>
959
960            <div class="mt-3 flex flex-col gap-1">
961                <p class="text-[11px] font-medium text-gray-400 dark:text-gray-500 uppercase tracking-wider truncate">ElecFreaks</p>
962              <h3 class="text-sm font-medium text-gray-900 dark:text-white group-hover:text-brand-600 dark:group-hover:text-brand-400 transition-colors line-clamp-2 leading-snug">
963                <span class="sr-only">Number 4 best seller: </span>ELECFREAKS High-Speed Building Blocks Motor
964              </h3>
965              <div class="flex items-center gap-2 mt-0.5">
966                  <span class="text-sm font-semibold text-gray-900 dark:text-white">$11.30</span>
967              </div>
968            </div>
969</a>        </li>
970        <li class="snap-start shrink-0 w-40 sm:w-48 lg:w-auto">
971          <a class="group relative flex h-full flex-col" data-turbo-frame="_top" href="/products/barrel-jack-adapter-usb-to-5-5mm">
972            <div class="relative aspect-square overflow-hidden rounded-xl bg-gray-100 dark:bg-gray-800 ring-1 ring-gray-200/50 dark:ring-gray-700/50">
973                <img class="h-full w-full object-cover transition-transform duration-500 ease-out group-hover:scale-105" alt="Barrel Jack Adapter - USB to 5.5mm" loading="lazy" width="400" height="400" src="/rails/active_storage/representations/redirect/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVGkDchEBSSIIcHVyBjsAVEkiDGJsb2JfaWQGOwBG--0eb299b3015df5561daf37f0690bbb503ce8c306/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVHsIOgtmb3JtYXQ6CXdlYnA6E3Jlc2l6ZV90b19maWxsWwdpApABaQKQAToKc2F2ZXJ7BzoMcXVhbGl0eWlXOgpzdHJpcFRJIghwdXIGOwBUSSIOdmFyaWF0aW9uBjsARg==--7ac1464f840979a0fbadf7166c435cc8fec8cbc3/08639-01.jpg" />
974
975                <span class="absolute top-2.5 left-2.5 inline-flex h-7 min-w-7 items-center justify-center rounded-full px-2 text-xs font-bold tabular-nums shadow-sm bg-white/90 text-gray-700 ring-1 ring-gray-200 dark:bg-gray-900/85 dark:text-gray-200 dark:ring-gray-700"
976                      aria-hidden="true">
977                  5
978                </span>
979
980            </div>
981
982            <div class="mt-3 flex flex-col gap-1">
983                <p class="text-[11px] font-medium text-gray-400 dark:text-gray-500 uppercase tracking-wider truncate">SparkFun</p>
984              <h3 class="text-sm font-medium text-gray-900 dark:text-white group-hover:text-brand-600 dark:group-hover:text-brand-400 transition-colors line-clamp-2 leading-snug">
985                <span class="sr-only">Number 5 best seller: </span>Barrel Jack Adapter - USB to 5.5mm
986              </h3>
987              <div class="flex items-center gap-2 mt-0.5">
988                  <span class="text-sm font-semibold text-gray-900 dark:text-white">$9.00</span>
989              </div>
990            </div>
991</a>        </li>
992        <li class="snap-start shrink-0 w-40 sm:w-48 lg:w-auto">
993          <a class="group relative flex h-full flex-col" data-turbo-frame="_top" href="/products/0-1-2-54mm-crimp-connector-housing-1x3-pin-25-pack">
994            <div class="relative aspect-square overflow-hidden rounded-xl bg-gray-100 dark:bg-gray-800 ring-1 ring-gray-200/50 dark:ring-gray-700/50">
995                <img class="h-full w-full object-cover transition-transform duration-500 ease-out group-hover:scale-105" alt="0.1&quot; (2.54mm) Crimp Connector Housing: 1x3-Pin 25-Pack" loading="lazy" width="400" height="400" src="/rails/active_storage/representations/redirect/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVGkCwLFJIghwdXIGOwBUSSIMYmxvYl9pZAY7AEY=--5fb9a3cbd93b90ff8902ef7e8c8201601663fb30/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVHsIOgtmb3JtYXQ6CXdlYnA6E3Jlc2l6ZV90b19maWxsWwdpApABaQKQAToKc2F2ZXJ7BzoMcXVhbGl0eWlXOgpzdHJpcFRJIghwdXIGOwBUSSIOdmFyaWF0aW9uBjsARg==--7ac1464f840979a0fbadf7166c435cc8fec8cbc3/image_3c0dfb9f-34d4-41a0-a212-d33ca6a5a60e.jpg" />
996
997                <span class="absolute top-2.5 left-2.5 inline-flex h-7 min-w-7 items-center justify-center rounded-full px-2 text-xs font-bold tabular-nums shadow-sm bg-white/90 text-gray-700 ring-1 ring-gray-200 dark:bg-gray-900/85 dark:text-gray-200 dark:ring-gray-700"
998                      aria-hidden="true">
999                  6
1000                </span>
1001
1002                <div class="absolute top-2.5 right-2.5">
1003                  <span class="inline-flex items-center rounded-full bg-red-500 px-2 py-0.5 text-[11px] font-bold text-white shadow-sm">Sale</span>
1004                </div>
1005            </div>
1006
1007            <div class="mt-3 flex flex-col gap-1">
1008                <p class="text-[11px] font-medium text-gray-400 dark:text-gray-500 uppercase tracking-wider truncate">Pololu</p>
1009              <h3 class="text-sm font-medium text-gray-900 dark:text-white group-hover:text-brand-600 dark:group-hover:text-brand-400 transition-colors line-clamp-2 leading-snug">
1010                <span class="sr-only">Number 6 best seller: </span>0.1&quot; (2.54mm) Crimp Connector Housing: 1x3-Pin 25-Pack
1011              </h3>
1012              <div class="flex items-center gap-2 mt-0.5">
1013                  <span class="text-sm font-bold text-red-600 dark:text-red-400">$0.35</span>
1014                  <span class="text-xs text-gray-400 line-through">$4.00</span>
1015              </div>
1016            </div>
1017</a>        </li>
1018        <li class="snap-start shrink-0 w-40 sm:w-48 lg:w-auto">
1019          <a class="group relative flex h-full flex-col" data-turbo-frame="_top" href="/products/940nm-ir-infrared-and-receiver-led">
1020            <div class="relative aspect-square overflow-hidden rounded-xl bg-gray-100 dark:bg-gray-800 ring-1 ring-gray-200/50 dark:ring-gray-700/50">
1021                <img class="h-full w-full object-cover transition-transform duration-500 ease-out group-hover:scale-105" alt="940nm IR Infrared and Receiver LED" loading="lazy" width="400" height="400" src="/rails/active_storage/representations/redirect/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVGkCY0ZJIghwdXIGOwBUSSIMYmxvYl9pZAY7AEY=--43488be20c80e59eb3ba2edd97d5457aec297939/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVHsIOgtmb3JtYXQ6CXdlYnA6E3Jlc2l6ZV90b19maWxsWwdpApABaQKQAToKc2F2ZXJ7BzoMcXVhbGl0eWlXOgpzdHJpcFRJIghwdXIGOwBUSSIOdmFyaWF0aW9uBjsARg==--7ac1464f840979a0fbadf7166c435cc8fec8cbc3/image_4fd32e61-e112-416a-8c2e-e46483a51848.jpg" />
1022
1023                <span class="absolute top-2.5 left-2.5 inline-flex h-7 min-w-7 items-center justify-center rounded-full px-2 text-xs font-bold tabular-nums shadow-sm bg-white/90 text-gray-700 ring-1 ring-gray-200 dark:bg-gray-900/85 dark:text-gray-200 dark:ring-gray-700"
1024                      aria-hidden="true">
1025                  7
1026                </span>
1027
1028            </div>
1029
1030            <div class="mt-3 flex flex-col gap-1">
1031                <p class="text-[11px] font-medium text-gray-400 dark:text-gray-500 uppercase tracking-wider truncate">Little Bird</p>
1032              <h3 class="text-sm font-medium text-gray-900 dark:text-white group-hover:text-brand-600 dark:group-hover:text-brand-400 transition-colors line-clamp-2 leading-snug">
1033                <span class="sr-only">Number 7 best seller: </span>940nm IR Infrared and Receiver LED
1034              </h3>
1035              <div class="flex items-center gap-2 mt-0.5">
1036                  <span class="text-sm font-semibold text-gray-900 dark:text-white">$1.20</span>
1037              </div>
1038            </div>
1039</a>        </li>
1040        <li class="snap-start shrink-0 w-40 sm:w-48 lg:w-auto">
1041          <a class="group relative flex h-full flex-col" data-turbo-frame="_top" href="/products/raspberry-pi-4-model-b">
1042            <div class="relative aspect-square overflow-hidden rounded-xl bg-gray-100 dark:bg-gray-800 ring-1 ring-gray-200/50 dark:ring-gray-700/50">
1043                <img class="h-full w-full object-cover transition-transform duration-500 ease-out group-hover:scale-105" alt="Raspberry Pi 4 Model B" loading="lazy" width="400" height="400" src="/rails/active_storage/representations/redirect/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVGkCEDxJIghwdXIGOwBUSSIMYmxvYl9pZAY7AEY=--02215c0d1f4f6f0aedff5c0fd4ec53b020640427/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVHsIOgtmb3JtYXQ6CXdlYnA6E3Jlc2l6ZV90b19maWxsWwdpApABaQKQAToKc2F2ZXJ7BzoMcXVhbGl0eWlXOgpzdHJpcFRJIghwdXIGOwBUSSIOdmFyaWF0aW9uBjsARg==--7ac1464f840979a0fbadf7166c435cc8fec8cbc3/image_1de12796-2667-4685-8633-a4294ed527a0.jpg" />
1044
1045                <span class="absolute top-2.5 left-2.5 inline-flex h-7 min-w-7 items-center justify-center rounded-full px-2 text-xs font-bold tabular-nums shadow-sm bg-white/90 text-gray-700 ring-1 ring-gray-200 dark:bg-gray-900/85 dark:text-gray-200 dark:ring-gray-700"
1046                      aria-hidden="true">
1047                  8
1048                </span>
1049
1050            </div>
1051
1052            <div class="mt-3 flex flex-col gap-1">
1053                <p class="text-[11px] font-medium text-gray-400 dark:text-gray-500 uppercase tracking-wider truncate">Raspberry Pi Ltd</p>
1054              <h3 class="text-sm font-medium text-gray-900 dark:text-white group-hover:text-brand-600 dark:group-hover:text-brand-400 transition-colors line-clamp-2 leading-snug">
1055                <span class="sr-only">Number 8 best seller: </span>Raspberry Pi 4 Model B
1056              </h3>
1057              <div class="flex items-center gap-2 mt-0.5">
1058                  <span class="text-sm font-semibold text-gray-900 dark:text-white">$70.61 &ndash; $274.00</span>
1059              </div>
1060            </div>
1061</a>        </li>
1062        <li class="snap-start shrink-0 w-40 sm:w-48 lg:w-auto">
1063          <a class="group relative flex h-full flex-col" data-turbo-frame="_top" href="/products/sensitive-sw-520d-ball-switch-5818c153-fdf0-4e26-9986-18efb2889f87">
1064            <div class="relative aspect-square overflow-hidden rounded-xl bg-gray-100 dark:bg-gray-800 ring-1 ring-gray-200/50 dark:ring-gray-700/50">
1065                <img class="h-full w-full object-cover transition-transform duration-500 ease-out group-hover:scale-105" alt="Sensitive SW-520D Ball Switch" loading="lazy" width="400" height="400" src="/rails/active_storage/representations/redirect/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVGkC0mpJIghwdXIGOwBUSSIMYmxvYl9pZAY7AEY=--a658458528f38ccc150bc09eef2db1d8b1d23a0a/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVHsIOgtmb3JtYXQ6CXdlYnA6E3Jlc2l6ZV90b19maWxsWwdpApABaQKQAToKc2F2ZXJ7BzoMcXVhbGl0eWlXOgpzdHJpcFRJIghwdXIGOwBUSSIOdmFyaWF0aW9uBjsARg==--7ac1464f840979a0fbadf7166c435cc8fec8cbc3/image_bbefce89-dda2-4e47-ae06-04ded1d3f54f.jpg" />
1066
1067                <span class="absolute top-2.5 left-2.5 inline-flex h-7 min-w-7 items-center justify-center rounded-full px-2 text-xs font-bold tabular-nums shadow-sm bg-white/90 text-gray-700 ring-1 ring-gray-200 dark:bg-gray-900/85 dark:text-gray-200 dark:ring-gray-700"
1068                      aria-hidden="true">
1069                  9
1070                </span>
1071
1072                <div class="absolute top-2.5 right-2.5">
1073                  <span class="inline-flex items-center rounded-full bg-red-500 px-2 py-0.5 text-[11px] font-bold text-white shadow-sm">Sale</span>
1074                </div>
1075            </div>
1076
1077            <div class="mt-3 flex flex-col gap-1">
1078                <p class="text-[11px] font-medium text-gray-400 dark:text-gray-500 uppercase tracking-wider truncate">Little Bird</p>
1079              <h3 class="text-sm font-medium text-gray-900 dark:text-white group-hover:text-brand-600 dark:group-hover:text-brand-400 transition-colors line-clamp-2 leading-snug">
1080                <span class="sr-only">Number 9 best seller: </span>Sensitive SW-520D Ball Switch
1081              </h3>
1082              <div class="flex items-center gap-2 mt-0.5">
1083                  <span class="text-sm font-bold text-red-600 dark:text-red-400">$0.21</span>
1084                  <span class="text-xs text-gray-400 line-through">$2.00</span>
1085              </div>
1086            </div>
1087</a>        </li>
1088        <li class="snap-start shrink-0 w-40 sm:w-48 lg:w-auto">
1089          <a class="group relative flex h-full flex-col" data-turbo-frame="_top" href="/products/stackable-header-5-pin">
1090            <div class="relative aspect-square overflow-hidden rounded-xl bg-gray-100 dark:bg-gray-800 ring-1 ring-gray-200/50 dark:ring-gray-700/50">
1091                <img class="h-full w-full object-cover transition-transform duration-500 ease-out group-hover:scale-105" alt="Stackable Header - 5 Pin" loading="lazy" width="400" height="400" src="/rails/active_storage/representations/redirect/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVGkC22pJIghwdXIGOwBUSSIMYmxvYl9pZAY7AEY=--7612334bcc1cf35fe0694abb68f81cebed3396f2/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVHsIOgtmb3JtYXQ6CXdlYnA6E3Jlc2l6ZV90b19maWxsWwdpApABaQKQAToKc2F2ZXJ7BzoMcXVhbGl0eWlXOgpzdHJpcFRJIghwdXIGOwBUSSIOdmFyaWF0aW9uBjsARg==--7ac1464f840979a0fbadf7166c435cc8fec8cbc3/image_14fac9f8-60be-4b5a-8e4c-76475c07f744.jpg" />
1092
1093                <span class="absolute top-2.5 left-2.5 inline-flex h-7 min-w-7 items-center justify-center rounded-full px-2 text-xs font-bold tabular-nums shadow-sm bg-white/90 text-gray-700 ring-1 ring-gray-200 dark:bg-gray-900/85 dark:text-gray-200 dark:ring-gray-700"
1094                      aria-hidden="true">
1095                  10
1096                </span>
1097
1098            </div>
1099
1100            <div class="mt-3 flex flex-col gap-1">
1101                <p class="text-[11px] font-medium text-gray-400 dark:text-gray-500 uppercase tracking-wider truncate">Little Bird</p>
1102              <h3 class="text-sm font-medium text-gray-900 dark:text-white group-hover:text-brand-600 dark:group-hover:text-brand-400 transition-colors line-clamp-2 leading-snug">
1103                <span class="sr-only">Number 10 best seller: </span>Stackable Header - 5 Pin
1104              </h3>
1105              <div class="flex items-center gap-2 mt-0.5">
1106                  <span class="text-sm font-semibold text-gray-900 dark:text-white">$0.50</span>
1107              </div>
1108            </div>
1109</a>        </li>
1110    </ol>
1111  </div>
1112
1113        </div>
1114
1115  </turbo-frame>
1116</div>
1117
1118      </div>
1119  </main>
1120
1121  <div class="bg-white dark:bg-gray-950">
1122    <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 py-16 sm:py-20">
1123      <div class="rounded-2xl bg-gradient-to-br from-brand-50 to-blue-50 dark:from-brand-950/40 dark:to-blue-950/30 border border-brand-100 dark:border-brand-800/40 overflow-hidden">
1124        <div class="flex flex-col sm:flex-row items-center gap-6 sm:gap-8 p-6 sm:p-8">
1125          <div class="flex-shrink-0">
1126            <img class="h-24 w-24 sm:h-28 sm:w-28 rounded-full object-cover ring-4 ring-white dark:ring-gray-800 shadow-lg" alt="Maddy, co-founder of Little Bird" width="112" height="112" loading="lazy" decoding="async" src="/assets/maddy-founder-8171537a.webp" />
1127          </div>
1128          <div class="text-center sm:text-left flex-1">
1129            <h3 class="text-lg font-bold text-gray-900 dark:text-white">Need help? We're here for you!</h3>
1130            <p class="mt-1.5 text-sm text-gray-600 dark:text-gray-400 leading-relaxed">Hi, I'm Maddy. My team and I are ready to help with your order or any questions.</p>
1131            <div class="mt-3 flex flex-col sm:flex-row items-center sm:items-start gap-2.5">
1132              <a href="mailto:[email protected]" class="inline-flex items-center gap-2 rounded-lg border-2 border-transparent bg-brand-600 px-4 py-2 text-sm font-semibold text-white shadow-sm hover:bg-brand-500 transition-colors">
1133                <svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75" /></svg>
1134                Email Us
1135              </a>
1136              <a href="tel:1300240817" class="inline-flex items-center gap-2 rounded-lg border-2 border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800 px-4 py-2 text-sm font-semibold text-gray-900 dark:text-white hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors">
1137                <svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 0 0 2.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 0 1-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 0 0-1.091-.852H4.5A2.25 2.25 0 0 0 2.25 4.5v2.25Z" /></svg>
1138                1300 240 817
1139              </a>
1140              <a class="inline-flex items-center gap-2 rounded-lg border-2 border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800 px-4 py-2 text-sm font-semibold text-gray-900 dark:text-white hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors" href="/help">
1141                <svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 5.25h.008v.008H12v-.008Z" /></svg>
1142                Browse Help Articles
1143</a>            </div>
1144          </div>
1145        </div>
1146      </div>
1147    </div>
1148  </div>
1149
1150  <footer class="bg-brand-900 text-brand-200 mt-auto">
1151    <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 py-12 lg:py-16">
1152      <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8 lg:gap-12">
1153
1154        <div class="sm:col-span-2 lg:col-span-1">
1155          <div class="flex items-center gap-2 mb-4">
1156              <img class="h-8 w-8 object-contain" alt="Little Bird" width="32" height="32" loading="lazy" decoding="async" src="/assets/white-bird-outline-c
115670ea79b.webp" />
1157              <span class="text-lg font-bold text-white">Little Bird</span>
1158          </div>
1159          <div class="space-y-3">
1160            <a href="tel:1300240817" class="flex items-center gap-2 text-sm text-brand-200 hover:text-white transition-colors">
1161              <svg class="h-4 w-4 text-brand-400 flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 0 0 2.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 0 1-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 0 0-1.091-.852H4.5A2.25 2.25 0 0 0 2.25 4.5v2.25Z" /></svg>
1162              <span class="font-semibold">1300 240 817</span>
1163            </a>
1164            <a href="mailto:[email protected]" class="flex items-center gap-2 text-sm text-brand-300 hover:text-white transition-colors">
1165              <svg class="h-4 w-4 text-brand-400 flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75" /></svg>
1166              <span>[email protected]</span>
1167            </a>
1168            <div class="flex items-start gap-2 text-sm text-brand-300">
1169              <svg class="h-4 w-4 text-brand-400 flex-shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" /><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z" /></svg>
1170              <address class="not-italic leading-relaxed">
1171                Unit 13, 8-12 Leighton Place<br>
1172                Hornsby, NSW 2077<br>
1173                Australia
1174              </address>
1175            </div>
1176              <div class="flex items-start gap-2 rounded-lg border border-brand-700/60 bg-brand-800/50 px-3 py-2.5">
1177                <svg class="h-4 w-4 text-brand-400 flex-shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m9-.75a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 3.75h.008v.008H12v-.008Z" /></svg>
1178                <p class="text-xs text-brand-300 leading-relaxed">
1179                  <span class="font-semibold text-brand-200">Online orders only.</span>
1180                  This address is our despatch warehouse — there's no shopfront, so we can't take
1181                  walk-ins, counter sales or order pickups. Everything we sell ships to you.
1182                  <a class="underline decoration-brand-500 underline-offset-2 hover:text-white transition-colors" href="/help/pickups-and-same-day-delivery">Why?</a>
1183                </p>
1184              </div>
1185          </div>
1186        </div>
1187
1188        <div>
1189          <h3 class="text-sm font-semibold text-white uppercase tracking-wider mb-4">Shop</h3>
1190          <ul class="space-y-3">
1191            <li><a class="text-sm text-brand-300 hover:text-white transition-colors" href="/collections">All Products</a></li>
1192            <li><a class="text-sm text-brand-300 hover:text-white transition-colors" href="/collections/digital-technologies">Digital Technologies</a></li>
1193            <li><a class="text-sm text-brand-300 hover:text-white transition-colors" href="/platforms/raspberry-pi-computers">Raspberry Pi</a></li>
1194            <li><a class="text-sm text-brand-300 hover:text-white transition-colors" href="/platforms/arduino">Arduino</a></li>
1195            <li><a class="text-sm text-brand-300 hover:text-white transition-colors" href="/platforms/micro-bit">micro:bit</a></li>
1196            <li><a class="text-sm text-brand-300 hover:text-white transition-colors" href="/platforms/esp32">ESP32 &amp; IoT</a></li>
1197            <li><a class="text-sm text-brand-300 hover:text-white transition-colors" href="/projects">Project Build Lists</a></li>
1198            <li><a class="text-sm text-brand-300 hover:text-white transition-colors" href="/guides">Buying Guides</a></li>
1199            <li><a class="text-sm text-brand-300 hover:text-white transition-colors" href="/open-source">Open Source</a></li>
1200            <li><a class="text-sm text-brand-300 hover:text-white transition-colors" href="/pages/crack-the-code">Crack the Code</a></li>
1201            <li><a class="text-sm text-brand-300 hover:text-white transition-colors" href="/collections">Collections</a></li>
1202            <li><a class="text-sm text-brand-300 hover:text-white transition-colors" href="/blogs/news">News</a></li>
1203          </ul>
1204        </div>
1205
1206        <div>
1207          <h3 class="text-sm font-semibold text-white uppercase tracking-wider mb-4">Help</h3>
1208          <ul class="space-y-3">
1209            <li><a class="text-sm text-brand-300 hover:text-white transition-colors" href="/help">Help Center</a></li>
1210              <li><a class="text-sm text-brand-300 hover:text-white transition-colors" href="/lead-times">Shipping Lead Times</a></li>
1211            <li><a href="tel:1300240817" class="text-sm text-brand-300 hover:text-white transition-colors">Call 1300 240 817</a></li>
1212            <li><a href="mailto:[email protected]" class="text-sm text-brand-300 hover:text-white transition-colors">Email Support</a></li>
1213              <li><a class="text-sm text-brand-300 hover:text-white transition-colors" href="/education">Education &amp; Government</a></li>
1214              <li><a class="text-sm text-brand-300 hover:text-white transition-colors" href="/education#ordering-guide">POs &amp; Quotes</a></li>
1215            <li><a class="text-sm text-brand-300 hover:text-white transition-colors" href="/purchase-orders/register">
1215Order by Purchase Order</a></li>
1216            <li><a class="text-sm text-brand-300 hover:text-white transition-colors" href="/details">Business Details</a></li>
1217            <li><a class="text-sm text-brand-300 hover:text-white transition-colors" href="/brand">Brand Assets</a></li>
1218                <li><a class="text-sm text-brand-300 hover:text-white transition-colors" href="/pages/faq">FAQ</a></li>
1219                <li><a class="text-sm text-brand-300 hover:text-white transition-colors" href="/pages/shipping-policy">Shipping Policy</a></li>
1220                <li><a class="text-sm text-brand-300 hover:text-white transition-colors" href="/pages/returns-exchanges">Returns &amp; Exchanges</a></li>
1221          </ul>
1222        </div>
1223
1224        <div>
1225          <h3 class="text-sm font-semibold text-white uppercase tracking-wider mb-4">Open Web</h3>
1226          <ul class="space-y-3 mb-6">
1227            <li><a class="text-sm text-brand-300 hover:text-white transition-colors" href="/open-web">Open Web Initiative</a></li>
1228            <li><a href="/.well-known/webfinger?resource=acct:[email protected]" class="text-sm text-brand-300 hover:text-white transition-colors">ActivityPub / Fediverse</a></li>
1229            <li><a class="text-sm text-brand-300 hover:text-white transition-colors" href="/products.atom">Atom Feed</a></li>
1230            <li><a class="text-sm text-brand-300 hover:text-white transition-colors" href="/public-api/v1/openapi.json">Public API</a></li>
1231              <li><a href="/llms.txt" class="text-sm text-brand-300 hover:text-white transition-colors">llms.txt</a></li>
1232            <li><a href="/humans.txt" class="text-sm text-brand-300 hover:text-white transition-colors">humans.txt</a></li>
1233          </ul>
1234
1235            <h3 class="text-sm font-semibold text-white uppercase tracking-wider mb-4">Follow Us</h3>
1236            <div class="flex items-center gap-4">
1237                <a href="https://x.com/lbhq" target="_blank" rel="noopener noreferrer" class="text-brand-300 hover:text-white transition-colors" aria-label="X (Twitter)">
1238                  <svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /></svg>
1239                </a>
1240            </div>
1241          <div class="mt-6">
1242            <p class="text-xs text-brand-400">Subscribe to our newsletter for updates and exclusive offers.</p>
1243          </div>
1244        </div>
1245
1246      </div>
1247    </div>
1248
1249    <div class="border-t border-brand-800">
1250      <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 py-6">
1251        <div class="flex flex-col sm:flex-row items-center justify-between gap-4">
1252          <div class="text-xs text-brand-300/70 text-center sm:text-left space-y-1">
1253            <p>&copy; 2026 Little Bird Electronics Pty Ltd. All rights reserved.</p>
1254            <p>ABN: 15 634 521 449 &middot; All prices are in AUD and include GST.</p>
1255            <p>Made with &hearts; from Sydney, Australia</p>
1256          </div>
1257          <div class="flex items-center gap-3">
1258            <div class="flex items-center gap-2">
1259              
1260<svg class="h-8 w-auto rounded shadow-sm" viewBox="0 0 780 500" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Visa">
1261  <rect width="780" height="500" rx="40" fill="#1A1F71" />
1262  <path d="M293.2 348.73l33.36-195.76h53.34l-33.38 195.76H293.2zm246.11-191.54c-10.57-3.98-27.17-8.22-47.89-8.22-52.72 0-89.87 26.6-90.16 64.63-.27 28.14 26.48 43.83 46.69 53.18 20.74 9.57 27.7 15.71 27.61 24.27-.14 13.11-16.56 19.1-31.89 19.1-21.32 0-32.66-2.96-50.16-10.27l-6.88-3.11-7.49 43.87c12.46 5.46 35.5 10.2 59.42 10.45 56.06 0 92.44-26.24 92.82-66.88.19-22.28-14-39.22-44.73-53.19-18.63-9.06-30.05-15.1-29.95-24.27 0-8.14 9.66-16.83 30.54-16.83 17.43-.28 30.06 3.53 39.89 7.49l4.78 2.26 7.24-42.48zm139.0-4.22h-41.23c-12.77 0-22.33 3.49-27.94 16.22l-79.25 179.54h56.02s9.16-24.13 11.23-29.42l68.33.08c1.6 6.86 6.5 29.34 6.5 29.34h49.5l-43.16-195.76zm-65.84 126.41c4.4-11.3 21.26-54.81 21.26-54.81-.31.52 4.38-11.33 7.07-18.69l3.6 16.88s10.22 46.73 12.36 56.62h-44.29zM248.75 152.97l-52.24 133.6-5.58-27.15c-9.72-31.27-39.99-65.15-73.87-82.12l47.79 171.35 56.42-.06 83.94-195.62h-56.46z" fill="#fff" />
1263  <path d="M146.92 152.97H60.88l-.68 4.07c66.94 16.2 111.18 55.37 129.52 102.4l-18.68-89.88c-3.23-12.36-12.6-16.08-24.12-16.59z" fill="#F9A533" />
1264</svg>
1265
1266<svg class="h-8 w-auto rounded shadow-sm" viewBox="0 0 780 500" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Mastercard">
1267  <rect width="780" height="500" rx="40" fill="#fff" stroke="#D9D9D9" stroke-width="3" />
1268  <circle cx="310" cy="250" r="140" fill="#EB001B" />
1269  <circle cx="470" cy="250" r="140" fill="#F79E1B" />
1270  <path fill-rule="evenodd" clip-rule="evenodd" d="M390 369.27A139.24 139.24 0 00450 250a139.24 139.24 0 00-60-119.27A139.24 139.24 0 00330 250a139.24 139.24 0 0060 119.27z" fill="#FF5F00" />
1271</svg>
1272
1273<svg class="h-8 w-auto rounded shadow-sm" viewBox="0 0 780 500" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="American Express">
1274  <rect width="780" height="500" rx="40" fill="#006FCF" />
1275  <rect x="30" y="30" width="720" height="440" rx="20" fill="none" stroke="#fff" stroke-width="16" stroke-opacity="0.35" />
1276  <text x="390" y="298" text-anchor="middle" font-family="system-ui, -apple-system, sans-serif" font-size="150" font-weight="700" letter-spacing="6" fill="#fff">AMEX</text>
1277</svg>
1278
1279  <svg class="h-8 w-auto rounded shadow-sm" viewBox="0 0 780 500" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="PayPal">
1280    <rect width="780" height="500" rx="40" fill="#fff" stroke="#D9D9D9" stroke-width="3" />
1281    <text x="390" y="298" text-anchor="middle" font-family="system-ui, -apple-system, sans-serif" font-size="140" font-weight="700"><tspan fill="#253B80">Pay</tspan><tspan fill="#179BD7">Pal</tspan></text>
1282  </svg>
1283
1284  <svg class="h-8 w-auto rounded shadow-sm" viewBox="0 0 1200 500" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Purchase Order">
1285    <rect width="1200" height="500" rx="40" fill="#4B92DB" />
1286    <text x="600" y="290" text-anchor="middle" font-family="system-ui, -apple-system, sans-serif" font-size="140" font-weight="700" fill="#fff">Purchase Order</text>
1287  </svg>
1288
1289            </div>
1290          </div>
1291        </div>
1292      </div>
1293    </div>
1294    
1294<script type="application/ld+json">
1295    [{"@context":"https://schema.org","@type":["LocalBusiness","Store","ElectronicsStore"],"@id":"https://littlebirdelectronics.com.au/#organization","name":"Little Bird Electronics","legalName":"Little Bird Electronics Pty Ltd","image":"https://littlebirdelectronics.com.au/assets/little-bird-logo-e4ef2bca.svg","logo":"https://littlebirdelectronics.com.au/assets/little-bird-logo-e4ef2bca.svg","telephone":"+61-1300-240-817","email":"[email protected]","url":"https://littlebirdelectronics.com.au/","sameAs":["https://x.com/lbhq"],"address":{"@type":"PostalAddress","streetAddress":"Unit 13, 8-12 Leighton Place","addressLocality":"Hornsby","addressRegion":"NSW","postalCode":"2077","addressCountry":"AU"},"priceRange":"$$","currenciesAccepted":"AUD","paymentAccepted":"Credit Card, Purchase Order, Bank Transfer","areaServed":{"@type":"Country","name":"Australia"},"taxID":"15 634 521 449"},{"@context":"https://schema.org","@type":"WebSite","@id":"https://littlebirdelectronics.com.au/#website","name":"Little Bird Electronics","url":"https://littlebirdelectronics.com.au/","potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://littlebirdelectronics.com.au/products?q={search_term_string}"},"query-input":"required name=search_term_string"}}]
1296    </script>
1296
1297  </footer>
1298
1299  <div id="cart_prompt"></div>
1300
1301
1302  <div data-controller="ecommerce--cli-mode">
1303    <button
1304      data-action="click->ecommerce--cli-mode#toggle"
1305      class="fixed bottom-4 right-4 z-40 w-8 h-8 flex items-center justify-center rounded-full text-gray-400/20 hover:text-cyan-400 hover:bg-gray-900/80 hover:shadow-[0_0_15px_rgba(0,255,255,0.3)] transition-all duration-500 cursor-pointer select-none"
1306      title="π" aria-label="Toggle CLI mode"><span class="text-lg font-serif">π</span></button>
1307
1308    <div data-ecommerce--cli-mode-target="overlay" class="hidden fixed inset-0 z-50" id="cli-tui-overlay" aria-hidden="true">
1309      <style>
1310        #cli-tui-overlay{font-family:'JetBrains Mono','SF Mono','Fira Code',ui-monospace,monospace;font-size:13px;background:#0a0e12;color:#6ea8a8;}
1311        #cli-tui-overlay::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,213,0.012) 2px,rgba(0,255,213,0.012) 4px);}
1312        #cli-tui-overlay::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:9998;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,0.45) 100%);}
1313        #cli-tui-overlay *{box-sizing:border-box;}
1314        .tui-shell{display:flex;flex-direction:column;height:100vh;position:relative;z-index:1;}
1315        .tui-hdr{display:flex;justify-content:space-between;align-items:center;padding:6px 16px;border-bottom:1px solid #0f3b3b;background:rgba(0,255,213,0.02);flex-shrink:0;}
1316        .tui-logo{font-weight:900;font-size:14px;color:#00ffd5;letter-spacing:5px;text-shadow:0 0 15px rgba(0,255,213,0.4);}
1317        .tui-logo em{font-style:normal;color:#ff2d95;}
1318        .tui-hdr-r{display:flex;gap:20px;font-size:10px;color:#1a3a3a;letter-spacing:2px;text-transform:uppercase;}
1319        .tui-hdr-r .live{color:#00ffd5;animation:tui-pulse 2s infinite;}
1320        @keyframes tui-pulse{0%,100%{opacity:1}50%{opacity:.3}}
1321        .tui-tabs{display:flex;border-bottom:1px solid #0f3b3b;flex-shrink:0;font-size:11px;letter-spacing:1px;}
1322        .tui-tab{padding:5px 18px;color:#1a3a3a;cursor:pointer;border-right:1px solid #0f3b3b;position:relative;}
1323        .tui-tab.active{color:#00ffd5;background:rgba(0,255,213,0.04);}
1324        .tui-tab.active::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:1px;background:#00ffd5;}
1325        .tui-tab .key{color:#ff2d95;font-weight:700;}
1326        .tui-main{flex:1;display:flex;overflow:hidden;}
1327        .tui-list{flex:1;overflow-y:auto;border-right:1px solid #0f3b3b;display:flex;flex-direction:column;}
1328        .tui-list::-webkit-scrollbar{width:3px;}.tui-list::-webkit-scrollbar-thumb{background:#0f3b3b;}
1329        .tui-list-hdr{display:flex;padding:6px 12px;font-size:10px;color:#1a3a3a;border-bottom:1px solid #0f3b3b;letter-spacing:1px;text-transform:uppercase;flex-shrink:0;position:sticky;top:0;background:#0a0e12;z-index:2;}
1330        .tui-sortable{cursor:pointer;transition:color .15s;}.tui-sortable:hover{color:#00ffd5;}
1331        .tui-col-idx{width:30px;}.tui-col-sku{width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.tui-col-name{flex:1;}.tui-col-local{width:50px;text-align:center;font-size:10px;}.tui-col-supplier{width:50px;text-align:center;font-size:10px;}.tui-col-price{width:90px;text-align:right;}.tui-col-stock{width:90px;text-align:left;}
1332        .tui-row{display:flex;padding:5px 12px;font-size:12px;border-bottom:1px solid rgba(15,59,59,0.3);cursor:pointer;transition:background .08s;flex-shrink:0;position:relative;}
1333        .tui-row:hover{background:rgba(0,255,213,0.02);}
1334        .tui-row.selected{background:rgba(0,255,213,0.06);color:#c0fff0;}
1335        .tui-row.selected::before{content:'▸';position:absolute;left:3px;color:#00ffd5;text-shadow:0 0 8px #00ffd5;}
1336        .tui-row .tui-col-idx{color:#1a3a3a;font-size:10px;padding-top:1px;}
1337        .tui-row .tui-col-name{color:#c0fff0;}
1338        .tui-row .tui-col-price{color:#00ffd5;font-weight:700;text-align:right;}
1339        .tui-row .tui-col-stock{font-size:10px;text-transform:uppercase;letter-spacing:1px;}
1340        .tui-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px;vertical-align:middle;}
1341        .tui-dot.in{background:#00ffaa;box-shadow:0 0 5px #00ffaa;}.tui-dot.avail{background:#ffe156;box-shadow:0 0 5px #ffe156;}.tui-dot.out{background:#ff2d95;box-shadow:0 0 5px #ff2d95;}
1342        .tui-right{width:40%;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;}
1343        .tui-detail{padding:16px;border-bottom:1px solid #0f3b3b;flex-shrink:0;overflow-y:auto;max-height:55vh;}
1344        .tui-detail::-webkit-scrollbar{width:3px;}.tui-detail::-webkit-scrollbar-thumb{background:#0f3b3b;}
1345        .tui-detail .d-img-box{width:100%;height:260px;background-size:contain;background-repeat:no-repeat;background-position:center;background-color:#080c10;border:1px solid #0f3b3b;margin-bottom:10px;position:relative;filter:saturate(0) brightness(0.7) contrast(1.4) sepia(1) hue-rotate(140deg);}
1346        .tui-detail .d-img-wrap{position:relative;margin-bottom:10px;}
1347        .tui-detail .d-img-wrap::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,213,0.05) 2px,rgba(0,255,213,0.05) 4px);pointer-events:none;}
1348        .tui-detail .d-sku{font-size:10px;
1348color:#1a3a3a;letter-spacing:2px;margin-bottom:4px;}
1349        .tui-detail .d-name{font-size:15px;color:#e8fffa;margin-bottom:6px;}
1350        .tui-detail .d-price{font-size:20px;font-weight:900;color:#00ffd5;text-shadow:0 0 15px rgba(0,255,213,0.4);margin-bottom:6px;}
1351        .tui-detail .d-price .cur{font-size:12px;opacity:.6;}
1352        .tui-detail .d-vendor{font-size:10px;color:#1a3a3a;letter-spacing:1px;margin-bottom:8px;}
1353        .tui-detail .d-desc{font-size:11px;color:#6ea8a8;line-height:1.5;margin-bottom:12px;}
1354        .tui-detail-actions{display:flex;gap:8px;}
1355        .tui-dbtn{padding:6px 14px;font-family:inherit;font-size:11px;cursor:pointer;letter-spacing:1px;border:1px solid;background:none;transition:all .15s;}
1356        .tui-dbtn.primary{border-color:#00ffd5;color:#00ffd5;}.tui-dbtn.primary:hover{background:#00ffd5;color:#000;box-shadow:0 0 15px rgba(0,255,213,.3);}
1357        .tui-dbtn.secondary{border-color:#1a3a3a;color:#6ea8a8;}
1358        .tui-cart-row{display:flex;align-items:center;padding:5px 12px;font-size:12px;border-bottom:1px solid rgba(15,59,59,.3);position:relative;}
1359        .tui-cart-row.selected{background:rgba(0,255,213,0.06);color:#c0fff0;}
1360        .tui-cart-row.selected::before{content:'▸';position:absolute;left:3px;color:#00ffd5;text-shadow:0 0 8px #00ffd5;}
1361        .tui-cart-row .c-name{flex:1;color:#c0fff0;}.tui-cart-row .c-variant{width:120px;color:#1a3a3a;font-size:10px;}.tui-cart-row .c-sku{width:80px;text-align:center;color:#1a3a3a;font-size:10px;}.tui-cart-row .c-qty{width:50px;text-align:center;color:#6ea8a8;}.tui-cart-row .c-unit{width:90px;text-align:right;color:#1a3a3a;font-size:10px;}.tui-cart-row .c-price{width:90px;text-align:right;color:#00ffd5;font-weight:700;}
1362        .tui-cart-empty{text-align:center;color:#1a3a3a;padding:60px 0;font-size:12px;letter-spacing:2px;}
1363        .tui-cart-footer{border-top:1px solid #0f3b3b;padding:8px 12px;flex-shrink:0;}
1364        .tui-cf-line{display:flex;justify-content:space-between;font-size:10px;margin-bottom:3px;color:#1a3a3a;}
1365        .tui-cf-total{display:flex;justify-content:space-between;font-size:13px;font-weight:900;color:#00ffd5;padding-top:6px;border-top:1px solid #0f3b3b;margin-top:6px;text-shadow:0 0 10px rgba(0,255,213,.3);}
1366        .tui-terminal{border-top:1px solid #0f3b3b;padding:6px 12px;max-height:100px;overflow-y:auto;font-size:11px;background:rgba(0,0,0,.3);flex-shrink:0;}
1367        .tui-terminal::-webkit-scrollbar{width:3px;}.tui-terminal::-webkit-scrollbar-thumb{background:#0f3b3b;}
1368        .tui-t-line{margin-bottom:1px;}.tui-t-line .tp{color:#ff2d95;}.tui-t-line .ok{color:#00ffd5;}.tui-t-line .wr{color:#ffe156;}.tui-t-line .inf{color:#1a3a3a;}
1369        .tui-cmdbar{display:flex;align-items:center;padding:5px 12px;border-top:1px solid #0f3b3b;flex-shrink:0;background:rgba(0,255,213,.01);}
1370        .tui-mode{font-size:10px;padding:2px 8px;margin-right:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;}
1371        .tui-mode.normal{background:#00ffd5;color:#000;}.tui-mode.search{background:#ffe156;color:#000;}.tui-mode.command{background:#ff2d95;color:#fff;}
1372        .tui-cmd-input{background:none;border:none;color:#c0fff0;font-family:inherit;font-size:12px;flex:1;outline:none;caret-color:#00ffd5;}
1373        .tui-cmd-input::placeholder{color:#1a3a3a;}
1374        .tui-footer{display:flex;justify-content:center;gap:16px;padding:4px 12px;font-size:10px;color:#1a3a3a;border-top:1px solid #0f3b3b;flex-shrink:0;letter-spacing:1px;}
1375        .tui-footer .fk{color:#00ffd5;}
1376        .tui-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.9);background:#0d1117;border:1px solid #00ffd5;padding:12px 24px;font-size:13px;color:#00ffd5;box-shadow:0 0 30px rgba(0,255,213,.2);z-index:9500;opacity:0;transition:all .2s;pointer-events:none;font-weight:700;letter-spacing:2px;}
1377        .tui-toast.show{opacity:1;transform:translate(-50%,-50%) scale(1);}
1378        .tui-help-overlay{position:fixed;inset:0;background:rgba(10,14,18,.92);z-index:9000;display:none;justify-content:center;align-items:center;}
1379        .tui-help-overlay.show{display:flex;}
1380        .tui-help-box{background:#0d1117;border:1px solid #00ffd5;padding:24px 32px;max-width:520px;width:90%;box-shadow:0 0 40px rgba(0,255,213,.15);}
1381        .tui-help-box h2{font-size:13px;color:#00ffd5;letter-spacing:4px;margin-bottom:16px;text-transform:uppercase;font-weight:900;}
1382        .tui-help-grid{display:grid;grid-template-columns:100px 1fr;gap:4px 16px;font-size:12px;}
1383        .tui-help-grid .hk{color:#00ffd5;font-weight:700;}.tui-help-grid .hd{color:#6ea8a8;}
1384        .tui-help-close{margin-top:16px;font-size:10px;
1384color:#1a3a3a;text-align:center;}
1385      </style>
1386
1387      <div class="tui-shell">
1388        <div class="tui-hdr">
1389          <div class="tui-logo">LITTLEBIRD<em>//</em>STORE</div>
1390          <div class="tui-hdr-r">
1391            <span class="live">● ONLINE</span>
1392            <span>SYD-AU</span>
1393            <span data-ecommerce--cli-mode-target="clock">00:00:00</span>
1394          </div>
1395        </div>
1396
1397        <div class="tui-tabs" data-ecommerce--cli-mode-target="tabs">
1398          <div class="tui-tab active" data-tab="browse"><span class="key">1</span> BROWSE</div>
1399          <div class="tui-tab" data-tab="cart"><span class="key">3</span> CART</div>
1400        </div>
1401
1402        <div class="tui-main" data-ecommerce--cli-mode-target="browsePanel">
1403          <div class="tui-list" data-ecommerce--cli-mode-target="list">
1404            <div class="tui-list-hdr">
1405              <span class="tui-col-idx">#</span>
1406              <span class="tui-col-sku">SKU</span>
1407              <span class="tui-col-name">PRODUCT</span>
1408              <span class="tui-col-local tui-sortable" data-action="click->ecommerce--cli-mode#sortByLocal">LOCAL</span>
1409              <span class="tui-col-supplier tui-sortable" data-action="click->ecommerce--cli-mode#sortBySupplier">SUPP</span>
1410              <span class="tui-col-stock">STATUS</span>
1411              <span class="tui-col-price tui-sortable" data-action="click->ecommerce--cli-mode#sortByPrice">PRICE</span>
1412            </div>
1413            <div data-ecommerce--cli-mode-target="rows"></div>
1414          </div>
1415          <div class="tui-right">
1416            <div class="tui-detail" data-ecommerce--cli-mode-target="detail"></div>
1417          </div>
1418        </div>
1419
1420        <div class="tui-main" data-ecommerce--cli-mode-target="cartPanel" style="display:none;">
1421          <div style="flex:1;display:flex;flex-direction:column;overflow:hidden;">
1422            <div class="tui-list-hdr">
1423              <span class="tui-col-idx">#</span>
1424              <span class="tui-col-name">PRODUCT</span>
1425              <span style="width:120px;">VARIANT</span>
1426              <span style="width:80px;text-align:center;">SKU</span>
1427              <span style="width:50px;text-align:center;">QTY</span>
1428              <span style="width:90px;text-align:right;">UNIT</span>
1429              <span style="width:90px;text-align:right;">TOTAL</span>
1430            </div>
1431            <div data-ecommerce--cli-mode-target="cartRows" style="flex:1;overflow-y:auto;"></div>
1432            <div class="tui-cart-footer">
1433              <div class="tui-cf-line"><span>Subtotal (inc GST)</span><span data-ecommerce--cli-mode-target="subtotal">$0.00</span></div>
1434              <div class="tui-cf-line"><span>GST (included)</span><span data-ecommerce--cli-mode-target="gst">$0.00</span></div>
1435              <div class="tui-cf-total"><span>TOTAL</span><span data-ecommerce--cli-mode-target="total">$0.00</span></div>
1436            </div>
1437          </div>
1438        </div>
1439
1440        <div class="tui-terminal" data-ecommerce--cli-mode-target="terminal"></div>
1441
1442        <div class="tui-cmdbar">
1443          <div class="tui-mode normal" data-ecommerce--cli-mode-target="modeBadge">NORMAL</div>
1444          <input class="tui-cmd-input" data-ecommerce--cli-mode-target="cmdInput" data-action="input->ecommerce--cli-mode#onCmdInput keydown->ecommerce--cli-mode#onCmdKeydown" placeholder="" autocomplete="off" autocorrect="off" spellcheck="false" readonly>
1445        </div>
1446
1447        <div class="tui-footer">
1448          <span><span class="fk">j/k</span> navigate</span>
1449          <span><span class="fk">Enter</span> open product</span>
1450          <span><span class="fk">a</span> add to cart</span>
1451          <span><span class="fk">/</span> search</span>
1452          <span><span class="fk">:</span> command</span>
1453          <span><span class="fk">?</span> help</span>
1454          <span><span class="fk">u</span> toggle unavail</span>
1455          <span><span class="fk">c</span> checkout</span>
1456          <span><span class="fk">Esc</span> back/close</span>
1457        </div>
1458      </div>
1459
1460      <div class="tui-help-overlay" data-ecommerce--cli-mode-target="helpOverlay">
1461        <div class="tui-help-box">
1462          <h2>► Keybindings</h2>
1463          <div class="tui-help-grid">
1464            <span class="hk">j / ↓</span><span class="hd">Move selection down</span>
1465            <span class="hk">k / ↑</span><span class="hd">Move selection up</span>
1466            <span class="hk">g</span><span class="hd">Jump to first item</span>
1467            <span class="hk">G</span><span class="hd">Jump to last item</span>
1468            <span class="hk">a</span><span class="hd">Add selected to cart</span>
1469            <span class="hk">o</span><span class="hd">Open in new browser tab</span>
1470            <span class="hk">u</span><span class="hd">Toggle unavailable products</span>
1471            <span class="hk">Backspace</span><span class="hd">Remove 1 qty (cart tab)</span>
1472            <span class="hk">X</span><span class="hd">Clear entire cart</span>
1473            <span class="hk">c</span><span class="hd">Checkout</span>
1474            <span class="hk">/</span><span class="hd">Search products</span>
1475            <span class="hk">Esc</span><span class="hd">Back / cancel / close</span>
1476            <span class="hk">:</span><span class="hd">Command mode</span>
1477            <span class="hk">?</span><span class="hd">Toggle this help</span>
1478            <span class="hk">1-3</span><span class="hd">Switch tabs</span>
1479          </div>
1480          <div class="tui-help-close">Press <span style="color:#00ffd5">?</span> or <span style="color:#00ffd5">Esc</span> to close</div>
1481        </div>
1482      </div>
1483
1484      <div class="tui-toast" data-ecommerce--cli-mode-target="toast"></div>
1485    </div>
1486  </div>
1487
1488  
1489
1490</body>
1491</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.