PageSourceSearch

https://www.opalauctions.com/learn/news/opal-trends

html opalauctions.com collected 2026-09-24 22:44:38 UTC 545,247 bytes, 6,695 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="utf-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1">
6    <meta name="csrf-token" content="NbYiVioTTc0yhoBj7nTgZzwXogcKqO3XEJvcVWOC">
7    <meta name="asset-url" content="https://liveplatforms-production.b-cdn.net/builds/26.39.5">
8
9        <meta name="meta_title" content="Opal Trends - What Opals Are Popular Right Now | Opal Auctions" />
10    <meta name="description" content="A monthly breakdown of the best opal trends and sales on Opal Auctions. A must read for all industry buyers and sellers for the best choice of investment opals." />
11
12    
12<script type="application/ld+json">
13        {"@context":"https:\/\/schema.org","@type":"Article","headline":"Opal Trends - What Opals Are Popular Right Now","image":["https:\/\/liveplatforms-production.b-cdn.net\/tenants\/oa\/uploads\/content\/5b9730a9c4700.jpg?width=480\u0026aspect_ratio=1001%3A1000"],"description":"A monthly breakdown of the best opal trends and sales on Opal Auctions. A must read for all industry buyers and sellers for the best choice of investment opals.","datePublished":"2021-01-03","dateModified":"2025-11-17","author":{"@type":"Person","name":"Opalplus Plus","url":"https:\/\/www.opalauctions.com\/profile\/opalplus"},"publisher":{"@type":"Organization","name":"Opal Auctions"},"mainEntityOfPage":{"@type":"WebPage","@id":"https:\/\/www.opalauctions.com\/learn\/news\/opal-trends"}}
14    </script>
14
15
16    
17
18                
19    <title>Opal Trends - What Opals Are Popular Right Now</title>
20
21    <link rel="dns-prefetch" href="//fonts.gstatic.com">
22    <link rel="preconnect" href="https://fonts.googleapis.com">
23    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
24    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap"
25          rel="stylesheet">
26
27            <link rel="manifest" href="/manifest.json" />
28
29<!-- iOS -->
30<meta name="apple-mobile-web-app-capable" content="yes">
31<meta name="apple-mobile-web-app-title" content="Opal Auctions">
32<meta name="apple-mobile-web-app-status-bar-style" content="black">
33
34    <link rel="icon" sizes="16x16" href="https://liveplatforms-production.b-cdn.net/tenants/oa/theme/images/icons/16x16.png?v=26.39.5">
35    <link rel="icon" sizes="32x32" href="https://liveplatforms-production.b-cdn.net/tenants/oa/theme/images/icons/32x32.png?v=26.39.5">
36
37    <link
38        rel="apple-touch-icon"
39        sizes="152x152"
40        href="https://liveplatforms-production.b-cdn.net/tenants/oa/theme/images/icons/152x152-rounded.png?v=26.39.5"
41    >
42    <link
43        rel="apple-touch-icon"
44        sizes="167x167"
45        href="https://liveplatforms-production.b-cdn.net/tenants/oa/theme/images/icons/167x167-rounded.png?v=26.39.5"
46    >
47    <link
48        rel="apple-touch-icon"
49        sizes="180x180"
50        href="https://liveplatforms-production.b-cdn.net/tenants/oa/theme/images/icons/180x180-rounded.png?v=26.39.5"
51    >
52
53    <link
54        rel="apple-touch-startup-image"
55        media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
56        href="https://liveplatforms-production.b-cdn.net/tenants/oa/theme/images/splash/750x1334-2.png?v=26.39.5"
57    >
58    <link
59        rel="apple-touch-startup-image"
60        media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
61        href="https://liveplatforms-production.b-cdn.net/tenants/oa/theme/images/splash/1080x1920-3.png?v=26.39.5"
62    >
63    <link
64        rel="apple-touch-startup-image"
65        media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
66        href="https://liveplatforms-production.b-cdn.net/tenants/oa/theme/images/splash/1125x2436-3.png?v=26.39.5"
67    >
68    <link
69        rel="apple-touch-startup-image"
70        media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
71        href="https://liveplatforms-production.b-cdn.net/tenants/oa/theme/images/splash/1242x2688-3.png?v=26.39.5"
72    >
73    <link
74        rel="apple-touch-startup-image"
75        media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
76        href="https://liveplatforms-production.b-cdn.net/tenants/oa/theme/images/splash/828x1792-2.png?v=26.39.5"
77    >
78    <link
79        rel="apple-touch-startup-image"
80        media="(device-width: 360px) and (device-height: 780px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
81        href="https://liveplatforms-production.b-cdn.net/tenants/oa/theme/images/splash/1080x2340-3.png?v=26.39.5"
82    >
83    <link
84        rel="apple-touch-startup-image"
85        media="(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
86        href="https://liveplatforms-production.b-cdn.net/tenants/oa/theme/images/splash/1170x2532-3.png?v=26.39.5"
87    >
88    <link
89        rel="apple-touch-startup-image"
90        media="(device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
91        href="https://liveplatforms-production.b-cdn.net/tenants/oa/theme/images/splash/1284x2778-3.png?v=26.39.5"
92    >
93    <link
94        rel="apple-touch-startup-image"
95        media="(device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
96        href="https://liveplatforms-production.b-cdn.net/tenants/
96oa/theme/images/splash/1179x2556-3.png?v=26.39.5"
97    >
98    <link
99        rel="apple-touch-startup-image"
100        media="(device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
101        href="https://liveplatforms-production.b-cdn.net/tenants/oa/theme/images/splash/1290x2796-3.png?v=26.39.5"
102    >
103    <link
104        rel="apple-touch-startup-image"
105        media="(device-width: 402px) and (device-height: 874px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
106        href="https://liveplatforms-production.b-cdn.net/tenants/oa/theme/images/splash/1206x2622-3.png?v=26.39.5"
107    >
108    <link
109        rel="apple-touch-startup-image"
110        media="(device-width: 440px) and (device-height: 956px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
111        href="https://liveplatforms-production.b-cdn.net/tenants/oa/theme/images/splash/1320x2868-3.png?v=26.39.5"
112    >
113    <link
114        rel="apple-touch-startup-image"
115        media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
116        href="https://liveplatforms-production.b-cdn.net/tenants/oa/theme/images/splash/2048x2732-2.png?v=26.39.5"
117    >
118    <link
119        rel="apple-touch-startup-image"
120        media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
121        href="https://liveplatforms-production.b-cdn.net/tenants/oa/theme/images/splash/1668x2388-2.png?v=26.39.5"
122    >
123    <link
124        rel="apple-touch-startup-image"
125        media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
126        href="https://liveplatforms-production.b-cdn.net/tenants/oa/theme/images/splash/1668x2224-2.png?v=26.39.5"
127    >
128    <link
129        rel="apple-touch-startup-image"
130        media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
131        href="https://liveplatforms-production.b-cdn.net/tenants/oa/theme/images/splash/1536x2048-2.png?v=26.39.5"
132    >
133
134<!-- Android + Chrome -->
135<meta name="application-name" content="Opal Auctions">
136<meta name="mobile-web-app-capable" content="yes">
137<meta name="theme-color" content="#000000">
138    
139    <link rel="canonical" href="https://www.opalauctions.com/learn/news/opal-trends">
140<link rel="alternate" hreflang="x-default" href="https://www.opalauctions.com/learn/news/opal-trends">
141
142            <link rel="alternate" hreflang="de" href="https://www.opalauctions.com/de/learn/news/opal-trends">
143                    <link rel="alternate" hreflang="es" href="https://www.opalauctions.com/es/learn/news/opal-trends">
144                <link rel="alternate" hreflang="fr" href="https://www.opalauctions.com/fr/learn/news/opal-trends">
145                <link rel="alternate" hreflang="hr" href="https://www.opalauctions.com/hr/learn/news/opal-trends">
146                <link rel="alternate" hreflang="it" href="https://www.opalauctions.com/it/learn/news/opal-trends">
147                <link rel="alternate" hreflang="ja" href="https://www.opalauctions.com/ja/learn/news/opal-trends">
148                <link rel="alternate" hreflang="nl" href="https://www.opalauctions.com/nl/learn/news/opal-trends">
149                <link rel="alternate" hreflang="tw" href="https://www.opalauctions.com/tw/learn/news/opal-trends">
150    
151    
151<script>
152        window.userId = null;
153        window.locale = "en"
154        window.currencyCode = "USD"
155    </script>
155
156    <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style>
157
158    <link rel="preload" as="style" href="https://liveplatforms-production.b-cdn.net/builds/26.39.5/assets/next/app-CsKYc1Xe.css" /><link rel="stylesheet" href="https://liveplatforms-production.b-cdn.net/builds/26.39.5/assets/next/app-CsKYc1Xe.css" data-navigate-track="reload" />
159    
160    
160<script type="text/javascript">const Ziggy={"url":"https:\/\/www.opalauctions.com","port":null,"defaults":{},"routes":{"landlord.index":{"uri":"\/","methods":["GET","HEAD"],"domain":"liveplatforms.com"},"landlord.launch":{"uri":"launch","methods":["GET","HEAD"],"domain":"liveplatforms.com"},"landlord.contact":{"uri":"contact","methods":["GET","HEAD"],"domain":"liveplatforms.com"},"landlord.contact.submit":{"uri":"contact","methods":["POST"],"domain":"liveplatforms.com"},"en.login":{"uri":"login","methods":["GET","HEAD"]},"en.login.store":{"uri":"login","methods":["POST"]},"en.logout":{"uri":"logout","methods":["POST"]},"en.password.request":{"uri":"forgot-password","methods":["GET","HEAD"]},"en.password.reset":{"uri":"reset-password\/{token}","methods":["GET","HEAD"],"parameters":["token"]},"en.password.email":{"uri":"forgot-password","methods":["POST"]},"en.password.update":{"uri":"reset-password","methods":["POST"]},"en.register":{"uri":"register","methods":["GET","HEAD"]},"en.register.store":{"uri":"register","methods":["POST"]},"en.two-factor.login":{"uri":"two-factor-challenge","methods":["GET","HEAD"]},"two-factor.enable":{"uri":"user\/two-factor-authentication","methods":["POST"]},"two-factor.confirm":{"uri":"user\/confirmed-two-factor-authentication","methods":["POST"]},"two-factor.disable":{"uri":"user\/two-factor-authentication","methods":["DELETE"]},"auth.username":{"uri":"auth\/check-username","methods":["GET","HEAD"]},"auth.facebook.callback":{"uri":"auth\/facebook\/callback","methods":["GET","HEAD"]},"auth.signed-storage-url":{"uri":"auth\/signed-storage-url","methods":["POST"]},"auth.stripe.store.callback":{"uri":"auth\/stripe\/store\/callback","methods":["GET","HEAD"]},"de.auth.token":{"uri":"de\/auth\/token\/{userToken}","methods":["GET","HEAD"],"parameters":["userToken"],"bindings":{"userToken":"id"}},"de.auth.facebook.redirect":{"uri":"de\/auth\/facebook\/redirect","methods":["GET","HEAD"]},"de.register":{"uri":"de\/register","methods":["GET","HEAD"]},"de.register.store":{"uri":"de\/register","methods":["POST"]},"de.login":{"uri":"de\/login","methods":["GET","HEAD"]},"de.login.store":{"uri":"de\/login","methods":["POST"]},"de.password.email":{"uri":"de\/forgot-password","methods":["POST"]},"de.password.reset":{"uri":"de\/reset-password\/{token}","methods":["GET","HEAD"],"parameters":["token"]},"de.password.update":{"uri":"de\/reset-password","methods":["POST"]},"de.two-factor.login":{"uri":"de\/two-factor-challenge","methods":["GET","HEAD"]},"de.password.request":{"uri":"de\/forgot-password","methods":["GET","HEAD"]},"de.password.confirm":{"uri":"de\/confirm-password","methods":["GET","HEAD"]},"de.logout":{"uri":"de\/logout","methods":["POST"]},"de.auth.tenants.switch":{"uri":"de\/switch-tenants\/{tenant}","methods":["GET","HEAD"],"parameters":["tenant"],"bindings":{"tenant":"id"}},"de.auth.verify-email":{"uri":"de\/verify-email\/{token}","methods":["GET","HEAD"],"parameters":["token"]},"de.sso-pass-through.store":{"uri":"de\/sso-pass-through","methods":["POST"]},"es.auth.token":{"uri":"es\/auth\/token\/{userToken}","methods":["GET","HEAD"],"parameters":["userToken"],"bindings":{"userToken":"id"}},"es.auth.facebook.redirect":{"uri":"es\/auth\/facebook\/redirect","methods":["GET","HEAD"]},"es.register":{"uri":"es\/register","methods":["GET","HEAD"]},"es.register.store":{"uri":"es\/register","methods":["POST"]},"es.login":{"uri":"es\/login","methods":["GET","HEAD"]},"es.login.store":{"uri":"es\/login","methods":["POST"]},"es.password.email":{"uri":"es\/forgot-password","methods":["POST"]},"es.password.reset":{"uri":"es\/reset-password\/{token}","methods":["GET","HEAD"],"parameters":["token"]},"es.password.update":{"uri":"es\/reset-password","methods":["POST"]},"es.two-factor.login":{"uri":"es\/two-factor-challenge","methods":["GET","HEAD"]},"es.password.request":{"uri":"es\/forgot-password","methods":["GET","HEAD"]},"es.password.confirm":{"uri":"es\/confirm-password","methods":["GET","HEAD"]},"es.logout":{"uri":"es\/logout","methods":["POST"]},"es.auth.tenants.switch":{"uri":"es\/switch-tenants\/{tenant}","methods":["GET","HEAD"],"parameters":["tenant"],"bindings":{"tenant":"id"}},"es.auth.verify-email":{"uri":"es\/verify-email\/{token}","methods":["GET","HEAD"],"parameters":["token"]},"es.sso-pass-through.store":{"uri":"es\/sso-pass-through","methods":["POST"]},"fr.auth.token":{"uri":"fr\/auth\/token\/{userToken}","methods":["GET","HEAD"],"parameters":["userToken"],"bindings":{"userToken":"id"}},"fr.auth.facebook.redirect":{"uri":"fr\/auth\/facebook\/redirect","methods":["GET","HEAD"]},"fr.register":{"uri":"fr\/register","methods":["GET","HEAD"]},"fr.register.store":{"uri":"fr\/register","methods":["POST"]},"fr.login":{"uri":"fr\/login","methods":["GET","HEAD"]},"fr.login.store":{"uri":"fr\/login","methods":["POST"]},"fr.password.email":{"uri":"fr\/forgot-password","methods":["POST"]},"fr.password.reset":{"uri":"fr\/reset-password\/{token}","methods":["GET","HEAD"],"parameters":["token"]},"fr.password.update":{"uri":"fr\/reset-password","methods":["POST"]},"fr.two-factor.login":{"uri":"fr\/two-factor-challenge","methods":["GET","HEAD"]},"fr.password.request":{"uri":"fr\/forgot-password","methods":["GET","HEAD"]},"fr.password.confirm":{"uri":"fr\/confirm-password","methods":["GET","HEAD"]},"fr.logout":{"uri":"fr\/logout","methods":["POST"]},"fr.auth.tenants.switch":{"uri":"fr\/switch-tenants\/{tenant}","methods":["GET","HEAD"],"parameters":["tenant"],"bindings":{"tenant":"id"}},"fr.auth.verify-email":{"uri":"fr\/verify-email\/{token}","methods":["GET","HEAD"],"parameters":["token"]},"fr.sso-pass-through.store":{"uri":"fr\/sso-pass-through","methods":["POST"]},"hr.auth.token":{"uri":"hr\/auth\/token\/{userToken}","methods":["GET","HEAD"],"parameters":["userToken"],"bindings":{"userToken":"id"}},"hr.auth.facebook.redirect":{"uri":"hr\/auth\/facebook\/redirect","methods":["GET","HEAD"]},"hr.register":{"uri":"hr\/register","methods":["GET","HEAD"]},"hr.register.store":{"uri":"hr\/register","methods":["POST"]},"hr.login":{"uri":"hr\/login","methods":["GET","HEAD"]},"hr.login.store":{"uri":"hr\/login","methods":["POST"]},"hr.password.email":{"uri":"hr\/forgot-password","methods":["POST"]},"hr.password.reset":{"uri":"hr\/reset-password\/{token}","methods":["GET","HEAD"],"parameters":["token"]},"hr.password.update":{"uri":"hr\/reset-password","methods":["POST"]},"hr.two-factor.login":{"uri":"hr\/two-factor-challenge","methods":["GET","HEAD"]},"hr.password.request":{"uri":"hr\/forgot-password","methods":["GET","HEAD"]},"hr.password.confirm":{"uri":"hr\/confirm-password","methods":["GET","HEAD"]},"hr.logout":{"uri":"hr\/logout","methods":["POST"]},"hr.auth.tenants.switch":{"uri":"hr\/switch-tenants\/{tenant}","methods":["GET","HEAD"],"parameters":["tenant"],"bindings":{"tenant":"id"}},"hr.auth.verify-email":{"uri":"hr\/verify-email\/{token}","methods":["GET","HEAD"],"parameters":["token"]},"hr.sso-pass-through.store":{"uri":"hr\/sso-pass-through","methods":["POST"]},"it.auth.token":{"uri":"it\/auth\/token\/{userToken}","methods":["GET","HEAD"],"parameters":["userToken"],"bindings":{"userToken":"id"}},"it.auth.facebook.redirect":{"uri":"it\/auth\/facebook\/redirect","methods":["GET","HEAD"]},"it.register":{"uri":"it\/register","methods":["GET","HEAD"]},"it.register.store":{"uri":"it\/register","methods":["POST"]},"it.login":{"uri":"it\/login","methods":["GET","HEAD"]},"it.login.store":{"uri":"it\/login","methods":["POST"]},"it.password.email":{"uri":"it\/forgot-password","methods":["POST"]},"it.password.reset":{"uri":"it\/reset-password\/{token}","methods":["GET","HEAD"],"parameters":["token"]},"it.password.update":{"uri":"it\/reset-password","methods":["POST"]},"it.two-factor.login":{"uri":"it\/two-factor-challenge","methods":["GET","HEAD"]},"it.password.request":{"uri":"it\/forgot-password","methods":["GET","HEAD"]},"it.password.confirm":{"uri":"it\/confirm-password","methods":["GET","HEAD"]},"it.logout":{"uri":"it\/logout","methods":["POST"]},"it.auth.tenants.switch":{"uri":"it\/switch-tenants\/{tenant}","methods":["GET","HEAD"],"parameters":["tenant"],"bindings":{"tenant":"id"}},"it.auth.verify-email":{"uri":"it\/verify-email\/{token}","methods":["GET","HEAD"],"parameters":["token"]},"it.sso-pass-through.store":{"uri":"it\/sso-pass-through","methods":["POST"]},"ja.auth.token":{"uri":"ja\/auth\/token\/{userToken}","methods":["GET","HEAD"],"parameters":["userToken"],"bindings":{"userToken":"id"}},"ja.auth.facebook.redirect":{"uri":"ja\/auth\/facebook\/redirect","methods":["GET","HEAD"]},"ja.register":{"uri":"ja\/register","methods":["GET","HEAD"]},"ja.register.store":{"uri":"ja\/register","methods":["POST"]},"ja.login":{"uri":"ja\/login","methods":["GET","HEAD"]},"ja.login.store":{"uri":"ja\/login","methods":["POST"]},"ja.password.email":{"uri":"ja\/forgot-password","methods":["POST"]},"ja.password.reset":{"uri":"ja\/reset-password\/{token}","methods":["GET","HEAD"],"parameters":["token"]},"ja.password.update":{"uri":"ja\/reset-password","methods":["POST"]},"ja.two-factor.login":{"uri":"ja\/two-factor-challenge","methods":["GET","HEAD"]},"ja.password.request":{"uri":"ja\/forgot-password","methods":["GET","HEAD"]},"ja.password.confirm":{"uri":"ja\/confirm-password","methods":["GET","HEAD"]},"ja.logout":{"uri":"ja\/logout","methods":["POST"]},"ja.auth.tenants.switch":{"uri":"ja\/switch-tenants\/{tenant}","methods":["GET","HEAD"],"parameters":["tenant"],"bindings":{"tenant":"id"}},"ja.auth.verify-email":{"uri":"ja\/verify-email\/{token}","methods":["GET","HEAD"],"parameters":["token"]},"ja.sso-pass-through.store":{"uri":"ja\/sso-pass-through","methods":["POST"]},"nl.auth.token":{"uri":"nl\/auth\/token\/{userToken}","methods":["GET","HEAD"],"parameters":["userToken"],"bindings":{"userToken":"id"}},"nl.auth.facebook.redirect":{"uri":"nl\/auth\/facebook\/redirect","methods":["GET","HEAD"]},"nl.register":{"uri":"nl\/register","methods":["GET","HEAD"]},"nl.register.store":{"uri":"nl\/register","methods":["POST"]},"nl.login":{"uri":"nl\/login","methods":["GET","HEAD"]},"nl.login.store":{"uri":"nl\/login","methods":["POST"]},"nl.password.email":{"uri":"nl\/forgot-password","methods":["POST"]},"nl.password.reset":{"uri":"nl\/reset-password\/{token}","methods":["GET","HEAD"],"parameters":["token"]},"nl.password.update":{"uri":"nl\/reset-password","methods":["POST"]},"nl.two-factor.login":{"uri":"nl\/two-factor-challenge","methods":["GET","HEAD"]},"nl.password.request":{"uri":"nl\/forgot-password","methods":["GET","HEAD"]},"nl.password.confirm":{"uri":"nl\/confirm-password","methods":["GET","HEAD"]},"nl.logout":{"uri":"nl\/logout","methods":["POST"]},"nl.auth.tenants.switch":{"uri":"nl\/switch-tenants\/{tenant}","methods":["GET","HEAD"],"parameters":["tenant"],"bindings":{"tenant":"id"}},"nl.auth.verify-email":{"uri":"nl\/verify-email\/{token}","methods":["GET","HEAD"],"parameters":["token"]},"nl.sso-pass-through.store":{"uri":"nl\/sso-pass-through","methods":["POST"]},"tw.auth.token":{"uri":"tw\/auth\/token\/{userToken}","methods":["GET","HEAD"],"parameters":["userToken"],"bindings":{"userToken":"id"}},"tw.auth.facebook.redirect":{"uri":"tw\/auth\/facebook\/redirect","methods":["GET","HEAD"]},"tw.register":{"uri":"tw\/register","methods":["GET","HEAD"]},"tw.register.store":{"uri":"tw\/register","methods":["POST"]},"tw.login":{"uri":"tw\/login","methods":["GET","HEAD"]},"tw.login.store":{"uri":"tw\/login","methods":["POST"]},"tw.password.email":{"uri":"tw\/forgot-password","methods":["POST"]},"tw.password.reset":{"uri":"tw\/reset-password\/{token}","methods":["GET","HEAD"],"parameters":["token"]},"tw.password.update":{"uri":"tw\/reset-password","methods":["POST"]},"tw.two-factor.login":{"uri":"tw\/two-factor-challenge","methods":["GET","HEAD"]},"tw.password.request":{"uri":"tw\/forgot-password","methods":["GET","HEAD"]},"tw.password.confirm":{"uri":"tw\/confirm-password","methods":["GET","HEAD"]},"tw.logout":{"uri":"tw\/logout","methods":["POST"]},"tw.auth.tenants.switch":{"uri":"tw\/switch-tenants\/{tenant}","methods":["GET","HEAD"],"parameters":["tenant"],"bindings":{"tenant":"id"}},"tw.auth.verify-email":{"uri":"tw\/verify-email\/{token}","methods":["GET","HEAD"],"parameters":["token"]},"tw.sso-pass-through.store":{"uri":"tw\/sso-pass-through","methods":["POST"]},"en.auth.token":{"uri":"auth\/token\/{userToken}","methods":["GET","HEAD"],"parameters":["userToken"],"bindings":{"userToken":"id"}},"en.auth.facebook.redirect":{"uri":"auth\/facebook\/redirect","methods":["GET","HEAD"]},"en.password.confirm":{"uri":"confirm-password","methods":["GET","HEAD"]},"en.auth.tenants.switch":{"uri":"switch-tenants\/{tenant}","methods":["GET","HEAD"],"parameters":["tenant"],"bindings":{"tenant":"id"}},"en.auth.verify-email":{"uri":"verify-email\/{token}","methods":["GET","HEAD"],"parameters":["token"]},"en.sso-pass-through.store":{"uri":"sso-pass-through","methods":["POST"]},"online":{"uri":"online","methods":["GET","HEAD"]},"de.index":{"uri":"de","methods":["GET","HEAD"]},"de.events.index":{"uri":"de\/events","methods":["GET","HEAD"]},"de.events.show":{"uri":"de\/events\/{liveEvent}","methods":["GET","HEAD"],"parameters":["liveEvent"],"bindings":{"liveEvent":"slug"}},"de.auctions.index":{"uri":"de\/auctions","methods":["GET","HEAD"]},"de.auctions.cart.toggle":{"uri":"de\/auctions\/{auction}\/cart\/toggle","methods":["POST"],"parameters":["auction"],"bindings":{"auction":"id"}},"de.cart.show":{"uri":"de\/cart","methods":["GET","HEAD"]},"de.cart.handover.show":{"uri":"de\/cart\/handover\/{store}","methods":["GET","HEAD"],"parameters":["store"],"bindings":{"store":"slug"}},"de.cart.handover.store":{"uri":"de\/cart\/handover\/{store}","methods":["POST"],"parameters":["store"],"bindings":{"store":"slug"}},"de.checkouts.guest":{"uri":"de\/checkouts\/guest","methods":["GET","HEAD"]},"de.checkouts.store":{"uri":"de\/checkouts","methods":["POST"]},"de.checkouts.show":{"uri":"de\/checkouts\/{checkout}","methods":["GET","HEAD"],"parameters":["checkout"]},"de.checkouts.v3.show":{"uri":"de\/checkouts\/v3\/{checkout}","methods":["GET","HEAD"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"de.checkouts.v3.processing":{"uri":"de\/checkouts\/v3\/{checkout}\/processing","methods":["GET","HEAD"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"de.checkouts.v3.update":{"uri":"de\/checkouts\/v3\/{checkout}","methods":["PUT"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"de.checkouts.v3.buyer.update":{"uri":"de\/checkouts\/v3\/{checkout}\/buyer","methods":["PUT"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"de.checkouts.v3.coupons.store":{"uri":"de\/checkouts\/v3\/{checkout}\/coupons","methods":["POST"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"de.checkouts.v3.coupons.destroy":{"uri":"de\/checkouts\/v3\/{checkout}\/coupons","methods":["DELETE"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"de.checkouts.v3.paypal.authorise":{"uri":"de\/checkouts\/v3\/{checkout}
160\/paypal\/authorise","methods":["POST"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"de.checkouts.v3.paypal.capture":{"uri":"de\/checkouts\/v3\/{checkout}\/paypal\/capture","methods":["POST"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"de.checkouts.v3.paypal.cancel":{"uri":"de\/checkouts\/v3\/{checkout}\/paypal\/cancel","methods":["POST"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"de.checkouts.invoice.show":{"uri":"de\/checkouts\/invoice\/{invoice}","methods":["GET","HEAD"],"parameters":["invoice"]},"de.checkouts.invoice.download":{"uri":"de\/checkouts\/invoice\/{invoice}\/download","methods":["GET","HEAD"],"parameters":["invoice"],"bindings":{"invoice":"id"}},"de.locale-settings.update":{"uri":"de\/locale-settings","methods":["POST"]},"de.auctions.show":{"uri":"de\/products\/{auctionUrlTitle}","methods":["GET","HEAD"],"parameters":["auctionUrlTitle"]},"de.auctions.ends":{"uri":"de\/products\/{auction}\/ends","methods":["GET","HEAD"],"parameters":["auction"],"bindings":{"auction":"id"}},"de.categories.show":{"uri":"de\/auctions\/{category}","methods":["GET","HEAD"],"wheres":{"category":".*[^-0-9+]$"},"parameters":["category"],"bindings":{"category":"slug"}},"de.search":{"uri":"de\/search","methods":["GET","HEAD"]},"de.stores.index":{"uri":"de\/stores","methods":["GET","HEAD"]},"de.stores.feedback.index":{"uri":"de\/stores\/{store}\/feedback","methods":["GET","HEAD"],"parameters":["store"],"bindings":{"store":"slug"}},"de.stores.show":{"uri":"de\/stores\/{store}\/{category?}","methods":["GET","HEAD"],"wheres":{"category":".*[^-0-9+]$"},"parameters":["store","category"],"bindings":{"store":"slug","category":"slug"}},"de.pages.show":{"uri":"de\/pages\/{page}","methods":["GET","HEAD"],"parameters":["page"],"bindings":{"page":"slug"}},"de.sitemap":{"uri":"de\/sitemap","methods":["GET","HEAD"]},"de.auctions.watch":{"uri":"de\/auctions\/{auction}\/watch","methods":["POST"],"parameters":["auction"],"bindings":{"auction":"id"}},"de.stores.preference":{"uri":"de\/stores\/{store}\/preference","methods":["POST"],"parameters":["store"],"bindings":{"store":"id"}},"de.profile.show":{"uri":"de\/profile\/{user}","methods":["GET","HEAD"],"parameters":["user"],"bindings":{"user":"url_nick"}},"de.achievements.share":{"uri":"de\/share\/{user}\/{achievement}","methods":["GET","HEAD"],"parameters":["user","achievement"],"bindings":{"user":"url_nick","achievement":"slug"}},"de.learn.index":{"uri":"de\/learn","methods":["GET","HEAD"]},"de.learn.category":{"uri":"de\/learn\/{content_category}","methods":["GET","HEAD"],"parameters":["content_category"],"bindings":{"content_category":"url_name"}},"de.learn.article":{"uri":"de\/learn\/{content_category}\/{content}","methods":["GET","HEAD"],"parameters":["content_category","content"],"bindings":{"content_category":"url_name","content":"url_name"}},"de.help.index":{"uri":"de\/help","methods":["GET","HEAD"]},"de.help.category":{"uri":"de\/help\/{helpCategory}","methods":["GET","HEAD"],"parameters":["helpCategory"],"bindings":{"helpCategory":"url_name"}},"de.help.article":{"uri":"de\/help\/{helpCategory}\/{help}","methods":["GET","HEAD"],"parameters":["helpCategory","help"],"bindings":{"helpCategory":"url_name","help":"url_name"}},"es.index":{"uri":"es","methods":["GET","HEAD"]},"es.events.index":{"uri":"es\/events","methods":["GET","HEAD"]},"es.events.show":{"uri":"es\/events\/{liveEvent}","methods":["GET","HEAD"],"parameters":["liveEvent"],"bindings":{"liveEvent":"slug"}},"es.auctions.index":{"uri":"es\/auctions","methods":["GET","HEAD"]},"es.auctions.cart.toggle":{"uri":"es\/auctions\/{auction}\/cart\/toggle","methods":["POST"],"parameters":["auction"],"bindings":{"auction":"id"}},"es.cart.show":{"uri":"es\/cart","methods":["GET","HEAD"]},"es.cart.handover.show":{"uri":"es\/cart\/handover\/{store}","methods":["GET","HEAD"],"parameters":["store"],"bindings":{"store":"slug"}},"es.cart.handover.store":{"uri":"es\/cart\/handover\/{store}","methods":["POST"],"parameters":["store"],"bindings":{"store":"slug"}},"es.checkouts.guest":{"uri":"es\/checkouts\/guest","methods":["GET","HEAD"]},"es.checkouts.store":{"uri":"es\/checkouts","methods":["POST"]},"es.checkouts.show":{"uri":"es\/checkouts\/{checkout}","methods":["GET","HEAD"],"parameters":["checkout"]},"es.checkouts.v3.show":{"uri":"es\/checkouts\/v3\/{checkout}","methods":["GET","HEAD"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"es.checkouts.v3.processing":{"uri":"es\/checkouts\/v3\/{checkout}\/processing","methods":["GET","HEAD"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"es.checkouts.v3.update":{"uri":"es\/checkouts\/v3\/{checkout}","methods":["PUT"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"es.checkouts.v3.buyer.update":{"uri":"es\/checkouts\/v3\/{checkout}\/buyer","methods":["PUT"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"es.checkouts.v3.coupons.store":{"uri":"es\/checkouts\/v3\/{checkout}\/coupons","methods":["POST"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"es.checkouts.v3.coupons.destroy":{"uri":"es\/checkouts\/v3\/{checkout}\/coupons","methods":["DELETE"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"es.checkouts.v3.paypal.authorise":{"uri":"es\/checkouts\/v3\/{checkout}
160\/paypal\/authorise","methods":["POST"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"es.checkouts.v3.paypal.capture":{"uri":"es\/checkouts\/v3\/{checkout}\/paypal\/capture","methods":["POST"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"es.checkouts.v3.paypal.cancel":{"uri":"es\/checkouts\/v3\/{checkout}\/paypal\/cancel","methods":["POST"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"es.checkouts.invoice.show":{"uri":"es\/checkouts\/invoice\/{invoice}","methods":["GET","HEAD"],"parameters":["invoice"]},"es.checkouts.invoice.download":{"uri":"es\/checkouts\/invoice\/{invoice}\/download","methods":["GET","HEAD"],"parameters":["invoice"],"bindings":{"invoice":"id"}},"es.locale-settings.update":{"uri":"es\/locale-settings","methods":["POST"]},"es.auctions.show":{"uri":"es\/products\/{auctionUrlTitle}","methods":["GET","HEAD"],"parameters":["auctionUrlTitle"]},"es.auctions.ends":{"uri":"es\/products\/{auction}\/ends","methods":["GET","HEAD"],"parameters":["auction"],"bindings":{"auction":"id"}},"es.categories.show":{"uri":"es\/auctions\/{category}","methods":["GET","HEAD"],"wheres":{"category":".*[^-0-9+]$"},"parameters":["category"],"bindings":{"category":"slug"}},"es.search":{"uri":"es\/search","methods":["GET","HEAD"]},"es.stores.index":{"uri":"es\/stores","methods":["GET","HEAD"]},"es.stores.feedback.index":{"uri":"es\/stores\/{store}\/feedback","methods":["GET","HEAD"],"parameters":["store"],"bindings":{"store":"slug"}},"es.stores.show":{"uri":"es\/stores\/{store}\/{category?}","methods":["GET","HEAD"],"wheres":{"category":".*[^-0-9+]$"},"parameters":["store","category"],"bindings":{"store":"slug","category":"slug"}},"es.pages.show":{"uri":"es\/pages\/{page}","methods":["GET","HEAD"],"parameters":["page"],"bindings":{"page":"slug"}},"es.sitemap":{"uri":"es\/sitemap","methods":["GET","HEAD"]},"es.auctions.watch":{"uri":"es\/auctions\/{auction}\/watch","methods":["POST"],"parameters":["auction"],"bindings":{"auction":"id"}},"es.stores.preference":{"uri":"es\/stores\/{store}\/preference","methods":["POST"],"parameters":["store"],"bindings":{"store":"id"}},"es.profile.show":{"uri":"es\/profile\/{user}","methods":["GET","HEAD"],"parameters":["user"],"bindings":{"user":"url_nick"}},"es.achievements.share":{"uri":"es\/share\/{user}\/{achievement}","methods":["GET","HEAD"],"parameters":["user","achievement"],"bindings":{"user":"url_nick","achievement":"slug"}},"es.learn.index":{"uri":"es\/learn","methods":["GET","HEAD"]},"es.learn.category":{"uri":"es\/learn\/{content_category}","methods":["GET","HEAD"],"parameters":["content_category"],"bindings":{"content_category":"url_name"}},"es.learn.article":{"uri":"es\/learn\/{content_category}\/{content}","methods":["GET","HEAD"],"parameters":["content_category","content"],"bindings":{"content_category":"url_name","content":"url_name"}},"es.help.index":{"uri":"es\/help","methods":["GET","HEAD"]},"es.help.category":{"uri":"es\/help\/{helpCategory}","methods":["GET","HEAD"],"parameters":["helpCategory"],"bindings":{"helpCategory":"url_name"}},"es.help.article":{"uri":"es\/help\/{helpCategory}\/{help}","methods":["GET","HEAD"],"parameters":["helpCategory","help"],"bindings":{"helpCategory":"url_name","help":"url_name"}},"fr.index":{"uri":"fr","methods":["GET","HEAD"]},"fr.events.index":{"uri":"fr\/events","methods":["GET","HEAD"]},"fr.events.show":{"uri":"fr\/events\/{liveEvent}","methods":["GET","HEAD"],"parameters":["liveEvent"],"bindings":{"liveEvent":"slug"}},"fr.auctions.index":{"uri":"fr\/auctions","methods":["GET","HEAD"]},"fr.auctions.cart.toggle":{"uri":"fr\/auctions\/{auction}\/cart\/toggle","methods":["POST"],"parameters":["auction"],"bindings":{"auction":"id"}},"fr.cart.show":{"uri":"fr\/cart","methods":["GET","HEAD"]},"fr.cart.handover.show":{"uri":"fr\/cart\/handover\/{store}","methods":["GET","HEAD"],"parameters":["store"],"bindings":{"store":"slug"}},"fr.cart.handover.store":{"uri":"fr\/cart\/handover\/{store}","methods":["POST"],"parameters":["store"],"bindings":{"store":"slug"}},"fr.checkouts.guest":{"uri":"fr\/checkouts\/guest","methods":["GET","HEAD"]},"fr.checkouts.store":{"uri":"fr\/checkouts","methods":["POST"]},"fr.checkouts.show":{"uri":"fr\/checkouts\/{checkout}","methods":["GET","HEAD"],"parameters":["checkout"]},"fr.checkouts.v3.show":{"uri":"fr\/checkouts\/v3\/{checkout}","methods":["GET","HEAD"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"fr.checkouts.v3.processing":{"uri":"fr\/checkouts\/v3\/{checkout}\/processing","methods":["GET","HEAD"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"fr.checkouts.v3.update":{"uri":"fr\/checkouts\/v3\/{checkout}","methods":["PUT"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"fr.checkouts.v3.buyer.update":{"uri":"fr\/checkouts\/v3\/{checkout}\/buyer","methods":["PUT"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"fr.checkouts.v3.coupons.store":{"uri":"fr\/checkouts\/v3\/{checkout}\/coupons","methods":["POST"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"fr.checkouts.v3.coupons.destroy":{"uri":"fr\/checkouts\/v3\/{checkout}\/coupons","methods":["DELETE"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"fr.checkouts.v3.paypal.authorise":{"uri":"fr\/checkouts\/v3\/{checkout}
160\/paypal\/authorise","methods":["POST"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"fr.checkouts.v3.paypal.capture":{"uri":"fr\/checkouts\/v3\/{checkout}\/paypal\/capture","methods":["POST"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"fr.checkouts.v3.paypal.cancel":{"uri":"fr\/checkouts\/v3\/{checkout}\/paypal\/cancel","methods":["POST"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"fr.checkouts.invoice.show":{"uri":"fr\/checkouts\/invoice\/{invoice}","methods":["GET","HEAD"],"parameters":["invoice"]},"fr.checkouts.invoice.download":{"uri":"fr\/checkouts\/invoice\/{invoice}\/download","methods":["GET","HEAD"],"parameters":["invoice"],"bindings":{"invoice":"id"}},"fr.locale-settings.update":{"uri":"fr\/locale-settings","methods":["POST"]},"fr.auctions.show":{"uri":"fr\/products\/{auctionUrlTitle}","methods":["GET","HEAD"],"parameters":["auctionUrlTitle"]},"fr.auctions.ends":{"uri":"fr\/products\/{auction}\/ends","methods":["GET","HEAD"],"parameters":["auction"],"bindings":{"auction":"id"}},"fr.categories.show":{"uri":"fr\/auctions\/{category}","methods":["GET","HEAD"],"wheres":{"category":".*[^-0-9+]$"},"parameters":["category"],"bindings":{"category":"slug"}},"fr.search":{"uri":"fr\/search","methods":["GET","HEAD"]},"fr.stores.index":{"uri":"fr\/stores","methods":["GET","HEAD"]},"fr.stores.feedback.index":{"uri":"fr\/stores\/{store}\/feedback","methods":["GET","HEAD"],"parameters":["store"],"bindings":{"store":"slug"}},"fr.stores.show":{"uri":"fr\/stores\/{store}\/{category?}","methods":["GET","HEAD"],"wheres":{"category":".*[^-0-9+]$"},"parameters":["store","category"],"bindings":{"store":"slug","category":"slug"}},"fr.pages.show":{"uri":"fr\/pages\/{page}","methods":["GET","HEAD"],"parameters":["page"],"bindings":{"page":"slug"}},"fr.sitemap":{"uri":"fr\/sitemap","methods":["GET","HEAD"]},"fr.auctions.watch":{"uri":"fr\/auctions\/{auction}\/watch","methods":["POST"],"parameters":["auction"],"bindings":{"auction":"id"}},"fr.stores.preference":{"uri":"fr\/stores\/{store}\/preference","methods":["POST"],"parameters":["store"],"bindings":{"store":"id"}},"fr.profile.show":{"uri":"fr\/profile\/{user}","methods":["GET","HEAD"],"parameters":["user"],"bindings":{"user":"url_nick"}},"fr.achievements.share":{"uri":"fr\/share\/{user}\/{achievement}","methods":["GET","HEAD"],"parameters":["user","achievement"],"bindings":{"user":"url_nick","achievement":"slug"}},"fr.learn.index":{"uri":"fr\/learn","methods":["GET","HEAD"]},"fr.learn.category":{"uri":"fr\/learn\/{content_category}","methods":["GET","HEAD"],"parameters":["content_category"],"bindings":{"content_category":"url_name"}},"fr.learn.article":{"uri":"fr\/learn\/{content_category}\/{content}","methods":["GET","HEAD"],"parameters":["content_category","content"],"bindings":{"content_category":"url_name","content":"url_name"}},"fr.help.index":{"uri":"fr\/help","methods":["GET","HEAD"]},"fr.help.category":{"uri":"fr\/help\/{helpCategory}","methods":["GET","HEAD"],"parameters":["helpCategory"],"bindings":{"helpCategory":"url_name"}},"fr.help.article":{"uri":"fr\/help\/{helpCategory}\/{help}","methods":["GET","HEAD"],"parameters":["helpCategory","help"],"bindings":{"helpCategory":"url_name","help":"url_name"}},"hr.index":{"uri":"hr","methods":["GET","HEAD"]},"hr.events.index":{"uri":"hr\/events","methods":["GET","HEAD"]},"hr.events.show":{"uri":"hr\/events\/{liveEvent}","methods":["GET","HEAD"],"parameters":["liveEvent"],"bindings":{"liveEvent":"slug"}},"hr.auctions.index":{"uri":"hr\/auctions","methods":["GET","HEAD"]},"hr.auctions.cart.toggle":{"uri":"hr\/auctions\/{auction}\/cart\/toggle","methods":["POST"],"parameters":["auction"],"bindings":{"auction":"id"}},"hr.cart.show":{"uri":"hr\/cart","methods":["GET","HEAD"]},"hr.cart.handover.show":{"uri":"hr\/cart\/handover\/{store}","methods":["GET","HEAD"],"parameters":["store"],"bindings":{"store":"slug"}},"hr.cart.handover.store":{"uri":"hr\/cart\/handover\/{store}","methods":["POST"],"parameters":["store"],"bindings":{"store":"slug"}},"hr.checkouts.guest":{"uri":"hr\/checkouts\/guest","methods":["GET","HEAD"]},"hr.checkouts.store":{"uri":"hr\/checkouts","methods":["POST"]},"hr.checkouts.show":{"uri":"hr\/checkouts\/{checkout}","methods":["GET","HEAD"],"parameters":["checkout"]},"hr.checkouts.v3.show":{"uri":"hr\/checkouts\/v3\/{checkout}","methods":["GET","HEAD"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"hr.checkouts.v3.processing":{"uri":"hr\/checkouts\/v3\/{checkout}\/processing","methods":["GET","HEAD"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"hr.checkouts.v3.update":{"uri":"hr\/checkouts\/v3\/{checkout}","methods":["PUT"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"hr.checkouts.v3.buyer.update":{"uri":"hr\/checkouts\/v3\/{checkout}\/buyer","methods":["PUT"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"hr.checkouts.v3.coupons.store":{"uri":"hr\/checkouts\/v3\/{checkout}\/coupons","methods":["POST"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"hr.checkouts.v3.coupons.destroy":{"uri":"hr\/checkouts\/v3\/{checkout}\/coupons","methods":["DELETE"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"hr.checkouts.v3.paypal.authorise":{"uri":"hr\/checkouts\/v3\/{checkout}
160\/paypal\/authorise","methods":["POST"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"hr.checkouts.v3.paypal.capture":{"uri":"hr\/checkouts\/v3\/{checkout}\/paypal\/capture","methods":["POST"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"hr.checkouts.v3.paypal.cancel":{"uri":"hr\/checkouts\/v3\/{checkout}\/paypal\/cancel","methods":["POST"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"hr.checkouts.invoice.show":{"uri":"hr\/checkouts\/invoice\/{invoice}","methods":["GET","HEAD"],"parameters":["invoice"]},"hr.checkouts.invoice.download":{"uri":"hr\/checkouts\/invoice\/{invoice}\/download","methods":["GET","HEAD"],"parameters":["invoice"],"bindings":{"invoice":"id"}},"hr.locale-settings.update":{"uri":"hr\/locale-settings","methods":["POST"]},"hr.auctions.show":{"uri":"hr\/products\/{auctionUrlTitle}","methods":["GET","HEAD"],"parameters":["auctionUrlTitle"]},"hr.auctions.ends":{"uri":"hr\/products\/{auction}\/ends","methods":["GET","HEAD"],"parameters":["auction"],"bindings":{"auction":"id"}},"hr.categories.show":{"uri":"hr\/auctions\/{category}","methods":["GET","HEAD"],"wheres":{"category":".*[^-0-9+]$"},"parameters":["category"],"bindings":{"category":"slug"}},"hr.search":{"uri":"hr\/search","methods":["GET","HEAD"]},"hr.stores.index":{"uri":"hr\/stores","methods":["GET","HEAD"]},"hr.stores.feedback.index":{"uri":"hr\/stores\/{store}\/feedback","methods":["GET","HEAD"],"parameters":["store"],"bindings":{"store":"slug"}},"hr.stores.show":{"uri":"hr\/stores\/{store}\/{category?}","methods":["GET","HEAD"],"wheres":{"category":".*[^-0-9+]$"},"parameters":["store","category"],"bindings":{"store":"slug","category":"slug"}},"hr.pages.show":{"uri":"hr\/pages\/{page}","methods":["GET","HEAD"],"parameters":["page"],"bindings":{"page":"slug"}},"hr.sitemap":{"uri":"hr\/sitemap","methods":["GET","HEAD"]},"hr.auctions.watch":{"uri":"hr\/auctions\/{auction}\/watch","methods":["POST"],"parameters":["auction"],"bindings":{"auction":"id"}},"hr.stores.preference":{"uri":"hr\/stores\/{store}\/preference","methods":["POST"],"parameters":["store"],"bindings":{"store":"id"}},"hr.profile.show":{"uri":"hr\/profile\/{user}","methods":["GET","HEAD"],"parameters":["user"],"bindings":{"user":"url_nick"}},"hr.achievements.share":{"uri":"hr\/share\/{user}\/{achievement}","methods":["GET","HEAD"],"parameters":["user","achievement"],"bindings":{"user":"url_nick","achievement":"slug"}},"hr.learn.index":{"uri":"hr\/learn","methods":["GET","HEAD"]},"hr.learn.category":{"uri":"hr\/learn\/{content_category}","methods":["GET","HEAD"],"parameters":["content_category"],"bindings":{"content_category":"url_name"}},"hr.learn.article":{"uri":"hr\/learn\/{content_category}\/{content}","methods":["GET","HEAD"],"parameters":["content_category","content"],"bindings":{"content_category":"url_name","content":"url_name"}},"hr.help.index":{"uri":"hr\/help","methods":["GET","HEAD"]},"hr.help.category":{"uri":"hr\/help\/{helpCategory}","methods":["GET","HEAD"],"parameters":["helpCategory"],"bindings":{"helpCategory":"url_name"}},"hr.help.article":{"uri":"hr\/help\/{helpCategory}\/{help}","methods":["GET","HEAD"],"parameters":["helpCategory","help"],"bindings":{"helpCategory":"url_name","help":"url_name"}},"it.index":{"uri":"it","methods":["GET","HEAD"]},"it.events.index":{"uri":"it\/events","methods":["GET","HEAD"]},"it.events.show":{"uri":"it\/events\/{liveEvent}","methods":["GET","HEAD"],"parameters":["liveEvent"],"bindings":{"liveEvent":"slug"}},"it.auctions.index":{"uri":"it\/auctions","methods":["GET","HEAD"]},"it.auctions.cart.toggle":{"uri":"it\/auctions\/{auction}\/cart\/toggle","methods":["POST"],"parameters":["auction"],"bindings":{"auction":"id"}},"it.cart.show":{"uri":"it\/cart","methods":["GET","HEAD"]},"it.cart.handover.show":{"uri":"it\/cart\/handover\/{store}","methods":["GET","HEAD"],"parameters":["store"],"bindings":{"store":"slug"}},"it.cart.handover.store":{"uri":"it\/cart\/handover\/{store}","methods":["POST"],"parameters":["store"],"bindings":{"store":"slug"}},"it.checkouts.guest":{"uri":"it\/checkouts\/guest","methods":["GET","HEAD"]},"it.checkouts.store":{"uri":"it\/checkouts","methods":["POST"]},"it.checkouts.show":{"uri":"it\/checkouts\/{checkout}","methods":["GET","HEAD"],"parameters":["checkout"]},"it.checkouts.v3.show":{"uri":"it\/checkouts\/v3\/{checkout}","methods":["GET","HEAD"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"it.checkouts.v3.processing":{"uri":"it\/checkouts\/v3\/{checkout}\/processing","methods":["GET","HEAD"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"it.checkouts.v3.update":{"uri":"it\/checkouts\/v3\/{checkout}","methods":["PUT"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"it.checkouts.v3.buyer.update":{"uri":"it\/checkouts\/v3\/{checkout}\/buyer","methods":["PUT"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"it.checkouts.v3.coupons.store":{"uri":"it\/checkouts\/v3\/{checkout}\/coupons","methods":["POST"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"it.checkouts.v3.coupons.destroy":{"uri":"it\/checkouts\/v3\/{checkout}\/coupons","methods":["DELETE"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"it.checkouts.v3.paypal.authorise":{"uri":"it\/checkouts\/v3\/{checkout}
160\/paypal\/authorise","methods":["POST"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"it.checkouts.v3.paypal.capture":{"uri":"it\/checkouts\/v3\/{checkout}\/paypal\/capture","methods":["POST"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"it.checkouts.v3.paypal.cancel":{"uri":"it\/checkouts\/v3\/{checkout}\/paypal\/cancel","methods":["POST"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"it.checkouts.invoice.show":{"uri":"it\/checkouts\/invoice\/{invoice}","methods":["GET","HEAD"],"parameters":["invoice"]},"it.checkouts.invoice.download":{"uri":"it\/checkouts\/invoice\/{invoice}\/download","methods":["GET","HEAD"],"parameters":["invoice"],"bindings":{"invoice":"id"}},"it.locale-settings.update":{"uri":"it\/locale-settings","methods":["POST"]},"it.auctions.show":{"uri":"it\/products\/{auctionUrlTitle}","methods":["GET","HEAD"],"parameters":["auctionUrlTitle"]},"it.auctions.ends":{"uri":"it\/products\/{auction}\/ends","methods":["GET","HEAD"],"parameters":["auction"],"bindings":{"auction":"id"}},"it.categories.show":{"uri":"it\/auctions\/{category}","methods":["GET","HEAD"],"wheres":{"category":".*[^-0-9+]$"},"parameters":["category"],"bindings":{"category":"slug"}},"it.search":{"uri":"it\/search","methods":["GET","HEAD"]},"it.stores.index":{"uri":"it\/stores","methods":["GET","HEAD"]},"it.stores.feedback.index":{"uri":"it\/stores\/{store}\/feedback","methods":["GET","HEAD"],"parameters":["store"],"bindings":{"store":"slug"}},"it.stores.show":{"uri":"it\/stores\/{store}\/{category?}","methods":["GET","HEAD"],"wheres":{"category":".*[^-0-9+]$"},"parameters":["store","category"],"bindings":{"store":"slug","category":"slug"}},"it.pages.show":{"uri":"it\/pages\/{page}","methods":["GET","HEAD"],"parameters":["page"],"bindings":{"page":"slug"}},"it.sitemap":{"uri":"it\/sitemap","methods":["GET","HEAD"]},"it.auctions.watch":{"uri":"it\/auctions\/{auction}\/watch","methods":["POST"],"parameters":["auction"],"bindings":{"auction":"id"}},"it.stores.preference":{"uri":"it\/stores\/{store}\/preference","methods":["POST"],"parameters":["store"],"bindings":{"store":"id"}},"it.profile.show":{"uri":"it\/profile\/{user}","methods":["GET","HEAD"],"parameters":["user"],"bindings":{"user":"url_nick"}},"it.achievements.share":{"uri":"it\/share\/{user}\/{achievement}","methods":["GET","HEAD"],"parameters":["user","achievement"],"bindings":{"user":"url_nick","achievement":"slug"}},"it.learn.index":{"uri":"it\/learn","methods":["GET","HEAD"]},"it.learn.category":{"uri":"it\/learn\/{content_category}","methods":["GET","HEAD"],"parameters":["content_category"],"bindings":{"content_category":"url_name"}},"it.learn.article":{"uri":"it\/learn\/{content_category}\/{content}","methods":["GET","HEAD"],"parameters":["content_category","content"],"bindings":{"content_category":"url_name","content":"url_name"}},"it.help.index":{"uri":"it\/help","methods":["GET","HEAD"]},"it.help.category":{"uri":"it\/help\/{helpCategory}","methods":["GET","HEAD"],"parameters":["helpCategory"],"bindings":{"helpCategory":"url_name"}},"it.help.article":{"uri":"it\/help\/{helpCategory}\/{help}","methods":["GET","HEAD"],"parameters":["helpCategory","help"],"bindings":{"helpCategory":"url_name","help":"url_name"}},"ja.index":{"uri":"ja","methods":["GET","HEAD"]},"ja.events.index":{"uri":"ja\/events","methods":["GET","HEAD"]},"ja.events.show":{"uri":"ja\/events\/{liveEvent}","methods":["GET","HEAD"],"parameters":["liveEvent"],"bindings":{"liveEvent":"slug"}},"ja.auctions.index":{"uri":"ja\/auctions","methods":["GET","HEAD"]},"ja.auctions.cart.toggle":{"uri":"ja\/auctions\/{auction}\/cart\/toggle","methods":["POST"],"parameters":["auction"],"bindings":{"auction":"id"}},"ja.cart.show":{"uri":"ja\/cart","methods":["GET","HEAD"]},"ja.cart.handover.show":{"uri":"ja\/cart\/handover\/{store}","methods":["GET","HEAD"],"parameters":["store"],"bindings":{"store":"slug"}},"ja.cart.handover.store":{"uri":"ja\/cart\/handover\/{store}","methods":["POST"],"parameters":["store"],"bindings":{"store":"slug"}},"ja.checkouts.guest":{"uri":"ja\/checkouts\/guest","methods":["GET","HEAD"]},"ja.checkouts.store":{"uri":"ja\/checkouts","methods":["POST"]},"ja.checkouts.show":{"uri":"ja\/checkouts\/{checkout}","methods":["GET","HEAD"],"parameters":["checkout"]},"ja.checkouts.v3.show":{"uri":"ja\/checkouts\/v3\/{checkout}","methods":["GET","HEAD"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"ja.checkouts.v3.processing":{"uri":"ja\/checkouts\/v3\/{checkout}\/processing","methods":["GET","HEAD"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"ja.checkouts.v3.update":{"uri":"ja\/checkouts\/v3\/{checkout}","methods":["PUT"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"ja.checkouts.v3.buyer.update":{"uri":"ja\/checkouts\/v3\/{checkout}\/buyer","methods":["PUT"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"ja.checkouts.v3.coupons.store":{"uri":"ja\/checkouts\/v3\/{checkout}\/coupons","methods":["POST"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"ja.checkouts.v3.coupons.destroy":{"uri":"ja\/checkouts\/v3\/{checkout}\/coupons","methods":["DELETE"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"ja.checkouts.v3.paypal.authorise":{"uri":"ja\/checkouts\/v3\/{checkout}
160\/paypal\/authorise","methods":["POST"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"ja.checkouts.v3.paypal.capture":{"uri":"ja\/checkouts\/v3\/{checkout}\/paypal\/capture","methods":["POST"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"ja.checkouts.v3.paypal.cancel":{"uri":"ja\/checkouts\/v3\/{checkout}\/paypal\/cancel","methods":["POST"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"ja.checkouts.invoice.show":{"uri":"ja\/checkouts\/invoice\/{invoice}","methods":["GET","HEAD"],"parameters":["invoice"]},"ja.checkouts.invoice.download":{"uri":"ja\/checkouts\/invoice\/{invoice}\/download","methods":["GET","HEAD"],"parameters":["invoice"],"bindings":{"invoice":"id"}},"ja.locale-settings.update":{"uri":"ja\/locale-settings","methods":["POST"]},"ja.auctions.show":{"uri":"ja\/products\/{auctionUrlTitle}","methods":["GET","HEAD"],"parameters":["auctionUrlTitle"]},"ja.auctions.ends":{"uri":"ja\/products\/{auction}\/ends","methods":["GET","HEAD"],"parameters":["auction"],"bindings":{"auction":"id"}},"ja.categories.show":{"uri":"ja\/auctions\/{category}","methods":["GET","HEAD"],"wheres":{"category":".*[^-0-9+]$"},"parameters":["category"],"bindings":{"category":"slug"}},"ja.search":{"uri":"ja\/search","methods":["GET","HEAD"]},"ja.stores.index":{"uri":"ja\/stores","methods":["GET","HEAD"]},"ja.stores.feedback.index":{"uri":"ja\/stores\/{store}\/feedback","methods":["GET","HEAD"],"parameters":["store"],"bindings":{"store":"slug"}},"ja.stores.show":{"uri":"ja\/stores\/{store}\/{category?}","methods":["GET","HEAD"],"wheres":{"category":".*[^-0-9+]$"},"parameters":["store","category"],"bindings":{"store":"slug","category":"slug"}},"ja.pages.show":{"uri":"ja\/pages\/{page}","methods":["GET","HEAD"],"parameters":["page"],"bindings":{"page":"slug"}},"ja.sitemap":{"uri":"ja\/sitemap","methods":["GET","HEAD"]},"ja.auctions.watch":{"uri":"ja\/auctions\/{auction}\/watch","methods":["POST"],"parameters":["auction"],"bindings":{"auction":"id"}},"ja.stores.preference":{"uri":"ja\/stores\/{store}\/preference","methods":["POST"],"parameters":["store"],"bindings":{"store":"id"}},"ja.profile.show":{"uri":"ja\/profile\/{user}","methods":["GET","HEAD"],"parameters":["user"],"bindings":{"user":"url_nick"}},"ja.achievements.share":{"uri":"ja\/share\/{user}\/{achievement}","methods":["GET","HEAD"],"parameters":["user","achievement"],"bindings":{"user":"url_nick","achievement":"slug"}},"ja.learn.index":{"uri":"ja\/learn","methods":["GET","HEAD"]},"ja.learn.category":{"uri":"ja\/learn\/{content_category}","methods":["GET","HEAD"],"parameters":["content_category"],"bindings":{"content_category":"url_name"}},"ja.learn.article":{"uri":"ja\/learn\/{content_category}\/{content}","methods":["GET","HEAD"],"parameters":["content_category","content"],"bindings":{"content_category":"url_name","content":"url_name"}},"ja.help.index":{"uri":"ja\/help","methods":["GET","HEAD"]},"ja.help.category":{"uri":"ja\/help\/{helpCategory}","methods":["GET","HEAD"],"parameters":["helpCategory"],"bindings":{"helpCategory":"url_name"}},"ja.help.article":{"uri":"ja\/help\/{helpCategory}\/{help}","methods":["GET","HEAD"],"parameters":["helpCategory","help"],"bindings":{"helpCategory":"url_name","help":"url_name"}},"nl.index":{"uri":"nl","methods":["GET","HEAD"]},"nl.events.index":{"uri":"nl\/events","methods":["GET","HEAD"]},"nl.events.show":{"uri":"nl\/events\/{liveEvent}","methods":["GET","HEAD"],"parameters":["liveEvent"],"bindings":{"liveEvent":"slug"}},"nl.auctions.index":{"uri":"nl\/auctions","methods":["GET","HEAD"]},"nl.auctions.cart.toggle":{"uri":"nl\/auctions\/{auction}\/cart\/toggle","methods":["POST"],"parameters":["auction"],"bindings":{"auction":"id"}},"nl.cart.show":{"uri":"nl\/cart","methods":["GET","HEAD"]},"nl.cart.handover.show":{"uri":"nl\/cart\/handover\/{store}","methods":["GET","HEAD"],"parameters":["store"],"bindings":{"store":"slug"}},"nl.cart.handover.store":{"uri":"nl\/cart\/handover\/{store}","methods":["POST"],"parameters":["store"],"bindings":{"store":"slug"}},"nl.checkouts.guest":{"uri":"nl\/checkouts\/guest","methods":["GET","HEAD"]},"nl.checkouts.store":{"uri":"nl\/checkouts","methods":["POST"]},"nl.checkouts.show":{"uri":"nl\/checkouts\/{checkout}","methods":["GET","HEAD"],"parameters":["checkout"]},"nl.checkouts.v3.show":{"uri":"nl\/checkouts\/v3\/{checkout}","methods":["GET","HEAD"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"nl.checkouts.v3.processing":{"uri":"nl\/checkouts\/v3\/{checkout}\/processing","methods":["GET","HEAD"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"nl.checkouts.v3.update":{"uri":"nl\/checkouts\/v3\/{checkout}","methods":["PUT"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"nl.checkouts.v3.buyer.update":{"uri":"nl\/checkouts\/v3\/{checkout}\/buyer","methods":["PUT"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"nl.checkouts.v3.coupons.store":{"uri":"nl\/checkouts\/v3\/{checkout}\/coupons","methods":["POST"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"nl.checkouts.v3.coupons.destroy":{"uri":"nl\/checkouts\/v3\/{checkout}\/coupons","methods":["DELETE"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"nl.checkouts.v3.paypal.authorise":{"uri":"nl\/checkouts\/v3\/{checkout}
160\/paypal\/authorise","methods":["POST"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"nl.checkouts.v3.paypal.capture":{"uri":"nl\/checkouts\/v3\/{checkout}\/paypal\/capture","methods":["POST"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"nl.checkouts.v3.paypal.cancel":{"uri":"nl\/checkouts\/v3\/{checkout}\/paypal\/cancel","methods":["POST"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"nl.checkouts.invoice.show":{"uri":"nl\/checkouts\/invoice\/{invoice}","methods":["GET","HEAD"],"parameters":["invoice"]},"nl.checkouts.invoice.download":{"uri":"nl\/checkouts\/invoice\/{invoice}\/download","methods":["GET","HEAD"],"parameters":["invoice"],"bindings":{"invoice":"id"}},"nl.locale-settings.update":{"uri":"nl\/locale-settings","methods":["POST"]},"nl.auctions.show":{"uri":"nl\/products\/{auctionUrlTitle}","methods":["GET","HEAD"],"parameters":["auctionUrlTitle"]},"nl.auctions.ends":{"uri":"nl\/products\/{auction}\/ends","methods":["GET","HEAD"],"parameters":["auction"],"bindings":{"auction":"id"}},"nl.categories.show":{"uri":"nl\/auctions\/{category}","methods":["GET","HEAD"],"wheres":{"category":".*[^-0-9+]$"},"parameters":["category"],"bindings":{"category":"slug"}},"nl.search":{"uri":"nl\/search","methods":["GET","HEAD"]},"nl.stores.index":{"uri":"nl\/stores","methods":["GET","HEAD"]},"nl.stores.feedback.index":{"uri":"nl\/stores\/{store}\/feedback","methods":["GET","HEAD"],"parameters":["store"],"bindings":{"store":"slug"}},"nl.stores.show":{"uri":"nl\/stores\/{store}\/{category?}","methods":["GET","HEAD"],"wheres":{"category":".*[^-0-9+]$"},"parameters":["store","category"],"bindings":{"store":"slug","category":"slug"}},"nl.pages.show":{"uri":"nl\/pages\/{page}","methods":["GET","HEAD"],"parameters":["page"],"bindings":{"page":"slug"}},"nl.sitemap":{"uri":"nl\/sitemap","methods":["GET","HEAD"]},"nl.auctions.watch":{"uri":"nl\/auctions\/{auction}\/watch","methods":["POST"],"parameters":["auction"],"bindings":{"auction":"id"}},"nl.stores.preference":{"uri":"nl\/stores\/{store}\/preference","methods":["POST"],"parameters":["store"],"bindings":{"store":"id"}},"nl.profile.show":{"uri":"nl\/profile\/{user}","methods":["GET","HEAD"],"parameters":["user"],"bindings":{"user":"url_nick"}},"nl.achievements.share":{"uri":"nl\/share\/{user}\/{achievement}","methods":["GET","HEAD"],"parameters":["user","achievement"],"bindings":{"user":"url_nick","achievement":"slug"}},"nl.learn.index":{"uri":"nl\/learn","methods":["GET","HEAD"]},"nl.learn.category":{"uri":"nl\/learn\/{content_category}","methods":["GET","HEAD"],"parameters":["content_category"],"bindings":{"content_category":"url_name"}},"nl.learn.article":{"uri":"nl\/learn\/{content_category}\/{content}","methods":["GET","HEAD"],"parameters":["content_category","content"],"bindings":{"content_category":"url_name","content":"url_name"}},"nl.help.index":{"uri":"nl\/help","methods":["GET","HEAD"]},"nl.help.category":{"uri":"nl\/help\/{helpCategory}","methods":["GET","HEAD"],"parameters":["helpCategory"],"bindings":{"helpCategory":"url_name"}},"nl.help.article":{"uri":"nl\/help\/{helpCategory}\/{help}","methods":["GET","HEAD"],"parameters":["helpCategory","help"],"bindings":{"helpCategory":"url_name","help":"url_name"}},"tw.index":{"uri":"tw","methods":["GET","HEAD"]},"tw.events.index":{"uri":"tw\/events","methods":["GET","HEAD"]},"tw.events.show":{"uri":"tw\/events\/{liveEvent}","methods":["GET","HEAD"],"parameters":["liveEvent"],"bindings":{"liveEvent":"slug"}},"tw.auctions.index":{"uri":"tw\/auctions","methods":["GET","HEAD"]},"tw.auctions.cart.toggle":{"uri":"tw\/auctions\/{auction}\/cart\/toggle","methods":["POST"],"parameters":["auction"],"bindings":{"auction":"id"}},"tw.cart.show":{"uri":"tw\/cart","methods":["GET","HEAD"]}
160,"tw.cart.handover.show":{"uri":"tw\/cart\/handover\/{store}","methods":["GET","HEAD"],"parameters":["store"],"bindings":{"store":"slug"}},"tw.cart.handover.store":{"uri":"tw\/cart\/handover\/{store}","methods":["POST"],"parameters":["store"],"bindings":{"store":"slug"}},"tw.checkouts.guest":{"uri":"tw\/checkouts\/guest","methods":["GET","HEAD"]},"tw.checkouts.store":{"uri":"tw\/checkouts","methods":["POST"]},"tw.checkouts.show":{"uri":"tw\/checkouts\/{checkout}","methods":["GET","HEAD"],"parameters":["checkout"]},"tw.checkouts.v3.show":{"uri":"tw\/checkouts\/v3\/{checkout}","methods":["GET","HEAD"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"tw.checkouts.v3.processing":{"uri":"tw\/checkouts\/v3\/{checkout}\/processing","methods":["GET","HEAD"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"tw.checkouts.v3.update":{"uri":"tw\/checkouts\/v3\/{checkout}","methods":["PUT"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"tw.checkouts.v3.buyer.update":{"uri":"tw\/checkouts\/v3\/{checkout}\/buyer","methods":["PUT"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"tw.checkouts.v3.coupons.store":{"uri":"tw\/checkouts\/v3\/{checkout}\/coupons","methods":["POST"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"tw.checkouts.v3.coupons.destroy":{"uri":"tw\/checkouts\/v3\/{checkout}\/coupons","methods":["DELETE"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"tw.checkouts.v3.paypal.authorise":{"uri":"tw\/checkouts\/v3\/{checkout}\/paypal\/authorise","methods":["POST"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"tw.checkouts.v3.paypal.capture":{"uri":"tw\/checkouts\/v3\/{checkout}\/paypal\/capture","methods":["POST"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"tw.checkouts.v3.paypal.cancel":{"uri":"tw\/checkouts\/v3\/{checkout}\/paypal\/cancel","methods":["POST"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"tw.checkouts.invoice.show":{"uri":"tw\/checkouts\/invoice\/{invoice}","methods":["GET","HEAD"],"parameters":["invoice"]},"tw.checkouts.invoice.download":{"uri":"tw\/checkouts\/invoice\/{invoice}\/download","methods":["GET","HEAD"],"parameters":["invoice"],"bindings":{"invoice":"id"}},"tw.locale-settings.update":{"uri":"tw\/locale-settings","methods":["POST"]},"tw.auctions.show":{"uri":"tw\/products\/{auctionUrlTitle}","methods":["GET","HEAD"],"parameters":["auctionUrlTitle"]},"tw.auctions.ends":{"uri":"tw\/products\/{auction}\/ends","methods":["GET","HEAD"],"parameters":["auction"],"bindings":{"auction":"id"}},"tw.categories.show":{"uri":"tw\/auctions\/{category}","methods":["GET","HEAD"],"wheres":{"category":".*[^-0-9+]$"},"parameters":["category"],"bindings":{"category":"slug"}},"tw.search":{"uri":"tw\/search","methods":["GET","HEAD"]},"tw.stores.index":{"uri":"tw\/stores","methods":["GET","HEAD"]},"tw.stores.feedback.index":{"uri":"tw\/stores\/{store}\/feedback","methods":["GET","HEAD"],"parameters":["store"],"bindings":{"store":"slug"}},"tw.stores.show":{"uri":"tw\/stores\/{store}\/{category?}","methods":["GET","HEAD"],"wheres":{"category":".*[^-0-9+]$"},"parameters":["store","category"],"bindings":{"store":"slug","category":"slug"}},"tw.pages.show":{"uri":"tw\/pages\/{page}","methods":["GET","HEAD"],"parameters":["page"],"bindings":{"page":"slug"}},"tw.sitemap":{"uri":"tw\/sitemap","methods":["GET","HEAD"]},"tw.auctions.watch":{"uri":"tw\/auctions\/{auction}\/watch","methods":["POST"],"parameters":["auction"],"bindings":{"auction":"id"}},"tw.stores.preference":{"uri":"tw\/stores\/{store}\/preference","methods":["POST"],"parameters":["store"],"bindings":{"store":"id"}},"tw.profile.show":{"uri":"tw\/profile\/{user}","methods":["GET","HEAD"],"parameters":["user"],"bindings":{"user":"url_nick"}},"tw.achievements.share":{"uri":"tw\/share\/{user}\/{achievement}","methods":["GET","HEAD"],"parameters":["user","achievement"],"bindings":{"user":"url_nick","achievement":"slug"}},"tw.learn.index":{"uri":"tw\/learn","methods":["GET","HEAD"]},"tw.learn.category":{"uri":"tw\/learn\/{content_category}","methods":["GET","HEAD"],"parameters":["content_category"],"bindings":{"content_category":"url_name"}},"tw.learn.article":{"uri":"tw\/learn\/{content_category}\/{content}","methods":["GET","HEAD"],"parameters":["content_category","content"],"bindings":{"content_category":"url_name","content":"url_name"}},"tw.help.index":{"uri":"tw\/help","methods":["GET","HEAD"]},"tw.help.category":{"uri":"tw\/help\/{helpCategory}","methods":["GET","HEAD"],"parameters":["helpCategory"],"bindings":{"helpCategory":"url_name"}},"tw.help.article":{"uri":"tw\/help\/{helpCategory}\/{help}","methods":["GET","HEAD"],"parameters":["helpCategory","help"],"bindings":{"helpCategory":"url_name","help":"url_name"}},"en.index":{"uri":"\/","methods":["GET","HEAD"]},"en.events.index":{"uri":"events","methods":["GET","HEAD"]},"en.events.show":{"uri":"events\/{liveEvent}","methods":["GET","HEAD"],"parameters":["liveEvent"],"bindings":{"liveEvent":"slug"}},"en.auctions.index":{"uri":"auctions","methods":["GET","HEAD"]},"en.auctions.cart.toggle":{"uri":"auctions\/{auction}\/cart\/toggle","methods":["POST"],"parameters":["auction"],"bindings":{"auction":"id"}},"en.cart.show":{"uri":"cart","methods":["GET","HEAD"]},"en.cart.handover.show":{"uri":"cart\/handover\/{store}","methods":["GET","HEAD"],"parameters":["store"],"bindings":{"store":"slug"}},"en.cart.handover.store":{"uri":"cart\/handover\/{store}","methods":["POST"],"parameters":["store"],"bindings":{"store":"slug"}},"en.checkouts.guest":{"uri":"checkouts\/guest","methods":["GET","HEAD"]},"en.checkouts.store":{"uri":"checkouts","methods":["POST"]},"en.checkouts.show":{"uri":"checkouts\/{checkout}","methods":["GET","HEAD"],"parameters":["checkout"]},"en.checkouts.v3.show":{"uri":"checkouts\/v3\/{checkout}","methods":["GET","HEAD"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"en.checkouts.v3.processing":{"uri":"checkouts\/v3\/{checkout}\/processing","methods":["GET","HEAD"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"en.checkouts.v3.update":{"uri":"checkouts\/v3\/{checkout}","methods":["PUT"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"en.checkouts.v3.buyer.update":{"uri":"checkouts\/v3\/{checkout}\/buyer","methods":["PUT"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"en.checkouts.v3.coupons.store":{"uri":"checkouts\/v3\/{checkout}\/coupons","methods":["POST"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"en.checkouts.v3.coupons.destroy":{"uri":"checkouts\/v3\/{checkout}\/coupons","methods":["DELETE"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"en.checkouts.v3.paypal.authorise":{"uri":"checkouts\/v3\/{checkout}
160\/paypal\/authorise","methods":["POST"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"en.checkouts.v3.paypal.capture":{"uri":"checkouts\/v3\/{checkout}\/paypal\/capture","methods":["POST"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"en.checkouts.v3.paypal.cancel":{"uri":"checkouts\/v3\/{checkout}\/paypal\/cancel","methods":["POST"],"parameters":["checkout"],"bindings":{"checkout":"id"}},"en.checkouts.invoice.show":{"uri":"checkouts\/invoice\/{invoice}","methods":["GET","HEAD"],"parameters":["invoice"]},"en.checkouts.invoice.download":{"uri":"checkouts\/invoice\/{invoice}\/download","methods":["GET","HEAD"],"parameters":["invoice"],"bindings":{"invoice":"id"}},"en.locale-settings.update":{"uri":"locale-settings","methods":["POST"]},"en.auctions.show":{"uri":"products\/{auctionUrlTitle}","methods":["GET","HEAD"],"parameters":["auctionUrlTitle"]},"en.auctions.ends":{"uri":"products\/{auction}\/ends","methods":["GET","HEAD"],"parameters":["auction"],"bindings":{"auction":"id"}},"en.categories.show":{"uri":"auctions\/{category}","methods":["GET","HEAD"],"wheres":{"category":".*[^-0-9+]$"},"parameters":["category"],"bindings":{"category":"slug"}},"en.search":{"uri":"search","methods":["GET","HEAD"]},"en.stores.index":{"uri":"stores","methods":["GET","HEAD"]},"en.stores.feedback.index":{"uri":"stores\/{store}\/feedback","methods":["GET","HEAD"],"parameters":["store"],"bindings":{"store":"slug"}},"en.stores.show":{"uri":"stores\/{store}\/{category?}","methods":["GET","HEAD"],"wheres":{"category":".*[^-0-9+]$"},"parameters":["store","category"],"bindings":{"store":"slug","category":"slug"}},"en.pages.show":{"uri":"pages\/{page}","methods":["GET","HEAD"],"parameters":["page"],"bindings":{"page":"slug"}},"en.sitemap":{"uri":"sitemap","methods":["GET","HEAD"]},"en.auctions.watch":{"uri":"auctions\/{auction}\/watch","methods":["POST"],"parameters":["auction"],"bindings":{"auction":"id"}},"en.stores.preference":{"uri":"stores\/{store}\/preference","methods":["POST"],"parameters":["store"],"bindings":{"store":"id"}},"en.profile.show":{"uri":"profile\/{user}","methods":["GET","HEAD"],"parameters":["user"],"bindings":{"user":"url_nick"}},"en.achievements.share":{"uri":"share\/{user}\/{achievement}","methods":["GET","HEAD"],"parameters":["user","achievement"],"bindings":{"user":"url_nick","achievement":"slug"}},"en.learn.index":{"uri":"learn","methods":["GET","HEAD"]},"en.learn.category":{"uri":"learn\/{content_category}","methods":["GET","HEAD"],"parameters":["content_category"],"bindings":{"content_category":"url_name"}},"en.learn.article":{"uri":"learn\/{content_category}\/{content}","methods":["GET","HEAD"],"parameters":["content_category","content"],"bindings":{"content_category":"url_name","content":"url_name"}},"en.help.index":{"uri":"help","methods":["GET","HEAD"]},"en.help.category":{"uri":"help\/{helpCategory}","methods":["GET","HEAD"],"parameters":["helpCategory"],"bindings":{"helpCategory":"url_name"}},"en.help.article":{"uri":"help\/{helpCategory}\/{help}","methods":["GET","HEAD"],"parameters":["helpCategory","help"],"bindings":{"helpCategory":"url_name","help":"url_name"}}}};</script>
160
161    <link rel="preload" as="style" href="https://liveplatforms-production.b-cdn.net/builds/26.39.5/assets/next/vendor-CNJe1mI0.css" /><link rel="modulepreload" as="script" href="https://liveplatforms-production.b-cdn.net/builds/26.39.5/assets/next/app-CXqWMMGY.js" /><link rel="modulepreload" as="script" href="https://liveplatforms-production.b-cdn.net/builds/26.39.5/assets/next/vendor-MklM8sVB.js" /><link rel="modulepreload" as="script" href="https://liveplatforms-production.b-cdn.net/builds/26.39.5/assets/next/rolldown-runtime-CRFI2-m_.js" /><link rel="modulepreload" as="script" href="https://liveplatforms-production.b-cdn.net/builds/26.39.5/assets/next/price-5A4v76Tq.js" /><link rel="modulepreload" as="script" href="https://liveplatforms-production.b-cdn.net/builds/26.39.5/assets/next/timeleft-BG5hBGuE.js" /><link rel="modulepreload" as="script" href="https://liveplatforms-production.b-cdn.net/builds/26.39.5/assets/next/index.esm-jW9lfQ51.js" /><link rel="modulepreload" as="script" href="https://liveplatforms-production.b-cdn.net/builds/26.39.5/assets/next/share-qfS_deD7.js" /><link rel="modulepreload" as="script" href="https://liveplatforms-production.b-cdn.net/builds/26.39.5/assets/next/auctions-xfBpSwHe.js" /><link rel="modulepreload" as="script" href="https://liveplatforms-production.b-cdn.net/builds/26.39.5/assets/next/autocomplete-BTXZKM91.js" /><link rel="modulepreload" as="script" href="https://liveplatforms-production.b-cdn.net/builds/26.39.5/assets/next/utils-BOKmJfqa.js" /><link rel="modulepreload" as="script" href="https://liveplatforms-production.b-cdn.net/builds/26.39.5/assets/next/liveEvent-in-Qz5XV.js" /><link rel="stylesheet" href="https://liveplatforms-production.b-cdn.net/builds/26.39.5/assets/next/vendor-CNJe1mI0.css" data-navigate-track="reload" />
161<script type="module" src="https://liveplatforms-production.b-cdn.net/builds/26.39.5/assets/next/app-CXqWMMGY.js" data-navigate-track="reload"></script>
161
162    
163    <!-- Google Tag Manager -->
164<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s);j.async=true;j.src="https://load.d.opalauctions.com/2rcogocatpm.js?"+i;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','ajf2=BBRJJjciSiIgRj5TOUkRUl9eRUcHAVoAHREYABYMEwYCHgdPAAAK');</script>
164
165<!-- End Google Tag Manager -->
166
167
168<meta name="google-site-verification" content="fPlya2Xm3Tlq1_HWddqWZX2PvwwVIN4BIy5y-H8DvPg" />
169<meta name="google-site-verification" content="0JTntcn0RSlv3EUJQB4zdanaykVER0sykrwGq7_kIFE" />
170
171<script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/cf42a6ae060a406950dae27bc/5b49bc27b5f0c4925b01a4624.js");</script>
171
172
173
174<script type="application/ld+json">
175{
176  "@context": "https://schema.org",
177  "@type": "Organization",
178  "name": "Opal Auctions",
179  "url": "https://www.opalauctions.com",
180"parentOrganization": {
181    "@type": "Organization",
182    "name": "Live Platforms Pty Ltd",
183    "url": "https://liveplatforms.com/"
184  },
185  "logo": "https://liveplatforms-production.b-cdn.net/tenants/oa/theme/images/logo.png",
186  "sameAs": [
187    "https://www.facebook.com/OpalAuctions/",
188    "https://www.instagram.com/opalauctions/"
189  ],
190  "contactPoint": {
191    "@type": "ContactPoint",
192    "contactType": "customer support",
193    "url": "https://www.opalauctions.com/help/faqs/contact-us"
194  }
195}
196</script>
196
197
198    
198<script src="https://cdn.onesignal.com/sdks/web/v16/OneSignalSDK.page.js" defer></script>
198
199    
199<script>
200        window.OneSignalDeferred = window.OneSignalDeferred || [];
201
202        OneSignalDeferred.push(async function(OneSignal) {
203            await OneSignal.init({
204                appId: "7c95bbd0-9713-4203-b127-be1908694e37",
205                autoResubscribe: true,
206                welcomeNotification: {
207                    disable: true,
208                },
209                notifyButton: {
210                    enable: true,
211                    position: 'bottom-left',
212                },
213            });
214
215                    });
216    </script>
216
217
218    </head>
219
220<body class="antialiased font-sans bg-gray-100">
221
222<!-- Google Tag Manager (noscript) -->
223<noscript><iframe src="https://load.d.opalauctions.com/ns.html?id=GTM-MM6J2Z" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
224<!-- End Google Tag Manager (noscript) -->
225
226    <div x-data="{
227    events: JSON.parse('{\u0022auctionHighBidderChangedEvent\u0022:\u0022.Domain\\\\Products\\\\Events\\\\AuctionHighBidderChangedEvent\u0022,\u0022bidCreatedEvent\u0022:\u0022.bid.created\u0022,\u0022maxBidChangedEvent\u0022:\u0022.Domain\\\\Orders\\\\Events\\\\MaxBidChangedEvent\u0022,\u0022cartSavedEvent\u0022:\u0022.Domain\\\\Orders\\\\Events\\\\CartSavedEvent\u0022,\u0022cartDeletingEvent\u0022:\u0022.Domain\\\\Orders\\\\Events\\\\CartDeletingEvent\u0022,\u0022itemWatchCreatedEvent\u0022:\u0022.Domain\\\\Products\\\\Events\\\\ItemWatchCreatedEvent\u0022,\u0022itemWatchDeletedEvent\u0022:\u0022.Domain\\\\Products\\\\Events\\\\ItemWatchDeletedEvent\u0022,\u0022notificationsDeletedEvent\u0022:\u0022.notifications.deleted\u0022}'),
228    customStore: null,
229    init() {
230        Alpine.store('user').setUser(null)
231        Alpine.store('messagesDropdown').setUser(null)
232        Alpine.store('messagesDropdown').setStores([])
233        Alpine.store('itemWatch').setWatchedAuctionIds([])
234        Alpine.store('bids').setBiddingAuctions(null)
235        Alpine.store('cart').setCartAuctionIds([])
236
237        if (Alpine.store('user').hasUser()) {
238            Echo.private('oa.user.')
239                // item watch
240                .listen(this.events.itemWatchCreatedEvent, data => {
241                    if (this.customStore?.slug && data.store_slug !== this.customStore.slug) {
242                        // In custom store context, ignore events for items
243                        // that don't belong to the store
244                        return
245                    }
246
247                    Alpine.store('itemWatch').addWatchedItem(data.auction_id)
248                    Livewire.dispatch('itemWatchUpdated', {auctionId: data.auction_id, watching: true})
249                })
250                .listen(this.events.itemWatchDeletedEvent, data => {
251                    if (this.customStore?.slug && data.store_slug !== this.customStore.slug) {
252                        // In custom store context, ignore events for items
253                        // that don't belong to the store
254                        return
255                    }
256
257                    Alpine.store('itemWatch').removeWatchedItem(data.auction_id)
258
259                    Livewire.dispatch('itemWatchUpdated', {auctionId: data.auction_id})
260                })
261                // bids
262                .listen(this.events.bidCreatedEvent, data => {
263                    if (! Alpine.store('bids').hasBidsForAuction(data.auction.id)) {
264                       Alpine.store('bids').addToBiddingAuctions(data.auction)
265                    }
266                })
267                .listen(this.events.auctionHighBidderChangedEvent, data => {
268                    // if new bid, push to the store bids collection
269                    if (data.high_bidder_id === Alpine.store('user').getUserId() && !Alpine.store('bids').hasBidsForAuction(data.id)) {
270                        Alpine.store('bids').addToBiddingAuctions(data)
271                    }
272                    Alpine.store('auctions').setAuctionState(data)
273                })
274                .listen(this.events.maxBidChangedEvent, data => {
275                    Alpine.store('bids').setMaxBidForUser(data.auction_id, data.max_bid)
276                })
277                // cart
278                .listen(this.events.cartSavedEvent, data => {
279                    Alpine.store('cart').addToCartItems(data.cart.auction_id)
280                    window.Livewire.dispatch('refreshHeaderCounters')
281                })
282                .listen(this.events.cartDeletingEvent, data => {
283                    Alpine.store('cart').removeFromCartItems(data.cart.auction_id)
284                    window.Livewire.dispatch('refreshHeaderCounters')
285                })
286                .listen(this.events.notificationsDeletedEvent, () => {
287                    window.Livewire.dispatch('refreshHeaderCounters')
288                })
289        } else {
290            Echo.channel('oa.guest.c1koJUbWidBrP9A3BEfBHADiZnE0XhE7')
291                .listen(this.events.cartSavedEvent, data => {
292                    Alpine.store('cart').addToCartItems(data.cart.auction_id)
293                    window.Livewire.dispatch('refreshHeaderCounters')
294                })
295                .listen(this.events.cartDeletingEvent, data => {
296                    Alpine.store('cart').removeFromCartItems(data.cart.auction_id)
297                    window.Livewire.dispatch('refreshHeaderCounters')
298                })
299        }
300    },
301}"
302     class="sr-only"
303     @watch-auction.window="(e) => $store.itemWatch.onWatchItem(e.detail.id)"
304     @toggle-cart.window="(e) => $store.cart.onToggleCart(e.detail)"
305     @cart-item-added.window="(e) => $store.cart.addToCartItems(e.detail.auctionId)"
306></div>
307
308    <div wire:snapshot="{&quot;data&quot;:{&quot;auctionId&quot;:null,&quot;quantity&quot;:1,&quot;showQuantityModal&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;9uYo2XM1i2suUU0IJJHs&quot;,&quot;name&quot;:&quot;public.livewire.cart.quantity-selector-modal-component&quot;,&quot;path&quot;:&quot;learn\/news\/opal-trends&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-26.39.5-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;3508e2f27a154df68b66cbcdfe202c0ba13f62d5429ea3c57a02c25a0be38bab&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;openQuantityModal&quot;]}" wire:id="9uYo2XM1i2suUU0IJJHs"
309    x-data
310    @cart-data-layer.window="
311        window.dataLayer = window.dataLayer || []
312        window.dataLayer.push($event.detail.dataLayer)
313    "
314>
315    <div
316    x-data="{
317        show: window.Livewire.find('9uYo2XM1i2suUU0IJJHs').entangle('showQuantityModal').live.live,
318        focusables() {
319            // All focusable element types...
320            let selector = 'a, button, input, textarea, select, details, [tabindex]:not([tabindex=\'-1\'])'
321            return [...$el.querySelectorAll(selector)]
322                // All non-disabled elements...
323                .filter(el => ! el.hasAttribute('disabled'))
324        },
325        firstFocusable() { return this.focusables()[0] },
326        lastFocusable() { return this.focusables().slice(-1)[0] },
327        nextFocusable() { return this.focusables()[this.nextFocusableIndex()] || this.firstFocusable() },
328        prevFocusable() { return this.focusables()[this.prevFocusableIndex()] || this.lastFocusable() },
329        nextFocusableIndex() { return (this.focusables().indexOf(document.activeElement) + 1) % (this.focusables().length + 1) },
330        prevFocusableIndex() { return Math.max(0, this.focusables().indexOf(document.activeElement)) -1 },
331        autofocus() { let focusable = $el.querySelector('[autofocus]'); if (focusable) focusable.focus() },
332    }"
333    x-init="$watch('show', value => value && setTimeout(autofocus, 50))"
334    x-on:close.stop="show = false"
335    x-on:keydown.escape.window="show = false"
336    x-on:keydown.tab.prevent="$event.shiftKey || nextFocusable().focus()"
337    x-on:keydown.shift.tab.prevent="prevFocusable().focus()"
338    x-show="show"
339    id="0ccdb8dda5a47d25cf57796b348011ee"
340    class="fixed top-0 inset-x-0 p-6 z-50 sm:px-0 flex sm:items-top sm:justify-center max-h-screen"
341    style="display: none;"
342>
343    <div
344        x-show="show"
345        class="fixed top-0 left-0 bottom-0 right-0 transform transition-all"
346        x-on:click="show = false"
347        x-transition:enter="ease-out duration-300"
348        x-transition:enter-start="opacity-0"
349        x-transition:enter-end="opacity-100"
350        x-transition:leave="ease-in duration-200"
351        x-transition:leave-start="opacity-100"
352        x-transition:leave-end="opacity-0"
353    >
354        <div class="absolute top-0 left-0 bottom-0 right-0 bg-gray-500 opacity-75"></div>
355    </div>
356
357    <div
358        x-show="show"
359        class="bg-white rounded-lg max-h-full overflow-auto shadow-xl transform transition-all w-full sm:max-w-md"
360        x-transition:enter="ease-out duration-300"
361        x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
362        x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
363        x-transition:leave="ease-in duration-200"
364        x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
365        x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
366    >
367        
368    </div>
369</div>
370</div>
371
372<div
373    class="font-sans relative antialiased flex-col flex min-h-full h-screen">
374    <div class="flex flex-col grow">
375        
376                    <header
377    x-data="{
378        showSidebar: false,
379        showMegaMenu(){
380            window.dispatchEvent(new CustomEvent('show-mega-menu'))
381        }
382    }"
383    class="flex flex-col bg-white border-b border-b-gray-200"
384    data-tour="header"
385>
386    <div wire:snapshot="{&quot;data&quot;:{&quot;siteNotification&quot;:&quot;&lt;style&gt;\n  .message-container {\n    position: relative;\n    width: 100%;\n    height: 20px;\n    overflow: hidden;\n    text-align: center;\n  }\n\n  .message {\n    position: absolute;\n    width: 100%;\n    opacity: 0;\n    animation: fadeMessages 13.5s infinite;\n  }\n\n  .message:nth-child(1) { animation-delay: 0s; }\n  .message:nth-child(2) { animation-delay: 4.5s; }\n  .message:nth-child(3) { animation-delay: 9s; }\n\n  @keyframes fadeMessages {\n    0% { opacity: 0; }\n    10% { opacity: 1; }\n    25% { opacity: 1; }\n    40% { opacity: 0; }\n    100% { opacity: 0; }\n  }\n\n.notification-banner {\n  background-color: #1E1E1E; \/* soft black \/ charcoal *\/\n  color: white;\n  padding: 4px 12px;\n  font-size: 14px;\n  font-weight: 500;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 10px; \/* space between text and button *\/\n}\n\n.notification-banner .btn {\n  background-color: white;\n  color: #000000;\n  padding: 4px 12px;\n  border: none;\n  border-radius: 4px;\n  font-weight: bold;\n  cursor: pointer;\n  font-size: 12px;\n  text-decoration: none;\n  transition: background 0.2s ease, color 0.2s ease;\n}\n\n.notification-banner .btn:hover {\n  background-color: #f0f0f0;\n  color: #000;\n}\n.text-center.bg-sky-800.py-1 {\n  padding: 0 !important;  \/* removes the blue gap above and below *\/\n}\n&lt;\/style&gt;\n\n&lt;!--  DEFAULT HTML banner (always visible) --&gt;\n&lt;div id=\&quot;site-notification\&quot;&gt;\n  &lt;div class=\&quot;message-container\&quot;&gt;\n    &lt;div class=\&quot;message\&quot;&gt;SHOP 100,000+ BUY IT NOW OPALS&lt;\/div&gt;\n    &lt;div class=\&quot;message\&quot;&gt;OR TRY OUR AUCTIONS WITH NO BUYERS FEES&lt;\/div&gt;\n    &lt;div class=\&quot;message\&quot;&gt;100% NATURAL OPALS &amp; VERIFIED SELLERS&lt;\/div&gt;\n  &lt;\/div&gt;\n&lt;\/div&gt;\n\n&lt;!--  JS overrides content if user is logged in --&gt;\n&lt;script&gt;\n  if (typeof window.userId === &#039;undefined&#039;) {\n    window.userId = null;\n  }\n\n  if (window.userId &gt; 0) {\n    const container = document.getElementById(\&quot;site-notification\&quot;);\n    container.innerHTML = `\n      &lt;div class=\&quot;notification-banner\&quot;&gt;\n        &lt;span&gt;Never miss a bid.&lt;\/span&gt;\n        &lt;a href=\&quot;\/account\/settings\/notifications\&quot; class=\&quot;btn\&quot;&gt;Turn On Alerts&lt;\/a&gt;\n      &lt;\/div&gt;\n    `;\n  }\n&lt;\/script&gt;&quot;,&quot;upcomingLiveEvent&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;54q0Ujj3lLMwMq4ty6RD&quot;,&quot;name&quot;:&quot;public.livewire.header.notification-component&quot;,&quot;path&quot;:&quot;learn\/news\/opal-trends&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-26.39.5-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;f21aa5a52b768729a8941a582fe1df06340562d0ab7207d78d2c6484b11131fb&quot;}" wire:effects="[]" wire:id="54q0Ujj3lLMwMq4ty6RD">
387            <div class="text-center bg-sky-800 py-1 text-white text-sm">
388            <style>
389  .message-container {
390    position: relative;
391    width: 100%;
392    height: 20px;
393    overflow: hidden;
394    text-align: center;
395  }
396
397  .message {
398    position: absolute;
399    width: 100%;
400    opacity: 0;
401    animation: fadeMessages 13.5s infinite;
402  }
403
404  .message:nth-child(1) { animation-delay: 0s; }
405  .message:nth-child(2) { animation-delay: 4.5s; }
406  .message:nth-child(3) { animation-delay: 9s; }
407
408  @keyframes fadeMessages {
409    0% { opacity: 0; }
410    10% { opacity: 1; }
411    25% { opacity: 1; }
412    40% { opacity: 0; }
413    100% { opacity: 0; }
414  }
415
416.notification-banner {
417  background-color: #1E1E1E; /* soft black / charcoal */
418  color: white;
419  padding: 4px 12px;
420  font-size: 14px;
421  font-weight: 500;
422  display: flex;
423  justify-content: center;
424  align-items: center;
425  flex-wrap: wrap;
426  gap: 10px; /* space between text and button */
427}
428
429.notification-banner .btn {
430  background-color: white;
431  color: #000000;
432  padding: 4px 12px;
433  border: none;
434  border-radius: 4px;
435  font-weight: bold;
436  cursor: pointer;
437  font-size: 12px;
438  text-decoration: none;
439  transition: background 0.2s ease, color 0.2s ease;
440}
441
442.notification-banner .btn:hover {
443  background-color: #f0f0f0;
444  color: #000;
445}
446.text-center.bg-sky-800.py-1 {
447  padding: 0 !important;  /* removes the blue gap above and below */
448}
449</style>
450
451<!--  DEFAULT HTML banner (always visible) -->
452<div id="site-notification">
453  <div class="message-container">
454    <div class="message">SHOP 100,000+ BUY IT NOW OPALS</div>
455    <div class="message">OR TRY OUR AUCTIONS WITH NO BUYERS FEES</div>
456    <div class="message">100% NATURAL OPALS & VERIFIED SELLERS</div>
457  </div>
458</div>
459
460<!--  JS overrides content if user is logged in -->
461<script>
462  if (typeof window.userId === 'undefined') {
463    window.userId = null;
464  }
465
466  if (window.userId > 0) {
467    const container = document.getElementById("site-notification");
468    container.innerHTML = `
469      <div class="notification-banner">
470        <span>Never miss a bid.</span>
471        <a href="/account/settings/notifications" class="btn">Turn On Alerts</a>
472      </div>
473    `;
474  }
475</script>
475
476        </div>
477    
478    </div>
479
480    <div class="bg-zinc-300 w-full text-black text-xs h-6 flex">
481                                <a
482                href="https://www.opalauctions.com"
483                                class="flex items-center px-3 hover:underline bg-zinc-100"
484            >
485                <img
486                    src="https://liveplatforms-production.b-cdn.net/tenants/oa/theme/images/icons/32x32.png?v=26.39.5"
487                    alt="Opal Auctions"
488                    class="size-4 flex mr-1"
489                >
490                Opals
491            </a>
492                                <a
493                href="https://www.gemrockauctions.com"
494                 rel="nofollow"                 class="flex items-center px-3 hover:underline text-black"
495            >
496                <img
497                    src="https://liveplatforms-production.b-cdn.net/tenants/gr/theme/images/icons/32x32.png?v=26.39.5"
498                    alt="Gem Rock Auctions"
499                    class="size-4 flex mr-1"
500                >
501                Gemstones
502            </a>
503                                <a
504                href="https://www.jewelry-auctioned.com"
505                 rel="nofollow"                 class="flex items-center px-3 hover:underline text-black"
506            >
507                <img
508                    src="https://liveplatforms-production.b-cdn.net/tenants/ja/theme/images/icons/32x32.png?v=26.39.5"
509                    alt="Jewelry Auctioned"
510                    class="size-4 flex mr-1"
511                >
512                Jewelry
513            </a>
514                                <a
515                href="https://www.coins-auctioned.com"
516                 rel="nofollow"                 class="flex items-center px-3 hover:underline text-black"
517            >
518                <img
519                    src="https://liveplatforms-production.b-cdn.net/tenants/ca/theme/images/icons/32x32.png?v=26.39.5"
520                    alt="Coins Auctioned"
521                    class="size-4 flex mr-1"
522                >
523                Coins
524            </a>
525            </div>
526
527    <div class="flex flex-wrap lg:flex-nowrap items-center my-2 justify-between w-full px-2 md:px-4 gap-3">
528        <div class="flex">
529            <button
530                class="mt-3 mr-2 text-sm text-gray-700 lg:hidden"
531                @click="showSidebar = ! showSidebar"
532            >
533                <svg class="w-6 h-6 text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
534    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
535</svg>
536            </button>
537
538            <a href="https://www.opalauctions.com">
539                <img
540                    src="https://liveplatforms-production.b-cdn.net/tenants/oa/theme/images/logo.png?v=26.39.5"
541                    alt="Opal Auctions"
542                    class="w-56 hidden lg:flex"
543                >
544                <img
545                    class="size-8 mt-2 flex lg:hidden"
546                    src="https://liveplatforms-production.b-cdn.net/tenants/oa/theme/images/icons/64x64.png?v=26.39.5"
547                    alt="Opal Auctions"
548                >
549            </a>
550        </div>
551
552        <div class="max-w-2xl flex items-center lg:flex-1 md:max-w-md lg:order-2 lg:min-w-sm min-w-lg order-3 w-full">
553
554            <div
555                x-data="{
556                    isPwa: false,
557                    isIos: false,
558                    init() {
559                        this.isIos = /iPad|iPhone|iPod/.test(navigator.userAgent);
560                        this.isPwa = window.matchMedia('(display-mode: standalone)').matches;
561
562                        if (this.isPwa) {
563                          window.dataLayer.push({
564                              event: 'pwa',
565                              is_pwa: true
566                          });
567                        }
568
569                        window.matchMedia('(display-mode: standalone)').addEventListener('change', e => isPwa = e.matches)
570                    }
571                }"
572            >
573                <div
574                    x-show="isIos && isPwa"
575                    x-cloak
576                    class="flex gap-2 text-gray-500 hover:text-600 mr-2"
577                >
578                    <button onclick="history.back()">
579                        <svg class="size-5" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
580    <path d="M6.85355 3.14645C7.04882 3.34171 7.04882 3.65829 6.85355 3.85355L3.70711 7H12.5C12.7761 7 13 7.22386 13 7.5C13 7.77614 12.7761 8 12.5 8H3.70711L6.85355 11.1464C7.04882 11.3417 7.04882 11.6583 6.85355 11.8536C6.65829 12.0488 6.34171 12.0488 6.14645 11.8536L2.14645 7.85355C1.95118 7.65829 1.95118 7.34171 2.14645 7.14645L6.14645 3.14645C6.34171 2.95118 6.65829 2.95118 6.85355 3.14645Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path>
581</svg>
582                    </button>
583                    <button onclick="history.forward()">
584                        <svg class="size-5" class="size-4" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
585    <path d="M8.14645 3.14645C8.34171 2.95118 8.65829 2.95118 8.85355 3.14645L12.8536 7.14645C13.0488 7.34171 13.0488 7.65829 12.8536 7.85355L8.85355 11.8536C8.65829 12.0488 8.34171 12.0488 8.14645 11.8536C7.95118 11.6583 7.95118 11.3417 8.14645 11.1464L11.2929 8H2.5C2.22386 8 2 7.77614 2 7.5C2 7.22386 2.22386 7 2.5 7H11.2929L8.14645 3.85355C7.95118 3.65829 7.95118 3.34171 8.14645 3.14645Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path>
586</svg>
587                    </button>
588                </div>
589            </div>
590
591            <form method="get" action="https://www.opalauctions.com/search" role="search" class="flex flex-grow" data-tour="search">
592                <div
593    id="autocomplete"
594    x-data="{
595        init() {
596            window.Autocomplete();
597        }
598    }"
599    class="min-w-full w-full" data-search-url="https://www.opalauctions.com/search" data-index-auction="oa.auctions" data-index-auction-categories="oa.categories" data-index-content="oa.content" data-index-help="oa.help" data-index-store="oa.stores" data-index-query-suggestions="oa.query_suggestions" data-index-quick-picks="oa.quick_picks" data-hidden-store-ids="[]"
600></div>
601            </form>
602        </div>
603
604        <div wire:snapshot="{&quot;data&quot;:[],&quot;memo&quot;:{&quot;id&quot;:&quot;FLpPiPB1ziWCjaHSeeU2&quot;,&quot;name&quot;:&quot;public.livewire.header.header-counter-component&quot;,&quot;path&quot;:&quot;learn\/news\/opal-trends&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-26.39.5-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;f9048f9acab0969e162c4b8af5fd9e37f92eefdd9e42e49f480e511c8d490263&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;refreshHeaderCounters&quot;]}" wire:id="FLpPiPB1ziWCjaHSeeU2" x-data="{
605    init() {
606        Alpine.store('messagesDropdown').setThreads(null)
607        Alpine.store('messagesDropdown').setMessageCounters(null)
608    },
609}" class="flex mt-3 lg:order-3 order-2">
610                <div class="flex items-center space-x-4 mr-2 text-gray-600 lg:order-3 order-2">
611            <a href="https://www.opalauctions.com/register" class="text-sm hover:underline">
612                Register
613            </a>
614            <a href="https://www.opalauctions.com/login" class="text-sm hover:underline">
615                Log in
616            </a>
617
618                        <a
619    href="https://www.opalauctions.com/events"
620    class="flex flex-col items-center text-xs justify-center relative" data-tour="live-events"
621>
622    <svg class="size-8 mx-auto fill-gray-600 stroke-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
623    <path stroke-linecap="round" stroke-linejoin="round" d="m15.75 10.5 4.72-4.72a.75.75 0 0 1 1.28.53v11.38a.75.75 0 0 1-1.28.53l-4.72-4.72M4.5 18.75h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25h-9A2.25 2.25 0 0 0 2.25 7.5v9a2.25 2.25 0 0 0 2.25 2.25Z" />
624</svg>
625                    <span class="hidden md:block"> Live Events</span>
626
627    </a>
628            
629            <div class="hover:underline">
630                <a
631    href="https://www.opalauctions.com/cart"
632    class="flex flex-col items-center text-xs justify-center relative"
633>
634    <svg class="md:w-8 md:h-8 h-7 w-7" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
635    <path d="M3 1a1 1 0 000 2h1.22l.305 1.222a.997.997 0 00.01.042l1.358 5.43-.893.892C3.74 11.846 4.632 14 6.414 14H15a1 1 0 000-2H6.414l1-1H14a1 1 0 00.894-.553l3-6A1 1 0 0017 3H6.28l-.31-1.243A1 1 0 005 1H3zM16 16.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM6.5 18a1.5 1.5 0 100-3 1.5 1.5 0 000 3z" />
636</svg>
637                        <span class="hidden md:block">
638                            Cart
639                        </span>
640
641    </a>
642            </div>
643
644            <div class="group">
645                <button
646                    x-data @click="window.showLocaleModal()"
647                    class="flex flex-col items-center text-xs justify-center relative"
648                >
649                    <div class="w-fit px-2 py-1 text-xs group flex items-center gap-y-1 gap-x-2 rounded flex flex-col">
650    <div
651    0="class"
652    class="group-hover:ring-4 group-hover:ring-offset-1 group-hover:ring-gray-600/30 rounded-full"
653>
654            <div class="rounded-full overflow-hidden size-7 relative grid place-items-center">
655            <svg class="h-7 w-auto" xmlns="http://www.w3.org/2000/svg" viewBox="0 5 36 26"><path fill="#B22334" d="M35.445 7C34.752 5.809 33.477 5 32 5H18v2h17.445zM0 25h36v2H0zm18-8h18v2H18zm0-4h18v2H18zM0 21h36v2H0zm4 10h28c1.477 0 2.752-.809 3.445-2H.555c.693 1.191 1.968 2 3.445 2zM18 9h18v2H18z"/><path fill="#EEE" d="M.068 27.679c.017.093.036.186.059.277.026.101.058.198.092.296.089.259.197.509.333.743L.555 29h34.89l.002-.004c.135-.233.243-.483.332-.741.034-.099.067-.198.093-.301.023-.09.042-.182.059-.275.041-.22.069-.446.069-.679H0c0 .233.028.458.068.679zM0 23h36v2H0zm0-4v2h36v-2H18zm18-4h18v2H18zm0-4h18v2H18zM0 9c0-.233.03-.457.068-.679C.028 8.542 0 8.767 0 9zm.555-2l-.003.005L.555 7zM.128 8.044c.025-.102.06-.199.092-.297-.034.098-.066.196-.092.297zM18 9h18c0-.233-.028-.459-.069-.68-.017-.092-.035-.184-.059-.274-.027-.103-.059-.203-.094-.302-.089-.258-.197-.507-.332-.74.001-.001 0-.003-.001-.004H18v2z"/><path fill="#3C3B6E" d="M18 5H4C1.791 5 0 6.791 0 9v10h18V5z"/><path fill="#FFF" d="M2.001 7.726l.618.449-.236.725L3 8.452l.618.448-.236-.725L4 7.726h-.764L3 7l-.235.726zm2 2l.618.449-.236.725.617-.448.618.448-.236-.725L6 9.726h-.764L5 9l-.235.726zm4 0l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L9 9l-.235.726zm4 0l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L13 9l-.235.726zm-8 4l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L5 13l-.235.726zm4 0l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L9 13l-.235.726zm4 0l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L13 13l-.235.726zm-6-6l.618.449-.236.725L7 8.452l.618.448-.236-.725L8 7.726h-.764L7 7l-.235.726zm4 0l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L11 7l-.235.726zm4 0l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L15 7l-.235.726zm-12 4l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L3 11l-.235.726zM6.383 12.9L7 12.452l.618.448-.236-.725.618-.449h-.764L7 11l-.235.726h-.764l.618.449zm3.618-1.174l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L11 11l-.235.726zm4 0l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L15 11l-.235.726zm-12 4l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L3 15l-.235.726zM6.383 16.9L7 16.452l.618.448-.236-.725.618-.449h-.764L7 15l-.235.726h-.764l.618.449zm3.618-1.174l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L11 15l-.235.726zm4 0l.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L15 15l-.235.726z"/></svg>        </div>
656    </div>
657
658    <span class="hidden md:inline">
659        USD
660    </span>
661</div>
662                </button>
663            </div>
664        </div>
665    </div>
666    </div>
667
668    <div wire:snapshot="{&quot;data&quot;:{&quot;loadLinks&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;5zshIsVIUf3n7k54Nup3&quot;,&quot;name&quot;:&quot;public.livewire.header.category-menu-component&quot;,&quot;path&quot;:&quot;learn\/news\/opal-trends&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-26.39.5-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;b8f47099c50cdcb402c9a304feabae72ec49f31f493047007844608e4ff6cd9b&quot;}" wire:effects="[]" wire:id="5zshIsVIUf3n7k54Nup3" x-data="{
669        categories: [],
670        loadLinks: window.Livewire.find('5zshIsVIUf3n7k54Nup3').entangle('loadLinks'),
671        show: false,
672        selectedLetter: '',
673        search: '',
674        result: {},
675        init() {
676            if (this.loadLinks) {
677                this.fetchData()
678            }
679
680            window.addEventListener('show-mega-menu', () => {
681                this.show = true
682                if (! this.loadLinks) {
683                    this.fetchData()
684                }
685            })
686        },
687        fetchData() {
688            this.categories = $wire.getCategoryMenuLinks()
689                .then(links => {
690                    this.categories = links
691                })
692        },
693         searchCategory() {
694            this.result = {}
695
696            if (this.search == '') {
697                return
698            }
699
700            for (const category of Object.values(this.categories)) {
701                for (const value of Object.values(category)) {
702                    if (value.label.toLowerCase().includes(this.search.toLowerCase())) {
703                        let letter = value.label.charAt(0).toUpperCase()
704                        if (this.result[letter]) {
705                            this.result[letter].push(value)
706                        } else {
707                            this.result[letter] = [value]
708                        }
709                    }
710                }
711            }
712        },
713    }">
714    <div
715        x-cloak
716        x-data="{
717        offsetTop: '180px',
718        categoryCountForLetter: [],
719        init() {
720            $watch('show', _ => {
721                this.setMenuOffsetTop()
722            })
723
724            $watch('categories', _ => {
725                this.initData()
726            })
727
728            $watch('search', _ => {
729                searchCategory()
730            })
731
732            if (this.categories.length !== 0) {
733                this.initData()
734            }
735        },
736        initData() {
737            this.categoryCountForLetter = Object.keys(this.categories).filter(key => Object.keys(this.categories[key]).length >= 2)
738            this.getFirstPopulatedLetter()
739        },
740        closeMenu() {
741            this.show = false
742            this.setLetter('')
743        },
744        setLetter(letter) {
745            this.selectedLetter = letter
746            this.scrollToLetter()
747        },
748        scrollToLetter() {
749            if (this.selectedLetter == '' && categoryCountForLetter.length >= 10) return
750
751            let element = document.getElementById(this.selectedLetter)
752            if (! element) return
753
754            element.scrollIntoView()
755        },
756        getFirstPopulatedLetter() {
757            let keys = Object.keys(this.categories)
758            for (let i = 0; i < keys.length; i++) {
759                if (this.categories[keys[i]].length != 0) {
760                    this.setLetter(keys[i])
761                    return
762                }
763            }
764        },
765        setMenuOffsetTop() {
766            const menuBtn = document.getElementById('desktopMenuBtn')
767            const bounds = menuBtn ? menuBtn.getBoundingClientRect() : null
768            if (bounds != null) this.offsetTop = bounds.top + bounds.height + 'px'
769        }
770    }">
771        
772        <template x-teleport="body">
773            <div class="w-full absolute z-50 sm:flex" :style="`top: ${offsetTop}`">
774                <div x-show="show"
775                     @click.outside="show = false"
776                     x-transition
777                     class="bg-white rounded-xl shadow-xl mx-auto mt-2 py-6 md:flex hidden flex-col sm:flex-row max-w-7xl w-full border-2 border-gray-50">
778                    <div class="flex w-full">
779                        <div class="w-1/5 border-r-2 border-gray-200">
780                            <div class="grid grid-cols-3 mx-4 text-xl text-center">
781                                <template x-for="entry in Object.keys(categories)">
782    <template x-if="Object.entries(categories[entry]).length > 0">
783        <button
784            class="capitalize text-center rounded-md p-2 text-black hover:bg-gray-100 hover:text-indigo-500"
785            :class="{'bg-indigo-500 text-white': selectedLetter === entry}"
786            @click.prevent="setLetter(entry)"
787        >
788            <span x-text="entry"></span>
789        </button>
790    </template>
791    <template x-if="Object.entries(categories[entry]).length == 0">
792        <div class="capitalize text-center rounded-md p-2 text-gray-400">
793            <span x-text="entry"></span>
794        </div>
795    </template>
796</template>
797                            </div>
798                            <div class="flex align-center justify-center mt-4">
799                                <a
800        href="https://www.opalauctions.com/auctions"
801        class="py-2 px-4 border rounded-md text-sm leading-5 font-medium focus:outline-none focus:border-blue-300 focus:shadow-outline-blue transition duration-150 ease-in-out border-gray-300 text-gray-500 active:bg-gray-50 active:text-gray-800 hover:text-gray-500" href="https://www.opalauctions.com/auctions"
802    >
803        View All
804    </a>
805                            </div>
806                        </div>
807                        <div class="w-4/5 overflow-y-scroll h-[500px] scroll-smooth">
808                            <div class="h-full"
809                                 x-show="selectedLetter != ''">
810                                <div class="px-4 w-1/2 lg:w-1/3">
811                                    <form>
812    <div class="flex w-full relative">
813        <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" class="search text-gray-400 w-5 h-5 absolute left-2 top-1/3 !size-4">
814    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
815          d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
816</svg>
817
818        <input class="block w-full p-2 rounded-md border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 disabled:cursor-not-allowed px-6" type="text" x-model="search" placeholder="Search Category"/>
819
820
821        <svg x-show="search != ''" @click="search = ''" class="absolute right-2 top-1/3 !size-4 text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
822    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
823</svg>
824    </div>
825</form>
826                                </div>
827                                <div class="ml-10 mt-2">
828                                    
829                                    <div x-show="categoryCountForLetter.length >= 10" x-transition>
830                                        <div class="grid grid-cols-1">
831    <template x-for="letter in Object.keys(result)">
832        <div class="grid grid-cols-7 md:flex md:flex-col mb-2">
833            <div class="text-2xl">
834                <span x-text="letter"></span>
835            </div>
836
837            <div class="col-span-6">
838                <div class="grid md:grid-cols-2 gap-2 mt-1">
839                    <template x-for="category in result[letter]">
840                        <a x-bind:href="category.href" class="py-2 flex no-wrap items-center">
841                            <img
842                                x-bind:src="category.thumb"
843                                x-bind:alt="category.label"
844                                class="inline-block size-9 md:size-10 rounded-full"
845                            />
846                            <p x-text="category.label" class="p-2 text-indigo-500 text-md inline-block hover:text-gray-500"></p>
847                        </a>
848                    </template>
849                </div>
850            </div>
851        </div>
852    </template>
853</div>
854                                        <div x-show="Object.keys(result).length === 0">
855                                            <span class="text-2xl text-gray-800 capitalize"
856                                                x-text="selectedLetter"></span>
857                                            <div class="grid grid-cols-2 gap-2 mt-1">
858                                                <template x-for="category in categories[selectedLetter]">
859                                                    <a class="py-2 flex no-wrap items-center" x-bind:href="category.href">
860                                                        <img class="inline-block w-10 rounded-full" alt="alt" x-bind:src="category.thumb"/>
861                                                        <p x-text="category.label"
862                                                           class="p-2 text-indigo-500 text-md inline-block hover:text-gray-500"></p>
863                                                    </a>
864                                                </template>
865                                            </div>
866                                        </div>
867                                    </div>
868                                    
869                                    <div x-show="categoryCountForLetter.length < 10">
870                                        <template x-for="entry in Object.entries(categories)">
871                                            <div x-show="Object.entries(entry[1]).length != 0" class="mt-2 mb-10">
872                                                <div x-bind:id="entry[0]" x-bind:name="entry[0]">
873                                                    <a class="text-2xl text-gray-800 capitalize"
874                                                       x-text="entry[0]"></a>
875                                                </div>
876                                                <div class="grid grid-cols-2 gap-2 mt-1">
877                                                    <template x-for="(category, key) in entry[1]">
878                                                        <a class="py-2 flex no-wrap items-center" x-bind:href="category.href">
879                                                            <img class="inline-block w-10 rounded-full" alt="alt" x-bind:src="category.thumb"/>
880                                                            <p x-text="category.label"
881                                                               class="p-2 text-indigo-500 inline-block hover:text-gray-500"></p>
882                                                        </a>
883                                                    </template>
884                                                </div>
885                                            </div>
886                                        </template>
887                                    </div>
888                                </div>
889                            </div>
890                        </div>
891                    </div>
892                </div>
893            </div>
894        </template>
895    </div>
896
897    <div
898        x-data="{
899        showAlphabet: false,
900        openMenu() {
901            if (!this.loadLinks) {
902                this.categories = $wire.getCategoryMenuLinks()
903                .then(links => {
904                    this.categories = links
905                })
906            }
907            this.show = true
908            this.showAlphabet = false
909            this.toggleScrollLock()
910        },
911        closeMenu() {
912            this.show = false
913            this.showAlphabet = false
914            this.toggleScrollLock()
915        },
916        toggleScrollLock() {
917            if (this.show) {
918                window.document.body.classList.add('overflow-hidden')
919            } else {
920                window.document.body.classList.remove('overflow-hidden')
921            }
922        },
923        setLetter(letter) {
924            this.selectedLetter = letter
925            this.showAlphabet = !this.showAlphabet
926
927            const letterGroup = document.getElementById(this.selectedLetter)
928
929            if (letterGroup) {
930                letterGroup.scrollIntoView()
931            }
932        },
933    }"
934    x-init="
935        $watch('search', _ => {
936            searchCategory()
937        })
938    ">
939        
940        <template x-if="show">
941            <div class="fixed inset-0 bg-white text-gray-900 md:hidden z-50">
942                <div x-show="showAlphabet"
943                     class="flex justify-between w-full p-4 bg-transparent">
944                    <div class="text-xl">
945                        Categories
946                    </div>
947                    <div class="clickable">
948                        <button @click.prevent="closeMenu()">
949                            <svg class="w-7 h-7 text-black" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
950    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
951</svg>
952                        </button>
953                    </div>
954                </div>
955                <div class="h-full flex flex-col">
956                    <div x-show="!showAlphabet"
957                         x-transition
958                         class="grid grid-cols-4 justify-stretch text-xl p-2">
959                        <div class="flex items-center col-span-1 h-full">
960                            <button
961        type="button" class="py-2 px-4 border rounded-md text-sm leading-5 font-medium focus:outline-none focus:border-blue-300 focus:shadow-outline-blue transition duration-150 ease-in-out border-gray-300 text-gray-500 active:bg-gray-50 active:text-gray-800 hover:text-gray-500 flex text-2xl no-wrap items-center" @click.prevent="setLetter('')"
962        
963    >
964        A-Z
965    </button>
966                        </div>
967                        
968                        <div class="col-span-2">
969                            <form>
970    <div class="flex w-full relative">
971        <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" class="search text-gray-400 w-5 h-5 absolute left-2 top-1/3 !size-4">
972    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
973          d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
974</svg>
975
976        <input class="block w-full p-2 rounded-md border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 disabled:cursor-not-allowed px-6" type="text" x-model="search" placeholder="Search Category"/>
977
978
979        <svg x-show="search != ''" @click="search = ''" class="absolute right-2 top-1/3 !size-4 text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
980    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
981</svg>
982    </div>
983</form>
984                        </div>
985                        <div class="flex items-center justify-end h-full col-span-1">
986                            <button @click.prevent="closeMenu()">
987                                <svg class="w-7 h-7 text-black" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
988    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
989</svg>
990                            </button>
991                        </div>
992                    </div>
993                    <div id="letterContainer" class="h-screen" x-show="showAlphabet" x-transition>
994                        <div class="grid grid-cols-3 text-xl my-6">
995                            <template x-for="entry in Object.keys(categories)">
996    <template x-if="Object.entries(categories[entry]).length > 0">
997        <button
998            class="capitalize text-center rounded-md p-2 text-black hover:bg-gray-100 hover:text-indigo-500"
999            :class="{'bg-indigo-500 text-white': selectedLetter === entry}"
1000            @click.prevent="setLetter(entry)"
1001        >
1002            <span x-text="entry"></span>
1003        </button>
1004    </template>
1005    <template x-if="Object.entries(categories[entry]).length == 0">
1006        <div class="capitalize text-center rounded-md p-2 text-gray-400">
1007            <span x-text="entry"></span>
1008        </div>
1009    </template>
1010</template>
1011                        </div>
1012                        <div class="flex align-center justify-center mt-5">
1013                            <a
1014        href="https://www.opalauctions.com/auctions"
1015        class="py-2 px-4 border rounded-md text-sm leading-5 font-medium focus:outline-none focus:border-blue-300 focus:shadow-outline-blue transition duration-150 ease-in-out border-gray-300 text-gray-500 active:bg-gray-50 active:text-gray-800 hover:text-gray-500" href="https://www.opalauctions.com/auctions"
1016    >
1017        View All
1018    </a>
1019                        </div>
1020                    </div>
1021                    <div class="pl-6 bg-white overflow-y-auto flex-1">
1022                        <div class="grid grid-cols-1">
1023    <template x-for="letter in Object.keys(result)">
1024        <div class="grid grid-cols-7 md:flex md:flex-col mb-2">
1025            <div class="text-2xl">
1026                <span x-text="letter"></span>
1027            </div>
1028
1029            <div class="col-span-6">
1030                <div class="grid md:grid-cols-2 gap-2 mt-1">
1031                    <template x-for="category in result[letter]">
1032                        <a x-bind:href="category.href" class="py-2 flex no-wrap items-center">
1033                            <img
1034                                x-bind:src="category.thumb"
1035                                x-bind:alt="category.label"
1036                                class="inline-block size-9 md:size-10 rounded-full"
1037                            />
1038                            <p x-text="category.label" class="p-2 text-indigo-500 text-md inline-block hover:text-gray-500"></p>
1039                        </a>
1040                    </template>
1041                </div>
1042            </div>
1043        </div>
1044    </template>
1045</div>
1046                        <div class="grid grid-cols-1" x-show="Object.keys(result).length === 0">
1047                            <template x-for="entry in Object.entries(categories)">
1048                                <div
1049                                    x-show="Object.entries(entry[1]).length != 0"
1050                                    class="grid grid-cols-7 mt-2 mb-10"
1051                                >
1052                                    <div class="relative">
1053                                        <span
1054                                            x-bind:id="entry[0]"
1055                                            x-bind:name="entry[0]"
1056                                            x-text="entry[0]"
1057                                            class="text-2xl text-gray-800 capitalize sticky top-0"
1058                                        >
1059                                        </span>
1060                                    </div>
1061                                    <div class="col-span-6">
1062                                        <div class="grid grid-cols-1 gap-2 mt-1">
1063                                            <template x-for="(category, key) in entry[1]">
1064                                                <a x-bind:href="category.href"
1065                                                   :key="key"
1066                                                    class="py-2 flex no-wrap items-center"
1067                                                >
1068                                                    <img
1069                                                        x-bind:src="category.thumb"
1070                                                        x-bind:alt="category.label"
1071                                                        class="inline-block w-10 rounded-full"
1072                                                    />
1073                                                    <p x-text="category.label"
1074                                                       class="p-2 text-indigo-500 
1074inline-block hover:text-gray-500"
1075                                                    >
1076                                                    </p>
1077                                                </a>
1078                                            </template>
1079                                        </div>
1080                                    </div>
1081                                </div>
1082                            </template>
1083                        </div>
1084                    </div>
1085                </div>
1086            </div>
1087        </template>
1088    </div>
1089</div>
1090
1091    
1092    <div
1093        class="mt-3 lg:flex lg:flex-row items-center space-x-2 justify-between lg:px-6 pb-2 text-sm text-gray-600 hidden"
1094    >
1095        <div class="flex w-full items-center">
1096                                                <div class="lg:hidden">
1097    <div class="flex flex-col">
1098                                    <div x-data="{ show: false }">
1099        <div
1100            class="flex items-center justify-between hover:underline py-2 px-4 cursor-pointer "
1101            :class="{ 'bg-gray-100': show }"
1102            @click.prevent="show = ! show"
1103            x-cloak
1104        >
1105            <div class="flex items-center grow">
1106                <div class="flex items-center gap-1">
1107                                $1 Auctions
1108            </div>
1109            </div>
1110            <svg class="h-6 w-6 !size-4 mt-0.5" x-show="!show" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1111    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
1112</svg>
1113            <svg class="w-5 h-5 !size-4 mt-0.5" x-show="show" xmlns="http://www.w3.org/2000/svg"
1114     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1115    <path
1116        fill-rule="evenodd"
1117        d="M14.707 12.707a1 1 0 01-1.414 0L10 9.414l-3.293 3.293a1 1 0 01-1.414-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 010 1.414z"
1118        clip-rule="evenodd"
1119    />
1120</svg>
1121        </div>
1122        <div class="pl-4" x-show="show" x-cloak>
1123            <div>
1124            <div>
1125                    <a
1126    class="p-2 flex items-center w-full hover:underline"
1127    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions"
1128>
1129   No Reserve Auctions
1130</a>
1131                        <a
1132    class="p-2 flex items-center w-full hover:underline"
1133    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions"
1134>
1135   Auctions Ending Soon
1136</a>
1137                        <a
1138    class="p-2 flex items-center w-full hover:underline"
1139    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions?sortby=oa.auctions_newest"
1140>
1141   Newest Auctions
1142</a>
1143                        <a
1144    class="p-2 flex items-center w-full hover:underline"
1145    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions?listing_type_tier=true"
1146>
1147   Premium Auction Listings
1148</a>
1149                <div x-data="{ show: false }">
1150        <div
1151            class="flex items-center justify-between hover:underline py-2 px-4 cursor-pointer "
1152            :class="{ 'bg-gray-100': show }"
1153            @click.prevent="show = ! show"
1154            x-cloak
1155        >
1156            <div class="flex items-center grow">
1157                <div class="flex items-center gap-1">
1158                                        Rough Opal Auctions
1159                </div>
1160            </div>
1161            <svg class="h-6 w-6 !size-4 mt-0.5" x-show="!show" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1162    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
1163</svg>
1164            <svg class="w-5 h-5 !size-4 mt-0.5" x-show="show" xmlns="http://www.w3.org/2000/svg"
1165     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1166    <path
1167        fill-rule="evenodd"
1168        d="M14.707 12.707a1 1 0 01-1.414 0L10 9.414l-3.293 3.293a1 1 0 01-1.414-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 010 1.414z"
1169        clip-rule="evenodd"
1170    />
1171</svg>
1172        </div>
1173        <div class="pl-4" x-show="show" x-cloak>
1174            <div>
1175                    <a
1176    class="p-2 flex items-center w-full hover:underline"
1177    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/rough-s
1177pecimens-only"
1178>
1179   All Rough Opal Auctions
1180</a>
1181                        <a
1182    class="p-2 flex items-center w-full hover:underline"
1183    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/rough-specimens-only/australian-rough-opal-no-reserve-auctions"
1184>
1185   Australia Rough Opal Auctions
1186</a>
1187                        <a
1188    class="p-2 flex items-center w-full hover:underline"
1189    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/rough-specimens-only/international-rough-opal-no-reserve-auctions"
1190>
1191   International Rough Opal Auctions
1192</a>
1193                        <a
1194    class="p-2 flex items-center w-full hover:underline"
1195    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/rough-specimens-only/australian-rough-opal-no-reserve-auctions/lightning-ridge-rough-opal-no-reserve-auctions"
1196>
1197   Lightning Ridge Rough Opal Auctions
1198</a>
1199                        <a
1200    class="p-2 flex items-center w-full hover:underline"
1201    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/rough-specimens-only/australian-rough-opal-no-reserve-auctions/coober-pedy-rough-opal-no-reserve-auctions"
1202>
1203   Coober Pedy Rough Opal Auctions
1204</a>
1205                        <a
1206    class="p-2 flex items-center w-full hover:underline"
1207    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/rough-specimens-only/australian-rough-opal-no-reserve-auctions/boulder-rough-opal-no-reserve-auctions"
1208>
1209   Boulder Rough Opal Auctions
1210</a>
1211                        <a
1212    class="p-2 flex items-center w-full hover:underline"
1213    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/rough-specimens-only/international-rough-opal-no-reserve-auctions/ethiopian-rough-opal-no-reserve-auctions"
1214>
1215   Ethiopian Rough Opal Auctions
1216</a>
1217                        <a
1218    class="p-2 flex items-center w-full hover:underline"
1219    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/rough-specimens-only/australian-rough-opal-no-reserve-auctions/black-rough-opal-no-reserve-auctions"
1220>
1221   Black Rough Opal Auctions
1222</a>
1223                        <a
1224    class="p-2 flex items-center w-full hover:underline"
1225    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/rough-specimens-only/australian-rough-opal-no-reserve-auctions/matrix-rough-opal-no-reserve-auctions"
1226>
1227   Matrix Rough Opal Auctions
1228</a>
1229                        <a
1230    class="p-2 flex items-center w-full hover:underline"
1231    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/rough-specimens-only/australian-rough-opal-no-reserve-auctions/beginners-rough-opal-no-reserve-auctions"
1232>
1233   Beginners Rough Opal Auctions
1234</a>
1235    </div>
1236        </div>
1237    </div>
1238                <div x-data="{ show: false }">
1239        <div
1240            class="flex items-center justify-between hover:underline py-2 px-4 cursor-pointer "
1241            :class="{ 'bg-gray-100': show }"
1242            @click.prevent="show = ! show"
1243            x-cloak
1244        >
1245            <div class="flex items-center grow">
1246                <div class="flex items-center gap-1">
1247                                        Loose Opal Auctions
1248                </div>
1249            </div>
1250            <svg class="h-6 w-6 !size-4 mt-0.5" x-show="!show" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1251    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
1252</svg>
1253            <svg class="w-5 h-5 !size-4 mt-0.5" x-show="show" xmlns="http://www.w3.org/2000/svg"
1254     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1255    <path
1256        fill-rule="evenodd"
1257        d="M14.707 12.707a1 1 0 01-1.414 0L10 9.414l-3.293 3.293a1 1 0 01-1.414-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 010 1.414z"
1258        clip-rule="evenodd"
1259    />
1260</svg>
1261        </div>
1262        <div class="pl-4" x-show="show" x-cloak>
1263            <div>
1264                    <a
1265    class="p-2 flex items-center w-full hover:underline"
1266    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/cut-opal-stone-auctions"
1267>
1268   All Loose Opal Auctions
1269</a>
1270                        <a
1271    class="p-2 flex items-center w-full hover:underline"
1272    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/cut-opal-stone-auctions/australian-opals"
1273>
1274   Australian Cut Opal Auctions
1275</a>
1276                        <a
1277    class="p-2 flex items-center w-full hover:underline"
1278    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/cut-opal-stone-auctions/international-opals"
1279>
1280   International Cut Opal Auctions
1281</a>
1282                        <a
1283    class="p-2 flex items-center w-full hover:underline"
1284    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/cut-opal-stone-auctions/australian-opals/black-opal-no-reserve-auctions"
1285>
1286   Black Opal Auctions
1287</a>
1288                        <a
1289    class="p-2 flex items-center w-full hover:underline"
1290    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/cut-opal-stone-auctions/australian-opals/boulder-opal
1290-no-reserve-auctions"
1291>
1292   Bolder Opal Auctions
1293</a>
1294                        <a
1295    class="p-2 flex items-center w-full hover:underline"
1296    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/cut-opal-stone-auctions/international-opals/natural-ethiopian-opals-auctions"
1297>
1298   Ethiopian Opal Auctions
1299</a>
1300                        <a
1301    class="p-2 flex items-center w-full hover:underline"
1302    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/cut-opal-stone-auctions/international-opals/smoked-ethiopian-opals-auctions"
1303>
1304   Smoked Ethiopian Opal Auctions
1305</a>
1306                        <a
1307    class="p-2 flex items-center w-full hover:underline"
1308    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/cut-opal-stone-auctions/australian-opals/matrix-opal-no-reserve-auctions"
1309>
1310   Matrix Opal Auctions
1311</a>
1312                        <a
1313    class="p-2 flex items-center w-full hover:underline"
1314    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/cut-opal-stone-auctions/international-opals/mexican-opal-auctions"
1315>
1316   Mexican Opal Auctions
1317</a>
1318    </div>
1319        </div>
1320    </div>
1321                        <a
1322    class="p-2 flex items-center w-full hover:underline"
1323    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/jewelry-only"
1324>
1325   Opal Jewelry Auctions
1326</a>
1327                        <a
1328    class="p-2 flex items-center w-full hover:underline"
1329    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/jewelry-only"
1330>
1331   Opal Lapidary Auctions
1332</a>
1333                        <a
1334    class="p-2 flex items-center w-full hover:underline"
1335    href="https://www.opalauctions.com/search?type%5B0%5D=auction&amp;sortby=oa.auctions_time_left"
1336>
1337   All Opal Auctions
1338</a>
1339                        <a
1340    class="p-2 flex items-center w-full hover:underline"
1341    href="https://www.opalauctions.com/pages/auctions-type"
1342>
1343   FAQ - How Our Auctions Work
1344</a>
1345    </div>
1346        </div>
1347        </div>
1348    </div>
1349                                                <a href="https://www.opalauctions.com/auctions/black-opal" class="font-medium sm:font-normal hover:underline no-underline py-2 px-4 inline-flex gap-1 items-center text-gray-700 hover:text-gray-900 transition-colors duration-200">
1350        Black Opals
1351</a>
1352                                                <div x-data="{ show: false }">
1353        <div
1354            class="flex items-center justify-between hover:underline py-2 px-4 cursor-pointer "
1355            :class="{ 'bg-gray-100': show }"
1356            @click.prevent="show = ! show"
1357            x-cloak
1358        >
1359            <div class="flex items-center grow">
1360                <div class="flex items-center gap-1">
1361                                Just Listed
1362            </div>
1363            </div>
1364            <svg class="h-6 w-6 !size-4 mt-0.5" x-show="!show" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1365    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
1366</svg>
1367            <svg class="w-5 h-5 !size-4 mt-0.5" x-show="show" xmlns="http://www.w3.org/2000/svg"
1368     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1369    <path
1370        fill-rule="evenodd"
1371        d="M14.707 12.707a1 1 0 01-1.414 0L10 9.414l-3.293 3.293a1 1 0 01-1.414-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 010 1.414z"
1372        clip-rule="evenodd"
1373    />
1374</svg>
1375        </div>
1376        <div class="pl-4" x-show="show" x-cloak>
1377            <div>
1378            <div>
1379                    <a
1380    class="p-2 flex items-center w-full hover:underline"
1381    href="https://www.opalauctions.com/search?sortby=oa.auctions_newest"
1382>
1383   All New Listings
1384</a>
1385                        <a
1386    class="p-2 flex items-center w-full hover:underline"
1387    href="https://www.opalauctions.com/search?sortby=oa.auctions_newest&amp;type%5B0%5D=catalogue"
1388>
1389   New Buy it Now Items
1390</a>
1391                        <a
1392    class="p-2 flex items-center w-full hover:underline"
1393    href="https://www.opalauctions.com/search?sortby=oa.auctions_newest&amp;type%5B0%5D=auction"
1394>
1395   New Auction Listings
1396</a>
1397    </div>
1398        </div>
1399        </div>
1400    </div>
1401                                                <div x-data="{ show: false }">
1402        <div
1403            class="flex items-center justify-between hover:underline py-2 px-4 cursor-pointer "
1404            :class="{ 'bg-gray-100': show }"
1405            @click.prevent="show = ! show"
1406            x-cloak
1407        >
1408            <div class="flex items-center grow">
1409                <div class="flex items-center gap-1">
1410                                Loose Opals
1411            </div>
1412            </div>
1413            <svg class="h-6 w-6 !size-4 mt-0.5" x-show="!show" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1414    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
1415</svg>
1416            <svg class="w-5 h-5 !size-4 mt-0.5" x-show="show" xmlns="http://www.w3.org/2000/svg"
1417     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1418    <path
1419        fill-rule="evenodd"
1420        d="M14.707 12.707a1 1 0 01-1.414 0L10 9.414l-3.293 3.293a1 1 0 01-1.414-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 010 1.414z"
1421        clip-rule="evenodd"
1422    />
1423</svg>
1424        </div>
1425        <div class="pl-4" x-show="show" x-cloak>
1426            <div>
1427            <div>
1428                    <a
1429    class="p-2 flex items-center w-full hover:underline"
1430    href="https://www.opalauctions.com/search?sortby=oa.auctions_newest&amp;type%5B0%5D=catalogue"
1431>
1432   Newest Listed
1433</a>
1434                        <a
1435    class="p-2 flex items-center w-full hover:underline"
1436    href="https://www.opalauctions.com/auctions/black-opal"
1437>
1438   Black Opal
1439</a>
1440                        <a
1441    class="p-2 flex items-center w-full hover:underline"
1442    href="https://www.opalauctions.com/auctions/dark-opal"
1443>
1444   Dark Opal
1445</a>
1446                <div x-data="{ show: false }">
1447        <div
1448            class="flex items-center justify-between hover:underline py-2 px-4 cursor-pointer "
1449            :class="{ 'bg-gray-100': show }"
1450            @click.prevent="show = ! show"
1451            x-cloak
1452        >
1453            <div class="flex items-center grow">
1454                <div class="flex items-center gap-1">
1455                                        Boulder Opal
1456                </div>
1457            </div>
1458            <svg class="h-6 w-6 !size-4 mt-0.5" x-show="!show" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1459    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
1460</svg>
1461            <svg class="w-5 h-5 !size-4 mt-0.5" x-show="show" xmlns="http://www.w3.org/2000/svg"
1462     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1463    <path
1464        fill-rule="evenodd"
1465        d="M14.707 12.707a1 1 0 01-1.414 0L10 9.414l-3.293 3.293a1 1 0 01-1.414-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 010 1.414z"
1466        clip-rule="evenodd"
1467    />
1468</svg>
1469        </div>
1470        <div class="pl-4" x-show="show" x-cloak>
1471            <div>
1472                    <a
1473    class="p-2 flex items-center w-full hover:underline"
1474    href="https://www.opalauctions.com/auctions/boulder-opal"
1475>
1476   All Boulder Opal
1477</a>
1478                        <a
1479    class="p-2 flex items-center w-full hover:underline"
1480    href="https://www.opalauctions.com/auctions/boulder-opal/boulder-opal-stones"
1481>
1482   Boulder Opal Stones
1483</a>
1484                        <a
1485    class="p-2 flex items-center w-full hover:underline"
1486    href="https://www.opalauctions.com/auctions/boulder-opal/koroit-opal-stones"
1487>
1488   Koroit Opal
1489</a>
1490                        <a
1491    class="p-2 flex items-center w-full hover:underline"
1492    href="https://www.opalauctions.com/auctions/boulder-opal/yowah-opal-stones"
1493>
1494   Yowah Opal
1495</a>
1496                        <a
1497    class="p-2 flex items-center w-full hover:underline"
1498    href="https://www.opalauctions.com/auctions/boulder-opal/yowah-nuts"
1499>
1500   Yowah Nuts
1501</a>
1502                        <a
1503    class="p-2 flex items-center w-full hover:underline"
1504    href="https://www.opalauctions.com/auctions/boulder-opal/jundah-opal-stones"
1505>
1506   Jundah Opal
1507</a>
1508                        <a
1509    class="p-2 flex items-center w-full hover:underline"
1510    href="https://www.opalauctions.com/auctions/boulder-opal/boulder-opal-wood-fossils"
1511>
1512   Boulder Wood Opal
1513</a>
1514                        <a
1515    class="p-2 flex items-center w-full hover:underline"
1516    href="https://www.opalauctions.com/auctions/boulder-opal/boulder-pipe-crystal-opal"
1517>
1518   Boulder Pipe Crystal Opal
1519</a>
1520    </div>
1521        </div>
1522    </div>
1523                        <a
1524    class="p-2 flex items-center w-full hover:underline"
1525    href="https://www.opalauctions.com/auctions/crystal-opal"
1526>
1527   Crystal Opal
1528</a>
1529                        <a
1530    class="p-2 flex items-center w-full hover:underline"
1531    href="https://www.opalauctions.com/auctions/coober-pedy-opal"
1532>
1533   Coober Pedy Opal
1534</a>
1535                <div x-data="{ show: false }">
1536        <div
1537            class="flex items-center justify-between hover:underline py-2 px-4 cursor-pointer "
1538            :class="{ 'bg-gray-100': show }"
1539            @click.prevent="show = ! show"
1540            x-cloak
1541        >
1542            <div class="flex items-center grow">
1543                <div class="flex items-center gap-1">
1544                                        Ethiopian Opal
1545                </div>
1546            </div>
1547            <svg class="h-6 w-6 !size-4 mt-0.5" x-show="!show" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1548    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
1549</svg>
1550            <svg class="w-5 h-5 !size-4 mt-0.5" x-show="show" xmlns="http://www.w3.org/2000/svg"
1551     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1552    <path
1553        fill-rule="evenodd"
1554        d="M14.707 12.707a1 1 0 01-1.414 0L10 9.414l-3.293 3.293a1 1 0 01-1.414-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 010 1.414z"
1555        clip-rule="evenodd"
1556    />
1557</svg>
1558        </div>
1559        <div class="pl-4" x-show="show" x-cloak>
1560            <div>
1561                    <a
1562    class="p-2 flex items-center w-full hover:underline"
1563    href="https://www.opalauctions.com/auctions/ethiopian-opal"
1564>
1565   All Ethiopian Opal
1566</a>
1567                        <a
1568    class="p-2 flex items-center w-full hover:underline"
1569    href="https://www.opalauctions.com/auctions/ethiopian-opal/welo-opal-stones"
1570>
1571   Welo Opal
1572</a>
1573                        <a
1574    class="p-2 flex items-center w-full hover:underline"
1575    href="https://www.opalauctions.com/auctions/ethiopian-opal/dark-ethiopian-opal-stones"
1576>
1577   Dark Ethiopian Opal
1578</a>
1579                        <a
1580    class="p-2 flex items-center w-full hover:underline"
1581    href="https://www.opalauctions.com/auctions/ethiopian-opal/mezezo-opal-stones"
1582>
1583   Mezezo Opal
1584</a>
1585    </div>
1586        </div>
1587    </div>
1588                        <a
1589    class="p-2 flex items-center w-full hover:underline"
1590    href="https://www.opalauctions.com/auctions/mexican-fire-opal"
1591>
1592   Mexican Opal
1593</a>
1594                        <a
1595    class="p-2 flex items-center w-full hover:underline"
1596    href="https://www.opalauctions.com/auctions/brazilian-opal"
1597>
1598   Brazilian Opal
1599</a>
1600                        <a
1601    class="p-2 flex items-center w-full hover:underline"
1602    href="https://www.opalauctions.com/auctions/opal-doublet"
1603>
1604   Opal Doublets
1605</a>
1606                        <a
1607    class="p-2 flex items-center w-full hover:underline"
1608    href="https://www.opalauctions.com/auctions/andamooka-opal"
1609>
1610   Andamooka Opal
1611</a>
1612                        <a
1613    class="p-2 flex items-center w-full hover:underline"
1614    href="https://www.opalauctions.com/auctions/matrix-opal"
1615>
1616   Matrix Opal
1617</a>
1618                        <a
1619    class="p-2 flex items-center w-full hover:underline"
1620    href="https://www.opalauctions.com/auctions/fairy-opal"
1621>
1622   Fairy Opal
1623</a>
1624                        <a
1625    class="p-2 flex items-center w-full hover:underline"
1626    href="https://www.opalauctions.com/auctions"
1627>
1628   Browse All Categories
1629</a>
1630    </div>
1631        </div>
1632        </div>
1633    </div>
1634                                                <div x-data="{ show: false }">
1635        <div
1636            class="flex items-center justify-between hover:underline py-2 px-4 cursor-pointer "
1637            :class="{ 'bg-gray-100': show }"
1638            @click.prevent="show = ! show"
1639            x-cloak
1640        >
1641            <div class="flex items-center grow">
1642                <div class="flex items-center gap-1">
1643                                Opal Pairs
1644            </div>
1645            </div>
1646            <svg class="h-6 w-6 !size-4 mt-0.5" x-show="!show" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1647    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
1648</svg>
1649            <svg class="w-5 h-5 !size-4 mt-0.5" x-show="show" xmlns="http://www.w3.org/2000/svg"
1650     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1651    <path
1652        fill-rule="evenodd"
1653        d="M14.707 12.707a1 1 0 01-1.414 0L10 9.414l-3.293 3.293a1 1 0 01-1.414-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 010 1.414z"
1654        clip-rule="evenodd"
1655    />
1656</svg>
1657        </div>
1658        <div class="pl-4" x-show="show" x-cloak>
1659            <div>
1660            <div>
1661                    <a
1662    class="p-2 flex items-center w-full hover:underline"
1663    href="https://www.opalauctions.com/auctions/pairs/black-opal-pairs"
1664>
1665   Black Opal Pairs
1666</a>
1667                        <a
1668    class="p-2 flex items-center w-full hover:underline"
1669    href="https://www.opalauctions.com/auctions/pairs/dark-opal-pairs"
1670>
1671   Dark Opal Pairs
1672</a>
1673                        <a
1674    class="p-2 flex items-center w-full hover:underline"
1675    href="https://www.opalauctions.com/auctions/pairs/crystal-opal-pairs"
1676>
1677   Crystal Opal Pairs
1678</a>
1679                        <a
1680    class="p-2 flex items-center w-full hover:underline"
1681    href="https://www.opalauctions.com/auctions/pairs/ethiopian-opal-pairs"
1682>
1683   Ethiopian Opal Pairs
1684</a>
1685                        <a
1686    class="p-2 flex items-center w-full hover:underline"
1687    href="https://www.opalauctions.com/auctions/pairs/boulder-opal
1687-pairs"
1688>
1689   Boulder Opal Pairs
1690</a>
1691                        <a
1692    class="p-2 flex items-center w-full hover:underline"
1693    href="https://www.opalauctions.com/auctions/pairs/coober-pedy-opal-pairs"
1694>
1695   Coober Pedy Opal Pairs
1696</a>
1697                        <a
1698    class="p-2 flex items-center w-full hover:underline"
1699    href="https://www.opalauctions.com/auctions/pairs/ethiopian-opal-pairs"
1700>
1701   Ethiopian Opal Pairs
1702</a>
1703                        <a
1704    class="p-2 flex items-center w-full hover:underline"
1705    href="https://www.opalauctions.com/auctions/pairs"
1706>
1707   Browse All Pairs
1708</a>
1709    </div>
1710        </div>
1711        </div>
1712    </div>
1713                                                <div x-data="{ show: false }">
1714        <div
1715            class="flex items-center justify-between hover:underline py-2 px-4 cursor-pointer "
1716            :class="{ 'bg-gray-100': show }"
1717            @click.prevent="show = ! show"
1718            x-cloak
1719        >
1720            <div class="flex items-center grow">
1721                <div class="flex items-center gap-1">
1722                                Rough Opals
1723            </div>
1724            </div>
1725            <svg class="h-6 w-6 !size-4 mt-0.5" x-show="!show" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1726    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
1727</svg>
1728            <svg class="w-5 h-5 !size-4 mt-0.5" x-show="show" xmlns="http://www.w3.org/2000/svg"
1729     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1730    <path
1731        fill-rule="evenodd"
1732        d="M14.707 12.707a1 1 0 01-1.414 0L10 9.414l-3.293 3.293a1 1 0 01-1.414-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 010 1.414z"
1733        clip-rule="evenodd"
1734    />
1735</svg>
1736        </div>
1737        <div class="pl-4" x-show="show" x-cloak>
1738            <div>
1739            <div>
1740                    <a
1741    class="p-2 flex items-center w-full hover:underline"
1742    href="https://www.opalauctions.com/auctions/rough-opal/black-opal-rough"
1743>
1744   Black Opal Rough
1745</a>
1746                        <a
1747    class="p-2 flex items-center w-full hover:underline"
1748    href="https://www.opalauctions.com/auctions/rough-opal/lightning-ridge-rough-opals"
1749>
1750   Lightning Ridge Opal Rough
1751</a>
1752                        <a
1753    class="p-2 flex items-center w-full hover:underline"
1754    href="https://www.opalauctions.com/auctions/rough-opal/beginners-opal-rough"
1755>
1756   Beginners Opal Rough
1757</a>
1758                        <a
1759    class="p-2 flex items-center w-full hover:underline"
1760    href="https://www.opalauctions.com/auctions/rough-opal/andamooka-opal-rough"
1761>
1762   Andamooka Opal Rough
1763</a>
1764                        <a
1765    class="p-2 flex items-center w-full hover:underline"
1766    href="https://www.opalauctions.com/auctions/rough-opal/boulder-opal-rough"
1767>
1768   Boulder Opal Rough
1769</a>
1770                        <a
1771    class="p-2 flex items-center w-full hover:underline"
1772    href="https://www.opalauctions.com/auctions/rough-opal/coober-pedy-white-opal-rough"
1773>
1774   Coober Pedy Rough Opal
1775</a>
1776                        <a
1777    class="p-2 flex items-center w-full hover:underline"
1778    href="https://www.opalauctions.com/auctions/rough-opal/ethiopian-opal-rough"
1779>
1780   Ethiopian Opal Rough
1781</a>
1782                        <a
1783    class="p-2 flex items-center w-full hover:underline"
1784    href="https://www.opalauctions.com/auctions/rough-opal/yowah-opal-rough"
1785>
1786   Yowah Opal Rough
1787</a>
1788                        <a
1789    class="p-2 flex items-center w-full hover:underline"
1790    href="https://www.opalauctions.com/auctions/rough-opal/mintabie-opal-rough"
1791>
1792   Mintabie Opal Rough
1793</a>
1794                        <a
1795    class="p-2 flex items-center w-full hover:underline"
1796    href="https://www.opalauctions.com/auctions/rough-opal/koroit-opal-rough"
1797>
1798   Koroit Opal Rough
1799</a>
1800                        <a
1801    class="p-2 flex items-center w-full hover:underline"
1802    href="https://www.opalauctions.com/auctions/rough-opal/fairy-opal-rough"
1803>
1804   Fairy Opal Rough
1805</a>
1806                        <a
1807    class="p-2 flex items-center w-full hover:underline"
1808    href="https://www.opalauctions.com/auctions/rough-opal"
1809>
1810   Browse All Rough Opal
1811</a>
1812    </div>
1813        </div>
1814        </div>
1815    </div>
1816                                                <div x-data="{ show: false }">
1817        <div
1818            class="flex items-center justify-between hover:underline py-2 px-4 cursor-pointer "
1819            :class="{ 'bg-gray-100': show }"
1820            @click.prevent="show = ! show"
1821            x-cloak
1822        >
1823            <div class="flex items-center grow">
1824                <div class="flex items-center gap-1">
1825                                Opal Jewelry
1826            </div>
1827            </div>
1828            <svg class="h-6 w-6 !size-4 mt-0.5" x-show="!show" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1829    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
1830</svg>
1831            <svg class="w-5 h-5 !size-4 mt-0.5" x-show="show" xmlns="http://www.w3.org/2000/svg"
1832     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1833    <path
1834        fill-rule="evenodd"
1835        d="M14.707 12.707a1 1 0 01-1.414 0L10 9.414l-3.293 3.293a1 1 0 01-1.414-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 010 1.414z"
1836        clip-rule="evenodd"
1837    />
1838</svg>
1839        </div>
1840        <div class="pl-4" x-show="show" x-cloak>
1841            <div>
1842            <div>
1843                    <a
1844    class="p-2 flex items-center w-full hover:underline"
1845    href="https://www.opalauctions.com/auctions/opal-jewelry/opal-rings"
1846>
1847   Opal Rings
1848</a>
1849                        <a
1850    class="p-2 flex items-center w-full hover:underline"
1851    href="https://www.opalauctions.com/auctions/opal-jewelry/opal-pendants"
1852>
1853   Opal Pendants
1854</a>
1855                        <a
1856    class="p-2 flex items-center w-full hover:underline"
1857    href="https://www.opalauctions.com/auctions/opal-jewelry/opal-earrings"
1858>
1859   Opal Earrings
1860</a>
1861                        <a
1862    class="p-2 flex items-center w-full hover:underline"
1863    href="https://www.opalauctions.com/auctions/opal-jewelry/opal-bead-necklace"
1864>
1865   Opal Necklaces
1866</a>
1867                        <a
1868    class="p-2 flex items-center w-full hover:underline"
1869    href="https://www.opalauctions.com/auctions/opal-jewelry"
1870>
1871   Browse All Opal Jewelry
1872</a>
1873    </div>
1874        </div>
1875        </div>
1876    </div>
1877                                                <a href="https://www.opalauctions.com/pages/opal-concierge" class="font-medium sm:font-normal hover:underline no-underline py-2 px-4 inline-flex gap-1 items-center text-gray-700 hover:text-gray-900 transition-colors duration-200">
1878            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
1879  <path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"/>
1880  <path d="M20 2v4"/>
1881  <path d="M22 4h-4"/>
1882  <circle cx="4" cy="20" r="2"/>
1883</svg>        Gemma AI
1884</a>
1885                                                <a href="https://www.opalauctions.com/pages/opals101-beginners-guide" class="font-medium sm:font-normal hover:underline no-underline py-2 px-4 inline-flex gap-1 items-center text-gray-700 hover:text-gray-900 transition-colors duration-200">
1886            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
1887  <circle cx="12" cy="12" r="10"/>
1888  <path d="M12 16v-4"/>
1889  <path d="M12 8h.01"/>
1890</svg>        Opal 101
1891</a>
1892                                                <div x-data="{ show: false }">
1893        <div
1894            class="flex items-center justify-between hover:underline py-2 px-4 cursor-pointer "
1895            :class="{ 'bg-gray-100': show }"
1896            @click.prevent="show = ! show"
1897            x-cloak
1898        >
1899            <div class="flex items-center grow">
1900                <div class="flex items-center gap-1">
1901                                More
1902            </div>
1903            </div>
1904            <svg class="h-6 w-6 !size-4 mt-0.5" x-show="!show" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1905    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
1906</svg>
1907            <svg class="w-5 h-5 !size-4 mt-0.5" x-show="show" xmlns="http://www.w3.org/2000/svg"
1908     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1909    <path
1910        fill-rule="evenodd"
1911        d="M14.707 12.707a1 1 0 01-1.414 0L10 9.414l-3.293 3.293a1 1 0 01-1.414-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 010 1.414z"
1912        clip-rule="evenodd"
1913    />
1914</svg>
1915        </div>
1916        <div class="pl-4" x-show="show" x-cloak>
1917            <div>
1918            <div>
1919                    <a
1920    class="p-2 flex items-center w-full hover:underline"
1921    href="https://www.opalauctions.com/pages/about-us"
1922>
1923   Who We Are
1924</a>
1925                        <a
1926    class="p-2 flex items-center w-full hover:underline"
1927    href="https://www.opalauctions.com/help"
1928>
1929   Help
1930</a>
1931                        <a
1932    class="p-2 flex items-center w-full hover:underline"
1933    href="https://www.opalauctions.com/help/faqs/contact-us"
1934>
1935   Contact Us
1936</a>
1937                        <a
1938    class="p-2 flex items-center w-full hover:underline"
1939    href="https://www.opalauctions.com/learn/opal-information/opal-sheriff-program"
1940>
1941   Opal Sheriff Program
1942</a>
1943                <div x-data="{ show: false }">
1944        <div
1945            class="flex items-center justify-between hover:underline py-2 px-4 cursor-pointer "
1946            :class="{ 'bg-gray-100': show }"
1947            @click.prevent="show = ! show"
1948            x-cloak
1949        >
1950            <div class="flex items-center grow">
1951                <div class="flex items-center gap-1">
1952                                        Sell With Us
1953                </div>
1954            </div>
1955            <svg class="h-6 w-6 !size-4 mt-0.5" x-show="!show" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1956    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
1957</svg>
1958            <svg class="w-5 h-5 !size-4 mt-0.5" x-show="show" xmlns="http://www.w3.org/2000/svg"
1959     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1960    <path
1961        fill-rule="evenodd"
1962        d="M14.707 12.707a1 1 0 01-1.414 0L10 9.414l-3.293 3.293a1 1 0 01-1.414-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 010 1.414z"
1963        clip-rule="evenodd"
1964    />
1965</svg>
1966        </div>
1967        <div class="pl-4" x-show="show" x-cloak>
1968            <div>
1969                    <a
1970    class="p-2 flex items-center w-full hover:underline"
1971    href="https://www.opalauctions.com/help/verified-sellers/verified-sellers-program"
1972>
1973   Verified Sellers Program
1974</a>
1975                        <a
1976    class="p-2 flex items-center w-full hover:underline"
1977    href="https://www.opalauctions.com/help/verified-sellers/commission-bills-and-selling-fees-explained"
1978>
1979   Selling Fees
1980</a>
1981                        <a
1982    class="p-2 flex items-center w-full hover:underline"
1983    href="https://www.opalauctions.com/pages/sell-with-opal-auctions"
1984>
1985   Apply Now
1986</a>
1987    </div>
1988        </div>
1989    </div>
1990                        <a
1991    class="p-2 flex items-center w-full hover:underline"
1992    href="https://www.gemrockauctions.com"
1993>
1994   <svg class="size-4 mr-1 inline" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
1995  <path d="M10.5 3 8 9l4 13 4-13-2.5-6"/>
1996  <path d="M17 3a2 2 0 0 1 1.6.8l3 4a2 2 0 0 1 .013 2.382l-7.99 10.986a2 2 0 0 1-3.247 0l-7.99-10.986A2 2 0 0 1 2.4 7.8l2.998-3.997A2 2 0 0 1 7 3z"/>
1997  <path d="M2 9h20"/>
1998</svg>                        Shop Gemstones
1999</a>
2000    </div>
2001        </div>
2002        </div>
2003    </div>
2004                        </div>
2005</div>
2006
2007
2008
2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
2026
2027
2028
2029
2030
2031
2032
2033
2034
2035
2036
2037<div class="hidden lg:block">
2038    <div class="flex justify-between items-center">
2039        <div class="flex flex-1 items-center flex-wrap">
2040                                                <div
2041    x-data="{ open: false }"
2042    @keydown.window.escape="open = false"
2043    @click.outside="open = false"
2044    class="relative inline-block text-left"
2045>
2046    <div>
2047        <span class="rounded-md">
2048                            <button
2049                    @click="open = !open"
2050                    class="inline-flex justify-center whitespace-nowrap w-full flex items-center text-sm leading-5 font-medium text-gray-600 hover:text-gray-500 focus:outline-none rounded-md active:bg-gray-50 active:text-gray-800 transition ease-in-out duration-150 border border-gray-200 px-4 py-2 bg-white focus:border-blue-300 focus:shadow-outline-blue border-none active:bg-gray-200 hover:underline hover:text-gray-900"
2051                    type="button"
2052                    id="options-menu"
2053                    aria-haspopup="true"
2054                    x-bind:aria-expanded="open"
2055                    aria-expanded="true"
2056                >
2057                                        <div class="flex items-center gap-1">
2058                                        $1 Auctions
2059                </div>
2060
2061                        <svg class="h-6 w-6 !size-4 mt-0.5 text-gray-600 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
2062    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
2063</svg>
2064                                </button>
2065                    </span>
2066    </div>
2067
2068    <div
2069        x-show="open"
2070        x-cloak
2071        x-description="Dropdown panel, show/hide based on dropdown state."
2072        x-transition:enter="transition ease-out duration-100"
2073        x-transition:enter-start="transform opacity-0 scale-95"
2074        x-transition:enter-end="transform opacity-100 scale-100"
2075        x-transition:leave="transition ease-in duration-75"
2076        x-transition:leave-start="transform opacity-100 scale-100"
2077        x-transition:leave-end="transform opacity-0 scale-95"
2078        class="origin-top-left left-0 absolute mt-2 w-56 rounded-md shadow-lg z-50"
2079    >
2080        <div class="rounded-md bg-white shadow-xs">
2081            <div class="py-1" role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
2082                <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2083        No Reserve Auctions
2084    </a>
2085                        <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2086        Auctions Ending Soon
2087    </a>
2088                        <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions?sortby=oa.auctions_newest" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2089        Newest Auctions
2090    </a>
2091                        <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions?listing_type_tier=true" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2092        Premium Auction Listings
2093    </a>
2094                        <div class="relative" x-data="{ open: false }" @mouseleave="open = false">
2095                            <button type="button" class="block w-full px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900 flex items-center justify-between" @mouseenter="open = true" role="menuitem" @click="open = !open">
2096        <div class="flex items-center whitespace-nowrap text-left">
2097                                                Rough Opal Auctions
2098                    </div>
2099                    <svg class="h-6 w-6 !size-3 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2100    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
2101</svg>
2102    </button>
2103                        <div class="absolute left-full top-0 bg-white shadow-md rounded-md min-w-48 z-10" x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" @click.outside="open = false">
2104                                    <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/rough-s
2104pecimens-only" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2105        All Rough Opal Auctions
2106    </a>
2107                        <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/rough-specimens-only/australian-rough-opal-no-reserve-auctions" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2108        Australia Rough Opal Auctions
2109    </a>
2110                        <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/rough-specimens-only/international-rough-opal-no-reserve-auctions" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2111        International Rough Opal Auctions
2112    </a>
2113                        <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/rough-specimens-only/australian-rough-opal-no-reserve-auctions/lightning-ridge-rough-opal-no-reserve-auctions" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2114        Lightning Ridge Rough Opal Auctions
2115    </a>
2116                        <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/rough-specimens-only/australian-rough-opal-no-reserve-auctions/coober-pedy-rough-opal-no-reserve-auctions" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2117        Coober Pedy Rough Opal Auctions
2118    </a>
2119                        <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/rough-specimens-only/australian-rough-opal-no-reserve-auctions/boulder-rough-opal-no-reserve-auctions" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2120        Boulder Rough Opal Auctions
2121    </a>
2122                        <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/rough-specimens-only/international-rough-opal-no-reserve-auctions/ethiopian-rough-opal-no-reserve-auctions" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2123        Ethiopian Rough Opal Auctions
2124    </a>
2125                        <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/rough-specimens-only/australian-rough-opal-no-reserve-auctions/black-rough-opal-no-reserve-auctions" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2126        Black Rough Opal Auctions
2127    </a>
2128                        <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/rough-specimens-only/australian-rough-opal-no-reserve-auctions/matrix-rough-opal-no-reserve-auctions" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2129        Matrix Rough Opal Auctions
2130    </a>
2131                        <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/rough-specimens-only/australian-rough-opal-no-reserve-auctions/beginners-rough-opal-no-reserve-auctions" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2132        Beginners Rough Opal Auctions
2133    </a>
2134                                </div>
2135        </div>
2136                        <div class="relative" x-data="{ open: false }" @mouseleave="open = false">
2137                            <button type="button" class="block w-full px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900 flex items-center justify-between" @mouseenter="open = true" role="menuitem" @click="open = !open">
2138        <div class="flex items-center whitespace-nowrap text-left">
2139                                                Loose Opal Auctions
2140                    </div>
2141                    <svg class="h-6 w-6 !size-3 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2142    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
2143</svg>
2144    </button>
2145                        <div class="absolute left-full top-0 bg-white shadow-md rounded-md min-w-48 z-10" x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" @click.outside="open = false">
2146                                    <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/cut-opal-stone-auctions" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2147        All Loose Opal Auctions
2148    </a>
2149                        <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/cut-opal-stone-auctions/australian-opals" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2150        Australian Cut Opal Auctions
2151    </a>
2152                        <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/cut-opal-stone-auctions/international-opals" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2153        International Cut Opal Auctions
2154    </a>
2155                        <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/cut-opal-stone-auctions/australian-opals/black-opal-no-reserve-auctions" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2156        Black Opal Auctions
2157    </a>
2158                        <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/cut-opal-stone-auctions/australian-opals/boulder-opal
2158-no-reserve-auctions" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2159        Bolder Opal Auctions
2160    </a>
2161                        <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/cut-opal-stone-auctions/international-opals/natural-ethiopian-opals-auctions" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2162        Ethiopian Opal Auctions
2163    </a>
2164                        <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/cut-opal-stone-auctions/international-opals/smoked-ethiopian-opals-auctions" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2165        Smoked Ethiopian Opal Auctions
2166    </a>
2167                        <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/cut-opal-stone-auctions/australian-opals/matrix-opal-no-reserve-auctions" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2168        Matrix Opal Auctions
2169    </a>
2170                        <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/cut-opal-stone-auctions/international-opals/mexican-opal-auctions" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2171        Mexican Opal Auctions
2172    </a>
2173                                </div>
2174        </div>
2175                        <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/jewelry-only" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2176        Opal Jewelry Auctions
2177    </a>
2178                        <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/jewelry-only" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2179        Opal Lapidary Auctions
2180    </a>
2181                        <a href="https://www.opalauctions.com/search?type%5B0%5D=auction&amp;sortby=oa.auctions_time_left" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2182        All Opal Auctions
2183    </a>
2184                        <a href="https://www.opalauctions.com/pages/auctions-type" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2185        FAQ - How Our Auctions Work
2186    </a>
2187            </div>
2188        </div>
2189    </div>
2190</div>
2191                                                                <div
2192    x-data="{ open: false }"
2193    @keydown.window.escape="open = false"
2194    @click.outside="open = false"
2195    class="relative inline-block text-left"
2196>
2197    <div>
2198        <span class="rounded-md">
2199                            <button
2200                    @click="open = !open"
2201                    class="inline-flex justify-center whitespace-nowrap w-full flex items-center text-sm leading-5 font-medium text-gray-600 hover:text-gray-500 focus:outline-none rounded-md active:bg-gray-50 active:text-gray-800 transition ease-in-out duration-150 border border-gray-200 px-4 py-2 bg-white focus:border-blue-300 focus:shadow-outline-blue border-none active:bg-gray-200 hover:underline hover:text-gray-900"
2202                    type="button"
2203                    id="options-menu"
2204                    aria-haspopup="true"
2205                    x-bind:aria-expanded="open"
2206                    aria-expanded="true"
2207                >
2208                                        <div class="flex items-center gap-1">
2209                                        Just Listed
2210                </div>
2211
2212                        <svg class="h-6 w-6 !size-4 mt-0.5 text-gray-600 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
2213    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
2214</svg>
2215                                </button>
2216                    </span>
2217    </div>
2218
2219    <div
2220        x-show="open"
2221        x-cloak
2222        x-description="Dropdown panel, show/hide based on dropdown state."
2223        x-transition:enter="transition ease-out duration-100"
2224        x-transition:enter-start="transform opacity-0 scale-95"
2225        x-transition:enter-end="transform opacity-100 scale-100"
2226        x-transition:leave="transition ease-in duration-75"
2227        x-transition:leave-start="transform opacity-100 scale-100"
2228        x-transition:leave-end="transform opacity-0 scale-95"
2229        class="origin-top-left left-0 absolute mt-2 w-56 rounded-md shadow-lg z-50"
2230    >
2231        <div class="rounded-md bg-white shadow-xs">
2232            <div class="py-1" role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
2233                <a href="https://www.opalauctions.com/search?sortby=oa.auctions_newest" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2234        All New Listings
2235    </a>
2236                        <a href="https://www.opalauctions.com/search?sortby=oa.auctions_newest&amp;type%5B0%5D=catalogue" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2237        New Buy it Now Items
2238    </a>
2239                        <a href="https://www.opalauctions.com/search?sortby=oa.auctions_newest&amp;type%5B0%5D=auction" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2240        New Auction Listings
2241    </a>
2242            </div>
2243        </div>
2244    </div>
2245</div>
2246                                                                <div
2247    x-data="{ open: false }"
2248    @keydown.window.escape="open = false"
2249    @click.outside="open = false"
2250    class="relative inline-block text-left"
2251>
2252    <div>
2253        <span class="rounded-md">
2254                            <button
2255                    @click="open = !open"
2256                    class="inline-flex justify-center whitespace-nowrap w-full flex items-center text-sm leading-5 font-medium text-gray-600 hover:text-gray-500 focus:outline-none rounded-md active:bg-gray-50 active:text-gray-800 transition ease-in-out duration-150 border border-gray-200 px-4 py-2 bg-white focus:border-blue-300 focus:shadow-outline-blue border-none active:bg-gray-200 hover:underline hover:text-gray-900"
2257                    type="button"
2258                    id="options-menu"
2259                    aria-haspopup="true"
2260                    x-bind:aria-expanded="open"
2261                    aria-expanded="true"
2262                >
2263                                        <div class="flex items-center gap-1">
2264                                        Loose Opals
2265                </div>
2266
2267                        <svg class="h-6 w-6 !size-4 mt-0.5 text-gray-600 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
2268    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
2269</svg>
2270                                </button>
2271                    </span>
2272    </div>
2273
2274    <div
2275        x-show="open"
2276        x-cloak
2277        x-description="Dropdown panel, show/hide based on dropdown state."
2278        x-transition:enter="transition ease-out duration-100"
2279        x-transition:enter-start="transform opacity-0 scale-95"
2280        x-transition:enter-end="transform opacity-100 scale-100"
2281        x-transition:leave="transition ease-in duration-75"
2282        x-transition:leave-start="transform opacity-100 scale-100"
2283        x-transition:leave-end="transform opacity-0 scale-95"
2284        class="origin-top-left left-0 absolute mt-2 w-56 rounded-md shadow-lg z-50"
2285    >
2286        <div class="rounded-md bg-white shadow-xs">
2287            <div class="py-1" role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
2288                <a href="https://www.opalauctions.com/search?sortby=oa.auctions_newest&amp;type%5B0%5D=catalogue" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2289        Newest Listed
2290    </a>
2291                        <a href="https://www.opalauctions.com/auctions/black-opal" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2292        Black Opal
2293    </a>
2294                        <a href="https://www.opalauctions.com/auctions/dark-opal" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2295        Dark Opal
2296    </a>
2297                        <div class="relative" x-data="{ open: false }" @mouseleave="open = false">
2298                            <button type="button" class="block w-full px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900 flex items-center justify-between" @mouseenter="open = true" role="menuitem" @click="open = !open">
2299        <div class="flex items-center whitespace-nowrap text-left">
2300                                                Boulder Opal
2301                    </div>
2302                    <svg class="h-6 w-6 !size-3 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2303    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
2304</svg>
2305    </button>
2306                        <div class="absolute left-full top-0 bg-white shadow-md rounded-md min-w-48 z-10" x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" @click.outside="open = false">
2307                                    <a href="https://www.opalauctions.com/auctions/boulder-opal" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2308        All Boulder Opal
2309    </a>
2310                        <a href="https://www.opalauctions.com/auctions/boulder-opal/boulder-opal
2310-stones" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2311        Boulder Opal Stones
2312    </a>
2313                        <a href="https://www.opalauctions.com/auctions/boulder-opal/koroit-opal-stones" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2314        Koroit Opal
2315    </a>
2316                        <a href="https://www.opalauctions.com/auctions/boulder-opal/yowah-opal-stones" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2317        Yowah Opal
2318    </a>
2319                        <a href="https://www.opalauctions.com/auctions/boulder-opal/yowah-nuts" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2320        Yowah Nuts
2321    </a>
2322                        <a href="https://www.opalauctions.com/auctions/boulder-opal/jundah-opal-stones" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2323        Jundah Opal
2324    </a>
2325                        <a href="https://www.opalauctions.com/auctions/boulder-opal/boulder-opal-wood-fossils" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2326        Boulder Wood Opal
2327    </a>
2328                        <a href="https://www.opalauctions.com/auctions/boulder-opal/boulder-pipe-crystal-opal" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2329        Boulder Pipe Crystal Opal
2330    </a>
2331                                </div>
2332        </div>
2333                        <a href="https://www.opalauctions.com/auctions/crystal-opal" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2334        Crystal Opal
2335    </a>
2336                        <a href="https://www.opalauctions.com/auctions/coober-pedy-opal" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2337        Coober Pedy Opal
2338    </a>
2339                        <div class="relative" x-data="{ open: false }" @mouseleave="open = false">
2340                            <button type="button" class="block w-full px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900 flex items-center justify-between" @mouseenter="open = true" role="menuitem" @click="open = !open">
2341        <div class="flex items-center whitespace-nowrap text-left">
2342                                                Ethiopian Opal
2343                    </div>
2344                    <svg class="h-6 w-6 !size-3 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2345    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
2346</svg>
2347    </button>
2348                        <div class="absolute left-full top-0 bg-white shadow-md rounded-md min-w-48 z-10" x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" @click.outside="open = false">
2349                                    <a href="https://www.opalauctions.com/auctions/ethiopian-opal" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2350        All Ethiopian Opal
2351    </a>
2352                        <a href="https://www.opalauctions.com/auctions/ethiopian-opal/welo-opal-stones" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2353        Welo Opal
2354    </a>
2355                        <a href="https://www.opalauctions.com/auctions/ethiopian-opal/dark-ethiopian-opal-stones" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2356        Dark Ethiopian Opal
2357    </a>
2358                        <a href="https://www.opalauctions.com/auctions/ethiopian-opal/mezezo-opal-stones" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2359        Mezezo Opal
2360    </a>
2361                                </div>
2362        </div>
2363                        <a href="https://www.opalauctions.com/auctions/mexican-fire-opal" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2364        Mexican Opal
2365    </a>
2366                        <a href="https://www.opalauctions.com/auctions/brazilian-opal" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2367        Brazilian Opal
2368    </a>
2369                        <a href="https://www.opalauctions.com/auctions/opal-doublet" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2370        Opal Doublets
2371    </a>
2372                        <a href="https://www.opalauctions.com/auctions/andamooka-opal" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2373        Andamooka Opal
2374    </a>
2375                        <a href="https://www.opalauctions.com/auctions/matrix-opal" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2376        Matrix Opal
2377    </a>
2378                        <a href="https://www.opalauctions.com/auctions/fairy-opal" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2379        Fairy Opal
2380    </a>
2381                        <a href="https://www.opalauctions.com/auctions" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2382        Browse All Categories
2383    </a>
2384            </div>
2385        </div>
2386    </div>
2387</div>
2388                                                                <div
2389    x-data="{ open: false }"
2390    @keydown.window.escape="open = false"
2391    @click.outside="open = false"
2392    class="relative inline-block text-left"
2393>
2394    <div>
2395        <span class="rounded-md">
2396                            <button
2397                    @click="open = !open"
2398                    class="inline-flex justify-center whitespace-nowrap w-full flex items-center text-sm leading-5 font-medium text-gray-600 hover:text-gray-500 focus:outline-none rounded-md active:bg-gray-50 active:text-gray-800 transition ease-in-out duration-150 border border-gray-200 px-4 py-2 bg-white focus:border-blue-300 focus:shadow-outline-blue border-none active:bg-gray-200 hover:underline hover:text-gray-900"
2399                    type="button"
2400                    id="options-menu"
2401                    aria-haspopup="true"
2402                    x-bind:aria-expanded="open"
2403                    aria-expanded="true"
2404                >
2405                                        <div class="flex items-center gap-1">
2406                                        Opal Pairs
2407                </div>
2408
2409                        <svg class="h-6 w-6 !size-4 mt-0.5 text-gray-600 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
2410    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
2411</svg>
2412                                </button>
2413                    </span>
2414    </div>
2415
2416    <div
2417        x-show="open"
2418        x-cloak
2419        x-description="Dropdown panel, show/hide based on dropdown state."
2420        x-transition:enter="transition ease-out duration-100"
2421        x-transition:enter-start="transform opacity-0 scale-95"
2422        x-transition:enter-end="transform opacity-100 scale-100"
2423        x-transition:leave="transition ease-in duration-75"
2424        x-transition:leave-start="transform opacity-100 scale-100"
2425        x-transition:leave-end="transform opacity-0 scale-95"
2426        class="origin-top-left left-0 absolute mt-2 w-56 rounded-md shadow-lg z-50"
2427    >
2428        <div class="rounded-md bg-white shadow-xs">
2429            <div class="py-1" role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
2430                <a href="https://www.opalauctions.com/auctions/pairs/black-opal-pairs" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2431        Black Opal Pairs
2432    </a>
2433                        <a href="https://www.opalauctions.com/auctions/pairs/dark-opal-pairs" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2434        Dark Opal Pairs
2435    </a>
2436                        <a href="https://www.opalauctions.com/auctions/pairs/crystal-opal-pairs" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2437        Crystal Opal Pairs
2438    </a>
2439                        <a href="https://www.opalauctions.com/auctions/pairs/ethiopian-opal-pairs" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2440        Ethiopian Opal Pairs
2441    </a>
2442                        <a href="https://www.opalauctions.com/auctions/pairs/boulder-opal-pairs" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2443        Boulder Opal Pairs
2444    </a>
2445                        <a href="https://www.opalauctions.com/auctions/pairs/coober-pedy-opal-pairs" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2446        Coober Pedy Opal Pairs
2447    </a>
2448                        <a href="https://www.opalauctions.com/auctions/pairs/ethiopian-opal-pairs" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2449        Ethiopian Opal Pairs
2450    </a>
2451                        <a href="https://www.opalauctions.com/auctions/pairs" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2452        Browse All Pairs
2453    </a>
2454            </div>
2455        </div>
2456    </div>
2457</div>
2458                                                                <div
2459    x-data="{ open: false }"
2460    @keydown.window.escape="open = false"
2461    @click.outside="open = false"
2462    class="relative inline-block text-left"
2463>
2464    <div>
2465        <span class="rounded-md">
2466                            <button
2467                    @click="open = !open"
2468                    class="inline-flex justify-center whitespace-nowrap w-full flex items-center text-sm leading-5 font-medium text-gray-600 hover:text-gray-500 focus:outline-none rounded-md active:bg-gray-50 active:text-gray-800 transition ease-in-out duration-150 border border-gray-200 px-4 py-2 bg-white focus:border-blue-300 focus:shadow-outline-blue border-none active:bg-gray-200 hover:underline hover:text-gray-900"
2469                    type="button"
2470                    id="options-menu"
2471                    aria-haspopup="true"
2472                    x-bind:aria-expanded="open"
2473                    aria-expanded="true"
2474                >
2475                                        <div class="flex items-center gap-1">
2476                                        Rough Opals
2477                </div>
2478
2479                        <svg class="h-6 w-6 !size-4 mt-0.5 text-gray-600 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
2480    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
2481</svg>
2482                                </button>
2483                    </span>
2484    </div>
2485
2486    <div
2487        x-show="open"
2488        x-cloak
2489        x-description="Dropdown panel, show/hide based on dropdown state."
2490        x-transition:enter="transition ease-out duration-100"
2491        x-transition:enter-start="transform opacity-0 scale-95"
2492        x-transition:enter-end="transform opacity-100 scale-100"
2493        x-transition:leave="transition ease-in duration-75"
2494        x-transition:leave-start="transform opacity-100 scale-100"
2495        x-transition:leave-end="transform opacity-0 scale-95"
2496        class="origin-top-left left-0 absolute mt-2 w-56 rounded-md shadow-lg z-50"
2497    >
2498        <div class="rounded-md bg-white shadow-xs">
2499            <div class="py-1" role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
2500                <a href="https://www.opalauctions.com/auctions/rough-opal/black-opal-rough" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2501        Black Opal Rough
2502    </a>
2503                        <a href="https://www.opalauctions.com/auctions/rough-opal/lightning-ridge-rough-opals" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2504        Lightning Ridge Opal Rough
2505    </a>
2506                        <a href="https://www.opalauctions.com/auctions/rough-opal/beginners-opal-rough" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2507        Beginners Opal Rough
2508    </a>
2509                        <a href="https://www.opalauctions.com/auctions/rough-opal/andamooka-opal-rough" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2510        Andamooka Opal Rough
2511    </a>
2512                        <a href="https://www.opalauctions.com/auctions/rough-opal/boulder-opal-rough" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2513        Boulder Opal Rough
2514    </a>
2515                        <a href="https://www.opalauctions.com/auctions/rough-opal/coober-pedy-white-opal-rough" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2516        Coober Pedy Rough Opal
2517    </a>
2518                        <a href="https://www.opalauctions.com/auctions/rough-opal/ethiopian-opal-rough" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2519        Ethiopian Opal Rough
2520    </a>
2521                        <a href="https://www.opalauctions.com/auctions/rough-opal/yowah-opal-rough" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2522        Yowah Opal Rough
2523    </a>
2524                        <a href="https://www.opalauctions.com/auctions/rough-opal/mintabie-opal-rough" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2525        Mintabie Opal Rough
2526    </a>
2527                        <a href="https://www.opalauctions.com/auctions/rough-opal/koroit-opal-rough" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2528        Koroit Opal Rough
2529    </a>
2530                        <a href="https://www.opalauctions.com/auctions/rough-opal/fairy-opal-rough" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2531        Fairy Opal Rough
2532    </a>
2533                        <a href="https://www.opalauctions.com/auctions/rough-opal" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2534        Browse All Rough Opal
2535    </a>
2536            </div>
2537        </div>
2538    </div>
2539</div>
2540                                                                <div
2541    x-data="{ open: false }"
2542    @keydown.window.escape="open = false"
2543    @click.outside="open = false"
2544    class="relative inline-block text-left"
2545>
2546    <div>
2547        <span class="rounded-md">
2548                            <button
2549                    @click="open = !open"
2550                    class="inline-flex justify-center whitespace-nowrap w-full flex items-center text-sm leading-5 font-medium text-gray-600 hover:text-gray-500 focus:outline-none rounded-md active:bg-gray-50 active:text-gray-800 transition ease-in-out duration-150 border border-gray-200 px-4 py-2 bg-white focus:border-blue-300 focus:shadow-outline-blue border-none active:bg-gray-200 hover:underline hover:text-gray-900"
2551                    type="button"
2552                    id="options-menu"
2553                    aria-haspopup="true"
2554                    x-bind:aria-expanded="open"
2555                    aria-expanded="true"
2556                >
2557                                        <div class="flex items-center gap-1">
2558                                        Opal Jewelry
2559                </div>
2560
2561                        <svg class="h-6 w-6 !size-4 mt-0.5 text-gray-600 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
2562    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
2563</svg>
2564                                </button>
2565                    </span>
2566    </div>
2567
2568    <div
2569        x-show="open"
2570        x-cloak
2571        x-description="Dropdown panel, show/hide based on dropdown state."
2572        x-transition:enter="transition ease-out duration-100"
2573        x-transition:enter-start="transform opacity-0 scale-95"
2574        x-transition:enter-end="transform opacity-100 scale-100"
2575        x-transition:leave="transition ease-in duration-75"
2576        x-transition:leave-start="transform opacity-100 scale-100"
2577        x-transition:leave-end="transform opacity-0 scale-95"
2578        class="origin-top-left left-0 absolute mt-2 w-56 rounded-md shadow-lg z-50"
2579    >
2580        <div class="rounded-md bg-white shadow-xs">
2581            <div class="py-1" role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
2582                <a href="https://www.opalauctions.com/auctions/opal-jewelry/opal-rings" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2583        Opal Rings
2584    </a>
2585                        <a href="https://www.opalauctions.com/auctions/opal-jewelry/opal-pendants" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2586        Opal Pendants
2587    </a>
2588                        <a href="https://www.opalauctions.com/auctions/opal-jewelry/opal-earrings" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2589        Opal Earrings
2590    </a>
2591                        <a href="https://www.opalauctions.com/auctions/opal-jewelry/opal-bead-necklace" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2592        Opal Necklaces
2593    </a>
2594                        <a href="https://www.opalauctions.com/auctions/opal-jewelry" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2595        Browse All Opal Jewelry
2596    </a>
2597            </div>
2598        </div>
2599    </div>
2600</div>
2601                                                                <a href="https://www.opalauctions.com/pages/opal-concierge" class="font-medium sm:font-normal hover:underline no-underline py-2 px-4 inline-flex gap-1 items-center text-gray-700 hover:text-gray-900 transition-colors duration-200">
2602            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
2603  <path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 
26031.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"/>
2604  <path d="M20 2v4"/>
2605  <path d="M22 4h-4"/>
2606  <circle cx="4" cy="20" r="2"/>
2607</svg>        Gemma AI
2608</a>
2609                                                                <a href="https://www.opalauctions.com/pages/opals101-beginners-guide" class="font-medium sm:font-normal hover:underline no-underline py-2 px-4 inline-flex gap-1 items-center text-gray-700 hover:text-gray-900 transition-colors duration-200">
2610            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
2611  <circle cx="12" cy="12" r="10"/>
2612  <path d="M12 16v-4"/>
2613  <path d="M12 8h.01"/>
2614</svg>        Opal 101
2615</a>
2616                                                                <div
2617    x-data="{ open: false }"
2618    @keydown.window.escape="open = false"
2619    @click.outside="open = false"
2620    class="relative inline-block text-left"
2621>
2622    <div>
2623        <span class="rounded-md">
2624                            <button
2625                    @click="open = !open"
2626                    class="inline-flex justify-center whitespace-nowrap w-full flex items-center text-sm leading-5 font-medium text-gray-600 hover:text-gray-500 focus:outline-none rounded-md active:bg-gray-50 active:text-gray-800 transition ease-in-out duration-150 border border-gray-200 px-4 py-2 bg-white focus:border-blue-300 focus:shadow-outline-blue border-none active:bg-gray-200 hover:underline hover:text-gray-900"
2627                    type="button"
2628                    id="options-menu"
2629                    aria-haspopup="true"
2630                    x-bind:aria-expanded="open"
2631                    aria-expanded="true"
2632                >
2633                                        <div class="flex items-center gap-1">
2634                                        More
2635                </div>
2636
2637                        <svg class="h-6 w-6 !size-4 mt-0.5 text-gray-600 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
2638    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
2639</svg>
2640                                </button>
2641                    </span>
2642    </div>
2643
2644    <div
2645        x-show="open"
2646        x-cloak
2647        x-description="Dropdown panel, show/hide based on dropdown state."
2648        x-transition:enter="transition ease-out duration-100"
2649        x-transition:enter-start="transform opacity-0 scale-95"
2650        x-transition:enter-end="transform opacity-100 scale-100"
2651        x-transition:leave="transition ease-in duration-75"
2652        x-transition:leave-start="transform opacity-100 scale-100"
2653        x-transition:leave-end="transform opacity-0 scale-95"
2654        class="origin-top-left left-0 absolute mt-2 w-56 rounded-md shadow-lg z-50"
2655    >
2656        <div class="rounded-md bg-white shadow-xs">
2657            <div class="py-1" role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
2658                <a href="https://www.opalauctions.com/pages/about-us" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2659        Who We Are
2660    </a>
2661                        <a href="https://www.opalauctions.com/help" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2662        Help
2663    </a>
2664                        <a href="https://www.opalauctions.com/help/faqs/contact-us" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2665        Contact Us
2666    </a>
2667                        <a href="https://www.opalauctions.com/learn/opal-information/opal-sheriff-program" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2668        Opal Sheriff Program
2669    </a>
2670                        <div class="relative" x-data="{ open: false }" @mouseleave="open = false">
2671                            <button type="button" class="block w-full px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900 flex items-center justify-between" @mouseenter="open = true" role="menuitem" @click="open = !open">
2672        <div class="flex items-center whitespace-nowrap text-left">
2673                                                Sell With Us
2674                    </div>
2675                    <svg class="h-6 w-6 !size-3 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2676    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
2677</svg>
2678    </button>
2679                        <div class="absolute left-full top-0 bg-white shadow-md rounded-md min-w-48 z-10" x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" @click.outside="open = false">
2680                                    <a href="https://www.opalauctions.com/help/verified-sellers/verified-sellers-program" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2681        Verified Sellers Program
2682    </a>
2683                        <a href="https://www.opalauctions.com/help/verified-sellers/commission-bills-and-selling-fees-explained" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2684        Selling Fees
2685    </a>
2686                        <a href="https://www.opalauctions.com/pages/sell-with-opal-auctions" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2687        Apply Now
2688    </a>
2689                                </div>
2690        </div>
2691                        <a href="https://www.gemrockauctions.com" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2692        <svg class="size-4 mr-1 inline" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
2693  <path d="M10.5 3 8 9l4 13 4-13-2.5-6"/>
2694  <path d="M17 3a2 2 0 0 1 1.6.8l3 4a2 2 0 0 1 .013 2.382l-7.99 10.986a2 2 0 0 1-3.247 0l-7.99-10.986A2 2 0 0 1 2.4 7.8l2.998-3.997A2 2 0 0 1 7 3z"/>
2695  <path d="M2 9h20"/>
2696</svg>                        Shop Gemstones
2697    </a>
2698            </div>
2699        </div>
2700    </div>
2701</div>
2702                                    </div>
2703    </div>
2704</div>
2705
2706                                    </div>
2707
2708        <div class="flex mx-1 place-self-end">
2709            <div data-tour="stores">
2710    <div
2711    x-data="{ open: false }"
2712    @keydown.window.escape="open = false"
2713    @click.outside="open = false"
2714    class="relative inline-block text-left"
2715>
2716    <div>
2717        <span class="rounded-md">
2718                            <button
2719                    @click="open = !open"
2720                    class="inline-flex justify-center whitespace-nowrap w-full flex items-center text-sm leading-5 font-medium text-gray-600 hover:text-gray-500 focus:outline-none rounded-md active:bg-gray-50 active:text-gray-800 transition ease-in-out duration-150 border border-gray-200 px-4 py-2 bg-white focus:border-blue-300 focus:shadow-outline-blue border-none active:bg-gray-200 hover:underline hover:text-gray-900"
2721                    type="button"
2722                    id="options-menu"
2723                    aria-haspopup="true"
2724                    x-bind:aria-expanded="open"
2725                    aria-expanded="true"
2726                >
2727                                        <svg class="w-4 h-4 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
2728    <path fill-rule="evenodd" d="M17.707 9.293a1 1 0 010 1.414l-7 7a1 1 0 01-1.414 0l-7-7A.997.997 0 012 10V5a3 3 0 013-3h5c.256 0 .512.098.707.293l7 7zM5 6a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd" />
2729</svg>
2730            Stores
2731
2732                        <svg class="h-6 w-6 !size-4 mt-0.5 text-gray-600 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
2733    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
2734</svg>
2735                                </button>
2736                    </span>
2737    </div>
2738
2739    <div
2740        x-show="open"
2741        x-cloak
2742        x-description="Dropdown panel, show/hide based on dropdown state."
2743        x-transition:enter="transition ease-out duration-100"
2744        x-transition:enter-start="transform opacity-0 scale-95"
2745        x-transition:enter-end="transform opacity-100 scale-100"
2746        x-transition:leave="transition ease-in duration-75"
2747        x-transition:leave-start="transform opacity-100 scale-100"
2748        x-transition:leave-end="transform opacity-0 scale-95"
2749        class="origin-top-right right-0 absolute mt-2 w-56 rounded-md shadow-lg z-50"
2750    >
2751        <div class="rounded-md bg-white shadow-xs">
2752            <div class="py-1" role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
2753                <a href="https://www.opalauctions.com/stores" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2754        All Stores
2755    </a>
2756            </div>
2757        </div>
2758    </div>
2759</div>
2760</div>
2761            <div data-tour="learn">
2762    <div
2763    x-data="{ open: false }"
2764    @keydown.window.escape="open = false"
2765    @click.outside="open = false"
2766    class="relative inline-block text-left"
2767>
2768    <div>
2769        <span class="rounded-md">
2770                            <button
2771                    @click="open = !open"
2772                    class="inline-flex justify-center whitespace-nowrap w-full flex items-center text-sm leading-5 font-medium text-gray-600 hover:text-gray-500 focus:outline-none rounded-md active:bg-gray-50 active:text-gray-800 transition ease-in-out duration-150 border border-gray-200 px-4 py-2 bg-white focus:border-blue-300 focus:shadow-outline-blue border-none active:bg-gray-200 hover:underline hover:text-gray-900"
2773                    type="button"
2774                    id="options-menu"
2775                    aria-haspopup="true"
2776                    x-bind:aria-expanded="open"
2777                    aria-expanded="true"
2778                >
2779                                        <svg class="w-4 h-4 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
2780    <path d="M10.394 2.08a1 1 0 00-.788 0l-7 3a1 1 0 000 1.84L5.25 8.051a.999.999 0 01.356-.257l4-1.714a1 1 0 11.788 1.838L7.667 9.088l1.94.831a1 1 0 00.787 0l7-3a1 1 0 000-1.838l-7-3zM3.31 9.397L5 10.12v4.102a8.969 8.969 0 00-1.05-.174 1 1 0 01-.89-.89 11.115 11.115 0 01.25-3.762zM9.3 16.573A9.026 9.026 0 007 14.935v-3.957l1.818.78a3 3 0 002.364 0l5.508-2.361a11.026 11.026 0 01.25 3.762 1 1 0 01-.89.89 8.968 8.968 0 00-5.35 2.524 1 1 0 01-1.4 0zM6 18a1 1 0 001-1v-2.065a8.935 8.935 0 00-2-.712V17a1 1 0 001 1z" />
2781</svg>
2782            Learn
2783
2784                        <svg class="h-6 w-6 !size-4 mt-0.5 text-gray-600 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
2785    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
2786</svg>
2787                                </button>
2788                    </span>
2789    </div>
2790
2791    <div
2792        x-show="open"
2793        x-cloak
2794        x-description="Dropdown panel, show/hide based on dropdown state."
2795        x-transition:enter="transition ease-out duration-100"
2796        x-transition:enter-start="transform opacity-0 scale-95"
2797        x-transition:enter-end="transform opacity-100 scale-100"
2798        x-transition:leave="transition ease-in duration-75"
2799        x-transition:leave-start="transform opacity-100 scale-100"
2800        x-transition:leave-end="transform opacity-0 scale-95"
2801        class="origin-top-right right-0 absolute mt-2 w-56 rounded-md shadow-lg z-50"
2802    >
2803        <div class="rounded-md bg-white shadow-xs">
2804            <div class="py-1" role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
2805                <a href="https://www.opalauctions.com/learn" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900 border-b border-gray-200" role="menuitem" @click="open = !open">
2806        Opal Encyclopedia
2807    </a>
2808                    <a href="https://www.opalauctions.com/learn/how-tos/how-to-identify-fake-opal" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2809        How To Identify Fake Opal
2810    </a>
2811                    <a href="https://www.opalauctions.com/learn/opal-information/the-opal-channel" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2812        The Opal Channel
2813    </a>
2814                    <a href="https://www.opalauctions.com/learn/opal-information/the-opal-rough-cutting-channel" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2815        The Opal Rough Cutting Channel
2816    </a>
2817                    <a href="https://www.opalauctions.com/learn/news/opal-trends" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2818        Opal Trends - What Opals Are Popular Right Now
2819    </a>
2820                    <a href="https://www.opalauctions.com/learn/opal-information/october-birthstone-is-opal" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2821        October Birthstone - Opal
2822    </a>
2823                    <a href="https://www.opalauctions.com/learn/news/outback-opal-hunter-tv-series" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2824        Outback Opal Hunters TV Series
2825    </a>
2826                    <a href="https://www.opalauctions.com/learn/opal-information/how-is-opal-formed" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2827        How Is Opal Formed?
2828    </a>
2829                    <a href="https://www.opalauctions.com/learn/opal-information/opal-australias-national-gemstone" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2830        Opal Australias National Gemstone
2831    </a>
2832                    <a href="https://www.opalauctions.com/learn/a-z-of-opals/opal-triplet-information" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2833        Opal Triplet Information
2834    </a>
2835                    <a href="https://www.opalauctions.com/learn/a-z-of-opals/honduran-opal-information" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
2836        Honduran Opal Information
2837    </a>
2838            </div>
2839        </div>
2840    </div>
2841</div>
2842</div>
2843        </div>
2844    </div>
2845
2846    
2847    <div
2848    x-show="showSidebar"
2849    x-cloak
2850    class="relative z-50 !z-40"
2851    x-effect="document.body.classList.toggle('overflow-hidden', showSidebar)"
2852    aria-labelledby="slide-over-title"
2853    x-ref="dialog"
2854    aria-modal="true"
2855>
2856    <div x-show="showSidebar"
2857         x-transition:enter="ease-in-out duration-500"
2858         x-transition:enter-start="opacity-0"
2859         x-transition:enter-end="opacity-100"
2860         x-transition:leave="ease-in-out duration-500"
2861         x-transition:leave-start="opacity-100"
2862         x-transition:leave-end="opacity-0"
2863         class="fixed inset-0 bg-gray-500/75 transition-opacity"
2864         aria-hidden="true"
2865         @click.self="showSidebar = false"
2866    ></div>
2867    <div class="fixed inset-0 overflow-hidden">
2868        <div class="absolute inset-0 overflow-hidden">
2869            <div
2870                class="pointer-events-none fixed inset-y-0 flex max-w-full left-0 pr-20"
2871            >
2872                <div
2873                    x-show="showSidebar"
2874                    x-transition:enter="transform transition ease-in-out duration-500"
2875                    x-transition:enter-start="-translate-x-full"
2876                    x-transition:enter-end=" -translate-x-0"
2877                    x-transition:leave="transform transition ease-in-out duration-500"
2878                    x-transition:leave-start=" -translate-x-0"
2879                    x-transition:leave-end=" -translate-x-full"
2880                    class="pointer-events-auto w-screen max-w-md"
2881                >
2882                    <div class="flex h-full flex-col overflow-y-scroll bg-white shadow-xl">
2883                        <div class="sticky top-0 bg-white z-20">
2884                            <div class="py-2">
2885                                
2886                            </div>
2887                        </div>
2888                        <div class="flex items-start justify-between">
2889                            <div class="absolute top-0 right-0 p-4">
2890                                <button
2891                                    x-show="showSidebar"
2892                                    class="flex items-center justify-center text-white rounded-full focus:outline-none focus:bg-gray-600"
2893                                    aria-label="Close sidebar"
2894                                    @click="showSidebar = false"
2895                                >
2896                                    <svg class="size-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2897    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
2898</svg>
2899                                </button>
2900                            </div>
2901                        </div>
2902                        <div class="relative flex-1">
2903                            <div class="lg:hidden">
2904    <div class="flex flex-col">
2905                                    <div x-data="{ show: false }">
2906        <div
2907            class="flex items-center justify-between hover:underline py-2 px-4 cursor-pointer "
2908            :class="{ 'bg-gray-100': show }"
2909            @click.prevent="show = ! show"
2910            x-cloak
2911        >
2912            <div class="flex items-center grow">
2913                <div class="flex items-center gap-1">
2914                                $1 Auctions
2915            </div>
2916            </div>
2917            <svg class="h-6 w-6 !size-4 mt-0.5" x-show="!show" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
2918    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
2919</svg>
2920            <svg class="w-5 h-5 !size-4 mt-0.5" x-show="show" xmlns="http://www.w3.org/2000/svg"
2921     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
2922    <path
2923        fill-rule="evenodd"
2924        d="M14.707 12.707a1 1 0 01-1.414 0L10 9.414l-3.293 3.293a1 1 0 01-1.414-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 010 1.414z"
2925        clip-rule="evenodd"
2926    />
2927</svg>
2928        </div>
2929        <div class="pl-4" x-show="show" x-cloak>
2930            <div>
2931            <div>
2932                    <a
2933    class="p-2 flex items-center w-full hover:underline"
2934    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions"
2935>
2936   No Reserve Auctions
2937</a>
2938                        <a
2939    class="p-2 flex items-center w-full hover:underline"
2940    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions"
2941>
2942   Auctions Ending Soon
2943</a>
2944                        <a
2945    class="p-2 flex items-center w-full hover:underline"
2946    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions?sortby=oa.auctions_newest"
2947>
2948   Newest Auctions
2949</a>
2950                        <a
2951    class="p-2 flex items-center w-full hover:underline"
2952    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions?listing_type_tier=true"
2953>
2954   Premium Auction Listings
2955</a>
2956                <div x-data="{ show: false }">
2957        <div
2958            class="flex items-center justify-between hover:underline py-2 px-4 cursor-pointer "
2959            :class="{ 'bg-gray-100': show }"
2960            @click.prevent="show = ! show"
2961            x-cloak
2962        >
2963            <div class="flex items-center grow">
2964                <div class="flex items-center gap-1">
2965                                        Rough Opal Auctions
2966                </div>
2967            </div>
2968            <svg class="h-6 w-6 !size-4 mt-0.5" x-show="!show" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
2969    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
2970</svg>
2971            <svg class="w-5 h-5 !size-4 mt-0.5" x-show="show" xmlns="http://www.w3.org/2000/svg"
2972     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
2973    <path
2974        fill-rule="evenodd"
2975        d="M14.707 12.707a1 1 0 01-1.414 0L10 9.414l-3.293 3.293a1 1 0 01-1.414-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 010 1.414z"
2976        clip-rule="evenodd"
2977    />
2978</svg>
2979        </div>
2980        <div class="pl-4" x-show="show" x-cloak>
2981            <div>
2982                    <a
2983    class="p-2 flex items-center w-full hover:underline"
2984    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/rough-specimens-only"
2985>
2986   All Rough Opal Auctions
2987</a>
2988                        <a
2989    class="p-2 flex items-center w-full hover:underline"
2990    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/rough-specimens-only/australian-rough-opal-no-reserve-auctions"
2991>
2992   Australia Rough Opal Auctions
2993</a>
2994                        <a
2995    class="p-2 flex items-center w-full hover:underline"
2996    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/rough-specimens-only/international-rough-opal-no-reserve-auctions"
2997>
2998   International Rough Opal Auctions
2999</a>
3000                        <a
3001    class="p-2 flex items-center w-full hover:underline"
3002    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/rough-specimens-only/australian-rough-opal-no-reserve-auctions/lightning-ridge-rough-opal-no-reserve-auctions"
3003>
3004   Lightning Ridge Rough Opal Auctions
3005</a>
3006                        <a
3007    class="p-2 flex items-center w-full hover:underline"
3008    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/rough-specimens-only/australian-rough-opal-no-reserve-auctions/coober-pedy-rough-opal-no-reserve-auctions"
3009>
3010   Coober Pedy Rough Opal Auctions
3011</a>
3012                        <a
3013    class="p-2 flex items-center w-full hover:underline"
3014    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/rough-specimens-only/australian-rough-opal-no-reserve-auctions/boulder-rough-opal-no-reserve-auctions"
3015>
3016   Boulder Rough Opal Auctions
3017</a>
3018                        <a
3019    class="p-2 flex items-center w-full hover:underline"
3020    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/rough-s
3020pecimens-only/international-rough-opal-no-reserve-auctions/ethiopian-rough-opal-no-reserve-auctions"
3021>
3022   Ethiopian Rough Opal Auctions
3023</a>
3024                        <a
3025    class="p-2 flex items-center w-full hover:underline"
3026    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/rough-specimens-only/australian-rough-opal-no-reserve-auctions/black-rough-opal-no-reserve-auctions"
3027>
3028   Black Rough Opal Auctions
3029</a>
3030                        <a
3031    class="p-2 flex items-center w-full hover:underline"
3032    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/rough-specimens-only/australian-rough-opal-no-reserve-auctions/matrix-rough-opal-no-reserve-auctions"
3033>
3034   Matrix Rough Opal Auctions
3035</a>
3036                        <a
3037    class="p-2 flex items-center w-full hover:underline"
3038    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/rough-specimens-only/australian-rough-opal-no-reserve-auctions/beginners-rough-opal-no-reserve-auctions"
3039>
3040   Beginners Rough Opal Auctions
3041</a>
3042    </div>
3043        </div>
3044    </div>
3045                <div x-data="{ show: false }">
3046        <div
3047            class="flex items-center justify-between hover:underline py-2 px-4 cursor-pointer "
3048            :class="{ 'bg-gray-100': show }"
3049            @click.prevent="show = ! show"
3050            x-cloak
3051        >
3052            <div class="flex items-center grow">
3053                <div class="flex items-center gap-1">
3054                                        Loose Opal Auctions
3055                </div>
3056            </div>
3057            <svg class="h-6 w-6 !size-4 mt-0.5" x-show="!show" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
3058    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
3059</svg>
3060            <svg class="w-5 h-5 !size-4 mt-0.5" x-show="show" xmlns="http://www.w3.org/2000/svg"
3061     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
3062    <path
3063        fill-rule="evenodd"
3064        d="M14.707 12.707a1 1 0 01-1.414 0L10 9.414l-3.293 3.293a1 1 0 01-1.414-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 010 1.414z"
3065        clip-rule="evenodd"
3066    />
3067</svg>
3068        </div>
3069        <div class="pl-4" x-show="show" x-cloak>
3070            <div>
3071                    <a
3072    class="p-2 flex items-center w-full hover:underline"
3073    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/cut-opal-stone-auctions"
3074>
3075   All Loose Opal Auctions
3076</a>
3077                        <a
3078    class="p-2 flex items-center w-full hover:underline"
3079    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/cut-opal-stone-auctions/australian-opals"
3080>
3081   Australian Cut Opal Auctions
3082</a>
3083                        <a
3084    class="p-2 flex items-center w-full hover:underline"
3085    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/cut-opal-stone-auctions/international-opals"
3086>
3087   International Cut Opal Auctions
3088</a>
3089                        <a
3090    class="p-2 flex items-center w-full hover:underline"
3091    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/cut-opal-stone-auctions/australian-opals/black-opal-no-reserve-auctions"
3092>
3093   Black Opal Auctions
3094</a>
3095                        <a
3096    class="p-2 flex items-center w-full hover:underline"
3097    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/cut-opal-stone-auctions/australian-opals/boulder-opal-no-reserve-auctions"
3098>
3099   Bolder Opal Auctions
3100</a>
3101                        <a
3102    class="p-2 flex items-center w-full hover:underline"
3103    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/cut-opal-stone-auctions/international-opals/natural-ethiopian-opals-auctions"
3104>
3105   Ethiopian Opal Auctions
3106</a>
3107                        <a
3108    class="p-2 flex items-center w-full hover:underline"
3109    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/cut-opal-stone-auctions/international-opals/smoked-ethiopian-opals-auctions"
3110>
3111   Smoked Ethiopian Opal Auctions
3112</a>
3113                        <a
3114    class="p-2 flex items-center w-full hover:underline"
3115    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/cut-opal-stone-auctions/australian-opals/matrix-opal-no-reserve-auctions"
3116>
3117   Matrix Opal Auctions
3118</a>
3119                        <a
3120    class="p-2 flex items-center w-full hover:underline"
3121    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/cut-opal-stone-auctions/international-opals/mexican-opal-auctions"
3122>
3123   Mexican Opal Auctions
3124</a>
3125    </div>
3126        </div>
3127    </div>
3128                        <a
3129    class="p-2 flex items-center w-full hover:underline"
3130    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/jewelry-only"
3131>
3132   Opal Jewelry Auctions
3133</a>
3134                        <a
3135    class="p-2 flex items-center w-full hover:underline"
3136    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/jewelry-only"
3137>
3138   Opal Lapidary Auctions
3139</a>
3140                        <a
3141    class="p-2 flex items-center w-full hover:underline"
3142    href="https://www.opalauctions.com/search?type%5B0%5D=auction&amp;sortby=oa.auctions_time_left"
3143>
3144   All Opal Auctions
3145</a>
3146                        <a
3147    class="p-2 flex items-center w-full hover:underline"
3148    href="https://www.opalauctions.com/pages/auctions-type"
3149>
3150   FAQ - How Our Auctions Work
3151</a>
3152    </div>
3153        </div>
3154        </div>
3155    </div>
3156                                                <a href="https://www.opalauctions.com/auctions/black-opal" class="font-medium sm:font-normal hover:underline no-underline py-2 px-4 inline-flex gap-1 items-center text-gray-700 hover:text-gray-900 transition-colors duration-200">
3157        Black Opals
3158</a>
3159                                                <div x-data="{ show: false }">
3160        <div
3161            class="flex items-center justify-between hover:underline py-2 px-4 cursor-pointer "
3162            :class="{ 'bg-gray-100': show }"
3163            @click.prevent="show = ! show"
3164            x-cloak
3165        >
3166            <div class="flex items-center grow">
3167                <div class="flex items-center gap-1">
3168                                Just Listed
3169            </div>
3170            </div>
3171            <svg class="h-6 w-6 !size-4 mt-0.5" x-show="!show" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
3172    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
3173</svg>
3174            <svg class="w-5 h-5 !size-4 mt-0.5" x-show="show" xmlns="http://www.w3.org/2000/svg"
3175     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
3176    <path
3177        fill-rule="evenodd"
3178        d="M14.707 12.707a1 1 0 01-1.414 0L10 9.414l-3.293 3.293a1 1 0 01-1.414-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 010 1.414z"
3179        clip-rule="evenodd"
3180    />
3181</svg>
3182        </div>
3183        <div class="pl-4" x-show="show" x-cloak>
3184            <div>
3185            <div>
3186                    <a
3187    class="p-2 flex items-center w-full hover:underline"
3188    href="https://www.opalauctions.com/search?sortby=oa.auctions_newest"
3189>
3190   All New Listings
3191</a>
3192                        <a
3193    class="p-2 flex items-center w-full hover:underline"
3194    href="https://www.opalauctions.com/search?sortby=oa.auctions_newest&amp;type%5B0%5D=catalogue"
3195>
3196   New Buy it Now Items
3197</a>
3198                        <a
3199    class="p-2 flex items-center w-full hover:underline"
3200    href="https://www.opalauctions.com/search?sortby=oa.auctions_newest&amp;type%5B0%5D=auction"
3201>
3202   New Auction Listings
3203</a>
3204    </div>
3205        </div>
3206        </div>
3207    </div>
3208                                                <div x-data="{ show: false }">
3209        <div
3210            class="flex items-center justify-between hover:underline py-2 px-4 cursor-pointer "
3211            :class="{ 'bg-gray-100': show }"
3212            @click.prevent="show = ! show"
3213            x-cloak
3214        >
3215            <div class="flex items-center grow">
3216                <div class="flex items-center gap-1">
3217                                Loose Opals
3218            </div>
3219            </div>
3220            <svg class="h-6 w-6 !size-4 mt-0.5" x-show="!show" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
3221    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
3222</svg>
3223            <svg class="w-5 h-5 !size-4 mt-0.5" x-show="show" xmlns="http://www.w3.org/2000/svg"
3224     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
3225    <path
3226        fill-rule="evenodd"
3227        d="M14.707 12.707a1 1 0 01-1.414 0L10 9.414l-3.293 3.293a1 1 0 01-1.414-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 010 1.414z"
3228        clip-rule="evenodd"
3229    />
3230</svg>
3231        </div>
3232        <div class="pl-4" x-show="show" x-cloak>
3233            <div>
3234            <div>
3235                    <a
3236    class="p-2 flex items-center w-full hover:underline"
3237    href="https://www.opalauctions.com/search?sortby=oa.auctions_newest&amp;type%5B0%5D=catalogue"
3238>
3239   Newest Listed
3240</a>
3241                        <a
3242    class="p-2 flex items-center w-full hover:underline"
3243    href="https://www.opalauctions.com/auctions/black-opal"
3244>
3245   Black Opal
3246</a>
3247                        <a
3248    class="p-2 flex items-center w-full hover:underline"
3249    href="https://www.opalauctions.com/auctions/dark-opal"
3250>
3251   Dark Opal
3252</a>
3253                <div x-data="{ show: false }">
3254        <div
3255            class="flex items-center justify-between hover:underline py-2 px-4 cursor-pointer "
3256            :class="{ 'bg-gray-100': show }"
3257            @click.prevent="show = ! show"
3258            x-cloak
3259        >
3260            <div class="flex items-center grow">
3261                <div class="flex items-center gap-1">
3262                                        Boulder Opal
3263                </div>
3264            </div>
3265            <svg class="h-6 w-6 !size-4 mt-0.5" x-show="!show" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
3266    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
3267</svg>
3268            <svg class="w-5 h-5 !size-4 mt-0.5" x-show="show" xmlns="http://www.w3.org/2000/svg"
3269     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
3270    <path
3271        fill-rule="evenodd"
3272        d="M14.707 12.707a1 1 0 01-1.414 0L10 9.414l-3.293 3.293a1 1 0 01-1.414-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 010 1.414z"
3273        clip-rule="evenodd"
3274    />
3275</svg>
3276        </div>
3277        <div class="pl-4" x-show="show" x-cloak>
3278            <div>
3279                    <a
3280    class="p-2 flex items-center w-full hover:underline"
3281    href="https://www.opalauctions.com/auctions/boulder-opal"
3282>
3283   All Boulder Opal
3284</a>
3285                        <a
3286    class="p-2 flex items-center w-full hover:underline"
3287    href="https://www.opalauctions.com/auctions/boulder-opal/boulder-opal
3287-stones"
3288>
3289   Boulder Opal Stones
3290</a>
3291                        <a
3292    class="p-2 flex items-center w-full hover:underline"
3293    href="https://www.opalauctions.com/auctions/boulder-opal/koroit-opal-stones"
3294>
3295   Koroit Opal
3296</a>
3297                        <a
3298    class="p-2 flex items-center w-full hover:underline"
3299    href="https://www.opalauctions.com/auctions/boulder-opal/yowah-opal-stones"
3300>
3301   Yowah Opal
3302</a>
3303                        <a
3304    class="p-2 flex items-center w-full hover:underline"
3305    href="https://www.opalauctions.com/auctions/boulder-opal/yowah-nuts"
3306>
3307   Yowah Nuts
3308</a>
3309                        <a
3310    class="p-2 flex items-center w-full hover:underline"
3311    href="https://www.opalauctions.com/auctions/boulder-opal/jundah-opal-stones"
3312>
3313   Jundah Opal
3314</a>
3315                        <a
3316    class="p-2 flex items-center w-full hover:underline"
3317    href="https://www.opalauctions.com/auctions/boulder-opal/boulder-opal-wood-fossils"
3318>
3319   Boulder Wood Opal
3320</a>
3321                        <a
3322    class="p-2 flex items-center w-full hover:underline"
3323    href="https://www.opalauctions.com/auctions/boulder-opal/boulder-pipe-crystal-opal"
3324>
3325   Boulder Pipe Crystal Opal
3326</a>
3327    </div>
3328        </div>
3329    </div>
3330                        <a
3331    class="p-2 flex items-center w-full hover:underline"
3332    href="https://www.opalauctions.com/auctions/crystal-opal"
3333>
3334   Crystal Opal
3335</a>
3336                        <a
3337    class="p-2 flex items-center w-full hover:underline"
3338    href="https://www.opalauctions.com/auctions/coober-pedy-opal"
3339>
3340   Coober Pedy Opal
3341</a>
3342                <div x-data="{ show: false }">
3343        <div
3344            class="flex items-center justify-between hover:underline py-2 px-4 cursor-pointer "
3345            :class="{ 'bg-gray-100': show }"
3346            @click.prevent="show = ! show"
3347            x-cloak
3348        >
3349            <div class="flex items-center grow">
3350                <div class="flex items-center gap-1">
3351                                        Ethiopian Opal
3352                </div>
3353            </div>
3354            <svg class="h-6 w-6 !size-4 mt-0.5" x-show="!show" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
3355    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
3356</svg>
3357            <svg class="w-5 h-5 !size-4 mt-0.5" x-show="show" xmlns="http://www.w3.org/2000/svg"
3358     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
3359    <path
3360        fill-rule="evenodd"
3361        d="M14.707 12.707a1 1 0 01-1.414 0L10 9.414l-3.293 3.293a1 1 0 01-1.414-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 010 1.414z"
3362        clip-rule="evenodd"
3363    />
3364</svg>
3365        </div>
3366        <div class="pl-4" x-show="show" x-cloak>
3367            <div>
3368                    <a
3369    class="p-2 flex items-center w-full hover:underline"
3370    href="https://www.opalauctions.com/auctions/ethiopian-opal"
3371>
3372   All Ethiopian Opal
3373</a>
3374                        <a
3375    class="p-2 flex items-center w-full hover:underline"
3376    href="https://www.opalauctions.com/auctions/ethiopian-opal/welo-opal-stones"
3377>
3378   Welo Opal
3379</a>
3380                        <a
3381    class="p-2 flex items-center w-full hover:underline"
3382    href="https://www.opalauctions.com/auctions/ethiopian-opal/dark-ethiopian-opal-stones"
3383>
3384   Dark Ethiopian Opal
3385</a>
3386                        <a
3387    class="p-2 flex items-center w-full hover:underline"
3388    href="https://www.opalauctions.com/auctions/ethiopian-opal/mezezo-opal-stones"
3389>
3390   Mezezo Opal
3391</a>
3392    </div>
3393        </div>
3394    </div>
3395                        <a
3396    class="p-2 flex items-center w-full hover:underline"
3397    href="https://www.opalauctions.com/auctions/mexican-fire-opal"
3398>
3399   Mexican Opal
3400</a>
3401                        <a
3402    class="p-2 flex items-center w-full hover:underline"
3403    href="https://www.opalauctions.com/auctions/brazilian-opal"
3404>
3405   Brazilian Opal
3406</a>
3407                        <a
3408    class="p-2 flex items-center w-full hover:underline"
3409    href="https://www.opalauctions.com/auctions/opal-doublet"
3410>
3411   Opal Doublets
3412</a>
3413                        <a
3414    class="p-2 flex items-center w-full hover:underline"
3415    href="https://www.opalauctions.com/auctions/andamooka-opal"
3416>
3417   Andamooka Opal
3418</a>
3419                        <a
3420    class="p-2 flex items-center w-full hover:underline"
3421    href="https://www.opalauctions.com/auctions/matrix-opal"
3422>
3423   Matrix Opal
3424</a>
3425                        <a
3426    class="p-2 flex items-center w-full hover:underline"
3427    href="https://www.opalauctions.com/auctions/fairy-opal"
3428>
3429   Fairy Opal
3430</a>
3431                        <a
3432    class="p-2 flex items-center w-full hover:underline"
3433    href="https://www.opalauctions.com/auctions"
3434>
3435   Browse All Categories
3436</a>
3437    </div>
3438        </div>
3439        </div>
3440    </div>
3441                                                <div x-data="{ show: false }">
3442        <div
3443            class="flex items-center justify-between hover:underline py-2 px-4 cursor-pointer "
3444            :class="{ 'bg-gray-100': show }"
3445            @click.prevent="show = ! show"
3446            x-cloak
3447        >
3448            <div class="flex items-center grow">
3449                <div class="flex items-center gap-1">
3450                                Opal Pairs
3451            </div>
3452            </div>
3453            <svg class="h-6 w-6 !size-4 mt-0.5" x-show="!show" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
3454    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
3455</svg>
3456            <svg class="w-5 h-5 !size-4 mt-0.5" x-show="show" xmlns="http://www.w3.org/2000/svg"
3457     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
3458    <path
3459        fill-rule="evenodd"
3460        d="M14.707 12.707a1 1 0 01-1.414 0L10 9.414l-3.293 3.293a1 1 0 01-1.414-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 010 1.414z"
3461        clip-rule="evenodd"
3462    />
3463</svg>
3464        </div>
3465        <div class="pl-4" x-show="show" x-cloak>
3466            <div>
3467            <div>
3468                    <a
3469    class="p-2 flex items-center w-full hover:underline"
3470    href="https://www.opalauctions.com/auctions/pairs/black-opal-pairs"
3471>
3472   Black Opal Pairs
3473</a>
3474                        <a
3475    class="p-2 flex items-center w-full hover:underline"
3476    href="https://www.opalauctions.com/auctions/pairs/dark-opal-pairs"
3477>
3478   Dark Opal Pairs
3479</a>
3480                        <a
3481    class="p-2 flex items-center w-full hover:underline"
3482    href="https://www.opalauctions.com/auctions/pairs/crystal-opal-pairs"
3483>
3484   Crystal Opal Pairs
3485</a>
3486                        <a
3487    class="p-2 flex items-center w-full hover:underline"
3488    href="https://www.opalauctions.com/auctions/pairs/ethiopian-opal-pairs"
3489>
3490   Ethiopian Opal Pairs
3491</a>
3492                        <a
3493    class="p-2 flex items-center w-full hover:underline"
3494    href="https://www.opalauctions.com/auctions/pairs/boulder-opal-pairs"
3495>
3496   Boulder Opal Pairs
3497</a>
3498                        <a
3499    class="p-2 flex items-center w-full hover:underline"
3500    href="https://www.opalauctions.com/auctions/pairs/coober-pedy-opal-pairs"
3501>
3502   Coober Pedy Opal Pairs
3503</a>
3504                        <a
3505    class="p-2 flex items-center w-full hover:underline"
3506    href="https://www.opalauctions.com/auctions/pairs/ethiopian-opal-pairs"
3507>
3508   Ethiopian Opal Pairs
3509</a>
3510                        <a
3511    class="p-2 flex items-center w-full hover:underline"
3512    href="https://www.opalauctions.com/auctions/pairs"
3513>
3514   Browse All Pairs
3515</a>
3516    </div>
3517        </div>
3518        </div>
3519    </div>
3520                                                <div x-data="{ show: false }">
3521        <div
3522            class="flex items-center justify-between hover:underline py-2 px-4 cursor-pointer "
3523            :class="{ 'bg-gray-100': show }"
3524            @click.prevent="show = ! show"
3525            x-cloak
3526        >
3527            <div class="flex items-center grow">
3528                <div class="flex items-center gap-1">
3529                                Rough Opals
3530            </div>
3531            </div>
3532            <svg class="h-6 w-6 !size-4 mt-0.5" x-show="!show" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
3533    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
3534</svg>
3535            <svg class="w-5 h-5 !size-4 mt-0.5" x-show="show" xmlns="http://www.w3.org/2000/svg"
3536     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
3537    <path
3538        fill-rule="evenodd"
3539        d="M14.707 12.707a1 1 0 01-1.414 0L10 9.414l-3.293 3.293a1 1 0 01-1.414-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 010 1.414z"
3540        clip-rule="evenodd"
3541    />
3542</svg>
3543        </div>
3544        <div class="pl-4" x-show="show" x-cloak>
3545            <div>
3546            <div>
3547                    <a
3548    class="p-2 flex items-center w-full hover:underline"
3549    href="https://www.opalauctions.com/auctions/rough-opal/black-opal-rough"
3550>
3551   Black Opal Rough
3552</a>
3553                        <a
3554    class="p-2 flex items-center w-full hover:underline"
3555    href="https://www.opalauctions.com/auctions/rough-opal/lightning-ridge-rough-opals"
3556>
3557   Lightning Ridge Opal Rough
3558</a>
3559                        <a
3560    class="p-2 flex items-center w-full hover:underline"
3561    href="https://www.opalauctions.com/auctions/rough-opal/beginners-opal-rough"
3562>
3563   Beginners Opal Rough
3564</a>
3565                        <a
3566    class="p-2 flex items-center w-full hover:underline"
3567    href="https://www.opalauctions.com/auctions/rough-opal/andamooka-opal-rough"
3568>
3569   Andamooka Opal Rough
3570</a>
3571                        <a
3572    class="p-2 flex items-center w-full hover:underline"
3573    href="https://www.opalauctions.com/auctions/rough-opal/boulder-opal
3573-rough"
3574>
3575   Boulder Opal Rough
3576</a>
3577                        <a
3578    class="p-2 flex items-center w-full hover:underline"
3579    href="https://www.opalauctions.com/auctions/rough-opal/coober-pedy-white-opal-rough"
3580>
3581   Coober Pedy Rough Opal
3582</a>
3583                        <a
3584    class="p-2 flex items-center w-full hover:underline"
3585    href="https://www.opalauctions.com/auctions/rough-opal/ethiopian-opal-rough"
3586>
3587   Ethiopian Opal Rough
3588</a>
3589                        <a
3590    class="p-2 flex items-center w-full hover:underline"
3591    href="https://www.opalauctions.com/auctions/rough-opal/yowah-opal-rough"
3592>
3593   Yowah Opal Rough
3594</a>
3595                        <a
3596    class="p-2 flex items-center w-full hover:underline"
3597    href="https://www.opalauctions.com/auctions/rough-opal/mintabie-opal-rough"
3598>
3599   Mintabie Opal Rough
3600</a>
3601                        <a
3602    class="p-2 flex items-center w-full hover:underline"
3603    href="https://www.opalauctions.com/auctions/rough-opal/koroit-opal-rough"
3604>
3605   Koroit Opal Rough
3606</a>
3607                        <a
3608    class="p-2 flex items-center w-full hover:underline"
3609    href="https://www.opalauctions.com/auctions/rough-opal/fairy-opal-rough"
3610>
3611   Fairy Opal Rough
3612</a>
3613                        <a
3614    class="p-2 flex items-center w-full hover:underline"
3615    href="https://www.opalauctions.com/auctions/rough-opal"
3616>
3617   Browse All Rough Opal
3618</a>
3619    </div>
3620        </div>
3621        </div>
3622    </div>
3623                                                <div x-data="{ show: false }">
3624        <div
3625            class="flex items-center justify-between hover:underline py-2 px-4 cursor-pointer "
3626            :class="{ 'bg-gray-100': show }"
3627            @click.prevent="show = ! show"
3628            x-cloak
3629        >
3630            <div class="flex items-center grow">
3631                <div class="flex items-center gap-1">
3632                                Opal Jewelry
3633            </div>
3634            </div>
3635            <svg class="h-6 w-6 !size-4 mt-0.5" x-show="!show" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
3636    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
3637</svg>
3638            <svg class="w-5 h-5 !size-4 mt-0.5" x-show="show" xmlns="http://www.w3.org/2000/svg"
3639     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
3640    <path
3641        fill-rule="evenodd"
3642        d="M14.707 12.707a1 1 0 01-1.414 0L10 9.414l-3.293 3.293a1 1 0 01-1.414-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 010 1.414z"
3643        clip-rule="evenodd"
3644    />
3645</svg>
3646        </div>
3647        <div class="pl-4" x-show="show" x-cloak>
3648            <div>
3649            <div>
3650                    <a
3651    class="p-2 flex items-center w-full hover:underline"
3652    href="https://www.opalauctions.com/auctions/opal-jewelry/opal-rings"
3653>
3654   Opal Rings
3655</a>
3656                        <a
3657    class="p-2 flex items-center w-full hover:underline"
3658    href="https://www.opalauctions.com/auctions/opal-jewelry/opal-pendants"
3659>
3660   Opal Pendants
3661</a>
3662                        <a
3663    class="p-2 flex items-center w-full hover:underline"
3664    href="https://www.opalauctions.com/auctions/opal-jewelry/opal-earrings"
3665>
3666   Opal Earrings
3667</a>
3668                        <a
3669    class="p-2 flex items-center w-full hover:underline"
3670    href="https://www.opalauctions.com/auctions/opal-jewelry/opal-bead-necklace"
3671>
3672   Opal Necklaces
3673</a>
3674                        <a
3675    class="p-2 flex items-center w-full hover:underline"
3676    href="https://www.opalauctions.com/auctions/opal-jewelry"
3677>
3678   Browse All Opal Jewelry
3679</a>
3680    </div>
3681        </div>
3682        </div>
3683    </div>
3684                                                <a href="https://www.opalauctions.com/pages/opal-concierge" class="font-medium sm:font-normal hover:underline no-underline py-2 px-4 inline-flex gap-1 items-center text-gray-700 hover:text-gray-900 transition-colors duration-200">
3685            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
3686  <path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 
36861.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"/>
3687  <path d="M20 2v4"/>
3688  <path d="M22 4h-4"/>
3689  <circle cx="4" cy="20" r="2"/>
3690</svg>        Gemma AI
3691</a>
3692                                                <a href="https://www.opalauctions.com/pages/opals101-beginners-guide" class="font-medium sm:font-normal hover:underline no-underline py-2 px-4 inline-flex gap-1 items-center text-gray-700 hover:text-gray-900 transition-colors duration-200">
3693            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
3694  <circle cx="12" cy="12" r="10"/>
3695  <path d="M12 16v-4"/>
3696  <path d="M12 8h.01"/>
3697</svg>        Opal 101
3698</a>
3699                                                <div x-data="{ show: false }">
3700        <div
3701            class="flex items-center justify-between hover:underline py-2 px-4 cursor-pointer "
3702            :class="{ 'bg-gray-100': show }"
3703            @click.prevent="show = ! show"
3704            x-cloak
3705        >
3706            <div class="flex items-center grow">
3707                <div class="flex items-center gap-1">
3708                                More
3709            </div>
3710            </div>
3711            <svg class="h-6 w-6 !size-4 mt-0.5" x-show="!show" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
3712    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
3713</svg>
3714            <svg class="w-5 h-5 !size-4 mt-0.5" x-show="show" xmlns="http://www.w3.org/2000/svg"
3715     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
3716    <path
3717        fill-rule="evenodd"
3718        d="M14.707 12.707a1 1 0 01-1.414 0L10 9.414l-3.293 3.293a1 1 0 01-1.414-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 010 1.414z"
3719        clip-rule="evenodd"
3720    />
3721</svg>
3722        </div>
3723        <div class="pl-4" x-show="show" x-cloak>
3724            <div>
3725            <div>
3726                    <a
3727    class="p-2 flex items-center w-full hover:underline"
3728    href="https://www.opalauctions.com/pages/about-us"
3729>
3730   Who We Are
3731</a>
3732                        <a
3733    class="p-2 flex items-center w-full hover:underline"
3734    href="https://www.opalauctions.com/help"
3735>
3736   Help
3737</a>
3738                        <a
3739    class="p-2 flex items-center w-full hover:underline"
3740    href="https://www.opalauctions.com/help/faqs/contact-us"
3741>
3742   Contact Us
3743</a>
3744                        <a
3745    class="p-2 flex items-center w-full hover:underline"
3746    href="https://www.opalauctions.com/learn/opal-information/opal-sheriff-program"
3747>
3748   Opal Sheriff Program
3749</a>
3750                <div x-data="{ show: false }">
3751        <div
3752            class="flex items-center justify-between hover:underline py-2 px-4 cursor-pointer "
3753            :class="{ 'bg-gray-100': show }"
3754            @click.prevent="show = ! show"
3755            x-cloak
3756        >
3757            <div class="flex items-center grow">
3758                <div class="flex items-center gap-1">
3759                                        Sell With Us
3760                </div>
3761            </div>
3762            <svg class="h-6 w-6 !size-4 mt-0.5" x-show="!show" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
3763    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
3764</svg>
3765            <svg class="w-5 h-5 !size-4 mt-0.5" x-show="show" xmlns="http://www.w3.org/2000/svg"
3766     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
3767    <path
3768        fill-rule="evenodd"
3769        d="M14.707 12.707a1 1 0 01-1.414 0L10 9.414l-3.293 3.293a1 1 0 01-1.414-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 010 1.414z"
3770        clip-rule="evenodd"
3771    />
3772</svg>
3773        </div>
3774        <div class="pl-4" x-show="show" x-cloak>
3775            <div>
3776                    <a
3777    class="p-2 flex items-center w-full hover:underline"
3778    href="https://www.opalauctions.com/help/verified-sellers/verified-sellers-program"
3779>
3780   Verified Sellers Program
3781</a>
3782                        <a
3783    class="p-2 flex items-center w-full hover:underline"
3784    href="https://www.opalauctions.com/help/verified-sellers/commission-bills-and-selling-fees-explained"
3785>
3786   Selling Fees
3787</a>
3788                        <a
3789    class="p-2 flex items-center w-full hover:underline"
3790    href="https://www.opalauctions.com/pages/sell-with-opal-auctions"
3791>
3792   Apply Now
3793</a>
3794    </div>
3795        </div>
3796    </div>
3797                        <a
3798    class="p-2 flex items-center w-full hover:underline"
3799    href="https://www.gemrockauctions.com"
3800>
3801   <svg class="size-4 mr-1 inline" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
3802  <path d="M10.5 3 8 9l4 13 4-13-2.5-6"/>
3803  <path d="M17 3a2 2 0 0 1 1.6.8l3 4a2 2 0 0 1 .013 2.382l-7.99 10.986a2 2 0 0 1-3.247 0l-7.99-10.986A2 2 0 0 1 2.4 7.8l2.998-3.997A2 2 0 0 1 7 3z"/>
3804  <path d="M2 9h20"/>
3805</svg>                        Shop Gemstones
3806</a>
3807    </div>
3808        </div>
3809        </div>
3810    </div>
3811                        </div>
3812</div>
3813
3814
3815
3816
3817
3818
3819
3820
3821
3822
3823
3824
3825
3826
3827
3828
3829
3830
3831
3832
3833
3834
3835
3836
3837
3838
3839
3840
3841
3842
3843
3844<div class="hidden lg:block">
3845    <div class="flex justify-between items-center">
3846        <div class="flex flex-1 items-center flex-wrap">
3847                                                <div
3848    x-data="{ open: false }"
3849    @keydown.window.escape="open = false"
3850    @click.outside="open = false"
3851    class="relative inline-block text-left"
3852>
3853    <div>
3854        <span class="rounded-md">
3855                            <button
3856                    @click="open = !open"
3857                    class="inline-flex justify-center whitespace-nowrap w-full flex items-center text-sm leading-5 font-medium text-gray-600 hover:text-gray-500 focus:outline-none rounded-md active:bg-gray-50 active:text-gray-800 transition ease-in-out duration-150 border border-gray-200 px-4 py-2 bg-white focus:border-blue-300 focus:shadow-outline-blue border-none active:bg-gray-200 hover:underline hover:text-gray-900"
3858                    type="button"
3859                    id="options-menu"
3860                    aria-haspopup="true"
3861                    x-bind:aria-expanded="open"
3862                    aria-expanded="true"
3863                >
3864                                        <div class="flex items-center gap-1">
3865                                        $1 Auctions
3866                </div>
3867
3868                        <svg class="h-6 w-6 !size-4 mt-0.5 text-gray-600 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
3869    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
3870</svg>
3871                                </button>
3872                    </span>
3873    </div>
3874
3875    <div
3876        x-show="open"
3877        x-cloak
3878        x-description="Dropdown panel, show/hide based on dropdown state."
3879        x-transition:enter="transition ease-out duration-100"
3880        x-transition:enter-start="transform opacity-0 scale-95"
3881        x-transition:enter-end="transform opacity-100 scale-100"
3882        x-transition:leave="transition ease-in duration-75"
3883        x-transition:leave-start="transform opacity-100 scale-100"
3884        x-transition:leave-end="transform opacity-0 scale-95"
3885        class="origin-top-left left-0 absolute mt-2 w-56 rounded-md shadow-lg z-50"
3886    >
3887        <div class="rounded-md bg-white shadow-xs">
3888            <div class="py-1" role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
3889                <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
3890        No Reserve Auctions
3891    </a>
3892                        <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
3893        Auctions Ending Soon
3894    </a>
3895                        <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions?sortby=oa.auctions_newest" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
3896        Newest Auctions
3897    </a>
3898                        <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions?listing_type_tier=true" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
3899        Premium Auction Listings
3900    </a>
3901                        <div class="relative" x-data="{ open: false }" @mouseleave="open = false">
3902                            <button type="button" class="block w-full px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900 flex items-center justify-between" @mouseenter="open = true" role="menuitem" @click="open = !open">
3903        <div class="flex items-center whitespace-nowrap text-left">
3904                                                Rough Opal Auctions
3905                    </div>
3906                    <svg class="h-6 w-6 !size-3 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
3907    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
3908</svg>
3909    </button>
3910                        <div class="absolute left-full top-0 bg-white shadow-md rounded-md min-w-48 z-10" x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" @click.outside="open = false">
3911                                    <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/rough-s
3911pecimens-only" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
3912        All Rough Opal Auctions
3913    </a>
3914                        <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/rough-specimens-only/australian-rough-opal-no-reserve-auctions" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
3915        Australia Rough Opal Auctions
3916    </a>
3917                        <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/rough-specimens-only/international-rough-opal-no-reserve-auctions" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
3918        International Rough Opal Auctions
3919    </a>
3920                        <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/rough-specimens-only/australian-rough-opal-no-reserve-auctions/lightning-ridge-rough-opal-no-reserve-auctions" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
3921        Lightning Ridge Rough Opal Auctions
3922    </a>
3923                        <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/rough-specimens-only/australian-rough-opal-no-reserve-auctions/coober-pedy-rough-opal-no-reserve-auctions" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
3924        Coober Pedy Rough Opal Auctions
3925    </a>
3926                        <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/rough-specimens-only/australian-rough-opal-no-reserve-auctions/boulder-rough-opal-no-reserve-auctions" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
3927        Boulder Rough Opal Auctions
3928    </a>
3929                        <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/rough-specimens-only/international-rough-opal-no-reserve-auctions/ethiopian-rough-opal-no-reserve-auctions" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
3930        Ethiopian Rough Opal Auctions
3931    </a>
3932                        <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/rough-specimens-only/australian-rough-opal-no-reserve-auctions/black-rough-opal-no-reserve-auctions" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
3933        Black Rough Opal Auctions
3934    </a>
3935                        <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/rough-specimens-only/australian-rough-opal-no-reserve-auctions/matrix-rough-opal-no-reserve-auctions" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
3936        Matrix Rough Opal Auctions
3937    </a>
3938                        <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/rough-specimens-only/australian-rough-opal-no-reserve-auctions/beginners-rough-opal-no-reserve-auctions" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
3939        Beginners Rough Opal Auctions
3940    </a>
3941                                </div>
3942        </div>
3943                        <div class="relative" x-data="{ open: false }" @mouseleave="open = false">
3944                            <button type="button" class="block w-full px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900 flex items-center justify-between" @mouseenter="open = true" role="menuitem" @click="open = !open">
3945        <div class="flex items-center whitespace-nowrap text-left">
3946                                                Loose Opal Auctions
3947                    </div>
3948                    <svg class="h-6 w-6 !size-3 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
3949    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
3950</svg>
3951    </button>
3952                        <div class="absolute left-full top-0 bg-white shadow-md rounded-md min-w-48 z-10" x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" @click.outside="open = false">
3953                                    <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/cut-opal-stone-auctions" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
3954        All Loose Opal Auctions
3955    </a>
3956                        <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/cut-opal-stone-auctions/australian-opals" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
3957        Australian Cut Opal Auctions
3958    </a>
3959                        <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/cut-opal-stone-auctions/international-opals" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
3960        International Cut Opal Auctions
3961    </a>
3962                        <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/cut-opal-stone-auctions/australian-opals/black-opal-no-reserve-auctions" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
3963        Black Opal Auctions
3964    </a>
3965                        <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/cut-opal-stone-auctions/australian-opals/boulder-opal
3965-no-reserve-auctions" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
3966        Bolder Opal Auctions
3967    </a>
3968                        <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/cut-opal-stone-auctions/international-opals/natural-ethiopian-opals-auctions" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
3969        Ethiopian Opal Auctions
3970    </a>
3971                        <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/cut-opal-stone-auctions/international-opals/smoked-ethiopian-opals-auctions" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
3972        Smoked Ethiopian Opal Auctions
3973    </a>
3974                        <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/cut-opal-stone-auctions/australian-opals/matrix-opal-no-reserve-auctions" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
3975        Matrix Opal Auctions
3976    </a>
3977                        <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/cut-opal-stone-auctions/international-opals/mexican-opal-auctions" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
3978        Mexican Opal Auctions
3979    </a>
3980                                </div>
3981        </div>
3982                        <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/jewelry-only" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
3983        Opal Jewelry Auctions
3984    </a>
3985                        <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/jewelry-only" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
3986        Opal Lapidary Auctions
3987    </a>
3988                        <a href="https://www.opalauctions.com/search?type%5B0%5D=auction&amp;sortby=oa.auctions_time_left" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
3989        All Opal Auctions
3990    </a>
3991                        <a href="https://www.opalauctions.com/pages/auctions-type" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
3992        FAQ - How Our Auctions Work
3993    </a>
3994            </div>
3995        </div>
3996    </div>
3997</div>
3998                                                                <div
3999    x-data="{ open: false }"
4000    @keydown.window.escape="open = false"
4001    @click.outside="open = false"
4002    class="relative inline-block text-left"
4003>
4004    <div>
4005        <span class="rounded-md">
4006                            <button
4007                    @click="open = !open"
4008                    class="inline-flex justify-center whitespace-nowrap w-full flex items-center text-sm leading-5 font-medium text-gray-600 hover:text-gray-500 focus:outline-none rounded-md active:bg-gray-50 active:text-gray-800 transition ease-in-out duration-150 border border-gray-200 px-4 py-2 bg-white focus:border-blue-300 focus:shadow-outline-blue border-none active:bg-gray-200 hover:underline hover:text-gray-900"
4009                    type="button"
4010                    id="options-menu"
4011                    aria-haspopup="true"
4012                    x-bind:aria-expanded="open"
4013                    aria-expanded="true"
4014                >
4015                                        <div class="flex items-center gap-1">
4016                                        Just Listed
4017                </div>
4018
4019                        <svg class="h-6 w-6 !size-4 mt-0.5 text-gray-600 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
4020    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
4021</svg>
4022                                </button>
4023                    </span>
4024    </div>
4025
4026    <div
4027        x-show="open"
4028        x-cloak
4029        x-description="Dropdown panel, show/hide based on dropdown state."
4030        x-transition:enter="transition ease-out duration-100"
4031        x-transition:enter-start="transform opacity-0 scale-95"
4032        x-transition:enter-end="transform opacity-100 scale-100"
4033        x-transition:leave="transition ease-in duration-75"
4034        x-transition:leave-start="transform opacity-100 scale-100"
4035        x-transition:leave-end="transform opacity-0 scale-95"
4036        class="origin-top-left left-0 absolute mt-2 w-56 rounded-md shadow-lg z-50"
4037    >
4038        <div class="rounded-md bg-white shadow-xs">
4039            <div class="py-1" role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
4040                <a href="https://www.opalauctions.com/search?sortby=oa.auctions_newest" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4041        All New Listings
4042    </a>
4043                        <a href="https://www.opalauctions.com/search?sortby=oa.auctions_newest&amp;type%5B0%5D=catalogue" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4044        New Buy it Now Items
4045    </a>
4046                        <a href="https://www.opalauctions.com/search?sortby=oa.auctions_newest&amp;type%5B0%5D=auction" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4047        New Auction Listings
4048    </a>
4049            </div>
4050        </div>
4051    </div>
4052</div>
4053                                                                <div
4054    x-data="{ open: false }"
4055    @keydown.window.escape="open = false"
4056    @click.outside="open = false"
4057    class="relative inline-block text-left"
4058>
4059    <div>
4060        <span class="rounded-md">
4061                            <button
4062                    @click="open = !open"
4063                    class="inline-flex justify-center whitespace-nowrap w-full flex items-center text-sm leading-5 font-medium text-gray-600 hover:text-gray-500 focus:outline-none rounded-md active:bg-gray-50 active:text-gray-800 transition ease-in-out duration-150 border border-gray-200 px-4 py-2 bg-white focus:border-blue-300 focus:shadow-outline-blue border-none active:bg-gray-200 hover:underline hover:text-gray-900"
4064                    type="button"
4065                    id="options-menu"
4066                    aria-haspopup="true"
4067                    x-bind:aria-expanded="open"
4068                    aria-expanded="true"
4069                >
4070                                        <div class="flex items-center gap-1">
4071                                        Loose Opals
4072                </div>
4073
4074                        <svg class="h-6 w-6 !size-4 mt-0.5 text-gray-600 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
4075    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
4076</svg>
4077                                </button>
4078                    </span>
4079    </div>
4080
4081    <div
4082        x-show="open"
4083        x-cloak
4084        x-description="Dropdown panel, show/hide based on dropdown state."
4085        x-transition:enter="transition ease-out duration-100"
4086        x-transition:enter-start="transform opacity-0 scale-95"
4087        x-transition:enter-end="transform opacity-100 scale-100"
4088        x-transition:leave="transition ease-in duration-75"
4089        x-transition:leave-start="transform opacity-100 scale-100"
4090        x-transition:leave-end="transform opacity-0 scale-95"
4091        class="origin-top-left left-0 absolute mt-2 w-56 rounded-md shadow-lg z-50"
4092    >
4093        <div class="rounded-md bg-white shadow-xs">
4094            <div class="py-1" role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
4095                <a href="https://www.opalauctions.com/search?sortby=oa.auctions_newest&amp;type%5B0%5D=catalogue" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4096        Newest Listed
4097    </a>
4098                        <a href="https://www.opalauctions.com/auctions/black-opal" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4099        Black Opal
4100    </a>
4101                        <a href="https://www.opalauctions.com/auctions/dark-opal" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4102        Dark Opal
4103    </a>
4104                        <div class="relative" x-data="{ open: false }" @mouseleave="open = false">
4105                            <button type="button" class="block w-full px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900 flex items-center justify-between" @mouseenter="open = true" role="menuitem" @click="open = !open">
4106        <div class="flex items-center whitespace-nowrap text-left">
4107                                                Boulder Opal
4108                    </div>
4109                    <svg class="h-6 w-6 !size-3 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
4110    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
4111</svg>
4112    </button>
4113                        <div class="absolute left-full top-0 bg-white shadow-md rounded-md min-w-48 z-10" x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" @click.outside="open = false">
4114                                    <a href="https://www.opalauctions.com/auctions/boulder-opal" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4115        All Boulder Opal
4116    </a>
4117                        <a href="https://www.opalauctions.com/auctions/boulder-opal/boulder-opal
4117-stones" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4118        Boulder Opal Stones
4119    </a>
4120                        <a href="https://www.opalauctions.com/auctions/boulder-opal/koroit-opal-stones" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4121        Koroit Opal
4122    </a>
4123                        <a href="https://www.opalauctions.com/auctions/boulder-opal/yowah-opal-stones" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4124        Yowah Opal
4125    </a>
4126                        <a href="https://www.opalauctions.com/auctions/boulder-opal/yowah-nuts" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4127        Yowah Nuts
4128    </a>
4129                        <a href="https://www.opalauctions.com/auctions/boulder-opal/jundah-opal-stones" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4130        Jundah Opal
4131    </a>
4132                        <a href="https://www.opalauctions.com/auctions/boulder-opal/boulder-opal-wood-fossils" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4133        Boulder Wood Opal
4134    </a>
4135                        <a href="https://www.opalauctions.com/auctions/boulder-opal/boulder-pipe-crystal-opal" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4136        Boulder Pipe Crystal Opal
4137    </a>
4138                                </div>
4139        </div>
4140                        <a href="https://www.opalauctions.com/auctions/crystal-opal" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4141        Crystal Opal
4142    </a>
4143                        <a href="https://www.opalauctions.com/auctions/coober-pedy-opal" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4144        Coober Pedy Opal
4145    </a>
4146                        <div class="relative" x-data="{ open: false }" @mouseleave="open = false">
4147                            <button type="button" class="block w-full px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900 flex items-center justify-between" @mouseenter="open = true" role="menuitem" @click="open = !open">
4148        <div class="flex items-center whitespace-nowrap text-left">
4149                                                Ethiopian Opal
4150                    </div>
4151                    <svg class="h-6 w-6 !size-3 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
4152    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
4153</svg>
4154    </button>
4155                        <div class="absolute left-full top-0 bg-white shadow-md rounded-md min-w-48 z-10" x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" @click.outside="open = false">
4156                                    <a href="https://www.opalauctions.com/auctions/ethiopian-opal" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4157        All Ethiopian Opal
4158    </a>
4159                        <a href="https://www.opalauctions.com/auctions/ethiopian-opal/welo-opal-stones" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4160        Welo Opal
4161    </a>
4162                        <a href="https://www.opalauctions.com/auctions/ethiopian-opal/dark-ethiopian-opal-stones" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4163        Dark Ethiopian Opal
4164    </a>
4165                        <a href="https://www.opalauctions.com/auctions/ethiopian-opal/mezezo-opal-stones" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4166        Mezezo Opal
4167    </a>
4168                                </div>
4169        </div>
4170                        <a href="https://www.opalauctions.com/auctions/mexican-fire-opal" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4171        Mexican Opal
4172    </a>
4173                        <a href="https://www.opalauctions.com/auctions/brazilian-opal" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4174        Brazilian Opal
4175    </a>
4176                        <a href="https://www.opalauctions.com/auctions/opal-doublet" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4177        Opal Doublets
4178    </a>
4179                        <a href="https://www.opalauctions.com/auctions/andamooka-opal" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4180        Andamooka Opal
4181    </a>
4182                        <a href="https://www.opalauctions.com/auctions/matrix-opal" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4183        Matrix Opal
4184    </a>
4185                        <a href="https://www.opalauctions.com/auctions/fairy-opal" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4186        Fairy Opal
4187    </a>
4188                        <a href="https://www.opalauctions.com/auctions" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4189        Browse All Categories
4190    </a>
4191            </div>
4192        </div>
4193    </div>
4194</div>
4195                                                                <div
4196    x-data="{ open: false }"
4197    @keydown.window.escape="open = false"
4198    @click.outside="open = false"
4199    class="relative inline-block text-left"
4200>
4201    <div>
4202        <span class="rounded-md">
4203                            <button
4204                    @click="open = !open"
4205                    class="inline-flex justify-center whitespace-nowrap w-full flex items-center text-sm leading-5 font-medium text-gray-600 hover:text-gray-500 focus:outline-none rounded-md active:bg-gray-50 active:text-gray-800 transition ease-in-out duration-150 border border-gray-200 px-4 py-2 bg-white focus:border-blue-300 focus:shadow-outline-blue border-none active:bg-gray-200 hover:underline hover:text-gray-900"
4206                    type="button"
4207                    id="options-menu"
4208                    aria-haspopup="true"
4209                    x-bind:aria-expanded="open"
4210                    aria-expanded="true"
4211                >
4212                                        <div class="flex items-center gap-1">
4213                                        Opal Pairs
4214                </div>
4215
4216                        <svg class="h-6 w-6 !size-4 mt-0.5 text-gray-600 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
4217    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
4218</svg>
4219                                </button>
4220                    </span>
4221    </div>
4222
4223    <div
4224        x-show="open"
4225        x-cloak
4226        x-description="Dropdown panel, show/hide based on dropdown state."
4227        x-transition:enter="transition ease-out duration-100"
4228        x-transition:enter-start="transform opacity-0 scale-95"
4229        x-transition:enter-end="transform opacity-100 scale-100"
4230        x-transition:leave="transition ease-in duration-75"
4231        x-transition:leave-start="transform opacity-100 scale-100"
4232        x-transition:leave-end="transform opacity-0 scale-95"
4233        class="origin-top-left left-0 absolute mt-2 w-56 rounded-md shadow-lg z-50"
4234    >
4235        <div class="rounded-md bg-white shadow-xs">
4236            <div class="py-1" role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
4237                <a href="https://www.opalauctions.com/auctions/pairs/black-opal-pairs" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4238        Black Opal Pairs
4239    </a>
4240                        <a href="https://www.opalauctions.com/auctions/pairs/dark-opal-pairs" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4241        Dark Opal Pairs
4242    </a>
4243                        <a href="https://www.opalauctions.com/auctions/pairs/crystal-opal-pairs" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4244        Crystal Opal Pairs
4245    </a>
4246                        <a href="https://www.opalauctions.com/auctions/pairs/ethiopian-opal-pairs" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4247        Ethiopian Opal Pairs
4248    </a>
4249                        <a href="https://www.opalauctions.com/auctions/pairs/boulder-opal-pairs" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4250        Boulder Opal Pairs
4251    </a>
4252                        <a href="https://www.opalauctions.com/auctions/pairs/coober-pedy-opal-pairs" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4253        Coober Pedy Opal Pairs
4254    </a>
4255                        <a href="https://www.opalauctions.com/auctions/pairs/ethiopian-opal-pairs" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4256        Ethiopian Opal Pairs
4257    </a>
4258                        <a href="https://www.opalauctions.com/auctions/pairs" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4259        Browse All Pairs
4260    </a>
4261            </div>
4262        </div>
4263    </div>
4264</div>
4265                                                                <div
4266    x-data="{ open: false }"
4267    @keydown.window.escape="open = false"
4268    @click.outside="open = false"
4269    class="relative inline-block text-left"
4270>
4271    <div>
4272        <span class="rounded-md">
4273                            <button
4274                    @click="open = !open"
4275                    class="inline-flex justify-center whitespace-nowrap w-full flex items-center text-sm leading-5 font-medium text-gray-600 hover:text-gray-500 focus:outline-none rounded-md active:bg-gray-50 active:text-gray-800 transition ease-in-out duration-150 border border-gray-200 px-4 py-2 bg-white focus:border-blue-300 focus:shadow-outline-blue border-none active:bg-gray-200 hover:underline hover:text-gray-900"
4276                    type="button"
4277                    id="options-menu"
4278                    aria-haspopup="true"
4279                    x-bind:aria-expanded="open"
4280                    aria-expanded="true"
4281                >
4282                                        <div class="flex items-center gap-1">
4283                                        Rough Opals
4284                </div>
4285
4286                        <svg class="h-6 w-6 !size-4 mt-0.5 text-gray-600 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
4287    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
4288</svg>
4289                                </button>
4290                    </span>
4291    </div>
4292
4293    <div
4294        x-show="open"
4295        x-cloak
4296        x-description="Dropdown panel, show/hide based on dropdown state."
4297        x-transition:enter="transition ease-out duration-100"
4298        x-transition:enter-start="transform opacity-0 scale-95"
4299        x-transition:enter-end="transform opacity-100 scale-100"
4300        x-transition:leave="transition ease-in duration-75"
4301        x-transition:leave-start="transform opacity-100 scale-100"
4302        x-transition:leave-end="transform opacity-0 scale-95"
4303        class="origin-top-left left-0 absolute mt-2 w-56 rounded-md shadow-lg z-50"
4304    >
4305        <div class="rounded-md bg-white shadow-xs">
4306            <div class="py-1" role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
4307                <a href="https://www.opalauctions.com/auctions/rough-opal/black-opal-rough" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4308        Black Opal Rough
4309    </a>
4310                        <a href="https://www.opalauctions.com/auctions/rough-opal/lightning-ridge-rough-opals" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4311        Lightning Ridge Opal Rough
4312    </a>
4313                        <a href="https://www.opalauctions.com/auctions/rough-opal/beginners-opal-rough" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4314        Beginners Opal Rough
4315    </a>
4316                        <a href="https://www.opalauctions.com/auctions/rough-opal/andamooka-opal-rough" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4317        Andamooka Opal Rough
4318    </a>
4319                        <a href="https://www.opalauctions.com/auctions/rough-opal/boulder-opal-rough" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4320        Boulder Opal Rough
4321    </a>
4322                        <a href="https://www.opalauctions.com/auctions/rough-opal/coober-pedy-white-opal-rough" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4323        Coober Pedy Rough Opal
4324    </a>
4325                        <a href="https://www.opalauctions.com/auctions/rough-opal/ethiopian-opal-rough" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4326        Ethiopian Opal Rough
4327    </a>
4328                        <a href="https://www.opalauctions.com/auctions/rough-opal/yowah-opal-rough" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4329        Yowah Opal Rough
4330    </a>
4331                        <a href="https://www.opalauctions.com/auctions/rough-opal/mintabie-opal-rough" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4332        Mintabie Opal Rough
4333    </a>
4334                        <a href="https://www.opalauctions.com/auctions/rough-opal/koroit-opal-rough" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4335        Koroit Opal Rough
4336    </a>
4337                        <a href="https://www.opalauctions.com/auctions/rough-opal/fairy-opal-rough" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4338        Fairy Opal Rough
4339    </a>
4340                        <a href="https://www.opalauctions.com/auctions/rough-opal" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4341        Browse All Rough Opal
4342    </a>
4343            </div>
4344        </div>
4345    </div>
4346</div>
4347                                                                <div
4348    x-data="{ open: false }"
4349    @keydown.window.escape="open = false"
4350    @click.outside="open = false"
4351    class="relative inline-block text-left"
4352>
4353    <div>
4354        <span class="rounded-md">
4355                            <button
4356                    @click="open = !open"
4357                    class="inline-flex justify-center whitespace-nowrap w-full flex items-center text-sm leading-5 font-medium text-gray-600 hover:text-gray-500 focus:outline-none rounded-md active:bg-gray-50 active:text-gray-800 transition ease-in-out duration-150 border border-gray-200 px-4 py-2 bg-white focus:border-blue-300 focus:shadow-outline-blue border-none active:bg-gray-200 hover:underline hover:text-gray-900"
4358                    type="button"
4359                    id="options-menu"
4360                    aria-haspopup="true"
4361                    x-bind:aria-expanded="open"
4362                    aria-expanded="true"
4363                >
4364                                        <div class="flex items-center gap-1">
4365                                        Opal Jewelry
4366                </div>
4367
4368                        <svg class="h-6 w-6 !size-4 mt-0.5 text-gray-600 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
4369    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
4370</svg>
4371                                </button>
4372                    </span>
4373    </div>
4374
4375    <div
4376        x-show="open"
4377        x-cloak
4378        x-description="Dropdown panel, show/hide based on dropdown state."
4379        x-transition:enter="transition ease-out duration-100"
4380        x-transition:enter-start="transform opacity-0 scale-95"
4381        x-transition:enter-end="transform opacity-100 scale-100"
4382        x-transition:leave="transition ease-in duration-75"
4383        x-transition:leave-start="transform opacity-100 scale-100"
4384        x-transition:leave-end="transform opacity-0 scale-95"
4385        class="origin-top-left left-0 absolute mt-2 w-56 rounded-md shadow-lg z-50"
4386    >
4387        <div class="rounded-md bg-white shadow-xs">
4388            <div class="py-1" role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
4389                <a href="https://www.opalauctions.com/auctions/opal-jewelry/opal-rings" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4390        Opal Rings
4391    </a>
4392                        <a href="https://www.opalauctions.com/auctions/opal-jewelry/opal-pendants" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4393        Opal Pendants
4394    </a>
4395                        <a href="https://www.opalauctions.com/auctions/opal-jewelry/opal-earrings" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4396        Opal Earrings
4397    </a>
4398                        <a href="https://www.opalauctions.com/auctions/opal-jewelry/opal-bead-necklace" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4399        Opal Necklaces
4400    </a>
4401                        <a href="https://www.opalauctions.com/auctions/opal-jewelry" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4402        Browse All Opal Jewelry
4403    </a>
4404            </div>
4405        </div>
4406    </div>
4407</div>
4408                                                                <a href="https://www.opalauctions.com/pages/opal-concierge" class="font-medium sm:font-normal hover:underline no-underline py-2 px-4 inline-flex gap-1 items-center text-gray-700 hover:text-gray-900 transition-colors duration-200">
4409            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
4410  <path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 
44101.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"/>
4411  <path d="M20 2v4"/>
4412  <path d="M22 4h-4"/>
4413  <circle cx="4" cy="20" r="2"/>
4414</svg>        Gemma AI
4415</a>
4416                                                                <a href="https://www.opalauctions.com/pages/opals101-beginners-guide" class="font-medium sm:font-normal hover:underline no-underline py-2 px-4 inline-flex gap-1 items-center text-gray-700 hover:text-gray-900 transition-colors duration-200">
4417            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
4418  <circle cx="12" cy="12" r="10"/>
4419  <path d="M12 16v-4"/>
4420  <path d="M12 8h.01"/>
4421</svg>        Opal 101
4422</a>
4423                                                                <div
4424    x-data="{ open: false }"
4425    @keydown.window.escape="open = false"
4426    @click.outside="open = false"
4427    class="relative inline-block text-left"
4428>
4429    <div>
4430        <span class="rounded-md">
4431                            <button
4432                    @click="open = !open"
4433                    class="inline-flex justify-center whitespace-nowrap w-full flex items-center text-sm leading-5 font-medium text-gray-600 hover:text-gray-500 focus:outline-none rounded-md active:bg-gray-50 active:text-gray-800 transition ease-in-out duration-150 border border-gray-200 px-4 py-2 bg-white focus:border-blue-300 focus:shadow-outline-blue border-none active:bg-gray-200 hover:underline hover:text-gray-900"
4434                    type="button"
4435                    id="options-menu"
4436                    aria-haspopup="true"
4437                    x-bind:aria-expanded="open"
4438                    aria-expanded="true"
4439                >
4440                                        <div class="flex items-center gap-1">
4441                                        More
4442                </div>
4443
4444                        <svg class="h-6 w-6 !size-4 mt-0.5 text-gray-600 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
4445    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
4446</svg>
4447                                </button>
4448                    </span>
4449    </div>
4450
4451    <div
4452        x-show="open"
4453        x-cloak
4454        x-description="Dropdown panel, show/hide based on dropdown state."
4455        x-transition:enter="transition ease-out duration-100"
4456        x-transition:enter-start="transform opacity-0 scale-95"
4457        x-transition:enter-end="transform opacity-100 scale-100"
4458        x-transition:leave="transition ease-in duration-75"
4459        x-transition:leave-start="transform opacity-100 scale-100"
4460        x-transition:leave-end="transform opacity-0 scale-95"
4461        class="origin-top-left left-0 absolute mt-2 w-56 rounded-md shadow-lg z-50"
4462    >
4463        <div class="rounded-md bg-white shadow-xs">
4464            <div class="py-1" role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
4465                <a href="https://www.opalauctions.com/pages/about-us" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4466        Who We Are
4467    </a>
4468                        <a href="https://www.opalauctions.com/help" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4469        Help
4470    </a>
4471                        <a href="https://www.opalauctions.com/help/faqs/contact-us" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4472        Contact Us
4473    </a>
4474                        <a href="https://www.opalauctions.com/learn/opal-information/opal-sheriff-program" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4475        Opal Sheriff Program
4476    </a>
4477                        <div class="relative" x-data="{ open: false }" @mouseleave="open = false">
4478                            <button type="button" class="block w-full px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900 flex items-center justify-between" @mouseenter="open = true" role="menuitem" @click="open = !open">
4479        <div class="flex items-center whitespace-nowrap text-left">
4480                                                Sell With Us
4481                    </div>
4482                    <svg class="h-6 w-6 !size-3 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
4483    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
4484</svg>
4485    </button>
4486                        <div class="absolute left-full top-0 bg-white shadow-md rounded-md min-w-48 z-10" x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" @click.outside="open = false">
4487                                    <a href="https://www.opalauctions.com/help/verified-sellers/verified-sellers-program" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4488        Verified Sellers Program
4489    </a>
4490                        <a href="https://www.opalauctions.com/help/verified-sellers/commission-bills-and-selling-fees-explained" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4491        Selling Fees
4492    </a>
4493                        <a href="https://www.opalauctions.com/pages/sell-with-opal-auctions" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4494        Apply Now
4495    </a>
4496                                </div>
4497        </div>
4498                        <a href="https://www.gemrockauctions.com" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem" @click="open = !open">
4499        <svg class="size-4 mr-1 inline" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
4500  <path d="M10.5 3 8 9l4 13 4-13-2.5-6"/>
4501  <path d="M17 3a2 2 0 0 1 1.6.8l3 4a2 2 0 0 1 .013 2.382l-7.99 10.986a2 2 0 0 1-3.247 0l-7.99-10.986A2 2 0 0 1 2.4 7.8l2.998-3.997A2 2 0 0 1 7 3z"/>
4502  <path d="M2 9h20"/>
4503</svg>                        Shop Gemstones
4504    </a>
4505            </div>
4506        </div>
4507    </div>
4508</div>
4509                                    </div>
4510    </div>
4511</div>
4512
4513                    
4514        
4515        <div x-data="{ show: false }">
4516        <div
4517            class="flex items-center justify-between hover:underline py-2 px-4 cursor-pointer "
4518            :class="{ 'bg-gray-100': show }"
4519            @click.prevent="show = ! show"
4520            x-cloak
4521        >
4522            <div class="flex items-center grow">
4523                <svg class="w-4 h-4 mr-0.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
4524    <path fill-rule="evenodd" d="M17.707 9.293a1 1 0 010 1.414l-7 7a1 1 0 01-1.414 0l-7-7A.997.997 0 012 10V5a3 3 0 013-3h5c.256 0 .512.098.707.293l7 7zM5 6a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd" />
4525</svg>
4526        Stores
4527            </div>
4528            <svg class="h-6 w-6 !size-4 mt-0.5" x-show="!show" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
4529    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
4530</svg>
4531            <svg class="w-5 h-5 !size-4 mt-0.5" x-show="show" xmlns="http://www.w3.org/2000/svg"
4532     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
4533    <path
4534        fill-rule="evenodd"
4535        d="M14.707 12.707a1 1 0 01-1.414 0L10 9.414l-3.293 3.293a1 1 0 01-1.414-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 010 1.414z"
4536        clip-rule="evenodd"
4537    />
4538</svg>
4539        </div>
4540        <div class="pl-4" x-show="show" x-cloak>
4541            <a
4542    class="p-2 flex items-center w-full hover:underline"
4543    href="https://www.opalauctions.com/stores"
4544>
4545   All Stores
4546</a>
4547        </div>
4548    </div>
4549
4550        
4551        <div x-data="{ show: false }">
4552        <div
4553            class="flex items-center justify-between hover:underline py-2 px-4 cursor-pointer "
4554            :class="{ 'bg-gray-100': show }"
4555            @click.prevent="show = ! show"
4556            x-cloak
4557        >
4558            <div class="flex items-center grow">
4559                <svg class="w-4 h-4 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
4560    <path d="M10.394 2.08a1 1 0 00-.788 0l-7 3a1 1 0 000 1.84L5.25 8.051a.999.999 0 01.356-.257l4-1.714a1 1 0 11.788 1.838L7.667 9.088l1.94.831a1 1 0 00.787 0l7-3a1 1 0 000-1.838l-7-3zM3.31 9.397L5 10.12v4.102a8.969 8.969 0 00-1.05-.174 1 1 0 01-.89-.89 11.115 11.115 0 01.25-3.762zM9.3 16.573A9.026 9.026 0 007 14.935v-3.957l1.818.78a3 3 0 002.364 0l5.508-2.361a11.026 11.026 0 01.25 3.762 1 1 0 01-.89.89 8.968 8.968 0 00-5.35 2.524 1 1 0 01-1.4 0zM6 18a1 1 0 001-1v-2.065a8.935 8.935 0 00-2-.712V17a1 1 0 001 1z" />
4561</svg>
4562        Learn
4563            </div>
4564            <svg class="h-6 w-6 !size-4 mt-0.5" x-show="!show" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
4565    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
4566</svg>
4567            <svg class="w-5 h-5 !size-4 mt-0.5" x-show="show" xmlns="http://www.w3.org/2000/svg"
4568     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
4569    <path
4570        fill-rule="evenodd"
4571        d="M14.707 12.707a1 1 0 01-1.414 0L10 9.414l-3.293 3.293a1 1 0 01-1.414-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 010 1.414z"
4572        clip-rule="evenodd"
4573    />
4574</svg>
4575        </div>
4576        <div class="pl-4" x-show="show" x-cloak>
4577            <a
4578    class="p-2 flex items-center w-full hover:underline border-b border-gray-200"
4579    href="https://www.opalauctions.com/learn"
4580>
4581   Opal Encyclopedia
4582</a>
4583
4584            <a
4585    class="p-2 flex items-center w-full hover:underline"
4586    href="https://www.opalauctions.com/learn/how-tos/how-to-identify-fake-opal"
4587>
4588   How To Identify Fake Opal
4589</a>
4590            <a
4591    class="p-2 flex items-center w-full hover:underline"
4592    href="https://www.opalauctions.com/learn/opal-information/the-opal-channel"
4593>
4594   The Opal Channel
4595</a>
4596            <a
4597    class="p-2 flex items-center w-full hover:underline"
4598    href="https://www.opalauctions.com/learn/opal-information/the-opal-rough-cutting-channel"
4599>
4600   The Opal Rough Cutting Channel
4601</a>
4602            <a
4603    class="p-2 flex items-center w-full hover:underline"
4604    href="https://www.opalauctions.com/learn/news/opal-trends"
4605>
4606   Opal Trends - What Opals Are Popular Right Now
4607</a>
4608            <a
4609    class="p-2 flex items-center w-full hover:underline"
4610    href="https://www.opalauctions.com/learn/opal-information/october-birthstone-is-opal"
4611>
4612   October Birthstone - Opal
4613</a>
4614            <a
4615    class="p-2 flex items-center w-full hover:underline"
4616    href="https://www.opalauctions.com/learn/news/outback-opal-hunter-tv-series"
4617>
4618   Outback Opal Hunters TV Series
4619</a>
4620            <a
4621    class="p-2 flex items-center w-full hover:underline"
4622    href="https://www.opalauctions.com/learn/opal-information/how-is-opal-formed"
4623>
4624   How Is Opal Formed?
4625</a>
4626            <a
4627    class="p-2 flex items-center w-full hover:underline"
4628    href="https://www.opalauctions.com/learn/opal-information/opal-australias-national-gemstone"
4629>
4630   Opal Australias National Gemstone
4631</a>
4632            <a
4633    class="p-2 flex items-center w-full hover:underline"
4634    href="https://www.opalauctions.com/learn/a-z-of-opals/opal-triplet-information"
4635>
4636   Opal Triplet Information
4637</a>
4638            <a
4639    class="p-2 flex items-center w-full hover:underline"
4640    href="https://www.opalauctions.com/learn/a-z-of-opals/honduran-opal-information"
4641>
4642   Honduran Opal Information
4643</a>
4644        </div>
4645    </div>
4646                        </div>
4647                    </div>
4648                </div>
4649            </div>
4650        </div>
4651    </div>
4652</div>
4653</header>
4654        
4655                    <div
4656    x-data="{ show: true }"
4657    x-init="setTimeout(() => show = false, 5000)"
4658    x-show="show"
4659    x-transition:enter="transform ease-out duration-300 transition"
4660    x-transition:enter-start="opacity-0 translate-x-4"
4661    x-transition:enter-end="opacity-100 translate-x-0"
4662    x-transition:leave="transform ease-in duration-500 transition"
4663    x-transition:leave-start="opacity-100 translate-x-0"
4664    x-transition:leave-end="opacity-0 translate-x-full"
4665    class="pointer-events-none fixed inset-0 z-[100] flex items-end px-4 py-6 sm:items-start sm:p-6"
4666>
4667    <div class="flex w-full flex-col items-center space-y-4 sm:items-end sm:justify-end sm:h-full">
4668        <div class="pointer-events-auto w-full max-w-sm overflow-hidden rounded-lg bg-white shadow-lg ring-1 ring-black ring-opacity-5">
4669            <div class="p-4 flex items-start">
4670                <div class="flex-shrink-0 mt-0.5">
4671                    <svg class="size-6 text-blue-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
4672  <circle cx="12" cy="12" r="10"/>
4673  <path d="M12 16v-4"/>
4674  <path d="M12 8h.01"/>
4675</svg>                </div>
4676
4677                <div class="ml-3 w-0 flex-1 pt-0.5">
4678                    <p class="text-sm font-semibold text-black">Heads up!</p>
4679
4680                    <p class="mt-1 text-xs text-black">We&#039;ve set your currency to USD.</p>
4681                </div>
4682
4683                <div class="ml-4 flex flex-shrink-0 items-center gap-2">
4684                    <div>
4685                        <button
4686        type="button" class="py-2 px-4 border rounded-md text-sm leading-5 font-medium focus:outline-none focus:border-blue-300 focus:shadow-outline-blue transition duration-150 ease-in-out border-gray-300 text-gray-500 active:bg-gray-50 active:text-gray-800 hover:text-gray-500 !font-semibold !text-black" x-on:click="window.showLocaleModal()"
4687        
4688    >
4689        Change
4690    </button>
4691                    </div>
4692
4693                    <button
4694                        type="button"
4695                        @click="show = false"
4696                        class="inline-flex rounded-md bg-white text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"
4697                        aria-label="Close"
4698                    >
4699                        <svg class="size-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
4700    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
4701</svg>
4702                    </button>
4703                </div>
4704            </div>
4705        </div>
4706    </div>
4707</div>
4708        
4709        <div class="mx-auto flex w-full bg-gray-50 grow">
4710            <div
4711                class="flex-1 flex flex-col h-full w-full mx-auto grow max-w-7xl"
4712            >
4713                                                            <div class="w-full mx-auto px-2">
4714                            <nav class="flex pt-6" aria-label="Breadcrumb">
4715    <ol role="list" class="flex items-center pb-2 sm:pb-0 sm:space-x-2 space-x-1 overflow-x-auto whitespace-nowrap">
4716        <li>
4717            <a href="https://www.opalauctions.com" class="text-sm font-medium text-gray-500 hover:text-gray-700">
4718                <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
4719    <path stroke-linecap="round"  stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"/>
4720</svg>
4721            </a>
4722        </li>
4723
4724                    <li>
4725                <div class="flex items-center">
4726                    <svg class="h-6 w-6 mr-2 !size-4 flex-shrink-0 text-gray-400" aria-hidden="true" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
4727    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
4728</svg>
4729
4730                    <a
4731                        href="https://www.opalauctions.com/learn"
4732                        class="text-sm font-medium text-gray-500 hover:text-gray-700"
4733                        :aria-current="page.current ? 'page' : undefined"
4734                    >
4735                        Learn
4736                    </a>
4737                </div>
4738            </li>
4739                    <li>
4740                <div class="flex items-center">
4741                    <svg class="h-6 w-6 mr-2 !size-4 flex-shrink-0 text-gray-400" aria-hidden="true" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
4742    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
4743</svg>
4744
4745                    <a
4746                        href="https://www.opalauctions.com/learn/news"
4747                        class="text-sm font-medium text-gray-500 hover:text-gray-700"
4748                        :aria-current="page.current ? 'page' : undefined"
4749                    >
4750                        News
4751                    </a>
4752                </div>
4753            </li>
4754                    <li>
4755                <div class="flex items-center">
4756                    <svg class="h-6 w-6 mr-2 !size-4 flex-shrink-0 text-gray-400" aria-hidden="true" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
4757    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
4758</svg>
4759
4760                    <a
4761                        href="https://www.opalauctions.com/learn/news/opal-trends"
4762                        class="text-sm font-medium text-gray-500 hover:text-gray-700"
4763                        :aria-current="page.current ? 'page' : undefined"
4764                    >
4765                        Opal Trends - What Opals Are Popular Right Now
4766                    </a>
4767                </div>
4768            </li>
4769            </ol>
4770</nav>
4771                        </div>
4772                                    
4773                <main
4774                    class="p-2 flex left-0 right-0 flex-1 h-full"
4775                >
4776                    <div wire:snapshot="{&quot;data&quot;:{&quot;content&quot;:[[],{&quot;key&quot;:324,&quot;class&quot;:&quot;content&quot;,&quot;relations&quot;:[&quot;contentCategory&quot;,&quot;file&quot;,&quot;author&quot;],&quot;s&quot;:&quot;elmdl&quot;}],&quot;vote&quot;:[[],{&quot;class&quot;:&quot;Domain\\Learn\\Models\\ContentVote&quot;,&quot;connection&quot;:null,&quot;s&quot;:&quot;elmdl&quot;}],&quot;userLiked&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;UKquSsgcFH5q5jDbFcMb&quot;,&quot;name&quot;:&quot;public.livewire.learn.show-learn-article-component&quot;,&quot;path&quot;:&quot;learn\/news\/opal-trends&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-26.39.5-a&quot;,&quot;children&quot;:{&quot;lw-617123364-0&quot;:[&quot;div&quot;,&quot;D4l2ygupYe2StUz9kTDE&quot;],&quot;lw-617123364-1&quot;:[&quot;div&quot;,&quot;qM8CGNnDG7oZVnPGBzRv&quot;]},&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;9f5beeb59dfe7101f4296326e4a6ddbd115f5b84d2ebf34c60ea0cd7500797fa&quot;}" wire:effects="[]" wire:id="UKquSsgcFH5q5jDbFcMb" class="mx-auto">
4777    
4778    <div class="grid md:grid-cols-3 gap-x-8 gap-y-10 my-10">
4779        <div class="flex flex-col md:col-span-2 rounded-lg py-6 px-10 bg-white">
4780            <div class="text-base leading-7 text-gray-700 space-y-4 pb-4">
4781                <div class="flex justify-between w-full">
4782                    <div class="flex gap-2">
4783                        <img src="https://liveplatforms-production.b-cdn.net/builds/26.39.5/assets/images/anonymous.png"
4784                             class="h-10 w-10 rounded-full"
4785                             alt="Opalplus Plus"
4786                        >
4787                        <div class="flex flex-col justify-center">
4788                                                            <a href="https://www.opalauctions.com/profile/opalplus"
4789                                   class="font-semibold text-blue-600 visited:text-purple-800 hover:underline"
4790                                >
4791                                    Opalplus Plus
4792                                </a>
4793                            
4794                            <p class="text-xs text-gray-600">
4795                                Updated 17th Nov 2025
4796                            </p>
4797                        </div>
4798                    </div>
4799                                    </div>
4800
4801                <h1 class="mt-2 text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">
4802                    Opal Trends - What Opals Are Popular Right Now
4803                </h1>
4804
4805                <div class="prose">
4806    <p><img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5b971771c6977.jpg" alt="opal trends" width="150" class="wysiwyg-float-left" />Opal Trends focuses on Opal Auctions ‘Best Sales’ on a monthly basis. The monthly breakdown asses the top 4 opal categories: <a href="https://www.opalauctions.com/auctions/black-opal/">Black Opal</a>, <a href="https://www.opalauctions.com/auctions/boulder-opal/">Boulder Opal</a>, <a href="https://www.opalauctions.com/auctions/rough-opal/">Rough Opal</a> and <a href="https://www.opalauctions.com/auctions/ethiopian-opal/">Ethiopian Opal</a>. This review is an important source for sellers and buyers to analyse which opals are currently best to invest on. </p><p>The opal market experiences trends and changes which can occur rapidly or gradually. There are several reasons this can occur. The production of opals in the field is not guaranteed, which means the supply is affected. The biggest trend has been the increase of younger buyers. The millennials (aged between 18-30 years) and the generation x (aged between 30-40 years) have been purchasing more opals online.</p><h2><a href="https://treasuresauctions.com/2021/09/14/2021-opal-trends/"><img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/aswfmooyx3yqp6ic.jpg" alt="aswfmooyx3yqp6ic.jpg" width="810" /></a>OPAL TRENDS HALF YEARLY REPORT JUNE - DECEMBER 2021</h2><p>The pandemic has boosted our online opal sales worldwide, with sales on Opal Auctions over the same period in 2020 up by 46.1 %. Opal Auctions Verified sellers sold 46,868 opals in the last half of the year and totalled 97,088 for the financial year.</p><p>Average sale price was up due to many top opals being sold in the Black Friday sale.</p><p><strong>Black Friday Promotion</strong></p><p>Opal Auctions had our best month ever with record sales and highest demand we have ever experienced for top gem quality opals. Overall, we saw record sales with $2 million sold over all our sites. Sellers with top end opal and stockists had excellent sales.</p><p><strong>Records</strong></p><ul><li><p>Two sellers had record sales to different buyers, both boulder opals and the other top boulder opal specimens for just under $50,000 each.</p></li><li><p>Top black opal sales were $28,000, $22,000 and $19,990. One buyer purchased $60,000 from several sellers - all top end black opals.</p></li><li><p>Boulder opals had a massive following this year with over a dozen sales between $5,000 to $7500 and hundreds of boulder opals sold in the $100 to $300 price points</p></li><li><p>The Top boulder opal sale was $18,000. Boulder opal was the king category for November in quantity volume and sales.</p></li><li><p>There is still strong demand for Ethiopian opals with the top sale of $3,000 and volume welo opals average just under $150 each.</p></li></ul><p><strong>Item watch</strong></p><p>Was extensively used over last half and first few months of this half, but items added dipped in November to December. Buyers were too busy buying instead of doing item watch research, so a total 543,000 opals we added to item watch this financial year with great benefits to buyers. Item watch is our most valuable tool for helping buyers follow Opal prices for each type of Opal from rough opals to stones and opal jewellery.</p><p><strong>OPAL TRENDS HALF YEARLY REPORT JANUARY TO JUNE 2021</strong></p><p>The pandemic has boosted our online opal sales worldwide, with sales on Opal Auctions up 115 % per month over the same period in 2020 with the average months sales up by 53.56%.</p><p>Opal Auctions Verified sellers sold 50,220 opals in the first half of the year. This is just over 2,000 o
4806pals per week!</p><p>We had a record month in May 2021 with 9,607 opals sold. Several sales were over $50,000 for a parcel of black opals and a single price of $30,000 was paid for one Black Opal.</p><p>Guest buyers who are first time buyers are sometimes the majority of buyer on some days. Most of these buyers are first time online buyers and this has been great news for the opal industry.</p><p>We have noticed 2 obvious trends:</p><ul><li><p>First time opal buyers are buying bulk lots and re-selling on social sites such as Instagram. These buyers use combined express shipping, and we expect these new opal buyers will increase.</p></li><li><p>Many first-time opal buyers bought rough opal and in the last half we estimate that these cutters would have cut approximately 100,000 opals from black to boulder opals. Many of these buyers who started opal cutting as hobbyist will become opal resellers.</p></li></ul><p>In the last quarter traditional repeat buyers who sell at physical markets or have their own shops were strong in their purchases also. All these aspects are good news for the opal industry.</p><p>Fortunately, shipping has been quick and efficient from Australia to USA and Europe.</p><p>Rough opal has been the outstanding category as many people started cutting opal as a hobby and many will be making a business from opals now.</p><p>Fortunately, production was good at the start of the year, but many fields have had lower production in the last quarter and with warmer weather in USA, the rough sales are slower in the last quarter.</p><p>Age demographics has also changed with younger aged buyers become more interested in Opals. The biggest increase was from 18 - 24 years old so this gives great confidence to the opal industry with younger buyers enjoying opals.</p><p>24-hour support has also helped new buyers navigate the site and helped buyers finalize their purchase instantly. This has helped in our record sales with so many new buyers.</p><h3><strong>ITEM WATCH</strong></h3><p>Item watch has been the most valuable pricing guide online for the opal industry. A massive 413,402 opals had been added to the item watch by buyers.</p><p>The record month was March with over 81,477 opals added to item watch.</p><p>Many Buyers have informed us that it is the only method they use to value opals as it shows the actual price the opal sold for.</p><p>Buyers also can follow pricing changes when an opal category might increase or decrease, the item watch can help buyers when supply and demand changes.</p><p>Item watch is essential for first time opal buyers and seasoned professionals.<br /><img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5e8163b162f7d.png" alt="" width="820" />Are Opal Buyers Immune to Corona Virus?<br /><strong>OUR RECORD QUARTER EVER FOR OPALS!</strong></p><p>Treasure auctions operates several online sites. </p><p>Interestingly since the Corona virus impacted the world, Opal buyers have been steady bidders to date on Opal Auctions. However, our other sites have had a dramatic fall off. We receive messages from all over the world that Opals are the best medicine in this current period.</p><p>Opal buyers must have more passion than gemstone or jewelry buyers!</p><p>Even in late March 2020, sales are steady for Opals, on 26th March we had record bids placed.</p><p>Several of our sellers in Thailand cannot ship for several weeks but couriers who ship out of Australia like DHL and FedEx have rerouted many routes, so shipments are getting through.</p><p>Some deliveries are taking a week longer than normal.</p><p>Massive Demand for opals $1,000 to $3,000<br />.<br />.<br /></p><p>OPAL QUARTERLY REPORT OCTOBER TO DECEMBER 2020</p><p> </p><p>Our Opal Verified Sellers have sold 21,638 opals, in comparison to 14,250 for the same period last year (2019) and a massive increase of 34 % in volume sales and in value terms sales are up by Massive 36 %, as buyers purchase more higher priced quality opals.</p><p>November was our record month with 8,572 opals going to new homes.</p><p>Australian sellers had quick international shipping with FedEx And DHL so many buyers received opals within a week.</p><p>Unfortunately, Asian deliveries were slow and sometime 6 weeks delivery, and this did effect sellers’ Ethiopian opals sales.</p><p>Strong demand for opals in $1,000 to $3,000 price range but weak demand for higher valued opals with only several sales around $5,000 to $6,000.</p><p>Opal jewelry sales were steady and only few items above $3,000.</p><p>Over 500 opals were added each day on average as many shops and wholesalers in Australia started listing giving buyer opportunity for large selection.</p><p> </p><p>ITEM WATCH</p><p>Opal Buyers make massive use of this feature when comparing our sellers’ stock on a level playing field.</p><p>166,864 opals were added to item watch in this quarter.</p><p><br />.-------------------------------------------------------------------------------------------------------------------</p><p>OPAL QUARTERLY REPORT JULY TO SEPTEMBER 2020</p><p>Our Opal Verified Sellers have sold 19,429 opals, in comparison to 11,544 for the same period last year and increase massive 40% in volume sales and in value terms sales are up by Massive 53 %, as buyers purchase more higher priced quality opals.</p><p>500 opals were added each day on average as many shops and wholesalers in Australia started listing giving buyer opportunity for large selection.</p><p>
4806Retail opal shops are closed in Australia as no tourists are allowed making difficult business conditions for shop owners.</p><p>All Opal categories have had a huge demand from Rough Opals to Australian, Ethiopian, Mexican Opal and Brazilian Opal.</p><p>Massive Demand for rough opal and majority rough was parcel lots instead singular cutting pieces.</p><p>Many opal cutters were storing up rough opal as the season has nearly finished for most opal miners due to hot conditions.</p><p>Opal buyers cannot travel interstate so Sydney opal cutters can only visit lightning Ridge and Queensland buyers can only visit Boulder opal fields</p><p>The border closures has made it difficult to source new rough material if you do not live in that state.</p><p>Black and Boulder rough parcels sold best as buy it now and singular Ethiopian rough opal sold best in No reserve category Andamooka rough and polished stones were also in high demand and bids were strong in no reserve.</p><p>ITEM WATCH</p><p>Opal Buyers make massive use of this feature when comparing our sellers’ stock on a level playing field.</p><p>140,785 opals were added to item watch in this quarter.</p><p>Data shows 42% bids were new buyers for opals so pandemic has made lot new buyers visit opalauctions and do homework on item watch compared to gemstone buyers.</p><p>Pandemic has introduced lot people to Opals and good to see new buyers learn and increase their product knowledge.</p><p><br /></p><p></p><p><br /><img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5efd258183f00.jpg" alt="" width="810" /><br /></p><h3><strong>Opal Quarterly report April to June 2020</strong></h3><p>Our Opal Verified Sellers have sold 15,462 opals, in comparison to 10,516 for the same period last year and increase massive 47% in volume sales and in value terms sales are up by Massive 60 %, as buyers purchase more higher priced quality opals.<br /><br /></p><p>Black and Ethiopian opals sold strongly $800 to $3,000 with top sale black opal $14,000.<br />All Opal categories have had a huge demand from Rough Opals to Australian, Ethiopian, Mexican Opal and Brazilian Opal.<br />Massive Demand for rough opal and majority rough was parcel lots instead singular cutting pieces.<br />Black and Boulder rough parcels sold best as buy it now and singular Ethiopian rough opal sold best in No reserve category Andamooka rough and polished stones were also in high demand and bids were strong in no reserve.</p><p></p><p><a href="/account/item_watch">Item Watch</a></p><p>Opal Buyers make massive use of this feature when comparing our sellers’ stock on a level playing field. <br />154,096 opals were added to item watch in this quarter. <br />This was up on last quarter, but our gemstone site, Gemrockauctions item watch had decrease in item watch items for first time. <br />Data shows 42% bids were new buyers for opals so pandemic has made lot new buyers visit opalauctions and do home work on item watch compared to gemstone buyers.</p><p><br />Pandemic has introduced lot people to Opals and good to see new buyers learn and increase their product knowledge.<br /><br /><br /><br /></p><p><img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5e83ab2c3e63b.jpg" alt="" width="810" /><br /></p><h2>Opal Quarterly report Jan - March 2020</h2><p>Our Opal Verified Sellers have sold 13,927 opals, in comparison to 9,984 for the same period last year and increase 39.45% in volume sales and in value terms sales are up by Massive 59.29 %, as buyers purchase more higher priced quality opals.</p><p>All Opal categories have had a huge demand from Rough Opals to Australian, Ethiopian, Mexican Opal and Brazilian Opal.</p><p>Massive Demand for opals $1,000 to $3,000, nearly double the average demand for these top opals</p><p><a href="/account/item_watch">Item Watch</a></p><p>Opal Buyers make massive use of this feature when comparing our sellers’ stock on a level playing field.</p><p>125,124 opals were added to item watch in this quarter. </p><h2>MARCH OPAL REPORT</h2><p>Our Opal Verified Sellers have sold 4,953 opals, in comparison to 3,477 for the same period last year and in value terms sales are up by an incredible 42.45 %.</p><p><a href="/account/item_watch">Item Watch</a></p><p>Opal Buyers make massive use of this program in comparing our sellers’ stock on level playing field.</p><p>46,599 opals were added to item watch for this month. </p><h2>FEBRUARY OPAL REPORT</h2><p>Our Opal Verified Sellers have sold 4,334 opals, in comparison to 3,026 for the same period last year and in value terms sales are up by Massive 88.4 %.</p><p>February was our record month since we established in 2004, buyers were buying $1,000 opals each hour and sales were nearly doubled that of last year.</p><p>At start of the month, Australian opal fields were in drought and fire but then we had rain event with some places receiving their first rain in 6 years and many areas 6 months rain in one week.</p><p>So many opal mines were flooded as opal miners had not made trench gutters to take water away from their mines, so production was minimal again.</p><p><a href="/account/item_watch">Item Watch</a></p><p>Opal Buyers make massive use of this program in comparing our sellers’ stock on level playing field.</p><p>46,599 opals were added to item watch in this quarter, which is a record for one month. </p><h2>JANUARY OPAL REPORT</h2><p>Our Opal Verified Sellers have sold 4,640 opals, in comparison to 3,511 for the same period last year and in value terms sales are up by Massive 66.8 %.</p><p>Nearly all categories had record sales from Australian to Ethiopian opals.</p><p>Strong demand was from resellers in the secondary opal market from social sites to shops and markets were strong indicating many sellers had good Christmas sales.</p><p>We could see guest buyers buying groups 4 to 6 gold opal rings.</p><p>Many buyers bought several lots and used combined shipping.</p><p>This month Australia had massive bushfires which did not affect production, but the drought made it difficult for the opal miners to wash their opal bearing dirt.</p><p><a href="/account/item_watch">Item Watch</a></p><p>Opal Buyers make massive use of this program in comparing our sellers’ stock on level playing field.</p><p>42,151 opals were added to item watch in this quarter. </p><p><br /></p><p>
4806<img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5e734ef9b4d65.png" alt="opal trends report october - december 2019" width="810" class="wysiwyg-float-left" />Our Opal Verified Sellers have sold 14,347 opals for this quarter, in comparison to 10,549 for the same period last year and in value terms sales are up by 40.68%.</p><p>Record quantity for new listings of 27,871 opals listed by our verified sellers in this quarter.</p><p>Nearly all categories had record sales from Australian to Ethiopian opals</p><h2>Item Watch.</h2><p>Opal Buyers make massive use of this program in comparing our sellers’ stock on level playing field.</p><p>A record 114,205 opals were added to item watch in this quarter.</p><p>Opal Auctions Pinterest account has 16 million over views per month and shows the popularity opals is increasing.</p><p><img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5d95597b1d986.jpg" alt="opal quarterly report july - september 2019" width="810" /></p><h2>Opal Trends Quarterly Report for July - September 2019</h2><p></p><p>Our Opal Verified Sellers have sold 11,573 opals for this quarter, in comparison to 7699 for the same period last year and in value terms sales are up by 51.5%.</p><p></p><p>Record quantity for new listings of 23,603 opals listed by our verified sellers in this quarter.</p><p></p><p>Boulder opal was by far the best category in sales. The largest volume of new listings were also Boulder opal due to good production in most Queensland opal fields.</p><p></p><p>Opal mining at Lightning Ridge has been affected by severe drought conditions. Fortunately a handful of miners have found good deposits of opals, but generally most opal miners cannot wash their opal bearing dirt due to no water supply.</p><p></p><h3>Item Watch</h3><p></p><p>A record 104,524 opals were added to item watch in this quarter.</p><p><img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5d955a0a85764.jpg" alt="opal trends report september 2019" width="810" /></p><h2>Opal Trends Report September 2019</h2><p></p><p>Our Opal Verified Sellers have sold 4,018 opals for the month of September, in comparison to 2,558 for the same period last year and in value terms sales are up by 57%.</p><p></p><p>Record quantity for new listings of 9,678 opals listed by our verified sellers in this month.</p><p></p><p>Black opal and Ethiopian opal sales were steady.</p><p></p><p>No Reserve Auctions and Make An Offer sale were also predominantly Boulder opal.</p><p></p><p>Item watch continues to have over 33,832 opals added by opal buyers to help track prices received.</p><p><img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5d75a3553bd11.jpg" alt="opal trends August 2019" width="810" /></p><h2>Opal Trends Report August 2019</h2><p></p><p>Our Opal Verified Sellers have sold 3,932 opals for the month of July, in comparison to 2,640 for the same period last year and in value terms sales are up by 83%. </p><h3>Records were broken in August:</h3><ul><li><p>Record August 2019 month in sales.</p></li><li><p>Record Number of opals added to item watch category.</p></li><li><p>Record of new Buyer Registrations.</p></li><li><p>Record of Active Buyers purchasing opals.</p></li><li><p>Record interaction of buyers switching from both sites buying opals and gems.</p></li><li><p>Record of ‘No Reserve’ sales.</p></li><li><p>For the first time, over 1,500 opals and opal lots were sold in ‘No reserve’ Opal Auctions</p></li></ul><h3>Top sub-categories in ‘No Reserve’:</h3><p></p><p></p><ul><li><p>International opals, majority are Ethiopian opals, Rough and specimens, Australian opals.</p></li><li><p>International opals have seen an increase in demand for Mexican opals, followed by Brazilian opals and Indonesians opals.</p></li><li><p>Boulder Opal and Rough opal were the top two categories’ in volume sales.</p></li><li><p>Black opals had greater sales but a lower volume as demand was strong for top end black opals but soft demand for middle priced black opals.</p></li></ul><p>The top sale was a red fire 69 carats black opal for $10,000.00 and a 73 carat Welo opal that sold for $10,000.</p><p>We presume that the Hong Kong Riots contributed to buyers buying black opal (for investment).</p><p>Hong Kong buyers have been purchasing top end black opals for $7,000 to $9,000 and black rough opals for $5,000.</p><p>This is the first month that Hong Kong buyers have bought quality black opals and it seemed to be a direct response to their political problems.</p><h2>Great Britain and Brexit</h2><p></p><p>United Kingdom opal buyers have been strong purchasers of opal between the price range of $300 to $500. Several times in the month they were placed number three in the top country ratings of sales.</p><h2>Opal mining in Australia report</h2><p></p><p>Australia is experiencing drought conditions in the opal fields. Queensland has reasonable production for boulder opal but very little production for pipe or wood boulder opals. Many opal miners have had a reasonable year finding large pockets of opals. We hope this continues for opal miners to find new fields, but exploration and testing is very time consuming and expensive. Many small operators did not have good production and the mining will soon be over when temperatures get to hot.</p><h2>Lightning Ridge</h2><p></p><p>Lightning Ridge in New South Wales, Australia is the home of the black opal. Opal production is down due to the drought. Miners cannot wash the material they mine.</p><p>Report was that one miner has placed 20 kilometres of piping to bring water to his mine and another trucks the opal bearing dirt 100 kilometres just to wash the opals.</p><p>Drought is in its 6th year now and shows no signs of rain. Many farmers do opal mining ventures and one farmer/opal miner spent all their funds on feeding their cattle but had to sell at a loss and now can’t afford to continue opal mining.</p><p>Now, only a hand full of miners have been able to mine and produce good parcels of opal, but it’s not enough to supply the black opal market.</p><h2>Doublet Opals</h2><p></p><p>
4806Buyers have targeted top gem doublets with sales up 367% on last month.</p><p></p><p>Buyers have been purchasing top quality opal doublets and sales are frequently ranging from $1,000 to $2,000 especially opal doublet pairs.</p><p></p><p>Item watch continues to have over 38,350 opals added by opal buyers to help track prices received.</p><h2><img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5d3e9cab50444.jpg" alt="opal trends July 2019" width="810" /></h2><h2>Opal Trends Report July 2019</h2><p></p><p>Our Verified Sellers have sold 3,280 opals for the month of July, in comparison to 2,501 for the same period last year and in value terms sales up 26%.</p><p>Two new records were broken in July: Item Watch and No Reserve sales.</p><p>No reserve auctions in July had record value sales, with top category large Ethiopian opals weighing between 10 to 20 carats and also a large opal rough specimens weighing between 40 to 120 carats.</p><p><img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5d3ea22645e22.png" alt="Top no reserve categories July 2019" width="810" /></p><p>There were 30,0693 opals added to ‘Item Watch’ in July by our buyers. This the most use of this item watch system as professional and hobbyists are all track the selling price of opals, with a new record number of items added this month.</p><p>Buyers are more educated with more knowledge of opals and are interested in following the current trends. We note buyers are following opals from all countries and all opal fields with so many buyers following hundreds of opal listings and some even thousands.</p><p>Black Opal sales have slowed down. This is also due to less listings as many opal miners are not being able to wash their rough. Fortunately a lot of rough is stockpiled at Lightning Ridge and is just waiting for the rain to arrive.</p><p>Some miners are running miles of water pipes to opal wash plants just to supply some rough until rains arrive.</p><p>The strongest demand was for Ethiopian and Boulder opals.</p><p>Matrix boulder opals under $100 had strong sales.</p><p>Ethiopian opals once again large sizes 5 to 12 carats had strong demand.</p><p>Rough opal was the top category and a lot of opal buyers follow no reserve opal rough.</p><p>All rough categories had strong buyers that are after quality rough opals.</p><p>A total of 6,642 new opals were listed during the month of July.<br /><br /></p><p><img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5d22a3492d2a0.jpg" alt="opal trends quarterly report April - June 2019" width="810" /></p><h2>Opal Trends Quarterly Report for April - June 2019</h2><p></p><p>There were 10,572 opal lots sold in the last quarter, which is a 51.65% increase from the same period last year.</p><h2>Item Watch</h2><p></p><p>There were 87,557 opals added to ‘Item Watch’</p><p></p><p>New buyers and repeat professional opal dealers all use this program to keep up to date on opal prices.</p><p>There were 17,736 new opals listed during last quarter valued at $3,057,680.</p><p>Opal Auctions has 79,441 opals listed and with the sister site Treasure Auctions has 200,000 items listed live.</p><p>The demand is strong in $1,000 price point for Black opals and Ethiopian opals. </p><p>A record $40,000 black opal sold in this quarter with steady sales for $2,000 to $7,000 of Black, Boulder and Ethiopian Opals.</p><p></p><p><br /></p><p><img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5d22a03927916.jpg" alt="opal trends June 2019" width="810" /></p><h2>Opal Trends June 2019</h2><p></p><p>Our Verified Sellers have sold 3,495 opals for the month of June, in comparison to 2,520 for the same period last year.</p><p></p><p>Opal Auctions has $32,954,008 value of opals listed as of 30th June 2019.</p><p></p><p>The May sales have increased by 43.2% above last year on the same month.</p><p></p><p>Large size opals were in strong demand, including</p><p></p><ul><li><p>39 carat boulder opal that sold for $7,000</p></li><li><p>50 carat Ethiopian opal that sold for $5,500</p></li></ul><p></p><p></p><p>There was a strong demand between the values of $1500 to $2250 for Black, Boulder and Ethiopian opals.</p><p></p><p>There were 28,053 opals added to ‘Item Watch’ in June by our buyers.</p><p></p><p>A total of 6,411 new opals were listed during the month of June.<br /></p><p><br /></p><p>
4806<img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5cf4757fd0133.jpg" alt="Opal Trends May 2019" width="810" /></p><h2>Opal Trends May 2019</h2><p>Our Verified Sellers have sold 3,325 opals for the month of May, in comparison to 2,066 for the same period last year.</p><p>We had a record sale of $40,000 black opal at just under $10,000 per carat.</p><p>The May sales have increased by over 31%.</p><p>There was 31,325 opals added to ‘Item Watch’ in April by our buyers.</p><h3>In the last 3 months:</h3><p>-We’ve had over $4 million dollar’s value of opals listed</p><p>-Over 10,000 opals have sold</p><p>-Opal Auctions had over 6 million page views</p><p>-Over 158,000 individual bids placed</p><p>Interestingly, within the last 1,000 buyers that came from Gem Rock Auctions, 95% of them have made Ethiopian Opal their first purchase before buying an Australian opal.</p><p>$1,022,072 worth of opals were listed.</p><p><img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5cc7cf85e674a.jpg" alt="opal trends april 2019" width="810" /></p><h2>Opal Trends April 2019</h2><p>Our Verified Sellers have sold 3,675 opals for the month of April , in comparison to 2,331 for the same period last year.</p><h2>Sales Increase</h2><p>Sales increased by a massive 71% from last year’s figures of opals sold in April 2018. Black opals had the top sales per carat, but there were strong demands in each opal category.</p><p>Black opal red fire black opal 1.1. carats sold for $3360 or $3054 per carat.</p><p>Ethiopian opal 123 carats honeycomb pattern Phantom opal sold for $6,000.</p><p>Lightning Ridge crystal 2.20 carats sold $3800 or $1727 per carat</p><p>Boulder opal 3.1 carats sold for $4100 or $1322 per carat</p><p>Top category for April was Boulder Opal and there was just under 1,000 boulder opals sol. Boulder opal types include Koroit, Yowah and Pipe opal. Koroit and pipe opals averaged $45 and Boulder opals averaged $100.</p><h2>Audit Watch for April</h2><p>28,386 opals were marked in item watch for April</p><h2>Listings Value New Opals</h2><p>5,789 new opal listings added during April.</p><p>$1,285,500 worth of opals were listed in April compared to $1,862,601 in March.</p><h2><img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5ca3123168a85.jpg" alt="opal trends quarterly report 2019" width="810" /></h2><h2>Opal Trends Quarterly Report for Jan - Mar 2019</h2><p>There were 10,039 opal lots sold in the last quarter, which is a 21.25% increase from the same period last year.</p><p>There was a high demand for Rough Opal which doubled compared to the same period last year. Rough Opal was our best selling category for March and for the quarter it was the third most popular category. We have never had Rough Opal at the top category on Opal Auctions until now.</p><p>Sales in Black Opal Rough was the strongest, followed by Boulder Opal and Coober Pedy Opal from parcels to sliced opals.</p><p><img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5ca2f5c19e6dc.png" alt="rough opal sales march quarter 2019" width="810" /></p><p>Black Opal Rough was 60% of the total Opal Rough sales, which consisted of parcel lots, rubs, semi black and gamble rough.</p><p>Boulder Opal Rough sales included Koroit and Yowah rough.</p><p>Other Rough include opals categories in Mexican, Honduran, Andamooka, Fairy and Pink Tiffany.</p><p>Several of our sellers had large lots of quality Black Opal Rough which is hard to find this quarter due to the severe drought, severe thunderstorms and flood that has recently occurred.</p><p>Sales are related to listings, with just under 1,000 opal rough lots that have sold this quarter to the new category of rubs.</p><p>Parcel lots averaged between $200 to $300 with larger parcels between $1,000 to $3,000. Most were parcel lots sold weighed between 100 to 500 grams and also large single pieces of rough. The strongest sales were Black Opal Rough, followed by Boulder Opal Rough which was neck to neck with Ethiopian and Brazilian Opal Rough.</p><h2>Audit Watch</h2><p>Opal Auctions has approximately 85,000 opal lots listed and from that figure 27,000 have been added to Item Watch in March. This indicates that many of our buyers are doing their own product research.</p><p>Some rough opal parcels offered in No Reserve Opal Auctions had up to 500 buyers adding the listing to Item Watch. This feature is proving to be more popular than we realised and it has become the top tool for buyers to study what prices are achieved in No Reserve Auctions.
4806</p><p>We recommend that all buyers and even sellers to try Item Watch to monitor market trends and follow prices that opals are sold for.</p><p>Make an Offer sales have greatly increased and sellers discount can vary considerably between sellers.</p><p>One general trend is that if opal miner has good production, then he is more likely to offer better deals. However when the production is low, they are less inclined to offer discounts.</p><p>Many Australian opal miners are running at break even or loss from loss production, the opal industry needs more opal miners to help find good opal pockets.</p><h2>Opal Hunters</h2><p>The Discovery Channel show ‘The Opal Hunters’ is now airing its second series in Australia and has been broadcast to 20 countries, excluding USA.</p><p>The Opal Hunters show follows the journey of various opal miners from Boulder to Black Opal. You see the day to day problems the opal miners experience and how difficult and costly it is to mine for opals. Most miners do not have much opals to show.</p><h2>Feedback</h2><p>This section focuses on the B2B buyers purchases and feedback. Unfortunately most do not leave feedback as they are too busy purchasing and running their business.</p><p>Our surveys consistently indicate that people like to see feedback, but people leaving feedback seems to be slowing down with many B2B buyers not filling in the feedback section. Because of this, our system automatically leaves a positive feedback after 60 days.</p><p>Now less than 40% of buyers are leaving feedbacks, as buyers show confidence and keep purchasing form Opal Auctions Verified Sellers.</p><h2>Buyers Age Group</h2><p>The pie graph below displays buyers that purchased over 90 days and surprisingly the 35-44 age group was the largest followed by the 25-34 age group. Younger generations are experiencing the enjoyment of owning opals.</p><p><img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5ca3118e2bb2e.png" alt="opal auctions buyers age groups trend 2019" width="810" /></p><p><img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5ca2deb4443d7.jpg" alt="Opal trends march 2019" width="810" /></p><h2>Opal Trends March 2019</h2><p>Our Verified Sellers have sold 3,478 opals for the month of March, in comparison to 2,857 for the same period last year. It has increased by 20.97% from last year’s figures of opals sold. It has increased in value of 22.9% for the same period last year.</p><p>Opal Rough was the top category for the month of March.</p><p>The top sale was an 11 carat mackerel Black Opal pair that sold for US$22,950 which is US$2086 per carat.</p><p>The mackerel pattern was in good demand with a 14.6 carats dark opal selling for $9000 ($616 per carat).</p><p>The recent trend for opals has been the Brightness of the stone, rather than the Body Tone. We have observed this trend with our top sales. The pair of Black Opals has a body tone of N2 and the 14.6 carat opal has a body of N5.</p><p>Brightness and pattern are more highly considered now than the past, with sales increasing in the Dark or Semi Black Opal category.</p><p>In March, the Dark Opal Semi Black category was the fifth highest value category.</p><p>Boulder opals came out as the top category, just a fraction above Black Opal, followed by Ethiopian Opal.</p><p><img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5c7897bc3bcf2.jpg" alt="Opal trends february 2019" width="810" /></p><h2>Opal Trends February 2019</h2><p>Our Verified Sellers have sold 3,064 gemstones for the month of February, in comparison to 2,735 for same period last year. It has an increased 20 % on last year’s sales for the same period.</p><p>Rough opal sales were strong making this category third in volume, especially for black and boulder parcel deals.</p><h3>Opal Auctions classification is as a leading Opal Market Place</h3><p>EBay is classed as a wholesaler’s marketplace and Amazon is classed as retailer. Wholesale classification means selling in large quantities and Retail as selling small quantities.</p><p>
4806B2B is the acronym for business to business sales and B2C is the acronym for business to consumer. Opal Auctions platform is a combination of both B2B and B2C.</p><p>Opal sales to the end consumer, direct from the opal miner or opal wholesale business has been the core to our business B2C. In the last 18 months we have seen a massive increase in B2B sales.</p><p>The average opal buyer will purchase 4 items over 90 days and 82% of buyers purchase 1-10 lots and can assume that most of these sales are from retail buyers.</p><p>B2B buyers are increasing with many buyers over 1,000 feedback and several with over 3,000. </p><p>Opal resellers, retail shops, market sellers and other online sites now see Opal Auctions as the market place to purchase Opals.</p><p>Non-English-speaking countries, from Asia to Europe are strong buyers in 50 to 500 feedback categories.</p><p><img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5c789a0168cfb.png" alt="Chart shows percentage feedback for buyers with over 10 feedbacks who are classed as B2B buyers" width="810" /></p><p>Pie graph: The chart shows the percentage of feedback for buyers with over 10 feedbacks who are classed as B2B buyers.</p><p><img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5c5b6657177a8.jpg" alt="opal trends 2019" width="810" /></p><h2>Opal Trends January 2019</h2><p>The opals sales for the month of January are predictably slower after the busy Christmas period. However this year we experienced a strong demand across all categories making this month our third best record.</p><p>A total of 3,536 opals were sold which is over 1,000 more opals in comparison to the same period last year.</p><p>There was no single opal category that had the top sales, although all the major categories such as Black Opal, Boulder Opal and Ethiopian Opal had strong demands. Brazilian and Mexican opals, along with opal jewelry had strong purchases.</p><p>We observed a strong demand for new listings of rough opals and sales to Europe increased slightly.</p><p>Opal buyers had time to research opal sub categories, which showed through the good value and quality sales that were made.</p><p>For example, Coober Pedy opal has 8 sub categories including parcel and pairs. Most of these sub categories had reasonable sales.</p><p>The quantity of mobile users who search and purchase on Opal Auctions has increased. The percentage of mobile users is currently 55.9% in comparison to tablets and desktops users.</p><p><img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5c2ea7c54b50c.jpg" alt="opal trends quarterly report october to december 2018" width="810" /></p><h2>Opal Trends Quarterly Report for Oct - Dec 2018</h2><p>Opal Auctions broke sale records. A record of 10,604 opals were sold last quarter with the highest ever mean average price as buyers focused on quality opals.</p><p>The dollar value of sale was up 29.5% for the quarter compared to the same quarter last year. The three top opal types Black, Boulder and Ethiopian opals each had a record month. November to December, buyers perferred Black Opals as the number one category. In October, Ethiopian and Boulder opals were the number one category. <img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5c2db114a8062.png" alt="opal trends quarterly report" width="810" /></p><h2>Black Opal</h2><p>Limited opal supply is impacting the number of listings increasing the average price.</p><p>Black opals had 5,300 listings compared to 6,500 listings year ago. This trend is expected to continue due to low production and drought. </p><p>The price point $1,000 - $3,000.00 has only 500 opals listed due to increased demand and limited supply. <img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5c2db22839030.png" alt="opal trends opal stones and rough 2018" width="810" /></p><h2>Boulder Opal</h2><p>Boulder opal had a good supply of new pipe and wood fossil opals with over 24,000 boulder opals listed.</p><p>But on price points $250 to $500 there are just over 1,000 opals listed.</p><p>Under $20 boulder has over 7,000 opals listed. This is currently the slowest category as the buying trend is to quality rather than price.</p><p>Re sellers prefer this price, but increasing cutting costs means prices are at levels that many sellers cannot list opals under $20. <img src="https://df2sm3urulav.cloudfront.net/tenants/
4806oa/uploads/content/5c2db26a9a770.png" alt="boulder opal trends 2018" width="810" /></p><h2>Ethiopian Opal</h2><p>Buyers are demanding strong and unique patterns. The top sale was $4,000 and at beginning of the month $1,000 to $1,500. Ethiopian opals with strong patterns and good cabochon were in demand.</p><p>In price points $300 to $1,000 there is only 680 opals listed. $1,00 to $1500 only 125 opals are listed. Majority of the Ethiopian opals sell in No reserve categories.</p><h2>Google Search & Other Trends</h2><p>We monitor search terms on Google searches.</p><p>These searches are outside Opal Auctions and there has been a steady increase in opal searches over last three months.</p><p>Boulder opal had a massive spike up 376% in quarter and another spike at the end December. Spikes are generally the result of some sort documentary or article about opal that is general interest. But these spikes relate back to sales, so these results are exciting for the Opal industry.</p><p>Last quarter hundreds of new buyers registered, bid and purchased quality opals. These new buyers showed a degree of product knowledge and understood the rarity of opals. Generally new buyers search and buy a few inexpensive opals, but last quarter they purchased instantly for quality.</p><p>B2B sales were steady with re-sellers targeting boulder opals and Ethiopian opals instead of black opals but many retailers purchased black opals for resale to their clients.</p><p>There is extreme hot weather now in many Australian opal fields with some reporting average 44 degrees or around 110 Fahrenheit and some up to 50 degrees which is above 120 Fahrenheit. Most mining operation have now ceased and start back in March or April depending on weather conditions.</p><p><img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5c2d89d29b532.jpg" alt="opal trends december 2018" width="810" /></p><h2>Opal Trends December 2018</h2><p>Opal sales for the month of December was strong over all categories with a massive increase of 72% in comparison to the same month last year. A total of 3,84 opals were sold making it the second best month of sales. December summary trends is that experienced buyers are searching for top quality opals.</p><h2>Black Opals</h2><p>Black opals had the strongest sals for the year with more top Gem black opals sold than in the previous four months. It appears that Black opals were the December King category in the whole site. Older buyers have preferred purchasing Black Opals over all the other opal varieties. The top sale was a $7,500 stone and the average was just under $3,000.</p><h2>Boulder Opals</h2><p>There was a good demand for clean quality boulder opals and wood fossil opals, with strong sales of $300 and upwards.</p><h2>Ethiopian Opals</h2><p>There was a strong demand for top quality stones. The stop sale of Ethiopian Opal was $4,000.</p><h2>Brazilian Opals</h2><p>Brazilian opals had goo sales between $100 to $150 per carat.</p><h2>Mexican and Indonesian Opals</h2><p>These opals sold well in the No Reserve category.</p><h2>Opal Jewelry</h2><p>Opal rings under $300 were the most popular in the gold ring category, however sellers are finding it difficult to list at this price point with solid opals. As a result opal doublets and triplets are being listed instead.</p><p><img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5c2d880452410.jpg" alt="opal trends november 2018" width="810" /></p><h2>Opal Trends November 2018</h2><p>What an incredible month it has been for Opal Auctions, as we achieve three huge records in November. </p><p><strong>FIRST RECORD:</strong> Opal Auctions had record sales with 3920 high quality opals sold. </p><p><strong>SECOND RECORD:</strong> A stunning 2 carat Lightning Ridge Crystal opal has sold for $5,700. That’s $2,850 per carat. For those interested to see this amazing opal, the item number is 726165 and the customer has left a very positive feedback. We have reported that crystal opal prices are increasing for several reasons and the new listings will also have a higher carat price. </p><p><strong>THIRD RECORD: </strong>We have sold the largest quantity of top gem fire black opals than any other month of the year. The biggest demand for opals had the price points between $1500 to $5000.</p><p>
4806<img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5c00d355b7489.png" alt="monthly sales for 2018 opal auctions" width="1140" /></p><h2>Black Opal</h2><p>Black opal is still on top of the list for the landing page. The demand has been consistent for small Black opals under 1 carat to 0.70 carat that are selling between $1000 to $1500. The top sale was a beautiful 5.03 carat Black opal that sold for $7,500 (item ID 742047).</p><h2>Boulder Opal</h2><p>Boulder opal sales were strong between the $300 to $750 price points. </p><h2>Google Searches</h2><p>Google searches for Boulder opals increased by 376% for the first week in November. We monitor Google analytics for opal searches and last year the searches fell approximately by 20% for opals During the last week on November, the searches for Koroit opals increased over 50% and over 40% for Black opals.</p><h2>Ethiopian Opal</h2><p>Ethiopian opals had steady demand between the $400 to $1,000 price points.</p><h2>No Reserve</h2><p>No Reserve auctions have gained popularity due to the increase use of mobile phones. In N
4806ovember, we had an average between 400 - 600 opals listed in comparison to 250 opal last year, and also the prices have been steady for this category. We added a new category for the No Reserve auction, with the starting bid of $15 and 25% of these auctions are selling which is expected.</p><h2>Opal Jewelry</h2><p>Opal Jewelry sales were mostly larger sized jewelry pieces that sold between $500 to $750. It is the first time that more opal pendants have sold than opal rings.</p><p><img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5bd95fb4b68de.jpg" alt="Opal trends October 2018" width="810" /></p><h2>Opal Trends October 2018 - Opal Birthstone Month</h2><p>The opal sales for the month of October was steady with 2,798 opals sold. The most popular category was boulder opal. Interestingly another highly sought after category includes boulder polished and rough sub categories ranging from Koroit opal, Yowah opal, Pipe opal, boulder opal pairs and boulder opal parcels. One of the most active price points was for cabochon opals around the $1000 mark and also Ethiopian opals were in very high demand. Last year we had nearly 800 opals around this price and now we have less than 500, with only 135 Ethiopian opals, 164 boulder and 198 black opals to choose from.</p><p>This month we provide an in depth information on the macro and micro opal trend report due to the many factors effecting opal supply and pricing.</p><h2>Micro Opal Industry Report</h2><p>Black opal sales have been steady however the volume of new listings is down due to the current drought resulting to lower production. New listings are down 15% in comparison to the same time last year. In figures it translates to 6,500 black opals listed in October last year, but only 5,500 this year.</p><p>Many opal buyers have reported that they can’t spend their money on the opal fields at Lightning Ridge and are worried about the $10,000 cash payment which will be illegal from 1st July 2019. If opal buyer pays miner over $10,000 cash, they are both breaking the law and fines will be applied.</p><h2>Opal Body Tone Versus Opal Brightness</h2><p>The top opal sale was a one-carat semi black or dark opal that sold for $3,000 per carat. We have noticed a shift of opal preference from opals with body tone of N1 to now the brightness of an opal. Buyers prefer brightness to body tone.</p><h2>Crystal Opals</h2><p>Crystal opals mined from Coober Pedy and Australia are experiencing a high demand and unfortunately a price increase. We have mentioned in previous reports that opal prices from these opal fields will increase.</p><p>An overview of the macro report is that the Chinese buyers are leaving the opal fields due to price increase. One major Sydney based company is closing due to this price increase and as a result they cannot buy rough to cut and resell. Another Australian wholesaler has raised the price of crystal opals up to 25% and have warned of higher increases in the near future.</p><p>It will be interesting to see the adverse affect of the increase price on the Australian Crystal opal and if it will directly influence the demand for calibrated Ethiopian opals.</p><h2>Boulder Opal</h2><p>October sales were good for Boulder opals in Volume and price as the number one category. For sales, the top categories include Boulder with sub category’s ranking high as rough boulder opal and Pipe opal.</p><h2>No Reserve</h2><p>The No Reserve opal sales have nearly doubled since last year. Between 400 to 600 No Reserves items are constantly listed every month and it has proven to be a very popular and fun category for opal buyers. No Reserves sale is dominated by Ethiopian opal followed by Australian boulder opal. Many opal sellers have reported consistent sales for top quality opal. Many sellers have seen bidding wars on their good quality opal listings.</p><p>Good new, we have added a new sub category starting at $15 with no reserve to Opal Auctions. We are excited to see the activity for this new category.</p><p>Many repeat opal buyers have their own strategy in buying opal. Buyers have an option of bidding in $1.00 $5.00 or $10 increments and recently buyers have not been placing their highe
4806st amount bid on automatic, as example this opal (<a href="https://www.opalauctions.com/products/6785-cts-dragon-skin-collectore-stone-mintabie-lro310-735025?fbclid=IwAR3nHPPPRWhfDdONMcy4oTS0JV6D8ImeDEeb3cyvQEMR_3RAkLfL5e2UbTo">Click here to see the auction</a>) had 341 bids to sell for $996.</p><p>The No Reserve category is far more popular than what it was a year ago, and we expect this trend to keep increasing the sales in this category. Buyers are now enjoying the fun of auctions and find it easy to get captivated following the style of the No Reserve in Opal Auctions.</p><h2>Macro Opal Industry Report</h2><p>We have reported about price increases and how there are a lot of factors forcing the price increases for the future. Chinese buyers have changed their purchasing patterns. A few years ago they would purchase top end black opals, today they are still buying black opals however they are purchasing more quantities of middle to lower range opals to be placed in rings stones valued under $500. Chinese buyers have also been buying Coober Pedy opals for over a century, but unfortunately most full-time buyers have now left the town as they cannot make business due to rising opal rough prices.</p><p>Indian buyers have now replaced them and as a result the price for lower grade opals has greatly increased. Chinese have been purchasing quality clean boulder opal, and we expect this to increase. Chinese buyers have also been purchasing crystal rough in large parcel lots that are mined from Opal fields like White Cliffs. Reports have showed many opal deals worth over $100,000 for bright crystals that cost under $50 per opal. The opals mined in White Cliffs have not been available online until now. <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-2 not-prose"><div class="relative overflow-hidden rounded-xl hover:opacity-75 transition duration-50 ease-in-out">
4807    <a class="no-underline" href="https://www.opalauctions.com/auctions/rough-opal/white-cliffs-opal-rough">
4808        <div class="self-stretch flex-grow overflow-hidden">
4809            <div class="aspect-1">
4810                <img
4811                    src="https://liveplatforms-production.b-cdn.net/tenants/oa/uploads/content/5bc517c86e1db.jpg"
4812                    alt="White Cliffs Opal Rough"
4813                    class="w-full h-full object-cover"
4814                    loading="lazy"
4815                />
4816            </div>
4817        </div>
4818
4819        <div class="absolute inset-0 flex flex-col justify-end z-20">
4820            <div class="relative text-white p-4 font-bold bg-gradient-to-b from-transparent to-black/75 z-0">
4821                <div class="text-sm z-50">White Cliffs Opal Rough</div>
4822            </div>
4823        </div>
4824    </a>
4825</div>
4826</div></p><h2>Black Opal</h2><p>This month there are many drilling rigs searching for opals in the fields of Lightning Ridge in comparison to last year. The average drilling rig was working only between 2-3 days, and now they are working between 5-7 days. This is good news, more time spent searching and drilling might result to finding new opal fields or pockets of black opals.</p><h2>Opal Mining</h2><p>Many opal buyers would be surprised to know that now you need over $100,000 to do commercial opal mining. Open cut mining pits can be up to 5 to 10 times that amount. At present we know of three open cut open mines that are losing money, as costs are so high. The opal miners are under considerable stress financially and we hope they find opal dirt soon. If large-scale mines can’t be profitable, it will make the opal industry contract. Currently hobby miners need a minimum of $10,000 to invest for cost and must comply to regulations by completing a mines department course before they can begin the opal mining.</p><h2>Summary</h2><p>Buyers land on black opal categories and purchase a variety opals from different opal fields. Opal buyers aged between 45-54 years spend the longest amount of time on Opal Auctions and spend the most compared to the other age categories. Opal buyers prefer to view newer listings the most and spent the longest time in the categories shown below.</p><p>
4826<img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5bd963ba947d3.png" alt="opal buyers trend - spent most time viewing" width="810" /></p><p><img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5bb43cc3af0c9.jpg" alt="opal trends September 2018" width="810" /></p><h2>Opal Trends September 2018</h2><p>The opal sales for the month of September was steady with 2,563 opals sold. Although the quantity of opals sold this month has remained steady, the average sales price of opal has increased in comparison to the last three months. The best performing category for September was Ethiopian opals. The buyers favoured the high quality stones from this category.</p><p>The sale trend for Ethiopian opals are for 10 to 30 carats, with good patterns, colors and high cabochon. These are in high demand due to the great price point and also being a good size stone for large rings. We expect the market to remain strong for these opals, especially those that are used as ring stones. Our analytics shows that buyers of Ethiopian opals have spent more time on this category than all our other categories on Opal Auctions. We had a recent instance of a seller who had listed a GIA certified Ethiopian opals and it had sold instantly. Our sister site Gem Rock Auctions is also experiencing a high demand for Certified Gemstones. </p><p>There is also a strong demand also for bright crystal opals and bright Coober Pedy opals. The demand for new listings of these opals are strong. We believe it is due to the new supply and recent new listings of bright material, which are now becoming hard to find. We expect in prices to increase in the Coober Pedy Opal category in the near future.</p><p>Black opals had some good sales for rings stones that weighed between 0.9 to 1.5 carats. However new listings are slow for black opals due to the current drought.</p><p>Boulder opals had the most volume of sales. The top three categories were Boulder Opal Stones, Boulder Pipe Opal and Yowah Opal Stones.</p><p>The sales for opal jewelry has increased compared to last year due to the sales from gold rings and silver pendants.</p><p>We have seen a rise in sales for Rough Opal. In particular, parcel deals that are priced between $150 to $300 and a few parcels selling for over $1,000.</p><p><img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5b97305fc429b.jpg" alt="Opal Trends August 2018" width="810" /></p><h2>Opal Trends August 2018</h2><p>The Opal sales for the month of August were steady with 2,656 opals sold. This is a slight 15% increase in comparison to the same period last year.</p><p>The top opal sale was a gem Black opal that weighs 1.13 carats and had sold for $5,000.00</p><p>New listings of black opal were lower this month due to a drought, which affects washing of opal bearing dirt. Therefore black opal sales were low in price points between $100 to $500.00 and as a result buyers purchased more of Boulder opal, pipe or wood and Ethiopian opal as an alternative.</p><p>Opals in gold ring sales were stronger than opal in gold pendant. Majority of the buyers preferred instant Buy It Now purchases instead Make an Offer. <img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5b97302b0ce4b.jpg" alt="Opal Trends July 2018" width="810" /></p><h2>Opal Trends July 2018</h2><p>The opal sales for the month of July were steady with 2,502 opals sold. There is a slight increase of 14% compared to the same period last year.</p><p>The top opal sold was a stunning $3,000 Ethiopian opal that weighed over 15 carats.</p><p>New listings of opal doublets and crystal opals had a strong demand.</p><p>Black opal sales were slow to steady and there was also a high demand for boulder pipe opals.</p><p>There is a big trend for repeat buyers that are seeking a variety of new stock. These buyers are looking for a large range of different opal types. Due to this interest from our buyers, many categories had reasonable sales.</p><p>The No Reserve category has a new record this month, with a whopping 400 items listed with a starting bid of one dollar. July is considered as a buyers a month, with plenty of opals selling for very low prices in the No Reserve. <img src="https://df2sm3urulav.cloudfront.net/tenants/
4826oa/uploads/content/5b972fcfba268.jpg" alt="Opal Trends quarterly report April to June 2018" width="810" /></p><h2>Opal Trends Quarterly Report April – June 2018</h2><p>The total amount of opal sold in this financial quarter is 6,973. Our top 6 categories, as listed below have been consistent in both the searches and the sales. In this quarter we have noticed that our sub categories have been searched eagerly by opal buyers, for example new listings of Boulder Opal reveal as the most searched category. This is a result from new listings of Pipe Opals and Wood Fossil Opals. Another example of a well-searched category with strong sales is Mintabie Rough Opal. The geographical trend of our buyers shows that the majority are based in the USA. Interestingly we have an increase of Boulder Opal sales from customers based in European countries such as France, Germany and Switzerland. The sales from our opal buyers that are based in Britain and Canada have remain stable. The sales are also generally lower in Asian countries such as Taiwan, China and Singapore, however there were good sales from customers based in Japan. <img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5b580b0f99bc7.png" alt="Boulder Opals Sub Categories" width="800" /></p><p></p><p>The quality items are in high demand, with Black Opal revealed as the top sale item. This quarter we had new listings of Mintabie opals and South Australian Opal Rough, which contributed to the strong sales in these two categories. As always, the ‘No Reserve’ category proves to be very popular as volume sales continue to increase.</p><h3>Black opals Sub Categories</h3><p>The top black opal sold this quarter was over $3000 per carat. In the past, buyers showed preference for opals which had N1 body tone. This quarter the buyers showed more interest for opals that were brighter, which resulted to the increase in sales for semi black opals. <img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5b580ce81ce0e.png" alt="Black Opals Sub Categories Quarterly Report" width="800" /></p><p></p><h3>Boulder Opals Sub Categories</h3><p>Boulder opals listed under the $300 price point proved to be very popular this quarter, with an increase of opals sales under Pipe Opal and Wood Fossil Opal categories.</p><p><img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5b580da608003.png" alt="Boulder opals sub categories quarterly report 2018" width="800" /></p><p></p><h3>No Reserve Sub Categories</h3><p>Ethiopian opals were the most popular opals sold the No Reserve International category, whilst Boulder Opals were the most favoured under the Australian No Reserve category. </p><p>Out of the total 54 categories on Opal Auctions, 22% of the sales are from the No Reserve category and 78% are from the rest of the categories.</p><p><img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5b580ee68781b.png" alt="No Reserve Sub Categories Quarterly Report 2018" width="800" /></p><p><img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5b581022dad61.png" alt="sales comparison between No Reserve and all categories Opal Auctions" width="800" /></p><p></p><h3>Opal Rough Sub Categories</h3><p></p><p>From these Opal Rough sub categories, Black Rough Opal from Lightning Ridge in both single and parcel lots proved to be the most popular in this quarter, whilst Boulder Opal Rough had a lower demand. This was most likely due to the strong demand for the finished stone and also due to the lack of new listings for Boulder Rough. New listings for Mintabie Rough were snapped by quickly by repeat buyers who knows how rare this opal will become when the Mintabie Township and mining will close down. <img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5b581152941e2.png" alt="Opal rough sub categories quarterly report 2018" width="800" /></p><p></p><h3>No Reserve International Opals Sub Categories</h3><p>Ethiopian opals are the most popular category in the International No Reserve category. With Mexican opals increasing in sales in the end of the quarter.</p><p>
4826<img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5b5811da7b5f0.png" alt="No Reserve International opal sub categories" width="800" /></p><p></p><h3>Ethiopian Opals Sub Categories</h3><p></p><p>There was a strong demand for large cabochon Ethiopian opals that weighed over 10 carats and contained good patterns. The demand was lower for treated smoked Ethiopian opal. <img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5b5812dc8bc48.png" alt="Ethiopian Opal sub categories quarterly report 2018" width="800" /></p><p></p><h3>Opal Jewelry Sub Categories</h3><p></p><p>There was a strong demand for Gold Opal Rings between the price points of $290 to $325 and also between $900 to $1250. Gold opal rings had the highest price point sold over all the other sub categories from Opal Jewelry. <img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5b5815c75a04d.png" alt="Opal Jewelry sub categories quarterly report" width="800" /></p><h3>Top 20 Sub Categories In Order</h3><p>1. Black Opal / Black Opal Stones</p><p>2. No Reserve Opal Online Auctions / International Opals</p><p>3. Boulder Opal / Boulder Opal Stones</p><p>4. No Reserve Opal Online Auctions / Australian Opals</p><p>5. Ethiopian Opal / Ethiopian Opal Stones / Welo Opal Stones</p><p>6. Ethiopian Opal / Ethiopian Opal Stones</p><p>7. Rough Opal / Black Opal Rough</p><p>8. Rough Opal / Black Opal Rough / Black Opal Rough Parcels</p><p>9. Boulder Opal / Yowah Opal Stones</p><p>10. Boulder Opal / Boulder Pipe crystal</p><p>11. Opal Jewelry / Opal Pendants / Gold Opal Pendants / Gold Black Opal Pendants</p><p>12. No Reserve Opal Online Auctions / Jewelry Only</p><p>13. No Reserve Opal Online Auctions / Rough & Specimens Only</p><p>14. Boulder Opal / Boulder Opal Wood Fossils</p><p>15. Rough Opal / Mintabie Opal Rough</p><p>16. Rough Opal / Ethiopian Opal Rough</p><p>17. Rough Opal / Boulder Opal Rough / Boulder Opal Rough Parcels</p><p>18. Opal Triplet / Opal Triplet Parcels</p><p>19. Mexican Fire Opal / Mexican Fire Opal Stones / Cantera Opal Stones</p><p>20. Rough Opal / Boulder Opal Rough</p><p><img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5b972f67446da.jpg" alt="Opal Trends May 2018" width="810" /></p><h2>Opal Trends May 2018</h2><p></p><p>The Opal sales for the month of May were steady with 2,082 Opals sold. The top Opal sale was a gem Black Opal weighing 2.60 carats that sold for $8,500, representing $3,270 per carat. Black Opals experienced a high volume of searches from buyers, however they purchase Opals in different Opal categories. Some categories had substantial increases in sales compared to the same period last year.</p><p>Coober Pedy Opal sales have increased by 276%. This was due to two factors, the Opal Hunters discovery TV series which showcased Opal mining in Coober Pedy and also due to our sellers listing better quality Opals during the month. We expect the demand to continue strongly in this category.</p><p>Opal Triplet sales have increased by 248%. Once again our sellers have been listing top quality triplet gems and the demand was strongest for these top end Opals.</p><p>Doublet Opal sales increased by 105% with the strongest demand for parcel lots. The Opal jewelry manufacturers have been the strongest buyers in this category.</p><p>Boulder Opals sales increased by 14%, this category has seen strong demand continually for the past 6 months.</p><p>Rough Opal sales are up by 65%, with a strong demand for commercial style Black and Boulder Opal parcels that are ideal for volume cutting.</p><p>Ethiopian, Black and Crystal Opals were steady with no increase of sales. Black Opal jewelry had strong sales in the 18k gold pendant category.</p><h3></h3><h2><img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5b972eff61df1.jpg" alt="Opal Trends April 2018" width="810" /></h2><h2>Opal Trends April 2018</h2><p>The sales were below average for April, this was due to the record month in March which has affected the purchasing of repeat buyers. This month 2,357 Opals have been sold and we’ve also reached a new record of 350,000 Opal sales since Opal Auctions began.</p><p>Boulder Opal – The Boulder Opal category had the strongest sales this month. Our buyers spent on average over 10 minutes viewing Boulder Opal auctions, which is double the average amount of time spent viewing in other Opal categories.</p><p>Parcel Lots – There was a strong demand for parcel lots in April. White Opals, Crystal Opals and parcels of newly listed Mintabie rough Opal were snapped up quickly as they were being listed.</p><p>The Mintabie Opal fields are due to close by the Australian Government. This has resulted in an increase of demand as many Opal collectors are trying to source this material while it’s still available.</p><p>Ethiopian Opal– Ethiopian Opal was the second most searched for and purchased Opal for April.</p><h3>April 2018 statistics for Opal Auctions:</h3><p>Customer Device Usage - Over 63% of our Opal buyers now use their mobile phones or tablets while 37% use their desktop computer.</p><p>Customer Gender - 52.7% of our Opal buyers are male and 47.3% are female.</p><p>New Customers vs Returning Customers - 52.6% of our Opal buyers are return customers and 47.4% are new customers.</p><p>
4826<img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5ae8012776b42.jpg" alt="April 2018 graph customer device customer gender return customer new customer" width="810" /></p><p>Ages of Opal Buyers - Good news! Younger buyers are now enjoying Opals.</p><p>The percentages of each age group based on an average session on Opal Auctions</p><p>25-34 - 28.3%</p><p>35-44 - 19.4%</p><p>55-64 - 16.6%</p><p>45-54 - 16.0%</p><p>18-24 - 10.7%</p><p>65+ - 9.0%</p><p><img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5ae7f9373576b.png" alt="Age of opal buyers April 2018 Opal Auctions" width="810" /></p><p><img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5b971f2841d6a.jpg" alt="Opal Trends march 2018" width="810" /></p><p><div>
4827    <iframe class="w-full aspect-[16/9]" src="https://youtu.be/nF6-IQtOwoQ" allowfullscreen></iframe>
4828</div>
4829</p><h2>Opal Trends March 2018</h2><p></p><p>Opal Auctions has had another record month with a strong demand across all categories.</p><p>There was a total of 2,886 opal sold for march and 8,313 opals for the Quarter.</p><p>BLACK OPALS - The top sale was a large black opal of 24 carats for $24,500 at just over $1,000 per carat. Good quality black opals between 1-3 carts sold around $1500 per carat and small black opal that weighed under one carat sold between $200 to $300 per carat. Opal sellers were listing more small black opals than usual around the 0.80 carats and had sold well. Black opal sales under $100 are slow and demand is for high quality ring stone priced between $900 to $3,000.</p><p>BOULDER OPAL - Once again boulder opal was the stand out category with an average opal selling for $117. Boulder opals under $150 were the strongest in this price point as buyers have a large selection to choose from.</p><p>The total items listed in each category below $150 are:</p><ul><li><p>Boulder opal 22,000</p></li><li><p>Black opal 2,500</p></li><li><p>Mexican opal 2,300</p></li><li><p>Ethiopian opal 2,000</p></li><li><p>Coober Pedy Opal 1,500</p></li></ul><p>Another reason why boulder opals have the most volume sales is due to the wood fossil boulder opals. Approximately 18 months ago there was only 20 wood fossil boulder opals listed, but now over 1,000 are listed and thousands have already sold. Late in 2017 several boulder opal miners found large pockets and this particular opal field have been very popular with buyers for producing large unique boulder opals. Boulder pipe opals were also popular and it sells out quickly. Black Opal is searched three times more compared to Boulder opal however buyer purchase more Boulder opals due to lower price points and represents good value.</p><p>ETHIOPIAN OPAL - The demand for low grade Ethiopian crystal opals were low as buyers look for top pattern large caboched opals around $100 per carat. Cabochon opals 10 to 20 carats were in high demand. Several 10-15 carat opals sold between $900 to $1500. It was not only honeycomb pattern, but all unique patterns opals cabochon sold well.</p><p>OPAL JEWELRY - Opal ring sales have increased in March due to the new Guest checkout system. Good black and boulder gold rings were selling around $390 to $590 and had the highest demand. The top price was just under $3,000 for black opal ring.</p><p>CHANGE IN BUYING STRATEGY - No Reserve Auction was steady at 30% sales, however it had a low demand for bottom grade opals. Make An Offer strategy had doubled last years figures and the buyers are enjoying this easy system of buying. The Guest Checkout system for single items purchases accounted for a staggering 25% of the sales, which is especially strong in the one-off purchases of opal jewelry. Also another advantage of the Guest Checkout is that retail shops are using this sytem to be discreet.</p><p>DOUBLET OPAL - For the first-time doublet opal appeared in top 5 categories. The price points of $150 to $350 were strong, with top end sales around $1250. Searches and demand for doublets are now increasing.</p><p>In header bar of the website you can view the top 5 categories in order of the highest value. This system changes weekly and is a great indication of what type opal has the highest demand.</p><h2>
4829<img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5b971ed7c5ae9.jpg" alt="Opal Trends February 2018" width="810" /></h2><h2>Opal Trends February 2018</h2><p>The February opal sales were affected by our improvement to the new online system. Many of the buyers were confused with the difference between’ Guest Checkout’ and the “Buy It Now’. </p><p>The last two weeks of sales returned back to normal figures after the initial change to the new system. There were 2,749 opals sold for the month of February.</p><p>The top sale was a black opal that sold for $4,000. The Black opal category received twice as many hits than Boulder opals and Ethiopian opals, however Boulder opals was the top category for volume and sales.</p><p>The last week of February, we identified high searches on the site for Ethiopian opals. There were strong sales for Ethiopian opals weighing between 5 to 12 carat and for prices that ranged between $500 to $1800. These strong selling opals featured high cabochons and interesting patterns.</p><p>We observed that most of the new buyers using ‘Guest Checkout’ were Ethiopian opal buyers. Our Guest Checkout is designed to assist one-off opal buyers who do not need or want to register on the site.</p><p>The No Reserve opal auctions were steady with complete variety of different opals selling with strong bids.</p><p>The top category for the month of February is Boulder opal. Boulder opal rough, rubs and stones sold exceptionally well.</p><h2><img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5b971e6b1c4b1.jpg" alt="Opal Trends January 2018" width="810" /></h2><h2>Opal Trends January 2017</h2><p></p><p>January and June are usually the slowest months during the year, however this month we are up 22% more than last year’s January sales. This month 2,685 opals have sold. Currently Opal Auctions have sold 342,447 opals to date.</p><p>The top opal sale was a 152-carat Black opal that sold for $11,500. The price per carat was only $75 for a quality Black opal specimen.</p><p>Clean Black opals that are suitable for rings priced between $800 and $1200 were in good demand. Two-carat Black opals priced around $3000 were also in demand. Good Black opals were selling up to $1500 per carat.</p><p>Boulder opals stones had the most volume sold with so much good value between $300 to $500 opals.</p><p>Ethiopian opals sold in the No Reserve Category were selling for only $10 per carat, however there was a demand for larger and better quality Ethiopian opals. There were several dark brown Ethiopian opals that sold for $900 and $1000. The top sale for Ethiopian opals was a 42-carat high domed opal that sold for $3,000. There is a trend for buyers that seek out high domed Ethiopian opal ring stone that show a good pattern.</p><p>Traditionally January is the strongest selling month for Rough opal. Boulder rough had the highest demand and sold well in the No Reserve Rough Opal Category. Ethiopian opal sold at the lower price end.</p><p>The Black opal rough sales were steady. New listings of Black opal rough were not showing enough color bars to entice buyers.</p><p>Crystal rough sales have crashed. We predict that it is due to all the synthetic opal jewelry in the market that are replacing the natural crystal rough, which are used for inlay in opal jewelry.</p><p>The current trend for the age demographic of Opal buyers -</p><p>Good news for the opal industry is that younger buyers have now discovered opal!</p><p>18-24-year old’s buyer purchase more items than 65 plus opal buyers.</p><p>
482925-34-year old’s buyer purchase more items than 55-64 opal buyers.</p><p>Older buyers are staying longer on site however they buy less than the younger buyers.</p><p>Buyers that purchase from mobile devices make up 52.9% of sales, tablets are 9.7% and desk top are 37.4% This month 54.7 % of the sales were from return customers.</p><h2><img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5b971e0b6482e.jpg" alt="Opal Trends December 2017" width="810" /></h2><h2>Opal Trends December 2017</h2><p>The December sales were steady after a record month in November. The first week of sales was slower than normal however it there were a total of 2,650 opals sold for the month. It was an interesting quarter with a total of 9,576 opal lots sold.</p><p></p><p>USA was the largest market and 43% of buyers were repeat customers in this quarter. The increase in sales came from secondary buyers that are located outside in USA. These buyers are re-sellers which promote and sell on other online platforms or markets in their country.</p><p>We had a group of strong buyers from Kuwait, France, Germany, Switzerland, South Korea, Russia and China that purchased 
4829single items. These countries are non-English native speakers, which gives them an advantage to sell our Australian opals in their country.</p><p>Chinese buyers have dropped this year due to the Chinese Government blocking online sites that are associated with PayPal, Google or USA links. This results to Opal Auctions not being visible in China, however Chinese buyers are routing through Japan to purchase opal for China. Japanese sales have increased but they are transit sales only.</p><p>Another fundamental change is older buyers aged between 55 and 65 years are now spending more time on the website, however they are buying less. In comparison the younger buyers aged between 30-40 years are spending less time but spending more. We have observed buyer habits which are changing rapidly for Opals. The popularity of opals within the younger generation, millenials and gen X have been increasing.</p><p>Black opal and Ethiopian opal have experienced top sales between $3,000 to $5,000 and the strongest demand are for opals priced between $300 to $500.</p><p>Boulder opals had the same strong demand for clean $500 opals and boulder specimens selling between $800 to $1,500.</p><p>No Reserve opals slowed down in the last two weeks. The silver op
4829al jewelry sold well in first two weeks.</p><p>Listings from Australians sellers had slowed down during this month due to the closure of opal mines experiencing excessive temperatures between the range of 40 to 50 degrees.</p><h2><img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5b971cd476312.jpg" alt="Opal Trends November 2017" width="810" /></h2><h2>Opal Trends November 2017</h2><p>This month is record month on Opal Auctions. There has been strong demand across all sections in the opal categories. Sales volume were steady at 3,523 opals sold, however they were higher values compared to the previous quarter. Our first ever Black Friday and Cyber Monday opal promotion resulted in many new buyers purchasing opals in our ‘Make An Offer’ promotion. Our sellers reduced their prices in the ‘Make An Offer’ which resulted to buyer purchasing several items. Generally, the demand was strong for better quality opals across the categories, especially for quality opals that feature more character and uniqueness. There is an increasing popularity for opals worldwide. United States has been the strongest market followed by Europe, with strong sales in Asia which are usually not strong buyers, and surprisingly island countries in the Caribbean purchased higher priced opals.</p><h3>BLACK OPALS</h3><p><a href="https://www.opalauctions.com/auctions/black-opal/">Black opals</a> sales had very a strong demand in the price range between $1,000 to $4,000 that were bright black opals with an N1 body tone. Sales for the higher end black opals with a lighter body tone of N2 to N4 were strong aswell, however they all seem to show bright fire colours. This proved to be important to buyers. Lower value black opals that bad picture stones also sold well.</p><p><img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5a1f53e31bd55.jpg" alt="November 2017 Black Opal Sales" width="810" /></p><h3>BOULDER OPALS</h3><p>The strongest demand were for <a href="https://www.opalauctions.com/auctions/boulder-opal/">boulder opals</a> between the $50 to $300 price range, that showed a lot of character, especially ones that had veins or opals with either horizontal or vertical patterns. The lower end that ranged under $50 were steady. The boulder opals that sold under $1000 proved to have a quality of clean and bright colours, enhibited character inclusions or had veined lines. The category that had the highest sales volume were between $20 to $50.</p><p><img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5a1f5908b0c8d.jpg" alt="November 2017 Boulder Opal Sales" width="810" /></p><h3>ROUGH OPALS</h3><p>Opal specimens sold well this month for black opals, boulder opals and parcel lots of boulder rubs. The sales showed a good demand for boulder opals wiht a clean face.</p><p><img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5a1f5dcb08b9b.jpg" alt="November 2017 Rough Opal Sales" width="810" /></p><h3>ETHIOPIAN OPALS</h3><p>Repeat <a href="https://www.opalauctions.com/auctions/ethiopian-opal/">Ethiopian Opal</a> buyer are always searching for unique patterns between the price points of $1,000 to $3,000. The demand is strong for $300 opals with reasonable pattern, however if the pattern is average the price drops considerably. Lower priced opals sold well in the ‘<a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/">No Reserve Category</a>’.</p><p><img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5a1f5cbdcb808.jpg" alt="November 2017 Ethiopian Opal Sales" width="810" /></p><h3>OPAL JEWELRY</h3><p>Silver opal rings, earrings and pendants in all categories of <a href="https://www.opalauctions.com/auctions/opal-jewelry/">opal jewelry</a> sold well with solid opals, doublets and triplets. Opals set in 18k gold rings were in steady demand, with jewelry over 15% of the total sales.</p><h3><img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5a1f61e589ff5.jpg" alt="November 2017 Opal Jewelry Sales" width="810" /></h3><h3>No Reserve</h3><p><a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/">No Reserve auctions</a> had on average 300 items listed compared to an average 150 items in the previous months. The demand was steady for Ethiopian opals in parcel lots and opal jewelry, especially parcel lots for resellers world-wide are stocking up before the Christmas rush. Single boulder rubs have also sold steady.</p><p>
4829<img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5a1f6647c4ce4.jpg" alt="November 2017 No Reserve Opal Sales" width="810" /></p><h2><img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5b971b9f7ffc3.jpg" alt="opal trends October 2017" width="810" /></h2><h2>Opal Trends October 2017</h2><p>The was 3,325 opals sold in total, which is approximately a 10% from September sales. There was a high demand for Boulder Opals, especially Wood Vegetation Opals which were under $300, and also clean boulder stones in the $1,000-$2,000 price bracket. Black opals around the $2,000 price point were in high demand. Ethiopian opals came up strong at both under the $100 price point and between $2,000-$5,000 price range. Rough boulder parcels at around $250 with volume cutters and Jundah pipe opals were in solid demand.</p><p> </p><p><img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5a0a92f608671.jpg" alt="Black Opal October 2017 Market Review" width="900" /> <img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5a0a92f5e2d66.jpg" alt="Boulder Opal October 2017 Market Review" width="900" /> </p><p><img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5a0a92f642143.jpg" alt="Rough Opal October 2017 Market Review" width="900" /></p><p><strong> </strong></p><p><strong> </strong></p><p><strong><img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5a0a92f5e3ee3.jpg" alt="Ethiopian Opal October 2017 Market Review" width="900" /></strong></p><p><strong> </strong></p><p></p><h2>Opal Trends September 2017 </h2><p>On September 2017, there was a total of 3,018 opals sold, which is approximately a 17% increase from August sales. Boulder opals and Ethiopian opals came through equally strong in volume sales. The top category was Black Opal with sales between the $5,000 to $10,000 price points. Buyers bought a variety of rough opals ranging from Gamble parcel deals to clean rubbed opals. </p><p> <img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5a0a9154e0e1b.jpg" alt="Black Opal September 2017 Market Review" width="900" /></p><p></p><p></p><p><strong> </strong></p><p><strong> </strong></p><p><strong><img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5a0a9154eb438.jpg" alt="Boulder Opal September 2017 Market Review" width="900" /></strong></p><p><strong> </strong></p><p><strong> </strong></p><p><strong><img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5a0a91553a2bc.jpg" alt="Rough Opal September 2017 Market Review" width="900" /></strong></p><p><strong> </strong></p><p><strong> </strong></p><p><strong><img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5a0a915512f13.jpg" alt="Ethiopian Opal September 2017 Market Review" width="900" /></strong></p><p> </p><h2>Opal Trends August 2017 </h2><p>There were 2,591 opals sold, paid and shipped for the month of August 2017. Sales have been steady for all categories however Boulder Opal sales were the strongest. The demand was strong for the newly listed Wood Fossil Boulder Opals, with the weakest deman for the lower grade boulders under $20. Black Opals and Ethiopian Opals were both steady, with a few sales on both categories ranging over the $3,000 range, but most sales averaged around the $1,000 price point.</p><p> <img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5a0a8b9eb38fa.jpg" alt="Black Opal August 2017 Market Review" width="900" /> <img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5a0a8dc04048e.jpg" alt="Boulder Opal August 2017 Market Review" width="900" /> <img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5a0a8dc03dd54.jpg" alt="Rough Opal August 2017 Market Review" width="900" /> <img src="https://df2sm3urulav.cloudfront.net/tenants/oa/uploads/content/5a0a8dc03b2f9.jpg" alt="Ethiopian Opal August 2017 Market Review" width="900" /> </p><h2>SHOP FOR OPALS</h2><p><div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-2 not-prose"><div class="relative overflow-hidden rounded-xl hover:opacity-75 transition duration-50 ease-in-out">
4830    <a class="no-underline" href="https://www.opalauctions.com/auctions/black-opal">
4831        <div class="self-stretch flex-grow overflow-hidden">
4832            <div class="aspect-1">
4833                <img
4834                    src="https://liveplatforms-production.b-cdn.net/tenants/oa/uploads/content/dubauseinivvtgad.jpg"
4835                    alt="Black Opal"
4836                    class="w-full h-full object-cover"
4837                    loading="lazy"
4838                />
4839            </div>
4840        </div>
4841
4842        <div class="absolute inset-0 flex flex-col justify-end z-20">
4843            <div class="relative text-white p-4 font-bold bg-gradient-to-b from-transparent to-black/75 z-0">
4844                <div class="text-sm z-50">Black Opal</div>
4845            </div>
4846        </div>
4847    </a>
4848</div>
4849<div class="relative overflow-hidden rounded-xl hover:opacity-75 transition duration-50 ease-in-out">
4850    <a class="no-underline" href="https://www.opalauctions.com/auctions/crystal-opal">
4851        <div class="self-stretch flex-grow overflow-hidden">
4852            <div class="aspect-1">
4853                <img
4854                    src="https://liveplatforms-production.b-cdn.net/tenants/oa/uploads/content/u8enjpkttelklsa9.png"
4855                    alt="Crystal Opal"
4856                    class="w-full h-full object-cover"
4857                    loading="lazy"
4858                />
4859            </div>
4860        </div>
4861
4862        <div class="absolute inset-0 flex flex-col justify-end z-20">
4863            <div class="relative text-white p-4 font-bold bg-gradient-to-b from-transparent to-black/75 z-0">
4864                <div class="text-sm z-50">Crystal Opal</div>
4865            </div>
4866        </div>
4867    </a>
4868</div>
4869<div class="relative overflow-hidden rounded-xl hover:opacity-75 transition duration-50 ease-in-out">
4870    <a class="no-underline" href="https://www.opalauctions.com/auctions/boulder-opal">
4871        <div class="self-stretch flex-grow overflow-hidden">
4872            <div class="aspect-1">
4873                <img
4874                    src="https://liveplatforms-production.b-cdn.net/tenants/oa/uploads/content/vane2h6k7momgasg.jpg"
4875                    alt="Boulder Opal"
4876                    class="w-full h-full object-cover"
4877                    loading="lazy"
4878                />
4879            </div>
4880        </div>
4881
4882        <div class="absolute inset-0 flex flex-col justify-end z-20">
4883            <div class="relative text-white p-4 font-bold bg-gradient-to-b from-transparent to-black/75 z-0">
4884                <div class="text-sm z-50">Boulder Opal</div>
4885            </div>
4886        </div>
4887    </a>
4888</div>
4889<div class="relative overflow-hidden rounded-xl hover:opacity-75 transition duration-50 ease-in-out">
4890    <a class="no-underline" href="https://www.opalauctions.com/auctions/ethiopian-opal">
4891        <div class="self-stretch flex-grow overflow-hidden">
4892            <div class="aspect-1">
4893                <img
4894                    src="https://liveplatforms-production.b-cdn.net/tenants/oa/uploads/content/gy0pfbgujfona0qn.png"
4895                    alt="Ethiopian Opal"
4896                    class="w-full h-full object-cover"
4897                    loading="lazy"
4898                />
4899            </div>
4900        </div>
4901
4902        <div class="absolute inset-0 flex flex-col justify-end z-20">
4903            <div class="relative text-white p-4 font-bold bg-gradient-to-b from-transparent to-black/75 z-0">
4904                <div class="text-sm z-50">Ethiopian Opal</div>
4905            </div>
4906        </div>
4907    </a>
4908</div>
4909</div></p>
4910</div>
4911                <hr class="prose">
4912                <div class="grid lg:grid-cols-2 gap-4 text-sm text-gray-600 font-medium">
4913    <div class="space-y-2">
4914        <p>
4915            18 people found this article helpful
4916        </p>
4917        <div class="flex items-center">
4918            <p class="mr-2 text-lg"> Was this article helpful?</p>
4919            <button
4920        type="button" class="py-2 px-4 border rounded-md text-sm leading-5 font-medium focus:outline-none focus:border-blue-300 focus:shadow-outline-blue transition duration-150 ease-in-out border-gray-300 text-gray-500 active:bg-gray-50 active:text-gray-800 hover:text-gray-500 group hover:border-blue-700" wire:click="contentLike"
4921        
4922    >
4923        <svg class="w-5 h-5 flex text-gray-500 group-hover:text-blue-600" fill="none" stroke="currentColor"  stroke-width="1.5"  viewB
4923ox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
4924        <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.5c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 012.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 00.322-1.672V3a.75.75 0 01.75-.75A2.25 2.25 0 0116.5 4.5c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 01-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 00-1.423-.23H5.904M14.25 9h2.25M5.904 18.75c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 01-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 10.203 4.167 9.75 5 9.75h1.053c.472 0 .745.556.5.96a8.958 8.958 0 00-1.302 4.665c0 1.194.232 2.333.654 3.375z" />
4925    </svg>
4926    </button>
4927        </div>
4928    </div>
4929    <div class="flex flex-col lg:items-end">
4930        <div class="space-y-2 w-1/2 lg:mx-auto">
4931            <p>
4932                Share this article:
4933            </p>
4934            <div class="flex gap-1 text-gray-800 items-center">
4935                <a
4936        href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.opalauctions.com%2Flearn%2Fnews%2Fopal-trends"
4937        class="py-2 px-4 border rounded-md text-sm leading-5 font-medium focus:outline-none focus:border-blue-300 focus:shadow-outline-blue transition duration-150 ease-in-out border-gray-300 text-gray-500 active:bg-gray-50 active:text-gray-800 hover:text-gray-500 group hover:border-blue-700" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.opalauctions.com%2Flearn%2Fnews%2Fopal-trends"
4938    >
4939        <svg class="h-4 w-4 group-hover:text-blue-700" viewBox="0 0 60 60" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
4940    <path d="M25.4958 30.5V56H33.9916V30.5H41.7115L42.9235 22H33.9916V18.3677C33.9916 15.1093 35.0564 13.5 38.1036 13.5H43V5.37117L42.9483 5.36418C42.0672 5.24511 40.2536 5 36.883 5C29.7041 5 25.4958 8.79383 25.4958 17.4355V22H17V30.5H25.4958Z"/>
4941</svg>
4942    </a>
4943                <a
4944        href="https://twitter.com/share?text=Opal+Trends+-+What+Opals+Are+Popular+Right+Now&amp;amp;url=https%3A%2F%2Fwww.opalauctions.com%2Flearn%2Fnews%2Fopal-trends"
4945        class="py-2 px-4 border rounded-md text-sm leading-5 font-medium focus:outline-none focus:border-blue-300 focus:shadow-outline-blue transition duration-150 ease-in-out border-gray-300 text-gray-500 active:bg-gray-50 active:text-gray-800 hover:text-gray-500 group hover:border-gray-800" href="https://twitter.com/share?text=Opal+Trends+-+What+Opals+Are+Popular+Right+Now&amp;url=https%3A%2F%2Fwww.opalauctions.com%2Flearn%2Fnews%2Fopal-trends"
4946    >
4947        <svg class="h-4 w-4" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg">
4948    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.56924 1.0655H2.09232L12.5 16H17L6.56924 1.0655ZM17 16L6.56924 1.0655H2.09232L12.5 16H17Z" fill="#010101"/>
4949    <path d="M6.56924 1.0655H2.09232L12.5 16H17L6.56924 1.0655Z" stroke="black"/>
4950    <path d="M10.5 6.5L15.0308 1H16.3846L11 7L10.5 6.5Z" fill="#010101"/>
4951    <path d="M8.5 10.5L8 10L2 16H3.26154L8.5 10.5Z" fill="#010101"/>
4952    <path d="M10.5 6.5L15.0308 1H16.3846L11 7L10.5 6.5Z" stroke="black"/>
4953    <path d="M8.5 10.5L8 10L2 16H3.26154L8.5 10.5Z" stroke="black"/>
4954</svg>
4955    </a>
4956                <a
4957        href="https://www.pinterest.com/pin/create/button/?url=https%3A%2F%2Fwww.opalauctions.com%2Flearn%2Fnews%2Fopal-trends&amp;amp;media=https%3A%2F%2Fliveplatforms-production.b-cdn.net%2Ftenants%2Foa%2Fuploads%2Fcontent%2F5b9730a9c4700.jpg%3Fwidth%3D480%26aspect_ratio%3D1001%253A1000&amp;amp;description=Opal+Trends+-+What+Opals+Are+Popular+Right+Now"
4958        class="py-2 px-4 border rounded-md text-sm leading-5 font-medium focus:outline-none focus:border-blue-300 focus:shadow-outline-blue transition duration-150 ease-in-out border-gray-300 text-gray-500 active:bg-gray-50 active:text-gray-800 hover:text-gray-500 group hover:border-pink-700" href="https://www.pinterest.com/pin/create/button/?url=https%3A%2F%2Fwww.opalauctions.com%2Flearn%2Fnews%2Fopal-trends&amp;media=https%3A%2F%2Fliveplatforms-production.b-cdn.net%2Ftenants%2Foa%2Fuploads%2Fcontent%2F5b9730a9c4700.jpg%3Fwidth%3D480%26aspect_ratio%3D1001%253A1000&amp;description=Opal+Trends+-+What+Opals+Are+Popular+Right+Now"
4959    >
4960        <svg class="h-4 w-4 group-hover:text-pink-700" viewBox="0 0 198 192" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
4961    <ellipse cx="99" cy="96" rx="99" ry="96" fill="currentColor"/>
4962    <path d="M60.0001 121.5L63.0001 108C58.5644 104.033 57.1575 101.481 54.4999 96.5C53.7486 94.2173 53.1973 93.3241 53.5 90.5C53.2763 89.9915 53.8712 82.067 55.5 75.7846C55.657 75.1791 58 69.5 59.5 67.5C59.5 67.5 62.8577 62.4238 69.4999 56.5C77.0364 50.9467 81.6179 48.3894 91.4999 46.5C98.3294 44.8052 102.161 44.6951 109 46C116.221 47.4578 119.778 48.9588 125.5 52.5C129.439 54.9449 130.955 56.5141 133 59.5C136.572 65.7249 137.871 69.234 139 75.5C140.217 84.071 139.884 88.6111 138.5 96.5C137.355 103.288 135.687 106.984 132 113.5C127.906 120.287 124.929 123.215 118.5 127C112.735 129.111 109.266 129.357 102.5 127.5C97.8138 125.727 95.9854 123.943 94.4999 119C93.8647 112.608 94.5529 109.274 96.4999 103.5L101.5 88L103 82L103.5 79V76.5L103 74.022L101.5 71L99.4999 68.5L97.4999 67C92.0626 64.5958 89.1288 64.778 83.9999 66.5C80.3977 68.2218 78.7378 69.4442 76.9999 72.5C73.9754 77.6026 72.9495 80.4473 71.9999 85.5C70.8435 91.1311 71.8232 94.2031 72.9999 99.5L74.9999 104.5C74.9999 104.5 56.9999 160.5 61.9999 185L63.0001 187C77.9999 173 82.7789 158.371 87.4999 134L93.4999 138C98.1361 141.188 101.086 142.523 107 144C112.343 144.247 115.429 144.26 121.5 143.5C126.092 142.627 128.083 141.884 131.5 140.5L138.5 136.5L145 131L149.5 125.5C154.149 118.589 156.409 114.205 159.5 105C161.724 97.3334 162.433 92.4646 162.499 82.6244L162 77.5C160.322 66.6234 158.376 60.5127 151 51.5L148 48C140.958 41.3146 136.031 38.4418 125.5 35L120 33.4999C100.023 29.3178 88.66 29.9438 67.9999 37.9999C51.3509 47.1225 43.6484 54.9391 36.9999 74.022C36.8308 74.5073 36.5 76 36.5 76C36.3321 76.5001 36.1644 78.4926 36 79C34.2294 108.297 40.5875 112.921 60.0001 121.5Z" fill="white"/>
4963</svg>
4964    </a>
4965            </div>
4966        </div>
4967    </div>
4968</div>
4969            </div>
4970        </div>
4971
4972        <div class="flex flex-col gap-4 col-span-1">
4973            <div wire:snapshot="{&quot;data&quot;:{&quot;class&quot;:&quot;&quot;,&quot;query&quot;:&quot;&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;D4l2ygupYe2StUz9kTDE&quot;,&quot;name&quot;:&quot;public.livewire.learn.algolia-search-component&quot;,&quot;path&quot;:&quot;learn\/news\/opal-trends&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-26.39.5-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;7247bf7211b8af9c3768e175b7dab0d92e4594b51555b75a7b4f332528d0d993&quot;}" wire:effects="{&quot;url&quot;:{&quot;query&quot;:{&quot;as&quot;:null,&quot;use&quot;:&quot;replace&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:&quot;&quot;}}}" wire:id="D4l2ygupYe2StUz9kTDE" class=" flex flex-col gap-3 py-4 bg-white px-6 rounded">
4974    <p class="text-xl font-semibold">
4975        Search the Opal Encyclopedia
4976    </p>
4977    <div class="flex items-center bg-gray-100 rounded-xl">
4978        <form class="flex items-center p-2 w-full">
4979            <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" class="search text-gray-400 w-5 h-5 mx-2">
4980    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
4981          d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
4982</svg>
4983            <input class="block w-full p-2 rounded-md border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 disabled:cursor-not-allowed !border-0 focus:ring-0 focus:outline-none bg-gray-100" type="text" wire:model.live="query" placeholder="Search..."/>
4984
4985                    </form>
4986    </div>
4987        
4988    </div>
4989
4990
4991                            <div class="bg-white rounded-lg p-3 space-y-4">
4992                    <h2 class="text-lg font-semibold">Related Auctions</h2>
4993                    <div class="grid grid-cols-2 gap-2 md:gap-4">
4994                                                    <div wire:key="Sp6ypUtkeIrKrohF">
4995    <div
4996        class="group grid grid-cols-1 h-full justify-center rounded-[3px] border border-[#ddd]"
4997        x-data="{
4998            tchannel: 'oa',
4999            auction: {&quot;id&quot;:232073,&quot;sku&quot;:null,&quot;title&quot;:&quot;KOROIT NUT STONE 93.85 GET YOUR PIECE OF AUSSIE OPAL NOW A4079&quot;,&quot;listing_type&quot;:&quot;Standard&quot;,&quot;listing_type_tier&quot;:&quot;standard&quot;,&quot;listing_type_weight&quot;:0,&quot;cur_bid&quot;:&quot;0.00&quot;,&quot;reserve_met&quot;:true,&quot;high_bidder_id&quot;:null,&quot;num_bids&quot;:0,&quot;price&quot;:58,&quot;type&quot;:&quot;catalogue&quot;,&quot;make_an_offer&quot;:true,&quot;no_reserve&quot;:true,&quot;width&quot;:29,&quot;length&quot;:38,&quot;depth&quot;:8,&quot;weight&quot;:93.85,&quot;ends_at&quot;:null,&quot;time_rank&quot;:6142464318,&quot;created_at&quot;:1276220384,&quot;has_video&quot;:false,&quot;status&quot;:&quot;open&quot;,&quot;on_sale&quot;:false,&quot;discount_percent&quot;:null,&quot;discount_amount&quot;:null,&quot;seller&quot;:&quot;rollingstoneopals&quot;,&quot;seller_country_id&quot;:&quot;AU&quot;,&quot;categories&quot;:{&quot;lvl0&quot;:&quot;Boulder Opal&quot;,&quot;lvl1&quot;:&quot;Boulder Opal \u003E Koroit Opal Stones&quot;},&quot;variants&quot;:[{&quot;33&quot;:&quot;Cabochon&quot;}],&quot;colours&quot;:[&quot;orange&quot;,&quot;red&quot;,&quot;yellow&quot;],&quot;image&quot;:&quot;https:\/\/liveplatforms-production.b-cdn.net\/tenants\/oa\/uploads\/images\/230000-234999\/232073\/232073_1276220413.jpg&quot;,&quot;slug&quot;:&quot;koroit-nut-stone-9385-get-your-piece-of-aussie-opal-now-a4079-232073&quot;,&quot;store_id&quot;:8,&quot;store_slug&quot;:&quot;rollingstoneopals&quot;,&quot;store_favourite_ratio&quot;:80.45454545454545,&quot;url&quot;:&quot;https:\/\/www.opalauctions.com\/products\/koroit-nut-stone-9385-get-your-piece-of-aussie-opal-now-a4079-232073&quot;,&quot;url_store&quot;:&quot;https:\/\/www.opalauctions.com\/stores\/rollingstoneopals&quot;},
5000            init() {
5001                window.showModalIfParamsAreProvided()
5002
5003                if (this.auction.type === 'auction') {
5004                    Echo.channel(this.tchannel + '.auction.' + this.auction.id)
5005                        .listen('.bid.created', data => {
5006                            Livewire.dispatch('newBid', { auctionId: this.auction.id })
5007
5008                            Alpine.store('auctions').setAuctionState({
5009                                id: data.auction.id,
5010                                high_bidder_id: data.auction.high_bidder_id,
5011                                num_bids: data.auction.num_bids,
5012                                cur_bid: data.auction.cur_bid,
5013                                next_bid: data.auction.meta.next_bid,
5014                                reserve_met: data.auction.meta.reserve_met,
5015                                ends_at: data.auction.ends
5016                            })
5017                            Alpine.store('bids').setCurrentBidForUser(data.auction.id, data.auction.cur_bid)
5018                        })
5019                }
5020            }
5021        }"
5022        :class="$store.bids.hasBidsForAuction(auction.id) && $store.auctions.isWinning(auction, $store.user.getUserId()) ? 'bg-green-50' : ($store.bids.hasBidsForAuction(auction.id) && !$store.auctions.isWinning(auction, $store.user.getUserId()) ? 'bg-red-50' : 'bg-white')"
5023    >
5024        <div class="self-stretch flex-grow overflow-hidden">
5025            <div class="self-stretch flex-grow relative overflow-hidden max-h-fit aspect-1">
5026    <a href="https://www.opalauctions.com/products/koroit-nut-stone-9385-get-your-piece-of-aussie-opal-now-a4079-232073" >
5027        <img
5028        src="https://liveplatforms-production.b-cdn.net/tenants/oa/uploads/images/230000-234999/232073/232073_1276220413.jpg?width=480&amp;aspect_ratio=1001%3A1000"
5029        alt="KOROIT NUT STONE 93.85 GET YOUR PIECE OF AUSSIE OPAL NOW A4079"
5030        class="w-full h-full object-cover" loading="lazy"
5031    />
5032    </a>
5033
5034    <div class="flex justify-between items-start w-full absolute left-0 top-0">
5035        <div class="flex justify-center items-center flex-grow-0 flex-shrink-0">
5036                            
5037                    </div>
5038        <div class="flex justify-start items-start flex-grow-0 flex-shrink-0">
5039                            <button
5040        class="flex justify-center items-center flex-grow-0 flex-shrink-0 p-1 text-gray-500 bg-white"
5041        @click="window.showAuctionModal(232073, 'gallery')"
5042    >
5043        <svg class="flex-grow-0 flex-shrink-0 w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
5044    <path d="M12 15a3 3 0 100-6 3 3 0 000 6z" />
5045    <path fill-rule="evenodd" d="M1.323 11.447C2.811 6.976 7.028 3.75 12.001 3.75c4.97 0 9.185 3.223 10.675 7.69.12.362.12.752 0 1.113-1.487 4.471-5.705 7.697-10.677 7.697-4.97 0-9.186-3.223-10.675-7.69a1.762 1.762 0 010-1.113zM17.25 12a5.25 5.25 0 11-10.5 0 5.25 5.25 0 0110.5 0z" clip-rule="evenodd" />
5046</svg>
5047    </button>
5048
5049                    <button
5050        class="flex justify-center items-center flex-grow-0 flex-shrink-0 p-1 bg-white"
5051        @click.debounce="$dispatch('watch-auction', { id:232073, url: 'https://www.opalauctions.com/products/koroit-nut-stone-9385-get-your-piece-of-aussie-opal-now-a4079-232073' })"
5052        :class="$store.itemWatch.isWatchingItem(232073) ? 'text-[#DA4F49]' : 'text-gray-500'"
5053    >
5054        <svg class="w-4 h-4 flex-grow-0 flex-shrink-0"
5055     xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"
5056>
5057    <path
5058        d="M11.645 20.91l-.007-.003-.022-.012a15.247 15.247 0 01-.383-.218 25.18 25.18 0 01-4.244-3.17C4.688 15.36 2.25 12.174 2.25 8.25 2.25 5.322 4.714 3 7.688 3A5.5 5.5 0 0112 5.052 5.5 5.5 0 0116.313 3c2.973 0 5.437 2.322 5.437 5.25 0 3.925-2.438 7.111-4.739 9.256a25.175 25.175 0 01-4.244 3.17 15.247 15.247 0 01-.383.219l-.022.012-.007.004-.003.001a.752.752 0 01-.704 0l-.003-.001z"
5059    />
5060</svg>
5061    </button>
5062                    </div>
5063    </div>
5064
5065    <div class="flex justify-between items-start w-full absolute left-0 bottom-0">
5066        <div class="flex justify-start items-center flex-grow-0 flex-shrink-0">
5067                            <template
5068        x-if="$store.bids.hasBidsForAuction(232073) && $store.auctions.isWinning(JSON.parse('{\u0022id\u0022:232073,\u0022sku\u0022:null,\u0022title\u0022:\u0022KOROIT NUT STONE 93.85 GET YOUR PIECE OF AUSSIE OPAL NOW A4079\u0022,\u0022listing_type\u0022:\u0022Standard\u0022,\u0022listing_type_tier\u0022:\u0022standard\u0022,\u0022listing_type_weight\u0022:0,\u0022cur_bid\u0022:\u00220.00\u0022,\u0022reserve_met\u0022:true,\u0022high_bidder_id\u0022:null,\u0022num_bids\u0022:0,\u0022price\u0022:58,\u0022type\u0022:\u0022catalogue\u0022,\u0022make_an_offer\u0022:true,\u0022no_reserve\u0022:true,\u0022width\u0022:29,\u0022length\u0022:38,\u0022depth\u0022:8,\u0022weight\u0022:93.85,\u0022ends_at\u0022:null,\u0022time_rank\u0022:6142464318,\u0022created_at\u0022:1276220384,\u0022has_video\u0022:false,\u0022status\u0022:\u0022open\u0022,\u0022on_sale\u0022:false,\u0022discount_percent\u0022:null,\u0022discount_amount\u0022:null,\u0022seller\u0022:\u0022rollingstoneopals\u0022,\u0022seller_country_id\u0022:\u0022AU\u0022,\u0022categories\u0022:{\u0022lvl0\u0022:\u0022Boulder Opal\u0022,\u0022lvl1\u0022:\u0022Boulder Opal \\u003E Koroit Opal Stones\u0022},\u0022variants\u0022:[{\u002233\u0022:\u0022Cabochon\u0022}],\u0022colours\u0022:[\u0022orange\u0022,\u0022red\u0022,\u0022yellow\u0022],\u0022image\u0022:\u0022https:\\\/\\\/liveplatforms-production.b-cdn.net\\\/tenants\\\/oa\\\/uploads\\\/images\\\/230000-234999\\\/232073\\\/232073_1276220413.jpg\u0022,\u0022slug\u0022:\u0022koroit-nut-stone-9385-get-your-piece-of-aussie-opal-now-a4079-232073\u0022,\u0022store_id\u0022:8,\u0022store_slug\u0022:\u0022rollingstoneopals\u0022,\u0022store_favourite_ratio\u0022:80.45454545454545,\u
50680022url\u0022:\u0022https:\\\/\\\/www.opalauctions.com\\\/products\\\/koroit-nut-stone-9385-get-your-piece-of-aussie-opal-now-a4079-232073\u0022,\u0022url_store\u0022:\u0022https:\\\/\\\/www.opalauctions.com\\\/stores\\\/rollingstoneopals\u0022}'), $store.user.getUserId())"
5069    >
5070        <div class="gap-1 px-1.5 py-1 rounded-[3px] bg-green-600 flex items-center text-white ">
5071        <div
5072    class="group relative"
5073    x-data="{
5074        tooltip: false,
5075        hovered: false,
5076        onClick() {
5077            if (! this.hovered) {
5078                this.tooltip = !this.tooltip
5079            }
5080        },
5081        onClickAway() {
5082            if (! this.hovered) {
5083                this.tooltip = false
5084            }
5085        },
5086        onMouseEnter() {
5087            this.tooltip = true
5088            this.hovered = true
5089        },
5090        onMouseLeave() {
5091            this.tooltip = false
5092            this.hovered = false
5093        }
5094    }"
5095    @mouseenter="onMouseEnter"
5096    @mouseleave="onMouseLeave"
5097    @click.away="onClickAway"
5098    @click="onClick"
5099    
5100>
5101    <div
5102                class="flex gap-1">
5103                <svg class="w-4 h-4 hidden md:flex" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
5104    <path stroke-linecap="round" stroke-linejoin="round" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
5105</svg>
5106                <template x-if="$store.bids.getMaxBidForUser(232073)">
5107                    <p class="text-xs font-medium text-left"
5108                       x-text="'Maximum bid ' + $store.bids.getMaxBidForUser(232073)"></p>
5109                </template>
5110            </div>
5111    <div
5112        class="-top-8 -translate-x-[5%] bg-black/80 transform text-white absolute whitespace-nowrap shadow-sm p-2 rounded text-xs font-normal z-30"
5113        x-cloak x-show.transition.origin.bottom="tooltip"
5114    >
5115        <div class="flex">
5116                    <p class="text-xs font-medium text-left"
5117                       x-text="'Current Bid ' + $store.bids.getCurrentBidForUser(232073)"></p>
5118                </div>
5119    </div>
5120</div>
5121    </div>
5122    </template>
5123    <template
5124        x-if="$store.bids.hasBidsForAuction(232073) && ! $store.auctions.isWinning(JSON.parse('{\u0022id\u0022:232073,\u0022sku\u0022:null,\u0022title\u0022:\u0022KOROIT NUT STONE 93.85 GET YOUR PIECE OF AUSSIE OPAL NOW A4079\u0022,\u0022listing_type\u0022:\u0022Standard\u0022,\u0022listing_type_tier\u0022:\u0022standard\u0022,\u0022listing_type_weight\u0022:0,\u0022cur_bid\u0022:\u00220.00\u0022,\u0022reserve_met\u0022:true,\u0022high_bidder_id\u0022:null,\u0022num_bids\u0022:0,\u0022price\u0022:58,\u0022type\u0022:\u0022catalogue\u0022,\u0022make_an_offer\u0022:true,\u0022no_reserve\u0022:true,\u0022width\u0022:29,\u0022length\u0022:38,\u0022depth\u0022:8,\u0022weight\u0022:93.85,\u0022ends_at\u0022:null,\u0022time_rank\u0022:6142464318,\u0022created_at\u0022:1276220384,\u0022has_video\u0022:false,\u0022status\u0022:\u0022open\u0022,\u0022on_sale\u0022:false,\u0022discount_percent\u0022:null,\u0022discount_amount\u0022:null,\u0022seller\u0022:\u0022rollingstoneopals\u0022,\u0022seller_country_id\u0022:\u0022AU\u0022,\u0022categories\u0022:{\u0022lvl0\u0022:\u0022Boulder Opal\u0022,\u0022lvl1\u0022:\u0022Boulder Opal \\u003E Koroit Opal Stones\u0022},\u0022variants\u0022:[{\u002233\u0022:\u0022Cabochon\u0022}],\u0022colours\u0022:[\u0022orange\u0022,\u0022red\u0022,\u0022yellow\u0022],\u0022image\u0022:\u0022https:\\\/\\\/liveplatforms-production.b-cdn.net\\\/tenants\\\/oa\\\/uploads\\\/images\\\/230000-234999\\\/232073\\\/232073_1276220413.jpg\u0022,\u0022slug\u0022:\u0022koroit-nut-stone-9385-get-your-piece-of-aussie-opal-now-a4079-232073\u0022,\u0022store_id\u0022:8,\u0022store_slug\u0022:\u0022rollingstoneopals\u0022,\u0022store_favourite_ratio\u0022:80.45454545454545,\u0022url\u0022:\u0022https:\\\/\\\/www.opalauctions.com\\\/products\\\/koroit-nut-stone-9385-get-your-piece-of-aussie-opal-now-a4079-232073\u0022,\u0022url_store\u0022:\u0022https:\\\/\\\/www.opalauctions.com\\\/stores\\\/rollingstoneopals\u0022}'), $store.user.getUserId())"
5125    >
5126        <div class="gap-1 px-1.5 py-1 rounded-[3px] bg-red-500 flex items-center text-white">
5127        <svg class="w-4 h-4 hidden md:flex" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
5128    <path stroke-linecap="round" stroke-linejoin="round" d="M9.172 16.172a4 4 0 015.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
5129</svg>
5130        <template x-if="$store.bids.getMaxBidForUser(232073)">
5131            <p class="text-xs font-medium text-left"
5132               x-text="'Maximum bid ' + $store.bids.getMaxBidForUser(232073)"></p>
5133        </template>
5134    </div>
5135    </template>
5136
5137                    <div class="mb-1 ml-1">
5138                
5139    </div>
5140                    </div>
5141        <div class="flex justify-center items-center flex-grow-0 flex-shrink-0">
5142                    </div>
5143    </div>
5144</div>
5145        </div>
5146        <div class="flex h-16 justify-start items-start self-stretch flex-grow-0 flex-shrink-0 gap-2.5 p-2">
5147            <div class="line-clamp-2 leading-5 md:leading-normal">
5148                <a href="https://www.opalauctions.com/products/koroit-nut-stone-9385-get-your-piece-of-aussie-opal-now-a4079-232073" class="flex-grow-0 flex-shrink-0 text-sm text-left text-[#1c87c3] visited:text-purple-800 hover:underline">
5149        KOROIT NUT STONE 93.85 GET YOUR PIECE OF AUSSIE OPAL NOW A4079
5150    </a>
5151
5152            </div>
5153        </div>
5154        <div class="flex justify-between items-center self-stretch flex-grow-0 flex-shrink-0 px-2 pb-2">
5155            <div class="w-fit max-w-32 sm:w-auto xl:max-w-40 break-words">
5156                <a href="https://www.opalauctions.com/stores/rollingstoneopals" class="flex-grow-0 flex-shrink-0 text-xs text-left text-black hover:underline">
5157        rollingstoneopals
5158    </a>
5159
5160            </div>
5161
5162                    </div>
5163        <div
5164            class="flex flex-col items-start self-stretch flex-grow-0 flex-shrink-0 p-2.5 border-t border-[#ddd]"
5165        >
5166            <div class="flex justify-between items-center w-full py-0.5">
5167                <!-- left -->
5168                <div>
5169                    <div>
5170                    <div class="flex gap-x-1">
5171                <template x-if="1">
5172                                            <button class="flex justify-center items-center flex-grow-0 flex-shrink-0 gap-[3px] px-1.5 py-[3px] rounded-sm" data-test="card-add-to-cart" :class="$store.cart.existsInCart(232073) ? 'bg-[#F56400]' :  'bg-[#18a505]'" @click.debounce="$store.cart.existsInCart(232073) ? $store.cart.onToggleCart(232073) : window.showQuantityModal(232073)" >
5173    <svg class="flex-grow-0 flex-shrink-0 w-3.5 h-3.5 fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
5174    <path d="M3 1a1 1 0 000 2h1.22l.305 1.222a.997.997 0 00.01.042l1.358 5.43-.893.892C3.74 11.846 4.632 14 6.414 14H15a1 1 0 000-2H6.414l1-1H14a1 1 0 00.894-.553l3-6A1 1 0 0017 3H6.28l-.31-1.243A1 1 0 005 1H3zM16 16.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM6.5 18a1.5 1.5 0 100-3 1.5 1.5 0 000 3z" />
5175</svg>
5176    <div class="flex-grow-0 flex-shrink-0 text-xs font-semibold text-left text-white">
5177        <span
5178    x-data="{
5179        options: {
5180            roundingMode: 'halfExpand',
5181            trailingZeroDisplay: 'auto',
5182            minimumFractionDigits: 2,
5183            maximumFractionDigits: 2,
5184            currencyDisplay: 'symbol',
5185        },
5186        get amount() {
5187            return 58
5188        },
5189        get displayPrice() {
5190            return $price(new Number(this.amount) * 1, { ...this.options }, 'en-US', 'USD')
5191        },
5192    }"
5193    x-text="displayPrice"
5194    x-cloak
5195    0="class"
5196></span>
5197    </div>
5198</button>
5199                                    </template>
5200                <template x-if="1">
5201                    <button class="flex justify-center items-center px-0.5 sm:px-1.5 py-[3px] rounded-sm bg-slate-700" x-show="!$store.cart.existsInCart(232073)" @click="() => window.showAuctionModal(232073, 'make-an-offer')">
5202    <svg
5203        width="16"
5204        height="15"
5205        viewBox="0 0 16 15"
5206        fill="none"
5207        xmlns="http://www.w3.org/2000/svg"
5208        preserveAspectRatio="xMidYMid meet"
5209    >
5210        <path
5211            d="M6.40001 3.75C6.18783 3.75 5.98435 3.82902 5.83432 3.96967C5.68429 4.11032 5.60001 4.30109 5.60001 4.5C5.60001 4.69891 5.68429 4.88968 5.83432 5.03033C5.98435 5.17098 6.18783 5.25 6.40001 5.25H10.8688L9.83441 6.21975C9.68868 6.3612 9.60805 6.55065 9.60987 6.7473C9.61169 6.94395 9.69583 7.13206 9.84415 7.27111C9.99248 7.41017 10.1931 7.48905 10.4029 7.49076C10.6126 7.49246 10.8147 7.41687 10.9656 7.28025L13.3656 5.03025C13.5156 4.8896 13.5998 4.69887 13.5998 4.5C13.5998 4.30113 13.5156 4.1104 13.3656 3.96975L10.9656 1.71975C10.8918 1.64812 10.8035 1.59098 10.7059 1.55167C10.6083 1.51237 10.5034 1.49168 10.3971 1.49081C10.2909 1.48995 10.1856 1.50892 10.0872 1.54663C9.98893 1.58434 9.89961 1.64003 9.82449 1.71045C9.74938 1.78087 9.68997 1.86461 9.64975 1.95678C9.60952 2.04896 9.58928 2.14772 9.59021 2.2473C9.59113 2.34689 9.6132 2.4453 9.65513 2.5368C9.69705 2.62831 9.758 2.71106 9.83441 2.78025L10.8688 3.75H6.40001ZM9.60001 11.25C9.81218 11.25 10.0157 11.171 10.1657 11.0303C10.3157 10.8897 10.4 10.6989 10.4 10.5C10.4 10.3011 10.3157 10.1103 10.1657 9.96967C10.0157 9.82902 9.81218 9.75 9.60001 9.75H5.13121L6.16561 8.78025C6.24201 8.71106 6.30296 8.62831 6.34489 8.5368C6.38681 8.4453 6.40888 8.34689 6.40981 8.2473C6.41073 8.14772 6.39049 8.04896 6.35026 7.95678C6.31004 7.86461 6.25064 7.78087 6.17552 7.71045C6.10041 7.64003 6.01109 7.58434 5.91277 7.54663C5.81445 7.50892 5.70911 7.48995 5.60289 7.49081C5.49666 7.49168 5.39169 7.51237 5.29408 7.55167C5.19648 7.59098 5.1082 7.64812 5.03441 7.71975L2.63441 9.96975C2.48443 10.1104 2.40018 10.3011 2.40018 10.5C2.40018 10.6989 2.48443 10.8896 2.63441 11.0303L5.03441 13.2803C5.18529 13.4169 5.38737 13.4925 5.59713 13.4908C5.80688 13.489 6.00753 13.4102 6.15586 13.2711C6.30419 13.1321 6.38832 12.9439 6.39015 12.7473C6.39197 12.5507 6.31133 12.3612 6.16561 12.2198L5.13121 11.25H9.60001Z"
5212            fill="white"
5213        ></path>
5214    </svg>
5215</button>
5216                </template>
5217            </div>
5218        
5219            </div>
5220
5221                </div>
5222
5223                <!-- right -->
5224                <div>
5225                                    </div>
5226            </div>
5227        </div>
5228    </div>
5229</div>
5230                                                    <div wire:key="MMNAYWOhQmD6PQ16">
5231    <div
5232        class="group grid grid-cols-1 h-full justify-center rounded-[3px] border border-[#ddd]"
5233        x-data="{
5234            tchannel: 'oa',
5235            auction: {&quot;id&quot;:582110,&quot;sku&quot;:null,&quot;title&quot;:&quot;Unisex Popular Opal pendant  Bu1610&quot;,&quot;listing_type&quot;:&quot;Standard&quot;,&quot;listing_type_tier&quot;:&quot;standard&quot;,&quot;listing_type_weight&quot;:0,&quot;cur_bid&quot;:&quot;0.00&quot;,&quot;reserve_met&quot;:true,&quot;high_bidder_id&quot;:null,&quot;num_bids&quot;:0,&quot;price&quot;:29,&quot;type&quot;:&quot;catalogue&quot;,&quot;make_an_offer&quot;:true,&quot;no_reserve&quot;:true,&quot;width&quot;:14,&quot;length&quot;:43,&quot;depth&quot;:6,&quot;weight&quot;:35,&quot;ends_at&quot;:null,&quot;time_rank&quot;:6142005827,&quot;created_at&quot;:1458715501,&quot;has_video&quot;:false,&quot;status&quot;:&quot;open&quot;,&quot;on_sale&quot;:true,&quot;discount_percent&quot;:15,&quot;discount_amount&quot;:null,&quot;seller&quot;:&quot;opalplus&quot;,&quot;seller_country_id&quot;:&quot;AU&quot;,&quot;categories&quot;:{&quot;lvl0&quot;:&quot;Boulder Opal Pendants&quot;},&quot;variants&quot;:[],&quot;colours&quot;:[&quot;blue&quot;,&quot;green&quot;,&quot;red&quot;],&quot;image&quot;:&quot;https:\/\/liveplatforms-production.b-cdn.net\/tenants\/oa\/uploads\/images\/580000-584999\/582110\/56f23b633cd1f.jpg&quot;,&quot;slug&quot;:&quot;unisex-popular-opal-pendant-bu1610-582110&quot;,&quot;store_id&quot;:1,&quot;store_slug&quot;:&quot;opalplus&quot;,&quot;store_favourite_ratio&quot;:127.66666666666667,&quot;url&quot;:&quot;https:\/\/www.opalauctions.com\/products\/unisex-popular-opal-pendant-bu1610-582110&quot;,&quot;url_store&quot;:&quot;https:\/\/www.opalauctions.com\/stores\/opalplus&quot;},
5236            init() {
5237                window.showModalIfParamsAreProvided()
5238
5239                if (this.auction.type === 'auction') {
5240                    Echo.channel(this.tchannel + '.auction.' + this.auction.id)
5241                        .listen('.bid.created', data => {
5242                            Livewire.dispatch('newBid', { auctionId: this.auction.id })
5243
5244                            Alpine.store('auctions').setAuctionState({
5245                                id: data.auction.id,
5246                                high_bidder_id: data.auction.high_bidder_id,
5247                                num_bids: data.auction.num_bids,
5248                                cur_bid: data.auction.cur_bid,
5249                                next_bid: data.auction.meta.next_bid,
5250                                reserve_met: data.auction.meta.reserve_met,
5251                                ends_at: data.auction.ends
5252                            })
5253                            Alpine.store('bids').setCurrentBidForUser(data.auction.id, data.auction.cur_bid)
5254                        })
5255                }
5256            }
5257        }"
5258        :class="$store.bids.hasBidsForAuction(auction.id) && $store.auctions.isWinning(auction, $store.user.getUserId()) ? 'bg-green-50' : ($store.bids.hasBidsForAuction(auction.id) && !$store.auctions.isWinning(auction, $store.user.getUserId()) ? 'bg-red-50' : 'bg-white')"
5259    >
5260        <div class="self-stretch flex-grow overflow-hidden">
5261            <div class="self-stretch flex-grow relative overflow-hidden max-h-fit aspect-1">
5262    <a href="https://www.opalauctions.com/products/unisex-popular-opal-pendant-bu1610-582110" >
5263        <img
5264        src="https://liveplatforms-production.b-cdn.net/tenants/oa/uploads/images/580000-584999/582110/56f23b633cd1f.jpg?width=480&amp;aspect_ratio=1001%3A1000"
5265        alt="Unisex Popular Opal pendant  Bu1610"
5266        class="w-full h-full object-cover" loading="lazy"
5267    />
5268    </a>
5269
5270    <div class="flex justify-between items-start w-full absolute left-0 top-0">
5271        <div class="flex justify-center items-center flex-grow-0 flex-shrink-0">
5272                            
5273                    </div>
5274        <div class="flex justify-start items-start flex-grow-0 flex-shrink-0">
5275                            <button
5276        class="flex justify-center items-center flex-grow-0 flex-shrink-0 p-1 text-gray-500 bg-white"
5277        @click="window.showAuctionModal(582110, 'gallery')"
5278    >
5279        <svg class="flex-grow-0 flex-shrink-0 w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
5280    <path d="M12 15a3 3 0 100-6 3 3 0 000 6z" />
5281    <path fill-rule="evenodd" d="M1.323 11.447C2.811 6.976 7.028 3.75 12.001 3.75c4.97 0 9.185 3.223 10.675 7.69.12.362.12.752 0 1.113-1.487 4.471-5.705 7.697-10.677 7.697-4.97 0-9.186-3.223-10.675-7.69a1.762 1.762 0 010-1.113zM17.25 12a5.25 5.25 0 11-10.5 0 5.25 5.25 0 0110.5 0z" clip-rule="evenodd" />
5282</svg>
5283    </button>
5284
5285                    <button
5286        class="flex justify-center items-center flex-grow-0 flex-shrink-0 p-1 bg-white"
5287        @click.debounce="$dispatch('watch-auction', { id:582110, url: 'https://www.opalauctions.com/products/unisex-popular-opal-pendant-bu1610-582110' })"
5288        :class="$store.itemWatch.isWatchingItem(582110) ? 'text-[#DA4F49]' : 'text-gray-500'"
5289    >
5290        <svg class="w-4 h-4 flex-grow-0 flex-shrink-0"
5291     xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"
5292>
5293    <path
5294        d="M11.645 20.91l-.007-.003-.022-.012a15.247 15.247 0 01-.383-.218 25.18 25.18 0 01-4.244-3.17C4.688 15.36 2.25 12.174 2.25 8.25 2.25 5.322 4.714 3 7.688 3A5.5 5.5 0 0112 5.052 5.5 5.5 0 0116.313 3c2.973 0 5.437 2.322 5.437 5.25 0 3.925-2.438 7.111-4.739 9.256a25.175 25.175 0 01-4.244 3.17 15.247 15.247 0 01-.383.219l-.022.012-.007.004-.003.001a.752.752 0 01-.704 0l-.003-.001z"
5295    />
5296</svg>
5297    </button>
5298                    </div>
5299    </div>
5300
5301    <div class="flex justify-between items-start w-full absolute left-0 bottom-0">
5302        <div class="flex justify-start items-center flex-grow-0 flex-shrink-0">
5303                            <template
5304        x-if="$store.bids.hasBidsForAuction(582110) && $store.auctions.isWinning(JSON.parse('{\u0022id\u0022:582110,\u0022sku\u0022:null,\u0022title\u0022:\u0022Unisex Popular Opal pendant  Bu1610\u0022,\u0022listing_type\u0022:\u0022Standard\u0022,\u0022listing_type_tier\u0022:\u0022standard\u0022,\u0022listing_type_weight\u0022:0,\u0022cur_bid\u0022:\u00220.00\u0022,\u0022reserve_met\u0022:true,\u0022high_bidder_id\u0022:null,\u0022num_bids\u0022:0,\u0022price\u0022:29,\u0022type\u0022:\u0022catalogue\u0022,\u0022make_an_offer\u0022:true,\u0022no_reserve\u0022:true,\u0022width\u0022:14,\u0022length\u0022:43,\u0022depth\u0022:6,\u0022weight\u0022:35,\u0022ends_at\u0022:null,\u0022time_rank\u0022:6142005827,\u0022created_at\u0022:1458715501,\u0022has_video\u0022:false,\u0022status\u0022:\u0022open\u0022,\u0022on_sale\u0022:true,\u0022discount_percent\u0022:15,\u0022discount_amount\u0022:null,\u0022seller\u0022:\u0022opalplus\u0022,\u0022seller_country_id\u0022:\u0022AU\u0022,\u0022categories\u0022:{\u0022lvl0\u0022:\u0022Boulder Opal Pendants\u0022},\u0022variants\u0022:[],\u0022colours\u0022:[\u0022blue\u0022,\u0022green\u0022,\u0022red\u0022],\u0022image\u0022:\u0022https:\\\/\\\/liveplatforms-production.b-cdn.net\\\/tenants\\\/oa\\\/uploads\\\/images\\\/580000-584999\\\/582110\\\/56f23b633cd1f.jpg\u0022,\u0022slug\u0022:\u0022unisex-popular-opal-pendant-bu1610-582110\u0022,\u0022store_id\u0022:1,\u0022store_slug\u0022:\u0022opalplus\u0022,\u0022store_favourite_ratio\u0022:127.66666666666667,\u0022url\u0022:\u0022https:\\\/\\\/www.opalauctions.com\\\/products\\\/unisex-popular-opal-pendant-bu1610-582110\u0022,\u0022url_store\u0022:\u0022https:\\\/\\\/www.opalauctions.com\\\/stores\\\/opalplus\u0022}'), $store.user.getUserId())"
5305    >
5306        <div class="gap-1 px-1.5 py-1 rounded-[3px] bg-green-600 flex items-center text-white ">
5307        <div
5308    class="group relative"
5309    x-data="{
5310        tooltip: false,
5311        hovered: false,
5312        onClick() {
5313            if (! this.hovered) {
5314                this.tooltip = !this.tooltip
5315            }
5316        },
5317        onClickAway() {
5318            if (! this.hovered) {
5319                this.tooltip = false
5320            }
5321        },
5322        onMouseEnter() {
5323            this.tooltip = true
5324            this.hovered = true
5325        },
5326        onMouseLeave() {
5327            this.tooltip = false
5328            this.hovered = false
5329        }
5330    }"
5331    @mouseenter="onMouseEnter"
5332    @mouseleave="onMouseLeave"
5333    @click.away="onClickAway"
5334    @click="onClick"
5335    
5336>
5337    <div
5338                class="flex gap-1">
5339                <svg class="w-4 h-4 hidden md:flex" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
5340    <path stroke-linecap="round" stroke-linejoin="round" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
5341</svg>
5342                <template x-if="$store.bids.getMaxBidForUser(582110)">
5343                    <p class="text-xs font-medium text-left"
5344                       x-text="'Maximum bid ' + $store.bids.getMaxBidForUser(582110)"></p>
5345                </template>
5346            </div>
5347    <div
5348        class="-top-8 -translate-x-[5%] bg-black/80 transform text-white absolute whitespace-nowrap shadow-sm p-2 rounded text-xs font-normal z-30"
5349        x-cloak x-show.transition.origin.bottom="tooltip"
5350    >
5351        <div class="flex">
5352                    <p class="text-xs font-medium text-left"
5353                       x-text="'Current Bid ' + $store.bids.getCurrentBidForUser(582110)"></p>
5354                </div>
5355    </div>
5356</div>
5357    </div>
5358    </template>
5359    <template
5360        x-if="$store.bids.hasBidsForAuction(582110) && ! $store.auctions.isWinning(JSON.parse('{\u0022id\u0022:582110,\u0022sku\u0022:null,\u0022title\u0022:\u0022Unisex Popular Opal pendant  Bu1610\u0022,\u0022listing_type\u0022:\u0022Standard\u0022,\u0022listing_type_tier\u0022:\u0022standard\u0022,\u0022listing_type_weight\u0022:0,\u
53600022cur_bid\u0022:\u00220.00\u0022,\u0022reserve_met\u0022:true,\u0022high_bidder_id\u0022:null,\u0022num_bids\u0022:0,\u0022price\u0022:29,\u0022type\u0022:\u0022catalogue\u0022,\u0022make_an_offer\u0022:true,\u0022no_reserve\u0022:true,\u0022width\u0022:14,\u0022length\u0022:43,\u0022depth\u0022:6,\u0022weight\u0022:35,\u0022ends_at\u0022:null,\u0022time_rank\u0022:6142005827,\u0022created_at\u0022:1458715501,\u0022has_video\u0022:false,\u0022status\u0022:\u0022open\u0022,\u0022on_sale\u0022:true,\u0022discount_percent\u0022:15,\u0022discount_amount\u0022:null,\u0022seller\u0022:\u0022opalplus\u0022,\u0022seller_country_id\u0022:\u0022AU\u0022,\u0022categories\u0022:{\u0022lvl0\u0022:\u0022Boulder Opal Pendants\u0022},\u0022variants\u0022:[],\u0022colours\u0022:[\u0022blue\u0022,\u0022green\u0022,\u0022red\u0022],\u0022image\u0022:\u0022https:\\\/\\\/liveplatforms-production.b-cdn.net\\\/tenants\\\/oa\\\/uploads\\\/images\\\/580000-584999\\\/582110\\\/56f23b633cd1f.jpg\u0022,\u0022slug\u0022:\u0022unisex-popular-opal-pendant-bu1610-582110\u0022,\u0022store_id\u0022:1,\u0022store_slug\u0022:\u0022opalplus\u0022,\u0022store_favourite_ratio\u0022:127.66666666666667,\u0022url\u0022:\u0022https:\\\/\\\/www.opalauctions.com\\\/products\\\/unisex-popular-opal-pendant-bu1610-582110\u0022,\u0022url_store\u0022:\u0022https:\\\/\\\/www.opalauctions.com\\\/stores\\\/opalplus\u0022}'), $store.user.getUserId())"
5361    >
5362        <div class="gap-1 px-1.5 py-1 rounded-[3px] bg-red-500 flex items-center text-white">
5363        <svg class="w-4 h-4 hidden md:flex" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
5364    <path stroke-linecap="round" stroke-linejoin="round" d="M9.172 16.172a4 4 0 015.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
5365</svg>
5366        <template x-if="$store.bids.getMaxBidForUser(582110)">
5367            <p class="text-xs font-medium text-left"
5368               x-text="'Maximum bid ' + $store.bids.getMaxBidForUser(582110)"></p>
5369        </template>
5370    </div>
5371    </template>
5372
5373                    <div class="mb-1 ml-1">
5374                        <div
5375    class="gap-1 px-1.5 py-1 flex items-center bg-red-100 text-red-800 text-xxs font-medium rounded-[3px] backdrop-blur-sm"
5376>
5377    <span class="w-2 h-2 bg-red-500/75 rounded-full"></span>
5378
5379                        15% Off Coupon
5380            
5381    </div>
5382            
5383    </div>
5384                    </div>
5385        <div class="flex justify-center items-center flex-grow-0 flex-shrink-0">
5386                    </div>
5387    </div>
5388</div>
5389        </div>
5390        <div class="flex h-16 justify-start items-start self-stretch flex-grow-0 flex-shrink-0 gap-2.5 p-2">
5391            <div class="line-clamp-2 leading-5 md:leading-normal">
5392                <a href="https://www.opalauctions.com/products/unisex-popular-opal-pendant-bu1610-582110" class="flex-grow-0 flex-shrink-0 text-sm text-left text-[#1c87c3] visited:text-purple-800 hover:underline">
5393        Unisex Popular Opal pendant  Bu1610
5394    </a>
5395
5396            </div>
5397        </div>
5398        <div class="flex justify-between items-center self-stretch flex-grow-0 flex-shrink-0 px-2 pb-2">
5399            <div class="w-fit max-w-32 sm:w-auto xl:max-w-40 break-words">
5400                <a href="https://www.opalauctions.com/stores/opalplus" class="flex-grow-0 flex-shrink-0 text-xs text-left text-black hover:underline">
5401        opalplus
5402    </a>
5403
5404            </div>
5405
5406                    </div>
5407        <div
5408            class="flex flex-col items-start self-stretch flex-grow-0 flex-shrink-0 p-2.5 border-t border-[#ddd]"
5409        >
5410            <div class="flex justify-between items-center w-full py-0.5">
5411                <!-- left -->
5412                <div>
5413                    <div>
5414                    <div class="flex gap-x-1">
5415                <template x-if="1">
5416                                            <button class="flex justify-center items-center flex-grow-0 flex-shrink-0 gap-[3px] px-1.5 py-[3px] rounded-sm" data-test="card-add-to-cart" :class="$store.cart.existsInCart(582110) ? 'bg-[#F56400]' :  'bg-[#18a505]'" @click.debounce="$store.cart.existsInCart(582110) ? $store.cart.onToggleCart(582110) : window.showQuantityModal(582110)" >
5417    <svg class="flex-grow-0 flex-shrink-0 w-3.5 h-3.5 fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
5418    <path d="M3 1a1 1 0 000 2h1.22l.305 1.222a.997.997 0 00.01.042l1.358 5.43-.893.892C3.74 11.846 4.632 14 6.414 14H15a1 1 0 000-2H6.414l1-1H14a1 1 0 00.894-.553l3-6A1 1 0 0017 3H6.28l-.31-1.243A1 1 0 005 1H3zM16 16.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM6.5 18a1.5 1.5 0 100-3 1.5 1.5 0 000 3z" />
5419</svg>
5420    <div class="flex-grow-0 flex-shrink-0 text-xs font-semibold text-left text-white">
5421        <span
5422    x-data="{
5423        options: {
5424            roundingMode: 'halfExpand',
5425            trailingZeroDisplay: 'auto',
5426            minimumFractionDigits: 2,
5427            maximumFractionDigits: 2,
5428            currencyDisplay: 'symbol',
5429        },
5430        get amount() {
5431            return 29
5432        },
5433        get displayPrice() {
5434            return $price(new Number(this.amount) * 1, { ...this.options }, 'en-US', 'USD')
5435        },
5436    }"
5437    x-text="displayPrice"
5438    x-cloak
5439    0="class"
5440></span>
5441    </div>
5442</button>
5443                                    </template>
5444                <template x-if="1">
5445                    <button class="flex justify-center items-center px-0.5 sm:px-1.5 py-[3px] rounded-sm bg-slate-700" x-show="!$store.cart.existsInCart(582110)" @click="() => window.showAuctionModal(582110, 'make-an-offer')">
5446    <svg
5447        width="16"
5448        height="15"
5449        viewBox="0 0 16 15"
5450        fill="none"
5451        xmlns="http://www.w3.org/2000/svg"
5452        preserveAspectRatio="xMidYMid meet"
5453    >
5454        <path
5455            d="M6.40001 3.75C6.18783 3.75 5.98435 3.82902 5.83432 3.96967C5.68429 4.11032 5.60001 4.30109 5.60001 4.5C5.60001 4.69891 5.68429 4.88968 5.83432 5.03033C5.98435 5.17098 6.18783 5.25 6.40001 5.25H10.8688L9.83441 6.21975C9.68868 6.3612 9.60805 6.55065 9.60987 6.7473C9.61169 6.94395 9.69583 7.13206 9.84415 7.27111C9.99248 7.41017 10.1931 7.48905 10.4029 7.49076C10.6126 7.49246 10.8147 7.41687 10.9656 7.28025L13.3656 5.03025C13.5156 4.8896 13.5998 4.69887 13.5998 4.5C13.5998 4.30113 13.5156 4.1104 13.3656 3.96975L10.9656 1.71975C10.8918 1.64812 10.8035 1.59098 10.7059 1.55167C10.6083 1.51237 10.5034 1.49168 10.3971 1.49081C10.2909 1.48995 10.1856 1.50892 10.0872 1.54663C9.98893 1.58434 9.89961 1.64003 9.82449 1.71045C9.74938 1.78087 9.68997 1.86461 9.64975 1.95678C9.60952 2.04896 9.58928 2.14772 9.59021 2.2473C9.59113 2.34689 9.6132 2.4453 9.65513 2.5368C9.69705 2.62831 9.758 2.71106 9.83441 2.78025L10.8688 3.75H6.40001ZM9.60001 11.25C9.81218 11.25 10.0157 11.171 10.1657 11.0303C10.3157 10.8897 10.4 10.6989 10.4 10.5C10.4 10.3011 10.3157 10.1103 10.1657 9.96967C10.0157 9.82902 9.81218 9.75 9.60001 9.75H5.13121L6.16561 8.78025C6.24201 8.71106 6.30296 8.62831 6.34489 8.5368C6.38681 8.4453 6.40888 8.34689 6.40981 8.2473C6.41073 8.14772 6.39049 8.04896 6.35026 7.95678C6.31004 7.86461 6.25064 7.78087 6.17552 7.71045C6.10041 7.64003 6.01109 7.58434 5.91277 7.54663C5.81445 7.50892 5.70911 7.48995 5.60289 7.49081C5.49666 7.49168 5.39169 7.51237 5.29408 7.55167C5.19648 7.59098 5.1082 7.64812 5.03441 7.71975L2.63441 9.96975C2.48443 10.1104 2.40018 10.3011 2.40018 10.5C2.40018 10.6989 2.48443 10.8896 2.63441 11.0303L5.03441 13.2803C5.18529 13.4169 5.38737 13.4925 5.59713 13.4908C5.80688 13.489 6.00753 13.4102 6.15586 13.2711C6.30419 13.1321 6.38832 12.9439 6.39015 12.7473C6.39197 12.5507 6.31133 12.3612 6.16561 12.2198L5.13121 11.25H9.60001Z"
5456            fill="white"
5457        ></path>
5458    </svg>
5459</button>
5460                </template>
5461            </div>
5462        
5463            </div>
5464
5465                </div>
5466
5467                <!-- right -->
5468                <div>
5469                                    </div>
5470            </div>
5471        </div>
5472    </div>
5473</div>
5474                                                    <div wire:key="pECblSJCw75hUB2n">
5475    <div
5476        class="group grid grid-cols-1 h-full justify-center rounded-[3px] border border-[#ddd]"
5477        x-data="{
5478            tchannel: 'oa',
5479            auction: {&quot;id&quot;:582106,&quot;sku&quot;:null,&quot;title&quot;:&quot;Unisex Popular Opal pendant  Bu1606&quot;,&quot;listing_type&quot;:&quot;Standard&quot;,&quot;listing_type_tier&quot;:&quot;standard&quot;,&quot;listing_type_weight&quot;:0,&quot;cur_bid&quot;:&quot;0.00&quot;,&quot;reserve_met&quot;:true,&quot;high_bidder_id&quot;:null,&quot;num_bids&quot;:0,&quot;price&quot;:29,&quot;type&quot;:&quot;catalogue&quot;,&quot;make_an_offer&quot;:true,&quot;no_reserve&quot;:true,&quot;width&quot;:29,&quot;length&quot;:34,&quot;depth&quot;:5,&quot;weight&quot;:49,&quot;ends_at&quot;:null,&quot;time_rank&quot;:6142981732,&quot;created_at&quot;:1458715350,&quot;has_video&quot;:false,&quot;status&quot;:&quot;open&quot;,&quot;on_sale&quot;:true,&quot;discount_percent&quot;:15,&quot;discount_amount&quot;:null,&quot;seller&quot;:&quot;opalplus&quot;,&quot;seller_country_id&quot;:&quot;AU&quot;,&quot;categories&quot;:{&quot;lvl0&quot;:&quot;Boulder Opal Pendants&quot;},&quot;variants&quot;:[],&quot;colours&quot;:[&quot;blue&quot;,&quot;cyan&quot;],&quot;image&quot;:&quot;https:\/\/liveplatforms-production.b-cdn.net\/tenants\/oa\/uploads\/images\/580000-584999\/582106\/56f23ad0b43be.jpg&quot;,&quot;slug&quot;:&quot;unisex-popular-opal-pendant-bu1606-582106&quot;,&quot;store_id&quot;:1,&quot;store_slug&quot;:&quot;opalplus&quot;,&quot;store_favourite_ratio&quot;:127.66666666666667,&quot;url&quot;:&quot;https:\/\/www.opalauctions.com\/products\/unisex-popular-opal-pendant-bu1606-582106&quot;,&quot;url_store&quot;:&quot;https:\/\/www.opalauctions.com\/stores\/opalplus&quot;},
5480            init() {
5481                window.showModalIfParamsAreProvided()
5482
5483                if (this.auction.type === 'auction') {
5484                    Echo.channel(this.tchannel + '.auction.' + this.auction.id)
5485                        .listen('.bid.created', data => {
5486                            Livewire.dispatch('newBid', { auctionId: this.auction.id })
5487
5488                            Alpine.store('auctions').setAuctionState({
5489                                id: data.auction.id,
5490                                high_bidder_id: data.auction.high_bidder_id,
5491                                num_bids: data.auction.num_bids,
5492                                cur_bid: data.auction.cur_bid,
5493                                next_bid: data.auction.meta.next_bid,
5494                                reserve_met: data.auction.meta.reserve_met,
5495                                ends_at: data.auction.ends
5496                            })
5497                            Alpine.store('bids').setCurrentBidForUser(data.auction.id, data.auction.cur_bid)
5498                        })
5499                }
5500            }
5501        }"
5502        :class="$store.bids.hasBidsForAuction(auction.id) && $store.auctions.isWinning(auction, $store.user.getUserId()) ? 'bg-green-50' : ($store.bids.hasBidsForAuction(auction.id) && !$store.auctions.isWinning(auction, $store.user.getUserId()) ? 'bg-red-50' : 'bg-white')"
5503    >
5504        <div class="self-stretch flex-grow overflow-hidden">
5505            <div class="self-stretch flex-grow relative overflow-hidden max-h-fit aspect-1">
5506    <a href="https://www.opalauctions.com/products/unisex-popular-opal-pendant-bu1606-582106" >
5507        <img
5508        src="https://liveplatforms-production.b-cdn.net/tenants/oa/uploads/images/580000-584999/582106/56f23ad0b43be.jpg?width=480&amp;aspect_ratio=1001%3A1000"
5509        alt="Unisex Popular Opal pendant  Bu1606"
5510        class="w-full h-full object-cover" loading="lazy"
5511    />
5512    </a>
5513
5514    <div class="flex justify-between items-start w-full absolute left-0 top-0">
5515        <div class="flex justify-center items-center flex-grow-0 flex-shrink-0">
5516                            
5517                    </div>
5518        <div class="flex justify-start items-start flex-grow-0 flex-shrink-0">
5519                            <button
5520        class="flex justify-center items-center flex-grow-0 flex-shrink-0 p-1 text-gray-500 bg-white"
5521        @click="window.showAuctionModal(582106, 'gallery')"
5522    >
5523        <svg class="flex-grow-0 flex-shrink-0 w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
5524    <path d="M12 15a3 3 0 100-6 3 3 0 000 6z" />
5525    <path fill-rule="evenodd" d="M1.323 11.447C2.811 6.976 7.028 3.75 12.001 3.75c4.97 0 9.185 3.223 10.675 7.69.12.362.12.752 0 1.113-1.487 4.471-5.705 7.697-10.677 7.697-4.97 0-9.186-3.223-10.675-7.69a1.762 1.762 0 010-1.113zM17.25 12a5.25 5.25 0 11-10.5 0 5.25 5.25 0 0110.5 0z" clip-rule="evenodd" />
5526</svg>
5527    </button>
5528
5529                    <button
5530        class="flex justify-center items-center flex-grow-0 flex-shrink-0 p-1 bg-white"
5531        @click.debounce="$dispatch('watch-auction', { id:582106, url: 'https://www.opalauctions.com/products/unisex-popular-opal-pendant-bu1606-582106' })"
5532        :class="$store.itemWatch.isWatchingItem(582106) ? 'text-[#DA4F49]' : 'text-gray-500'"
5533    >
5534        <svg class="w-4 h-4 flex-grow-0 flex-shrink-0"
5535     xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"
5536>
5537    <path
5538        d="M11.645 20.91l-.007-.003-.022-.012a15.247 15.247 0 01-.383-.218 25.18 25.18 0 01-4.244-3.17C4.688 15.36 2.25 12.174 2.25 8.25 2.25 5.322 4.714 3 7.688 3A5.5 5.5 0 0112 5.052 5.5 5.5 0 0116.313 3c2.973 0 5.437 2.322 5.437 5.25 0 3.925-2.438 7.111-4.739 9.256a25.175 25.175 0 01-4.244 3.17 15.247 15.247 0 01-.383.219l-.022.012-.007.004-.003.001a.752.752 0 01-.704 0l-.003-.001z"
5539    />
5540</svg>
5541    </button>
5542                    </div>
5543    </div>
5544
5545    <div class="flex justify-between items-start w-full absolute left-0 bottom-0">
5546        <div class="flex justify-start items-center flex-grow-0 flex-shrink-0">
5547                            <template
5548        x-if="$store.bids.hasBidsForAuction(582106) && $store.auctions.isWinning(JSON.parse('{\u0022id\u0022:582106,\u0022sku\u0022:null,\u0022title\u0022:\u0022Unisex Popular Opal pendant  Bu1606\u0022,\u0022listing_type\u0022:\u0022Standard\u0022,\u0022listing_type_tier\u0022:\u0022standard\u0022,\u0022listing_type_weight\u0022:0,\u0022cur_bid\u0022:\u00220.00\u0022,\u0022reserve_met\u0022:true,\u0022high_bidder_id\u0022:null,\u0022num_bids\u0022:0,\u0022price\u0022:29,\u0022type\u0022:\u0022catalogue\u0022,\u0022make_an_offer\u0022:true,\u0022no_reserve\u0022:true,\u0022width\u0022:29,\u0022length\u0022:34,\u0022depth\u0022:5,\u0022weight\u0022:49,\u0022ends_at\u0022:null,\u0022time_rank\u0022:6142981732,\u0022created_at\u0022:1458715350,\u0022has_video\u0022:false,\u0022status\u0022:\u0022open\u0022,\u0022on_sale\u0022:true,\u0022discount_percent\u0022:15,\u0022discount_amount\u0022:null,\u0022seller\u0022:\u0022opalplus\u0022,\u0022seller_country_id\u0022:\u0022AU\u0022,\u0022categories\u0022:{\u0022lvl0\u0022:\u0022Boulder Opal Pendants\u0022},\u0022variants\u0022:[],\u0022colours\u0022:[\u0022blue\u0022,\u0022cyan\u0022],\u0022image\u0022:\u0022https:\\\/\\\/liveplatforms-production.b-cdn.net\\\/tenants\\\/oa\\\/uploads\\\/images\\\/580000-584999\\\/582106\\\/56f23ad0b43be.jpg\u0022,\u0022slug\u0022:\u0022unisex-popular-opal-pendant-bu1606-582106\u0022,\u0022store_id\u0022:1,\u0022store_slug\u0022:\u0022opalplus\u0022,\u0022store_favourite_ratio\u0022:127.66666666666667,\u0022url\u0022:\u0022https:\\\/\\\/www.opalauctions.com\\\/products\\\/unisex-popular-opal-pendant-bu1606-582106\u0022,\u0022url_store\u0022:\u0022https:\\\/\\\/www.opalauctions.com\\\/stores\\\/opalplus\u0022}'), $store.user.getUserId())"
5549    >
5550        <div class="gap-1 px-1.5 py-1 rounded-[3px] bg-green-600 flex items-center text-white ">
5551        <div
5552    class="group relative"
5553    x-data="{
5554        tooltip: false,
5555        hovered: false,
5556        onClick() {
5557            if (! this.hovered) {
5558                this.tooltip = !this.tooltip
5559            }
5560        },
5561        onClickAway() {
5562            if (! this.hovered) {
5563                this.tooltip = false
5564            }
5565        },
5566        onMouseEnter() {
5567            this.tooltip = true
5568            this.hovered = true
5569        },
5570        onMouseLeave() {
5571            this.tooltip = false
5572            this.hovered = false
5573        }
5574    }"
5575    @mouseenter="onMouseEnter"
5576    @mouseleave="onMouseLeave"
5577    @click.away="onClickAway"
5578    @click="onClick"
5579    
5580>
5581    <div
5582                class="flex gap-1">
5583                <svg class="w-4 h-4 hidden md:flex" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
5584    <path stroke-linecap="round" stroke-linejoin="round" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
5585</svg>
5586                <template x-if="$store.bids.getMaxBidForUser(582106)">
5587                    <p class="text-xs font-medium text-left"
5588                       x-text="'Maximum bid ' + $store.bids.getMaxBidForUser(582106)"></p>
5589                </template>
5590            </div>
5591    <div
5592        class="-top-8 -translate-x-[5%] bg-black/80 transform text-white absolute whitespace-nowrap shadow-sm p-2 rounded text-xs font-normal z-30"
5593        x-cloak x-show.transition.origin.bottom="tooltip"
5594    >
5595        <div class="flex">
5596                    <p class="text-xs font-medium text-left"
5597                       x-text="'Current Bid ' + $store.bids.getCurrentBidForUser(582106)"></p>
5598                </div>
5599    </div>
5600</div>
5601    </div>
5602    </template>
5603    <template
5604        x-if="$store.bids.hasBidsForAuction(582106) && ! $store.auctions.isWinning(JSON.parse('{\u0022id\u0022:582106,\u0022sku\u0022:null,\u0022title\u0022:\u0022Unisex Popular Opal pendant  Bu1606\u0022,\u0022listing_type\u0022:\u0022Standard\u0022,\u0022listing_type_tier\u0022:\u0022standard\u0022,\u0022listing_type_weight\u0022:0,\u
56040022cur_bid\u0022:\u00220.00\u0022,\u0022reserve_met\u0022:true,\u0022high_bidder_id\u0022:null,\u0022num_bids\u0022:0,\u0022price\u0022:29,\u0022type\u0022:\u0022catalogue\u0022,\u0022make_an_offer\u0022:true,\u0022no_reserve\u0022:true,\u0022width\u0022:29,\u0022length\u0022:34,\u0022depth\u0022:5,\u0022weight\u0022:49,\u0022ends_at\u0022:null,\u0022time_rank\u0022:6142981732,\u0022created_at\u0022:1458715350,\u0022has_video\u0022:false,\u0022status\u0022:\u0022open\u0022,\u0022on_sale\u0022:true,\u0022discount_percent\u0022:15,\u0022discount_amount\u0022:null,\u0022seller\u0022:\u0022opalplus\u0022,\u0022seller_country_id\u0022:\u0022AU\u0022,\u0022categories\u0022:{\u0022lvl0\u0022:\u0022Boulder Opal Pendants\u0022},\u0022variants\u0022:[],\u0022colours\u0022:[\u0022blue\u0022,\u0022cyan\u0022],\u0022image\u0022:\u0022https:\\\/\\\/liveplatforms-production.b-cdn.net\\\/tenants\\\/oa\\\/uploads\\\/images\\\/580000-584999\\\/582106\\\/56f23ad0b43be.jpg\u0022,\u0022slug\u0022:\u0022unisex-popular-opal-pendant-bu1606-582106\u0022,\u0022store_id\u0022:1,\u0022store_slug\u0022:\u0022opalplus\u0022,\u0022store_favourite_ratio\u0022:127.66666666666667,\u0022url\u0022:\u0022https:\\\/\\\/www.opalauctions.com\\\/products\\\/unisex-popular-opal-pendant-bu1606-582106\u0022,\u0022url_store\u0022:\u0022https:\\\/\\\/www.opalauctions.com\\\/stores\\\/opalplus\u0022}'), $store.user.getUserId())"
5605    >
5606        <div class="gap-1 px-1.5 py-1 rounded-[3px] bg-red-500 flex items-center text-white">
5607        <svg class="w-4 h-4 hidden md:flex" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
5608    <path stroke-linecap="round" stroke-linejoin="round" d="M9.172 16.172a4 4 0 015.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
5609</svg>
5610        <template x-if="$store.bids.getMaxBidForUser(582106)">
5611            <p class="text-xs font-medium text-left"
5612               x-text="'Maximum bid ' + $store.bids.getMaxBidForUser(582106)"></p>
5613        </template>
5614    </div>
5615    </template>
5616
5617                    <div class="mb-1 ml-1">
5618                        <div
5619    class="gap-1 px-1.5 py-1 flex items-center bg-red-100 text-red-800 text-xxs font-medium rounded-[3px] backdrop-blur-sm"
5620>
5621    <span class="w-2 h-2 bg-red-500/75 rounded-full"></span>
5622
5623                        15% Off Coupon
5624            
5625    </div>
5626            
5627    </div>
5628                    </div>
5629        <div class="flex justify-center items-center flex-grow-0 flex-shrink-0">
5630                    </div>
5631    </div>
5632</div>
5633        </div>
5634        <div class="flex h-16 justify-start items-start self-stretch flex-grow-0 flex-shrink-0 gap-2.5 p-2">
5635            <div class="line-clamp-2 leading-5 md:leading-normal">
5636                <a href="https://www.opalauctions.com/products/unisex-popular-opal-pendant-bu1606-582106" class="flex-grow-0 flex-shrink-0 text-sm text-left text-[#1c87c3] visited:text-purple-800 hover:underline">
5637        Unisex Popular Opal pendant  Bu1606
5638    </a>
5639
5640            </div>
5641        </div>
5642        <div class="flex justify-between items-center self-stretch flex-grow-0 flex-shrink-0 px-2 pb-2">
5643            <div class="w-fit max-w-32 sm:w-auto xl:max-w-40 break-words">
5644                <a href="https://www.opalauctions.com/stores/opalplus" class="flex-grow-0 flex-shrink-0 text-xs text-left text-black hover:underline">
5645        opalplus
5646    </a>
5647
5648            </div>
5649
5650                    </div>
5651        <div
5652            class="flex flex-col items-start self-stretch flex-grow-0 flex-shrink-0 p-2.5 border-t border-[#ddd]"
5653        >
5654            <div class="flex justify-between items-center w-full py-0.5">
5655                <!-- left -->
5656                <div>
5657                    <div>
5658                    <div class="flex gap-x-1">
5659                <template x-if="1">
5660                                            <button class="flex justify-center items-center flex-grow-0 flex-shrink-0 gap-[3px] px-1.5 py-[3px] rounded-sm" data-test="card-add-to-cart" :class="$store.cart.existsInCart(582106) ? 'bg-[#F56400]' :  'bg-[#18a505]'" @click.debounce="$store.cart.existsInCart(582106) ? $store.cart.onToggleCart(582106) : window.showQuantityModal(582106)" >
5661    <svg class="flex-grow-0 flex-shrink-0 w-3.5 h-3.5 fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
5662    <path d="M3 1a1 1 0 000 2h1.22l.305 1.222a.997.997 0 00.01.042l1.358 5.43-.893.892C3.74 11.846 4.632 14 6.414 14H15a1 1 0 000-2H6.414l1-1H14a1 1 0 00.894-.553l3-6A1 1 0 0017 3H6.28l-.31-1.243A1 1 0 005 1H3zM16 16.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM6.5 18a1.5 1.5 0 100-3 1.5 1.5 0 000 3z" />
5663</svg>
5664    <div class="flex-grow-0 flex-shrink-0 text-xs font-semibold text-left text-white">
5665        <span
5666    x-data="{
5667        options: {
5668            roundingMode: 'halfExpand',
5669            trailingZeroDisplay: 'auto',
5670            minimumFractionDigits: 2,
5671            maximumFractionDigits: 2,
5672            currencyDisplay: 'symbol',
5673        },
5674        get amount() {
5675            return 29
5676        },
5677        get displayPrice() {
5678            return $price(new Number(this.amount) * 1, { ...this.options }, 'en-US', 'USD')
5679        },
5680    }"
5681    x-text="displayPrice"
5682    x-cloak
5683    0="class"
5684></span>
5685    </div>
5686</button>
5687                                    </template>
5688                <template x-if="1">
5689                    <button class="flex justify-center items-center px-0.5 sm:px-1.5 py-[3px] rounded-sm bg-slate-700" x-show="!$store.cart.existsInCart(582106)" @click="() => window.showAuctionModal(582106, 'make-an-offer')">
5690    <svg
5691        width="16"
5692        height="15"
5693        viewBox="0 0 16 15"
5694        fill="none"
5695        xmlns="http://www.w3.org/2000/svg"
5696        preserveAspectRatio="xMidYMid meet"
5697    >
5698        <path
5699            d="M6.40001 3.75C6.18783 3.75 5.98435 3.82902 5.83432 3.96967C5.68429 4.11032 5.60001 4.30109 5.60001 4.5C5.60001 4.69891 5.68429 4.88968 5.83432 5.03033C5.98435 5.17098 6.18783 5.25 6.40001 5.25H10.8688L9.83441 6.21975C9.68868 6.3612 9.60805 6.55065 9.60987 6.7473C9.61169 6.94395 9.69583 7.13206 9.84415 7.27111C9.99248 7.41017 10.1931 7.48905 10.4029 7.49076C10.6126 7.49246 10.8147 7.41687 10.9656 7.28025L13.3656 5.03025C13.5156 4.8896 13.5998 4.69887 13.5998 4.5C13.5998 4.30113 13.5156 4.1104 13.3656 3.96975L10.9656 1.71975C10.8918 1.64812 10.8035 1.59098 10.7059 1.55167C10.6083 1.51237 10.5034 1.49168 10.3971 1.49081C10.2909 1.48995 10.1856 1.50892 10.0872 1.54663C9.98893 1.58434 9.89961 1.64003 9.82449 1.71045C9.74938 1.78087 9.68997 1.86461 9.64975 1.95678C9.60952 2.04896 9.58928 2.14772 9.59021 2.2473C9.59113 2.34689 9.6132 2.4453 9.65513 2.5368C9.69705 2.62831 9.758 2.71106 9.83441 2.78025L10.8688 3.75H6.40001ZM9.60001 11.25C9.81218 11.25 10.0157 11.171 10.1657 11.0303C10.3157 10.8897 10.4 10.6989 10.4 10.5C10.4 10.3011 10.3157 10.1103 10.1657 9.96967C10.0157 9.82902 9.81218 9.75 9.60001 9.75H5.13121L6.16561 8.78025C6.24201 8.71106 6.30296 8.62831 6.34489 8.5368C6.38681 8.4453 6.40888 8.34689 6.40981 8.2473C6.41073 8.14772 6.39049 8.04896 6.35026 7.95678C6.31004 7.86461 6.25064 7.78087 6.17552 7.71045C6.10041 7.64003 6.01109 7.58434 5.91277 7.54663C5.81445 7.50892 5.70911 7.48995 5.60289 7.49081C5.49666 7.49168 5.39169 7.51237 5.29408 7.55167C5.19648 7.59098 5.1082 7.64812 5.03441 7.71975L2.63441 9.96975C2.48443 10.1104 2.40018 10.3011 2.40018 10.5C2.40018 10.6989 2.48443 10.8896 2.63441 11.0303L5.03441 13.2803C5.18529 13.4169 5.38737 13.4925 5.59713 13.4908C5.80688 13.489 6.00753 13.4102 6.15586 13.2711C6.30419 13.1321 6.38832 12.9439 6.39015 12.7473C6.39197 12.5507 6.31133 12.3612 6.16561 12.2198L5.13121 11.25H9.60001Z"
5700            fill="white"
5701        ></path>
5702    </svg>
5703</button>
5704                </template>
5705            </div>
5706        
5707            </div>
5708
5709                </div>
5710
5711                <!-- right -->
5712                <div>
5713                                    </div>
5714            </div>
5715        </div>
5716    </div>
5717</div>
5718                                                    <div wire:key="uK1F8BtD3zFkjGPs">
5719    <div
5720        class="group grid grid-cols-1 h-full justify-center rounded-[3px] border border-[#ddd]"
5721        x-data="{
5722            tchannel: 'oa',
5723            auction: {&quot;id&quot;:597267,&quot;sku&quot;:null,&quot;title&quot;:&quot;BARGAIN BUY IT NOW Boulder Opal Picture Stone AB896 24cts&quot;,&quot;listing_type&quot;:&quot;Standard&quot;,&quot;listing_type_tier&quot;:&quot;standard&quot;,&quot;listing_type_weight&quot;:0,&quot;cur_bid&quot;:&quot;0.00&quot;,&quot;reserve_met&quot;:true,&quot;high_bidder_id&quot;:null,&quot;num_bids&quot;:0,&quot;price&quot;:39,&quot;type&quot;:&quot;catalogue&quot;,&quot;make_an_offer&quot;:true,&quot;no_reserve&quot;:true,&quot;width&quot;:18,&quot;length&quot;:26,&quot;depth&quot;:7,&quot;weight&quot;:24,&quot;ends_at&quot;:null,&quot;time_rank&quot;:6142883857,&quot;created_at&quot;:1466134595,&quot;has_video&quot;:false,&quot;status&quot;:&quot;open&quot;,&quot;on_sale&quot;:false,&quot;discount_percent&quot;:null,&quot;discount_amount&quot;:null,&quot;seller&quot;:&quot;fortuneopal&quot;,&quot;seller_country_id&quot;:&quot;AU&quot;,&quot;categories&quot;:{&quot;lvl0&quot;:&quot;Boulder Opal&quot;,&quot;lvl1&quot;:&quot;Boulder Opal \u003E Boulder Opal Stones&quot;},&quot;variants&quot;:[{&quot;33&quot;:&quot;Cabochon&quot;}],&quot;colours&quot;:[&quot;orange&quot;,&quot;red&quot;],&quot;image&quot;:&quot;https:\/\/liveplatforms-production.b-cdn.net\/tenants\/oa\/uploads\/images\/595000-599999\/597267\/5763707aa95ac.jpg&quot;,&quot;slug&quot;:&quot;
5723bargain-buy-it-now-boulder-opal-picture-stone-ab896-24cts-597267&quot;,&quot;store_id&quot;:327,&quot;store_slug&quot;:&quot;fortuneopal&quot;,&quot;store_favourite_ratio&quot;:318,&quot;url&quot;:&quot;https:\/\/www.opalauctions.com\/products\/bargain-buy-it-now-boulder-opal-picture-stone-ab896-24cts-597267&quot;,&quot;url_store&quot;:&quot;https:\/\/www.opalauctions.com\/stores\/fortuneopal&quot;},
5724            init() {
5725                window.showModalIfParamsAreProvided()
5726
5727                if (this.auction.type === 'auction') {
5728                    Echo.channel(this.tchannel + '.auction.' + this.auction.id)
5729                        .listen('.bid.created', data => {
5730                            Livewire.dispatch('newBid', { auctionId: this.auction.id })
5731
5732                            Alpine.store('auctions').setAuctionState({
5733                                id: data.auction.id,
5734                                high_bidder_id: data.auction.high_bidder_id,
5735                                num_bids: data.auction.num_bids,
5736                                cur_bid: data.auction.cur_bid,
5737                                next_bid: data.auction.meta.next_bid,
5738                                reserve_met: data.auction.meta.reserve_met,
5739                                ends_at: data.auction.ends
5740                            })
5741                            Alpine.store('bids').setCurrentBidForUser(data.auction.id, data.auction.cur_bid)
5742                        })
5743                }
5744            }
5745        }"
5746        :class="$store.bids.hasBidsForAuction(auction.id) && $store.auctions.isWinning(auction, $store.user.getUserId()) ? 'bg-green-50' : ($store.bids.hasBidsForAuction(auction.id) && !$store.auctions.isWinning(auction, $store.user.getUserId()) ? 'bg-red-50' : 'bg-white')"
5747    >
5748        <div class="self-stretch flex-grow overflow-hidden">
5749            <div class="self-stretch flex-grow relative overflow-hidden max-h-fit aspect-1">
5750    <a href="https://www.opalauctions.com/products/bargain-buy-it-now-boulder-opal-picture-stone-ab896-24cts-597267" >
5751        <img
5752        src="https://liveplatforms-production.b-cdn.net/tenants/oa/uploads/images/595000-599999/597267/5763707aa95ac.jpg?width=480&amp;aspect_ratio=1001%3A1000"
5753        alt="BARGAIN BUY IT NOW Boulder Opal Picture Stone AB896 24cts"
5754        class="w-full h-full object-cover" loading="lazy"
5755    />
5756    </a>
5757
5758    <div class="flex justify-between items-start w-full absolute left-0 top-0">
5759        <div class="flex justify-center items-center flex-grow-0 flex-shrink-0">
5760                            
5761                    </div>
5762        <div class="flex justify-start items-start flex-grow-0 flex-shrink-0">
5763                            <button
5764        class="flex justify-center items-center flex-grow-0 flex-shrink-0 p-1 text-gray-500 bg-white"
5765        @click="window.showAuctionModal(597267, 'gallery')"
5766    >
5767        <svg class="flex-grow-0 flex-shrink-0 w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
5768    <path d="M12 15a3 3 0 100-6 3 3 0 000 6z" />
5769    <path fill-rule="evenodd" d="M1.323 11.447C2.811 6.976 7.028 3.75 12.001 3.75c4.97 0 9.185 3.223 10.675 7.69.12.362.12.752 0 1.113-1.487 4.471-5.705 7.697-10.677 7.697-4.97 0-9.186-3.223-10.675-7.69a1.762 1.762 0 010-1.113zM17.25 12a5.25 5.25 0 11-10.5 0 5.25 5.25 0 0110.5 0z" clip-rule="evenodd" />
5770</svg>
5771    </button>
5772
5773                    <button
5774        class="flex justify-center items-center flex-grow-0 flex-shrink-0 p-1 bg-white"
5775        @click.debounce="$dispatch('watch-auction', { id:597267, url: 'https://www.opalauctions.com/products/bargain-buy-it-now-boulder-opal-picture-stone-ab896-24cts-597267' })"
5776        :class="$store.itemWatch.isWatchingItem(597267) ? 'text-[#DA4F49]' : 'text-gray-500'"
5777    >
5778        <svg class="w-4 h-4 flex-grow-0 flex-shrink-0"
5779     xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"
5780>
5781    <path
5782        d="M11.645 20.91l-.007-.003-.022-.012a15.247 15.247 0 01-.383-.218 25.18 25.18 0 01-4.244-3.17C4.688 15.36 2.25 12.174 2.25 8.25 2.25 5.322 4.714 3 7.688 3A5.5 5.5 0 0112 5.052 5.5 5.5 0 0116.313 3c2.973 0 5.437 2.322 5.437 5.25 0 3.925-2.438 7.111-4.739 9.256a25.175 25.175 0 01-4.244 3.17 15.247 15.247 0 01-.383.219l-.022.012-.007.004-.003.001a.752.752 0 01-.704 0l-.003-.001z"
5783    />
5784</svg>
5785    </button>
5786                    </div>
5787    </div>
5788
5789    <div class="flex justify-between items-start w-full absolute left-0 bottom-0">
5790        <div class="flex justify-start items-center flex-grow-0 flex-shrink-0">
5791                            <template
5792        x-if="$store.bids.hasBidsForAuction(597267) && $store.auctions.isWinning(JSON.parse('{\u0022id\u0022:597267,\u0022sku\u0022:null,\u0022title\u0022:\u0022BARGAIN BUY IT NOW Boulder Opal Picture Stone AB896 24cts\u0022,\u0022listing_type\u0022:\u0022Standard\u0022,\u0022listing_type_tier\u0022:\u0022standard\u0022,\u0022listing_type_weight\u0022:0,\u
57920022cur_bid\u0022:\u00220.00\u0022,\u0022reserve_met\u0022:true,\u0022high_bidder_id\u0022:null,\u0022num_bids\u0022:0,\u0022price\u0022:39,\u0022type\u0022:\u0022catalogue\u0022,\u0022make_an_offer\u0022:true,\u0022no_reserve\u0022:true,\u0022width\u0022:18,\u0022length\u0022:26,\u0022depth\u0022:7,\u0022weight\u0022:24,\u0022ends_at\u0022:null,\u0022time_rank\u0022:6142883857,\u0022created_at\u0022:1466134595,\u0022has_video\u0022:false,\u0022status\u0022:\u0022open\u0022,\u0022on_sale\u0022:false,\u0022discount_percent\u0022:null,\u0022discount_amount\u0022:null,\u0022seller\u0022:\u0022fortuneopal\u0022,\u0022seller_country_id\u0022:\u0022AU\u0022,\u0022categories\u0022:{\u0022lvl0\u0022:\u0022Boulder Opal\u0022,\u0022lvl1\u0022:\u0022Boulder Opal \\u003E Boulder Opal Stones\u0022},\u0022variants\u0022:[{\u002233\u0022:\u0022Cabochon\u0022}],\u0022colours\u0022:[\u0022orange\u0022,\u0022red\u0022],\u0022image\u0022:\u0022https:\\\/\\\/liveplatforms-production.b-cdn.net\\\/tenants\\\/oa\\\/uploads\\\/images\\\/595000-599999\\\/597267\\\/5763707aa95ac.jpg\u0022,\u0022slug\u0022:\u0022bargain-buy-it-now-boulder-opal-picture-stone-ab896-24cts-597267\u0022,\u0022store_id\u0022:327,\u0022store_slug\u0022:\u0022fortuneopal\u0022,\u0022store_favourite_ratio\u0022:318,\u0022url\u0022:\u0022https:\\\/\\\/www.opalauctions.com\\\/products\\\/bargain-buy-it-now-boulder-opal-picture-stone-ab896-24cts-597267\u0022,\u0022url_store\u0022:\u0022https:\\\/\\\/www.opalauctions.com\\\/stores\\\/fortuneopal\u0022}'), $store.user.getUserId())"
5793    >
5794        <div class="gap-1 px-1.5 py-1 rounded-[3px] bg-green-600 flex items-center text-white ">
5795        <div
5796    class="group relative"
5797    x-data="{
5798        tooltip: false,
5799        hovered: false,
5800        onClick() {
5801            if (! this.hovered) {
5802                this.tooltip = !this.tooltip
5803            }
5804        },
5805        onClickAway() {
5806            if (! this.hovered) {
5807                this.tooltip = false
5808            }
5809        },
5810        onMouseEnter() {
5811            this.tooltip = true
5812            this.hovered = true
5813        },
5814        onMouseLeave() {
5815            this.tooltip = false
5816            this.hovered = false
5817        }
5818    }"
5819    @mouseenter="onMouseEnter"
5820    @mouseleave="onMouseLeave"
5821    @click.away="onClickAway"
5822    @click="onClick"
5823    
5824>
5825    <div
5826                class="flex gap-1">
5827                <svg class="w-4 h-4 hidden md:flex" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
5828    <path stroke-linecap="round" stroke-linejoin="round" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
5829</svg>
5830                <template x-if="$store.bids.getMaxBidForUser(597267)">
5831                    <p class="text-xs font-medium text-left"
5832                       x-text="'Maximum bid ' + $store.bids.getMaxBidForUser(597267)"></p>
5833                </template>
5834            </div>
5835    <div
5836        class="-top-8 -translate-x-[5%] bg-black/80 transform text-white absolute whitespace-nowrap shadow-sm p-2 rounded text-xs font-normal z-30"
5837        x-cloak x-show.transition.origin.bottom="tooltip"
5838    >
5839        <div class="flex">
5840                    <p class="text-xs font-medium text-left"
5841                       x-text="'Current Bid ' + $store.bids.getCurrentBidForUser(597267)"></p>
5842                </div>
5843    </div>
5844</div>
5845    </div>
5846    </template>
5847    <template
5848        x-if="$store.bids.hasBidsForAuction(597267) && ! $store.auctions.isWinning(JSON.parse('{\u0022id\u0022:597267,\u0022sku\u0022:null,\u0022title\u0022:\u0022BARGAIN BUY IT NOW Boulder Opal Picture Stone AB896 24cts\u0022,\u0022listing_type\u0022:\u0022Standard\u0022,\u0022listing_type_tier\u0022:\u0022standard\u0022,\u0022listing_type_weight\u0022:0,\u0022cur_bid\u0022:\u00220.00\u0022,\u0022reserve_met\u0022:true,\u0022high_bidder_id\u0022:null,\u0022num_bids\u0022:0,\u0022price\u0022:39,\u0022type\u0022:\u0022catalogue\u0022,\u0022make_an_offer\u0022:true,\u0022no_reserve\u0022:true,\u0022width\u0022:18,\u0022length\u0022:26,\u0022depth\u0022:7,\u0022weight\u0022:24,\u0022ends_at\u0022:null,\u0022time_rank\u0022:6142883857,\u0022created_at\u0022:1466134595,\u0022has_video\u0022:false,\u0022status\u0022:\u0022open\u0022,\u0022on_sale\u0022:false,\u0022discount_percent\u0022:null,\u0022discount_amount\u0022:null,\u0022seller\u0022:\u0022fortuneopal\u0022,\u0022seller_country_id\u0022:\u0022AU\u0022,\u0022categories\u0022:{\u0022lvl0\u0022:\u0022Boulder Opal\u0022,\u0022lvl1\u0022:\u0022Boulder Opal \\u003E Boulder Opal Stones\u0022},\u0022variants\u0022:[{\u002233\u0022:\u0022Cabochon\u0022}],\u0022colours\u0022:[\u0022orange\u0022,\u0022red\u0022],\u0022image\u0022:\u0022https:\\\/\\\/liveplatforms-production.b-cdn.net\\\/tenants\\\/oa\\\/uploads\\\/images\\\/595000-599999\\\/597267\\\/5763707aa95ac.jpg\u0022,\u0022slug\u0022:\u0022bargain-buy-it-now-boulder-opal
5848-picture-stone-ab896-24cts-597267\u0022,\u0022store_id\u0022:327,\u0022store_slug\u0022:\u0022fortuneopal\u0022,\u0022store_favourite_ratio\u0022:318,\u0022url\u0022:\u0022https:\\\/\\\/www.opalauctions.com\\\/products\\\/bargain-buy-it-now-boulder-opal-picture-stone-ab896-24cts-597267\u0022,\u0022url_store\u0022:\u0022https:\\\/\\\/www.opalauctions.com\\\/stores\\\/fortuneopal\u0022}'), $store.user.getUserId())"
5849    >
5850        <div class="gap-1 px-1.5 py-1 rounded-[3px] bg-red-500 flex items-center text-white">
5851        <svg class="w-4 h-4 hidden md:flex" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
5852    <path stroke-linecap="round" stroke-linejoin="round" d="M9.172 16.172a4 4 0 015.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
5853</svg>
5854        <template x-if="$store.bids.getMaxBidForUser(597267)">
5855            <p class="text-xs font-medium text-left"
5856               x-text="'Maximum bid ' + $store.bids.getMaxBidForUser(597267)"></p>
5857        </template>
5858    </div>
5859    </template>
5860
5861                    <div class="mb-1 ml-1">
5862                
5863    </div>
5864                    </div>
5865        <div class="flex justify-center items-center flex-grow-0 flex-shrink-0">
5866                    </div>
5867    </div>
5868</div>
5869        </div>
5870        <div class="flex h-16 justify-start items-start self-stretch flex-grow-0 flex-shrink-0 gap-2.5 p-2">
5871            <div class="line-clamp-2 leading-5 md:leading-normal">
5872                <a href="https://www.opalauctions.com/products/bargain-buy-it-now-boulder-opal-picture-stone-ab896-24cts-597267" class="flex-grow-0 flex-shrink-0 text-sm text-left text-[#1c87c3] visited:text-purple-800 hover:underline">
5873        BARGAIN BUY IT NOW Boulder Opal Picture Stone AB896 24cts
5874    </a>
5875
5876            </div>
5877        </div>
5878        <div class="flex justify-between items-center self-stretch flex-grow-0 flex-shrink-0 px-2 pb-2">
5879            <div class="w-fit max-w-32 sm:w-auto xl:max-w-40 break-words">
5880                <a href="https://www.opalauctions.com/stores/fortuneopal" class="flex-grow-0 flex-shrink-0 text-xs text-left text-black hover:underline">
5881        fortuneopal
5882    </a>
5883
5884            </div>
5885
5886                    </div>
5887        <div
5888            class="flex flex-col items-start self-stretch flex-grow-0 flex-shrink-0 p-2.5 border-t border-[#ddd]"
5889        >
5890            <div class="flex justify-between items-center w-full py-0.5">
5891                <!-- left -->
5892                <div>
5893                    <div>
5894                    <div class="flex gap-x-1">
5895                <template x-if="1">
5896                                            <button class="flex justify-center items-center flex-grow-0 flex-shrink-0 gap-[3px] px-1.5 py-[3px] rounded-sm" data-test="card-add-to-cart" :class="$store.cart.existsInCart(597267) ? 'bg-[#F56400]' :  'bg-[#18a505]'" @click.debounce="$store.cart.existsInCart(597267) ? $store.cart.onToggleCart(597267) : window.showQuantityModal(597267)" >
5897    <svg class="flex-grow-0 flex-shrink-0 w-3.5 h-3.5 fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
5898    <path d="M3 1a1 1 0 000 2h1.22l.305 1.222a.997.997 0 00.01.042l1.358 5.43-.893.892C3.74 11.846 4.632 14 6.414 14H15a1 1 0 000-2H6.414l1-1H14a1 1 0 00.894-.553l3-6A1 1 0 0017 3H6.28l-.31-1.243A1 1 0 005 1H3zM16 16.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM6.5 18a1.5 1.5 0 100-3 1.5 1.5 0 000 3z" />
5899</svg>
5900    <div class="flex-grow-0 flex-shrink-0 text-xs font-semibold text-left text-white">
5901        <span
5902    x-data="{
5903        options: {
5904            roundingMode: 'halfExpand',
5905            trailingZeroDisplay: 'auto',
5906            minimumFractionDigits: 2,
5907            maximumFractionDigits: 2,
5908            currencyDisplay: 'symbol',
5909        },
5910        get amount() {
5911            return 39
5912        },
5913        get displayPrice() {
5914            return $price(new Number(this.amount) * 1, { ...this.options }, 'en-US', 'USD')
5915        },
5916    }"
5917    x-text="displayPrice"
5918    x-cloak
5919    0="class"
5920></span>
5921    </div>
5922</button>
5923                                    </template>
5924                <template x-if="1">
5925                    <button class="flex justify-center items-center px-0.5 sm:px-1.5 py-[3px] rounded-sm bg-slate-700" x-show="!$store.cart.existsInCart(597267)" @click="() => window.showAuctionModal(597267, 'make-an-offer')">
5926    <svg
5927        width="16"
5928        height="15"
5929        viewBox="0 0 16 15"
5930        fill="none"
5931        xmlns="http://www.w3.org/2000/svg"
5932        preserveAspectRatio="xMidYMid meet"
5933    >
5934        <path
5935            d="M6.40001 3.75C6.18783 3.75 5.98435 3.82902 5.83432 3.96967C5.68429 4.11032 5.60001 4.30109 5.60001 4.5C5.60001 4.69891 5.68429 4.88968 5.83432 5.03033C5.98435 5.17098 6.18783 5.25 6.40001 5.25H10.8688L9.83441 6.21975C9.68868 6.3612 9.60805 6.55065 9.60987 6.7473C9.61169 6.94395 9.69583 7.13206 9.84415 7.27111C9.99248 7.41017 10.1931 7.48905 10.4029 7.49076C10.6126 7.49246 10.8147 7.41687 10.9656 7.28025L13.3656 5.03025C13.5156 4.8896 13.5998 4.69887 13.5998 4.5C13.5998 4.30113 13.5156 4.1104 13.3656 3.96975L10.9656 1.71975C10.8918 1.64812 10.8035 1.59098 10.7059 1.55167C10.6083 1.51237 10.5034 1.49168 10.3971 1.49081C10.2909 1.48995 10.1856 1.50892 10.0872 1.54663C9.98893 1.58434 9.89961 1.64003 9.82449 1.71045C9.74938 1.78087 9.68997 1.86461 9.64975 1.95678C9.60952 2.04896 9.58928 2.14772 9.59021 2.2473C9.59113 2.34689 9.6132 2.4453 9.65513 2.5368C9.69705 2.62831 9.758 2.71106 9.83441 2.78025L10.8688 3.75H6.40001ZM9.60001 11.25C9.81218 11.25 10.0157 11.171 10.1657 11.0303C10.3157 10.8897 10.4 10.6989 10.4 10.5C10.4 10.3011 10.3157 10.1103 10.1657 9.96967C10.0157 9.82902 9.81218 9.75 9.60001 9.75H5.13121L6.16561 8.78025C6.24201 8.71106 6.30296 8.62831 6.34489 8.5368C6.38681 8.4453 6.40888 8.34689 6.40981 8.2473C6.41073 8.14772 6.39049 8.04896 6.35026 7.95678C6.31004 7.86461 6.25064 7.78087 6.17552 7.71045C6.10041 7.64003 6.01109 7.58434 5.91277 7.54663C5.81445 7.50892 5.70911 7.48995 5.60289 7.49081C5.49666 7.49168 5.39169 7.51237 5.29408 7.55167C5.19648 7.59098 5.1082 7.64812 5.03441 7.71975L2.63441 9.96975C2.48443 10.1104 2.40018 10.3011 2.40018 10.5C2.40018 10.6989 2.48443 10.8896 2.63441 11.0303L5.03441 13.2803C5.18529 13.4169 5.38737 13.4925 5.59713 13.4908C5.80688 13.489 6.00753 13.4102 6.15586 13.2711C6.30419 13.1321 6.38832 12.9439 6.39015 12.7473C6.39197 12.5507 6.31133 12.3612 6.16561 12.2198L5.13121 11.25H9.60001Z"
5936            fill="white"
5937        ></path>
5938    </svg>
5939</button>
5940                </template>
5941            </div>
5942        
5943            </div>
5944
5945                </div>
5946
5947                <!-- right -->
5948                <div>
5949                                    </div>
5950            </div>
5951        </div>
5952    </div>
5953</div>
5954                                            </div>
5955
5956                    <div wire:snapshot="{&quot;data&quot;:{&quot;auctionId&quot;:null,&quot;tab&quot;:&quot;details&quot;,&quot;mode&quot;:null,&quot;playVideo&quot;:false,&quot;maxBid&quot;:null,&quot;amount&quot;:0,&quot;expires&quot;:3,&quot;quantity&quot;:1,&quot;password&quot;:&quot;&quot;,&quot;rememberPassword&quot;:0},&quot;memo&quot;:{&quot;id&quot;:&quot;qM8CGNnDG7oZVnPGBzRv&quot;,&quot;name&quot;:&quot;public.livewire.auctions.quick-view-modal-component&quot;,&quot;path&quot;:&quot;learn\/news\/opal-trends&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-26.39.5-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;e99169f2ada16a20b0300b452b26342754a9f59ae66c44f1de9b4b17c0694a55&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;newBid&quot;,&quot;newOffer&quot;,&quot;auctionConvertedToCatalogue&quot;]}" wire:id="qM8CGNnDG7oZVnPGBzRv"
5957    class="not-prose relative z-50"
5958    x-data="{
5959        showModal: false,
5960        mode: window.Livewire.find('qM8CGNnDG7oZVnPGBzRv').entangle('mode'),
5961        scrollPosition: 0,
5962        selectedTab: window.Livewire.find('qM8CGNnDG7oZVnPGBzRv').entangle('tab'),
5963        auctionId: null,
5964
5965        init() {
5966            $wire.on('closeQuickViewModal', () => {
5967               this.hideModal()
5968            })
5969
5970            // the purpose of this event listener is to listen to ui modal clicks
5971            window.addEventListener('show-auction-modal', (event) => {
5972                if (this.auctionId === event.detail.auctionId) return
5973
5974                let tab = null
5975                let data = null
5976                let mode = null
5977
5978                if (event.detail.hasOwnProperty('tab')) {
5979                    tab = event.detail.tab
5980                }
5981
5982                if (event.detail.hasOwnProperty('mode')) {
5983                    mode = event.detail.mode
5984                }
5985
5986                if (event.detail.hasOwnProperty('data')) {
5987                    data = event.detail.data
5988                }
5989
5990                this.auctionId = event.detail.auctionId
5991
5992                let queryString = new URLSearchParams(window.location.search)
5993                queryString.set('quick_view', event.detail.auctionId)
5994                queryString.set('tab', tab)
5995
5996                if (mode) {
5997                    queryString.set('mode', mode)
5998                }
5999
6000                let currentState = history.state
6001                history.pushState({...currentState, quick_view: event.detail.auctionId, tab: tab}, '', `${window.location.pathname}?${queryString.toString()}`)
6002
6003                $wire.setAuction(event.detail.auctionId, tab, data, mode)
6004
6005                this.showModal = true
6006
6007                if (! mode) {
6008                    $wire.getDataLayer().then((dataLayer) => {
6009                        window.dataLayer = window.dataLayer || [];
6010                        window.dataLayer.push(dataLayer);
6011                    })
6012                    $wire.auctionViewed();
6013                }
6014            })
6015
6016            window.addEventListener('popstate', (event) => {
6017                if (this.modalShouldBeOpen()) {
6018                    let queryString = new URLSearchParams(window.location.search)
6019
6020                    this.showModal = true
6021
6022                    let data = null
6023                    let tab = queryString.get('tab')
6024                    let mode = queryString.get('mode')
6025
6026                    this.auctionId = queryString.get('quick_view')
6027
6028                    if (queryString.has('data')) {
6029                        data = queryString.get('data')
6030                    }
6031
6032                    $wire.setAuction(this.auctionId, tab, data, mode)
6033                } else {
6034                    this.showModal = false
6035                    $wire.clearAuction()
6036                }
6037            })
6038
6039            $watch('showModal', value => {
6040                if (value) {
6041                    // when opening the modal, save the scroll position
6042                    this.scrollPosition = window.pageYOffset;
6043                    window.document.body.classList.add('overflow-hidden')
6044                } else {
6045                    // when closing the modal, restore the scroll position
6046                    window.document.body.classList.remove('overflow-hidden')
6047
6048                    $nextTick(() => {
6049                        window.scrollTo(0, this.scrollPosition);
6050                    });
6051                }
6052            })
6053        },
6054
6055        hideModal() {
6056            this.showModal = false
6057            this.auctionId = null
6058
6059            let queryString = new URLSearchParams(window.location.search);
6060
6061            if (this.modalShouldBeOpen()) {
6062                queryString.delete('quick_view')
6063                queryString.delete('tab')
6064                queryString.delete('mode')
6065
6066                if (queryString.has('data')) {
6067                    queryString.delete('data')
6068                }
6069
6070                let currentState = history.state
6071
6072                if (queryString.toString() === '') {
6073                    history.pushState({...currentState}, '', window.location.pathname)
6074                } else {
6075                    history.pushState({...currentState}, '', `${window.location.pathname}?${queryString.toString()}`)
6076                }
6077            }
6078
6079            $wire.clearAuction()
6080        },
6081
6082        modalShouldBeOpen() {
6083            let queryString = new URLSearchParams(window.location.search);
6084            return queryString.has('quick_view') && queryString.has('tab')
6085        },
6086    }">
6087    <div x-show="showModal" @keydown.escape.window="hideModal()" x-cloak>
6088        <div class="fixed top-0 bottom-0 left-0 right-0 z-10 flex items-center justify-center quick-view">
6089            <div @click.self="hideModal()"
6090                 class="fixed top-0 bottom-0 left-0 right-0 bg-black/50 overflow-y-scroll pt-0 md:pt-4">
6091                <div
6092                    class="bg-white rounded-lg mx-auto shadow-lg max-w-3xl md:min-w-[600px] w-full h-full md:h-[762px] z-20 relative">
6093                    <div class="absolute right-2 top-2">
6094                        <button
6095                            class="hover:text-gray-800 rounded-full sm:bg-transparent p-2 z-30"
6096                            @click="hideModal()">
6097                            <svg class="h-6 w-6 text-gray-600" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
6098    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
6099</svg>
6100                        </button>
6101                    </div>
6102                                            <div class="w-[500px] space-y-4 p-4 animate-pulse">
6103                            <div class="flex items-center w-full gap-4">
6104                                <div class="w-24 flex-none h-24 rounded bg-gray-200"></div>
6105                                <div class="w-full space-y-2">
6106                                    <div class="w-full h-6 bg-gray-200"></div>
6107                                    <div class="w-24 h-4 bg-gray-200"></div>
6108                                </div>
6109                            </div>
6110                            <div class="flex w-full gap-4">
6111                                <div class="bg-gray-200 h-6 rounded w-20"></div>
6112                                <div class="bg-gray-200 h-6 rounded w-20"></div>
6113                                <div class="bg-gray-200 h-6 rounded w-20"></div>
6114                                <div class="bg-gray-200 h-6 rounded w-20"></div>
6115                            </div>
6116                            <div class="w-full h-24 p-4 bg-gray-200"></div>
6117                            <div class="w-full space-y-2">
6118                                <div class="w-16 h-4 bg-gray-200"></div>
6119                                <div class="w-1/2 h-8 bg-gray-200"></div>
6120                            </div>
6121                            <div class="w-full space-y-2">
6122                                <div class="w-12 h-4 bg-gray-200"></div>
6123                                <div class="w-1/2 h-8 bg-gray-200"></div>
6124                            </div>
6125                            <div class="w-32 h-8 bg-gray-200 rounded-md"></div>
6126                        </div>
6127                                    </div>
6128            </div>
6129        </div>
6130    </div>
6131</div>
6132                </div>
6133            
6134                            <div class="flex flex-col gap-4 px-6 py-4 rounded bg-white">
6135    <h2 class="flex text-lg text-center font-semibold">Related Articles</h2>
6136            <div class="flex flex-col min-w-0 max-w-full justify-around pr-3">
6137            <a href="https://www.opalauctions.com/learn/a-z-of-opals/boulder-opal-information"
6138               class="w-fit text-sm lg:text-base group-hover:underline text-blue-600 visited:text-purple-800">
6139                Boulder Opal Information
6140            </a>
6141            <div class="min-w-0 max-w-full pr-2">
6142                <p class="md:truncate text-sm text-gray-600">
6143                                            Boulder Opal is one of the most undervalue opals valuable on the market. Learn more about this unique opal and browse the beautifully stones we have for sale.
6144                                    </p>
6145            </div>
6146            <p class="text-xs text-gray-400">
6147                                    29th May 2019
6148                            </p>
6149        </div>
6150            <div class="flex flex-col min-w-0 max-w-full justify-around pr-3">
6151            <a href="https://www.opalauctions.com/learn/opal-information/opals-make-for-colourful-business"
6152               class="w-fit text-sm lg:text-base group-hover:underline text-blue-600 visited:text-purple-800">
6153                Opals Make for colourful Business
6154            </a>
6155            <div class="min-w-0 max-w-full pr-2">
6156                <p class="md:truncate text-sm text-gray-600">
6157                                            With a passion for opals, Wayne and Estella Sedawie  established Opal Plus more that 14 years ago and have found the internet to be  a valuable tool. It’s where most of the company’s international transactions  take place.
6158                                    </p>
6159            </div>
6160            <p class="text-xs text-gray-400">
6161                                    17th Oct 2018
6162                            </p>
6163        </div>
6164            <div class="flex flex-col min-w-0 max-w-full justify-around pr-3">
6165            <a href="https://www.opalauctions.com/learn/opal-information/october-birthstone-is-opal"
6166               class="w-fit text-sm lg:text-base group-hover:underline text-blue-600 visited:text-purple-800">
6167                October Birthstone - Opal
6168            </a>
6169            <div class="min-w-0 max-w-full pr-2">
6170                <p class="md:truncate text-sm text-gray-600">
6171                                            The birthstone for October is our favorite gemstone, the Opal. from Black Opals, Mexican Opals and Ethiopian Opals are all as unique as the people born in October
6172                                    </p>
6173            </div>
6174            <p class="text-xs text-gray-400">
6175                                    3rd Oct 2019
6176                            </p>
6177        </div>
6178    </div>
6179
6180            
6181                            <div class="flex flex-col gap-4 px-6 py-4 rounded bg-white">
6182    <h2 class="flex text-lg text-center font-semibold">Latest Articles</h2>
6183            <div class="flex flex-col min-w-0 max-w-full justify-around pr-3">
6184            <a href="https://www.opalauctions.com/learn/opal-information/best-opal-for-rings"
6185               class="w-fit text-sm lg:text-base group-hover:underline text-blue-600 visited:text-purple-800">
6186                Best Opal For Rings (Daily Wear Vs Occasion Wear)
6187            </a>
6188            <div class="min-w-0 max-w-full pr-2">
6189                <p class="md:truncate text-sm text-gray-600">
6190                                            Can you wear opal rings daily? Discover durable opal types, protective settings, and care tips for everyday wear vs. special occasions
6191                                    </p>
6192            </div>
6193            <p class="text-xs text-gray-400">
6194                                    9th Sep 2026
6195                            </p>
6196        </div>
6197            <div class="flex flex-col min-w-0 max-w-full justify-around pr-3">
6198            <a href="https://www.opalauctions.com/learn/how-tos/opal-engagement-rings"
6199               class="w-fit text-sm lg:text-base group-hover:underline text-blue-600 visited:text-purple-800">
6200                Opal Engagement Rings: Choosing The Safest Setting Stone Type
6201            </a>
6202            <div class="min-w-0 max-w-full pr-2">
6203                <p class="md:truncate text-sm text-gray-600">
6204                                            Discover how to choose the safest opal engagement ring setting and stone type. Expert tips for a beautiful, long-lasting opal engagement ring.
6205                                    </p>
6206            </div>
6207            <p class="text-xs text-gray-400">
6208                                    8th Sep 2026
6209                            </p>
6210        </div>
6211            <div class="flex flex-col min-w-0 max-w-full justify-around pr-3">
6212            <a href="https://www.opalauctions.com/learn/a-z-of-opals/black-opal-rings"
6213               class="w-fit text-sm lg:text-base group-hover:underline text-blue-600 visited:text-purple-800">
6214                Black Opal Rings: What To Look For Before You Buy
6215            </a>
6216            <div class="min-w-0 max-w-full pr-2">
6217                <p class="md:truncate text-sm text-gray-600">
6218                                            Buy real black opal rings online with confidence. Learn how to check opal authenticity, understand certification and choose a quality ring.
6219                                    </p>
6220            </div>
6221            <p class="text-xs text-gray-400">
6222                                    8th Sep 2026
6223                            </p>
6224        </div>
6225    </div>
6226
6227            
6228                            <div class="flex flex-col gap-4 px-6 py-4 rounded bg-white">
6229    <h2 class="flex text-lg text-center font-semibold">Article Categories</h2>
6230            <div class="flex flex-col min-w-0 max-w-full justify-around pr-3">
6231            <a href="https://www.opalauctions.com/learn/opal-information"
6232               class="w-fit text-sm lg:text-base group-hover:underline text-blue-600 visited:text-purple-800">
6233                Opal Information
6234            </a>
6235            <div class="min-w-0 max-w-full pr-2">
6236                <p class="md:truncate text-sm text-gray-600">
6237                                            Information about Opal and its colorful history
6238                                    </p>
6239            </div>
6240            <p class="text-xs text-gray-400">
6241                                    100 Articles
6242                            </p>
6243        </div>
6244            <div class="flex flex-col min-w-0 max-w-full justify-around pr-3">
6245            <a href="https://www.opalauctions.com/learn/testimonials"
6246               class="w-fit text-sm lg:text-base group-hover:underline text-blue-600 visited:text-purple-800">
6247                Testimonials
6248            </a>
6249            <div class="min-w-0 max-w-full pr-2">
6250                <p class="md:truncate text-sm text-gray-600">
6251                                            Feedback from our VIP customers
6252                                    </p>
6253            </div>
6254            <p class="text-xs text-gray-400">
6255                                    5 Articles
6256                            </p>
6257        </div>
6258            <div class="flex flex-col min-w-0 max-w-full justify-around pr-3">
6259            <a href="https://www.opalauctions.com/learn/news"
6260               class="w-fit text-sm lg:text-base group-hover:underline text-blue-600 visited:text-purple-800">
6261                News
6262            </a>
6263            <div class="min-w-0 max-w-full pr-2">
6264                <p class="md:truncate text-sm text-gray-600">
6265                                            What&#039;s trending in the Opal Industry
6266                                    </p>
6267            </div>
6268            <p class="text-xs text-gray-400">
6269                                    40 Articles
6270                            </p>
6271        </div>
6272            <div class="flex flex-col min-w-0 max-w-full justify-around pr-3">
6273            <a href="https://www.opalauctions.com/learn/technical-opal-information"
6274               class="w-fit text-sm lg:text-base group-hover:underline text-blue-600 visited:text-purple-800">
6275                Technical Opal Information
6276            </a>
6277            <div class="min-w-0 max-w-full pr-2">
6278                <p class="md:truncate text-sm text-gray-600">
6279                                            All there is to know about Opals including Black Opals, Ethiopian Opals &amp;amp; Boulder Opal
6280                                    </p>
6281            </div>
6282            <p class="text-xs text-gray-400">
6283                                    14 Articles
6284                            </p>
6285        </div>
6286            <div class="flex flex-col min-w-0 max-w-full justify-around pr-3">
6287            <a href="https://www.opalauctions.com/learn/did-you-know"
6288               class="w-fit text-sm lg:text-base group-hover:underline text-blue-600 visited:text-purple-800">
6289                Did you know?
6290            </a>
6291            <div class="min-w-0 max-w-full pr-2">
6292                <p class="md:truncate text-sm text-gray-600">
6293                                            Check out our fascinating information and articles on all things amazing in the Opal world
6294                                    </p>
6295            </div>
6296            <p class="text-xs text-gray-400">
6297                                    41 Articles
6298                            </p>
6299        </div>
6300            <div class="flex flex-col min-w-0 max-w-full justify-around pr-3">
6301            <a href="https://www.opalauctions.com/learn/opal-stories"
6302               class="w-fit text-sm lg:text-base group-hover:underline text-blue-600 visited:text-purple-800">
6303                Opal Stories
6304            </a>
6305            <div class="min-w-0 max-w-full pr-2">
6306                <p class="md:truncate text-sm text-gray-600">
6307                                            Feel like reading a yarn or two?
6308                                    </p>
6309            </div>
6310            <p class="text-xs text-gray-400">
6311                                    4 Articles
6312                            </p>
6313        </div>
6314            <div class="flex flex-col min-w-0 max-w-full justify-around pr-3">
6315            <a href="https://www.opalauctions.com/learn/how-tos"
6316               class="w-fit text-sm lg:text-base group-hover:underline text-blue-600 visited:text-purple-800">
6317                How To&#039;s
6318            </a>
6319            <div class="min-w-0 max-w-full pr-2">
6320                <p class="md:truncate text-sm text-gray-600">
6321                                            All of your favourite Opal How To&#039;s
6322                                    </p>
6323            </div>
6324            <p class="text-xs text-gray-400">
6325                                    20 Articles
6326                            </p>
6327        </div>
6328            <div class="flex flex-col min-w-0 max-w-full justify-around pr-3">
6329            <a href="https://www.opalauctions.com/learn/a-z-of-opals"
6330               class="w-fit text-sm lg:text-base group-hover:underline text-blue-600 visited:text-purple-800">
6331                A-Z Of Opals
6332            </a>
6333            <div class="min-w-0 max-w-full pr-2">
6334                <p class="md:truncate text-sm text-gray-600">
6335                                            A complete list of your favourite Opal from all over the world
6336                                    </p>
6337            </div>
6338            <p class="text-xs text-gray-400">
6339                                    30 Articles
6340                            </p>
6341        </div>
6342            <div class="flex flex-col min-w-0 max-w-full justify-around pr-3">
6343            <a href="https://www.opalauctions.com/learn/opal-auctions-verified-sellers"
6344               class="w-fit text-sm lg:text-base group-hover:underline text-blue-600 visited:text-purple-800">
6345                Opal Auctions  Verified Sellers
6346            </a>
6347            <div class="min-w-0 max-w-full pr-2">
6348                <p class="md:truncate text-sm text-gray-600">
6349                                            Opal Auctions sellers who are approved as opal Verified Sellers
6350                                    </p>
6351            </div>
6352            <p class="text-xs text-gray-400">
6353                                    4 Articles
6354                            </p>
6355        </div>
6356    </div>
6357
6358                    </div>
6359    </div>
6360</div>
6361                </main>
6362            </div>
6363        </div>
6364    </div>
6365
6366            <footer class="flex flex-col items-center bg-gray-100 border-t border-gray-200 relative py-[30px] gap-2">
6367    
6368    <div class="flex sm:flex-row flex-col items-center justify-center gap-4">
6369        <div class="flex">
6370            <button x-data class="flex" @click.prevent="window.showLocaleModal()" type="button">
6371                <div
6372                    class="flex justify-center items-center flex-grow-0 flex-shrink-0 bg-gray-200 border-t border-b border-l border-gray-300 py-2 sm:px-4 px-2 my-0 sm:my-1 text-xs rounded-l hover:bg-gray-300"
6373                >
6374                    English
6375                </div>
6376
6377                <div
6378                    class="flex justify-center items-center flex-grow-0 flex-shrink-0 bg-gray-200 border-t border-b border-l border-r border-gray-300 py-2 sm:px-4 px-2 my-0 sm:my-1 text-xs rounded-r hover:bg-gray-300"
6379                >
6380                    USD
6381                </div>
6382            </button>
6383        </div>
6384        <div class="flex">
6385                            <a
6386                    href="https://www.opalauctions.com/register"
6387                    class="bg-gray-200 flex items-center border-t border-b border-l border-gray-300 py-2 sm:px-4 px-2 my-0 sm:my-1 text-xs rounded-l hover:bg-gray-300"
6388                >
6389                    Register
6390                </a>
6391                <a
6392                    href="https://www.opalauctions.com/login"
6393                    class="bg-gray-200 flex items-center border-l border-t border-b border-gray-300 py-2 sm:px-4 px-2 my-0 sm:my-1 text-xs hover:bg-gray-300"
6394                >
6395                    Log in
6396                </a>
6397            
6398            <a
6399                href="https://www.opalauctions.com/help"
6400                class="flex items-center bg-gray-200 border border-gray-300 py-2 sm:px-4 px-2 my-0 sm:my-1 text-xs hover:bg-gray-300"
6401            >
6402                Help &amp; FAQ
6403            </a>
6404            <a
6405                href="https://www.opalauctions.com/account/support/tickets"
6406                class="flex items-center bg-gray-200 border-t border-b border-gray-300 py-2 sm:px-4 px-2 my-0 sm:my-1 text-xs hover:bg-gray-300"
6407            >
6408                Support
6409            </a>
6410            <a
6411                href="https://www.opalauctions.com/sitemap"
6412                class="flex items-center bg-gray-200 border border-gray-300 py-2 sm:px-4 px-2 my-0 sm:my-1 text-xs rounded-r hover:bg-gray-300"
6413            >
6414                Sitemap
6415            </a>
6416        </div>
6417    </div>
6418
6419    
6420    <div class="flex items-center justify-center text-blue-500 gap-6">
6421                    <a class="hover:text-gray-900" href="https://www.facebook.com/OpalAuctions/">
6422                <svg class="w-6 h-6" viewBox="0 0 60 60" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
6423    <path d="M25.4958 30.5V56H33.9916V30.5H41.7115L42.9235 22H33.9916V18.3677C33.9916 15.1093 35.0564 13.5 38.1036 13.5H43V5.37117L42.9483 5.36418C42.0672 5.24511 40.2536 5 36.883 5C29.7041 5 25.4958 8.79383 25.4958 17.4355V22H17V30.5H25.4958Z"/>
6424</svg>
6425
6426            </a>
6427                            <a class="hover:text-gray-900" href="https://www.instagram.com/opalauctions/">
6428                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
6429    <path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.
6429047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z" clip-rule="evenodd" />
6430</svg>
6431            </a>
6432                                                    <a class="hover:text-gray-900" href="https://www.linkedin.com/company/opal-auctions">
6433                <svg class="w-6 h-6" viewBox="0 0 46 44" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
6434    <path d="M10 44H0V14H10V44ZM5.002 10C2.236 10 0 7.758 0 4.998C0 2.238 2.24 0 5.002 0C7.758 0 10 2.242 10 4.998C10 7.758 7.758 10 5.002 10ZM46 44H36.386V29.4C36.386 25.918 36.32 21.44 31.388 21.44C26.382 21.44 25.612 25.232 25.612 29.148V44H16V13.978H25.228V18.08H25.358C26.642 15.72 29.78 13.232 34.46 13.232C44.2 13.232 46 19.45 46 27.534V44Z"/>
6435</svg>
6436            </a>
6437                            <a class="hover:text-gray-900" href="https://www.tiktok.com/@opalauction">
6438                <svg class="w-6 h-6" width="16" height="16" fill="currentColor" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> 
6439    <path d="M9 0h1.98c.144.715.54 1.617 1.235 2.512C12.895 3.389 13.797 4 15 4v2c-1.753 0-3.07-.814-4-1.829V11a5 5 0 1 1-5-5v2a3 3 0 1 0 3 3V0Z"/> 
6440</svg>            </a>
6441            </div>
6442
6443    <div class="flex text-blue-500 text-xs gap-4">
6444        <a
6445            class="hover:underline hover:text-blue-700"
6446            href="https://www.opalauctions.com/help/legal/privacy-policy"
6447        >
6448            Privacy Policy
6449        </a>
6450        <a
6451            class="hover:underline hover:text-blue-700"
6452            href="https://www.opalauctions.com/help/legal/terms-of-use"
6453        >
6454            Terms and Conditions
6455        </a>
6456        <a
6457            class="hover:underline hover:text-blue-700"
6458            href="https://status.liveplatforms.com"
6459            target="_blank"
6460        >
6461            Status
6462        </a>
6463    </div>
6464
6465    <div class="text-xs">
6466        © 2004-2026 Live Platforms All Rights Reserved
6467    </div>
6468</footer>
6469    
6470    <div wire:snapshot="{&quot;data&quot;:{&quot;showModal&quot;:false,&quot;language&quot;:&quot;en&quot;,&quot;currency&quot;:&quot;USD&quot;,&quot;languages&quot;:[{&quot;en&quot;:&quot;English&quot;,&quot;es&quot;:&quot;Espa\u00f1ol&quot;,&quot;de&quot;:&quot;Deutsch&quot;,&quot;fr&quot;:&quot;Fran\u00e7ais&quot;,&quot;hr&quot;:&quot;Hrvatski&quot;,&quot;it&quot;:&quot;Italiano&quot;,&quot;ja&quot;:&quot;\u65e5\u672c\u306e&quot;,&quot;nl&quot;:&quot;Nederlands&quot;,&quot;tw&quot;:&quot;\u4e2d\u56fd\u4f20\u7edf&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;currencies&quot;:[[&quot;AUD&quot;,&quot;CAD&quot;,&quot;CHF&quot;,&quot;EUR&quot;,&quot;GBP&quot;,&quot;NZD&quot;,&quot;USD&quot;],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;I26WzYL0oBccWqCd32Xh&quot;,&quot;name&quot;:&quot;public.livewire.locale-settings-component&quot;,&quot;path&quot;:&quot;learn\/news\/opal-trends&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-26.39.5-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;5a64597c153cf83f1c99db772adc1a31e9ba2c3b6b20617d3ea284c740196f4b&quot;}" wire:effects="[]" wire:id="I26WzYL0oBccWqCd32Xh"
6471    x-data="{
6472        showModal: window.Livewire.find('I26WzYL0oBccWqCd32Xh').entangle('showModal').live,
6473        init() {
6474          window.addEventListener('show-locale-modal', () => {
6475            this.showModal = true;
6476          });
6477        }
6478    }"
6479>
6480    <div
6481    x-data="{
6482        show: window.Livewire.find('I26WzYL0oBccWqCd32Xh').entangle('showModal').live.live,
6483        focusables() {
6484            // All focusable element types...
6485            let selector = 'a, button, input, textarea, select, details, [tabindex]:not
6485([tabindex=\'-1\'])'
6486            return [...$el.querySelectorAll(selector)]
6487                // All non-disabled elements...
6488                .filter(el => ! el.hasAttribute('disabled'))
6489        },
6490        firstFocusable() { return this.focusables()[0] },
6491        lastFocusable() { return this.focusables().slice(-1)[0] },
6492        nextFocusable() { return this.focusables()[this.nextFocusableIndex()] || this.firstFocusable() },
6493        prevFocusable() { return this.focusables()[this.prevFocusableIndex()] || this.lastFocusable() },
6494        nextFocusableIndex() { return (this.focusables().indexOf(document.activeElement) + 1) % (this.focusables().length + 1) },
6495        prevFocusableIndex() { return Math.max(0, this.focusables().indexOf(document.activeElement)) -1 },
6496        autofocus() { let focusable = $el.querySelector('[autofocus]'); if (focusable) focusable.focus() },
6497    }"
6498    x-init="$watch('show', value => value && setTimeout(autofocus, 50))"
6499    x-on:close.stop="show = false"
6500    x-on:keydown.escape.window="show = false"
6501    x-on:keydown.tab.prevent="$event.shiftKey || nextFocusable().focus()"
6502    x-on:keydown.shift.tab.prevent="prevFocusable().focus()"
6503    x-show="show"
6504    id="3423a5db4347ebcddb7b60db0c93b0a4"
6505    class="fixed top-0 inset-x-0 p-6 z-50 sm:px-0 flex sm:items-top sm:justify-center max-h-screen"
6506    style="display: none;"
6507>
6508    <div
6509        x-show="show"
6510        class="fixed top-0 left-0 bottom-0 right-0 transform transition-all"
6511        x-on:click="show = false"
6512        x-transition:enter="ease-out duration-300"
6513        x-transition:enter-start="opacity-0"
6514        x-transition:enter-end="opacity-100"
6515        x-transition:leave="ease-in duration-200"
6516        x-transition:leave-start="opacity-100"
6517        x-transition:leave-end="opacity-0"
6518    >
6519        <div class="absolute top-0 left-0 bottom-0 right-0 bg-gray-500 opacity-75"></div>
6520    </div>
6521
6522    <div
6523        x-show="show"
6524        class="bg-white rounded-lg max-h-full overflow-auto shadow-xl transform transition-all sm:w-full sm:max-w-2xl"
6525        x-transition:enter="ease-out duration-300"
6526        x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
6527        x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
6528        x-transition:leave="ease-in duration-200"
6529        x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
6530        x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
6531    >
6532        <div class="bg-white mx-auto z-20 relative">
6533            <div class="grid grid-cols-1 p-8 w-full gap-y-6 content-center h-full">
6534                <h2 class="text-xl font-semibold">
6535                    Language and Currency Settings
6536                </h2>
6537
6538                <div>
6539    <label class="text-sm mb-1" for="name">Language</label>
6540    <label>
6541    <select id="language" name="language" class="inline-flex justify-center w-full rounded-md border border-gray-300 px-2 pr-9 py-2 bg-white text-sm leading-5 font-medium text-gray-700 hover:text-gray-500 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:bg-gray-50 active:text-gray-800 transition ease-in-out duration-150 max-w-lg" wire:model.defer="language"
6542            wire:model.defer="language"
6543                >
6544        
6545                    <option value="en">English</option>
6546                                                    <option value="es">Español</option>
6547                                                    <option value="de">Deutsch</option>
6548                                                    <option value="fr">Français</option>
6549                                                    <option value="hr">Hrvatski</option>
6550                                                    <option value="it">Italiano</option>
6551                                                    <option value="ja">日本の</option>
6552                                                    <option value="nl">Nederlands</option>
6553                                                    <option value="tw">中国传统</option>
6554            </select>
6555</label>
6556
6557
6558                    <span class="text-xs text-gray-400 sm:flex mt-2">
6559                        Please note non-English language support is experimental.
6560                    </span>
6561
6562    </div>
6563
6564                <div>
6565    <label class="text-sm mb-1" for="name">Currency</label>
6566    <label>
6567    <select id="currency" name="currency" class="inline-flex justify-center w-full rounded-md border border-gray-300 px-2 pr-9 py-2 bg-white text-sm leading-5 font-medium text-gray-700 hover:text-gray-500 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:bg-gray-50 active:text-gray-800 transition ease-in-out duration-150 max-w-lg" wire:model.defer="currency"
6568            wire:model.defer="currency"
6569                >
6570        
6571                    <option value="AUD">AUD</option>
6572                                                    <option value="CAD">CAD</option>
6573                                                    <option value="CHF">CHF</option>
6574                                                    <option value="EUR">EUR</option>
6575                                                    <option value="GBP">GBP</option>
6576                                                    <option value="NZD">NZD</option>
6577                                                    <option value="USD">USD</option>
6578            </select>
6579</label>
6580
6581
6582                    <span class="text-xs text-gray-400 sm:flex mt-2">
6583                        Prices shown in USD are estimates for display purposes only. Final prices will be calculated at checkout.
6584                    </span>
6585
6586    </div>
6587            </div>
6588
6589            <div class="flex w-full justify-end p-8">
6590                <div class="flex space-x-2">
6591                    <button
6592        type="button" class="py-2 px-4 border rounded-md text-sm leading-5 font-medium focus:outline-none focus:border-blue-300 focus:shadow-outline-blue transition duration-150 ease-in-out border-gray-300 text-gray-500 active:bg-gray-50 active:text-gray-800 hover:text-gray-500" @click="showModal=false"
6593        
6594    >
6595        Cancel
6596    </button>
6597
6598                    <button
6599        type="button" class="py-2 px-4 border rounded-md text-sm leading-5 font-medium focus:outline-none focus:border-blue-300 focus:shadow-outline-blue transition duration-150 ease-in-out text-white cursor-pointer bg-indigo-600 border-indigo-600 hover:bg-indigo-500 active:bg-indigo-700 disabled:opacity-50 disabled:cursor-not-allowed disabled:border-gray-800 disabled:bg-gray-600" wire:loading.attr="disabled" wire:click="submit"
6600        
6601    >
6602        Save
6603                        <svg class="w-4 h-4 animate-spin" wire:loading="" wire:target="submit" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
6604    <circle style="fill: transparent; stroke:currentColor; stroke-linecap: round; stroke-dasharray: 240; stroke-dashoffset: 280; stroke-width: 10px" cx="50" cy="50" r="45"/>
6605</svg>
6606    </button>
6607                </div>
6608            </div>
6609        </div>
6610    </div>
6611</div>
6612</div>
6613
6614    </div>
6615
6616<script  data-navigate-once="true">window.livewireScriptConfig = {"csrf":"NbYiVioTTc0yhoBj7nTgZzwXogcKqO3XEJvcVWOC","uri":"\/livewire\/update","progressBar":"","nonce":""};</script>
6616
6617
6618<div wire:snapshot="{&quot;data&quot;:{&quot;messages&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;7JAn6TsrVy9eeaOpbSgu&quot;,&quot;name&quot;:&quot;public.livewire.notifications&quot;,&quot;path&quot;:&quot;learn\/news\/opal-trends&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-26.39.5-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;024a1d0abb7c925c8bbe0b0e06d9c5067c76352ea62a67c09068db397577f2d3&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;validationErrors&quot;,&quot;sessionFlash&quot;]}" wire:id="7JAn6TsrVy9eeaOpbSgu" class="pointer-events-none fixed inset-0 z-[100] flex items-end px-4 py-6 sm:items-start sm:p-6">
6619    <div
6620        class="flex w-full flex-col items-center space-y-4 sm:items-end sm:justify-end sm:h-full"
6621        x-data="{ messages: $wire.entangle('messages')}"
6622    >
6623        <template x-for="(message, index) in messages" :key="index">
6624            <div
6625                aria-live="assertive"
6626                x-data="{ visible: message.show}"
6627                x-show="visible"
6628                x-cloak
6629                class="w-full max-w-sm"
6630                x-init="
6631                  setTimeout(() => {
6632                  visible = false;
6633                    $dispatch('removeNotification', {index : index});
6634                  }, 7000 );
6635                 "
6636                x-transition:enter="transform ease-out duration-300 transition"
6637                x-transition:enter-start="translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-2"
6638                x-transition:enter-end="translate-y-0 opacity-100 sm:translate-x-0"
6639                x-transition:leave="transition ease-in duration-100"
6640                x-transition:leave-start="opacity-100"
6641                x-transition:leave-end="opacity-0 duration-300"
6642            >
6643                <div
6644                    class="pointer-events-auto w-full max-w-sm overflow-hidden rounded-lg bg-white shadow-lg ring-1 ring-black ring-opacity-5"
6645                >
6646                    <div class="p-4">
6647                        <div class="flex items-start">
6648                            <div class="shrink-0">
6649                                <div x-show="message.type === 'success'">
6650                                    <svg class="w-6 h-6 h-6 w-6 text-green-400"
6651     fill="none" viewBox="0 0 24 24" stroke-width="1.5"
6652     stroke="currentColor" aria-hidden="true">
6653    <path stroke-linecap="round" stroke-linejoin="round"
6654          d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
6655</svg>
6656                                </div>
6657                                <div x-show="message.type !== 'success'">
6658                                    <svg
6659    class="w-6 h-6" x-bind:class="{
6660                                            'h-6 w-6 text-red-400': message.type === 'error',
6661                                            'h-6 w-6 text-orange-400': message.type === 'warning',
6662                                            'h-6 w-6 text-blue-400': message.type === 'info',
6663                                        }"
6664    fill="none" viewBox="0 0 24 24"
6665    stroke-width="1.5"
6666    stroke="currentColor"
6667>
6668    <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" />
6669</svg>
6670                                </div>
6671                            </div>
6672                            <div class="ml-3 w-0 flex-1 pt-0.5">
6673                                <p class="text-sm font-medium text-gray-900" x-text="message.title"></p>
6674                                <p class="mt-1 text-sm text-gray-500" x-html="message.message"></p>
6675                            </div>
6676                            <div class="ml-4 flex flex-shrink-0">
6677                                <button
6678                                    type="button"
6679                                    @click="visible = false"
6680                                    class="inline-flex rounded-md bg-white text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"
6681                                >
6682                                    <svg class="size-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
6683    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
6684</svg>
6685                                </button>
6686                            </div>
6687                        </div>
6688                    </div>
6689                </div>
6690            </div>
6691        </template>
6692    </div>
6693</div>
6694</body>
6695</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.