PageSourceSearch

https://www.opalauctions.com/products/ethiopian-opal-rough-807-carats-1753035

html opalauctions.com collected 2026-09-24 22:44:36 UTC 600,845 bytes, 10,034 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="ffBFHmFCAbc2Mrf7tPDuFuHov2k0YCOKu0m96vS6">
7    <meta name="asset-url" content="https://liveplatforms-production.b-cdn.net/builds/26.39.5">
8
9        <meta name="description" content="Ethiopian Rough Opal Auctions 5 x 10 x 15mm 80.7 cts Auction #1753035 Opal Auctions" />
10    <meta property="og:url" content="https://www.opalauctions.com/products/ethiopian-opal-rough-807-carats-1753035" />
11<meta property="og:site_name" content="Opal Auctions" />
12<meta property="og:title" content="Ethiopian opal rough 80.7 carats" />
13<meta property="og:description" content="Ethiopian Rough Opal Auctions 5 x 10 x 15mm 80.7 cts Auction #1753035 Opal Auctions" />
14<meta property="og:type" content="product" />
15<meta property="og:availability" content="instock" />
16<meta property="og:price:amount" content="14" />
17<meta property="og:price:currency" content="USD" />
18<meta property="og:image" content="https://liveplatforms-production.b-cdn.net/tenants/oa/uploads/images/1750000-1754999/1753035/d07c5ab4-1304-4d23-a2df-f6ed44ce11d4.jpeg" />
19<meta property="og:image:width" content="1" />
20<meta property="og:image:height" content="1" />
21
22
23    
24    
24<script type="application/ld+json">
25        {"@context":"https:\/\/schema.org","@type":"Product","name":"Ethiopian opal rough 80.7 carats","image":["https:\/\/liveplatforms-production.b-cdn.net\/tenants\/oa\/uploads\/images\/1750000-1754999\/1753035\/d07c5ab4-1304-4d23-a2df-f6ed44ce11d4.jpeg?width=480\u0026aspect_ratio=1001%3A1000"],"description":"Ethiopian Rough Opal Auctions 5 x 10 x 15mm 80.7 cts Auction #1753035 Opal Auctions","sku":"1753035","brand":{"@type":"Brand","name":"dahood"},"offers":{"@type":"Offer","price":14,"priceCurrency":"USD","availability":"https:\/\/schema.org\/InStock","priceValidUntil":"2026-09-29T16:00:00+00:00","url":"https:\/\/www.opalauctions.com\/products\/ethiopian-opal-rough-807-carats-1753035"}}
26    </script>
26
27
28    
29
30                
31    <title>Ethiopian opal rough 80.7 carats</title>
32
33    <link rel="dns-prefetch" href="//fonts.gstatic.com">
34    <link rel="preconnect" href="https://fonts.googleapis.com">
35    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
36    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap"
37          rel="stylesheet">
38
39            <link rel="manifest" href="/manifest.json" />
40
41<!-- iOS -->
42<meta name="apple-mobile-web-app-capable" content="yes">
43<meta name="apple-mobile-web-app-title" content="Opal Auctions">
44<meta name="apple-mobile-web-app-status-bar-style" content="black">
45
46    <link rel="icon" sizes="16x16" href="https://liveplatforms-production.b-cdn.net/tenants/oa/theme/images/icons/16x16.png?v=26.39.5">
47    <link rel="icon" sizes="32x32" href="https://liveplatforms-production.b-cdn.net/tenants/oa/theme/images/icons/32x32.png?v=26.39.5">
48
49    <link
50        rel="apple-touch-icon"
51        sizes="152x152"
52        href="https://liveplatforms-production.b-cdn.net/tenants/oa/theme/images/icons/152x152-rounded.png?v=26.39.5"
53    >
54    <link
55        rel="apple-touch-icon"
56        sizes="167x167"
57        href="https://liveplatforms-production.b-cdn.net/tenants/oa/theme/images/icons/167x167-rounded.png?v=26.39.5"
58    >
59    <link
60        rel="apple-touch-icon"
61        sizes="180x180"
62        href="https://liveplatforms-production.b-cdn.net/tenants/oa/theme/images/icons/180x180-rounded.png?v=26.39.5"
63    >
64
65    <link
66        rel="apple-touch-startup-image"
67        media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
68        href="https://liveplatforms-production.b-cdn.net/tenants/oa/theme/images/splash/750x1334-2.png?v=26.39.5"
69    >
70    <link
71        rel="apple-touch-startup-image"
72        media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
73        href="https://liveplatforms-production.b-cdn.net/tenants/oa/theme/images/splash/1080x1920-3.png?v=26.39.5"
74    >
75    <link
76        rel="apple-touch-startup-image"
77        media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
78        href="https://liveplatforms-production.b-cdn.net/tenants/oa/theme/images/splash/1125x2436-3.png?v=26.39.5"
79    >
80    <link
81        rel="apple-touch-startup-image"
82        media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
83        href="https://liveplatforms-production.b-cdn.net/tenants/oa/theme/images/splash/1242x2688-3.png?v=26.39.5"
84    >
85    <link
86        rel="apple-touch-startup-image"
87        media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
88        href="https://liveplatforms-production.b-cdn.net/tenants/oa/theme/images/splash/828x1792-2.png?v=26.39.5"
89    >
90    <link
91        rel="apple-touch-startup-image"
92        media="(device-width: 360px) and (device-height: 780px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
93        href="https://liveplatforms-production.b-cdn.net/tenants/oa/theme/images/splash/1080x2340-3.png?v=26.39.5"
94    >
95    <link
96        rel="apple-touch-startup-image"
97        media="(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
98        href="https://liveplatforms-production.b-cdn.net/tenants/oa/theme/images/splash/1170x2532-3.png?v=26.39.5"
99    >
100    <link
101        rel="apple-touch-startup-image"
102        media="(device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
103        href="https://liveplatforms-production.b-cdn.net/tenants/oa/theme/images/splash/1284x2778-3.png?v=26.39.5"
104    >
105    <link
106        rel="apple-touch-startup-image"
107        media="(device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
108        href="https://liveplatforms-production.b-cdn.net/tenants/
108oa/theme/images/splash/1179x2556-3.png?v=26.39.5"
109    >
110    <link
111        rel="apple-touch-startup-image"
112        media="(device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
113        href="https://liveplatforms-production.b-cdn.net/tenants/oa/theme/images/splash/1290x2796-3.png?v=26.39.5"
114    >
115    <link
116        rel="apple-touch-startup-image"
117        media="(device-width: 402px) and (device-height: 874px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
118        href="https://liveplatforms-production.b-cdn.net/tenants/oa/theme/images/splash/1206x2622-3.png?v=26.39.5"
119    >
120    <link
121        rel="apple-touch-startup-image"
122        media="(device-width: 440px) and (device-height: 956px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
123        href="https://liveplatforms-production.b-cdn.net/tenants/oa/theme/images/splash/1320x2868-3.png?v=26.39.5"
124    >
125    <link
126        rel="apple-touch-startup-image"
127        media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
128        href="https://liveplatforms-production.b-cdn.net/tenants/oa/theme/images/splash/2048x2732-2.png?v=26.39.5"
129    >
130    <link
131        rel="apple-touch-startup-image"
132        media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
133        href="https://liveplatforms-production.b-cdn.net/tenants/oa/theme/images/splash/1668x2388-2.png?v=26.39.5"
134    >
135    <link
136        rel="apple-touch-startup-image"
137        media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
138        href="https://liveplatforms-production.b-cdn.net/tenants/oa/theme/images/splash/1668x2224-2.png?v=26.39.5"
139    >
140    <link
141        rel="apple-touch-startup-image"
142        media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
143        href="https://liveplatforms-production.b-cdn.net/tenants/oa/theme/images/splash/1536x2048-2.png?v=26.39.5"
144    >
145
146<!-- Android + Chrome -->
147<meta name="application-name" content="Opal Auctions">
148<meta name="mobile-web-app-capable" content="yes">
149<meta name="theme-color" content="#000000">
150    
151    <link rel="canonical" href="https://www.opalauctions.com/products/ethiopian-opal-rough-807-carats-1753035">
152<link rel="alternate" hreflang="x-default" href="https://www.opalauctions.com/products/ethiopian-opal-rough-807-carats-1753035">
153
154            <link rel="alternate" hreflang="de" href="https://www.opalauctions.com/de/products/ethiopian-opal-rough-807-carats-1753035">
155                    <link rel="alternate" hreflang="es" href="https://www.opalauctions.com/es/products/ethiopian-opal-rough-807-carats-1753035">
156                <link rel="alternate" hreflang="fr" href="https://www.opalauctions.com/fr/products/ethiopian-opal-rough-807-carats-1753035">
157                <link rel="alternate" hreflang="hr" href="https://www.opalauctions.com/hr/products/ethiopian-opal-rough-807-carats-1753035">
158                <link rel="alternate" hreflang="it" href="https://www.opalauctions.com/it/products/ethiopian-opal-rough-807-carats-1753035">
159                <link rel="alternate" hreflang="ja" href="https://www.opalauctions.com/ja/products/ethiopian-opal-rough-807-carats-1753035">
160                <link rel="alternate" hreflang="nl" href="https://www.opalauctions.com/nl/products/ethiopian-opal-rough-807-carats-1753035">
161                <link rel="alternate" hreflang="tw" href="https://www.opalauctions.com/tw/products/ethiopian-opal-rough-807-carats-1753035">
162    
163    
163<script>
164        window.userId = null;
165        window.locale = "en"
166        window.currencyCode = "USD"
167    </script>
167
168    <!-- 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>
169
170    <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" />
171    
172    
172<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}
172\/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}
172\/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}
172\/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}
172\/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}
172\/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}
172\/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}
172\/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"]}
172,"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}
172\/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>
172
173    <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" />
173<script type="module" src="https://liveplatforms-production.b-cdn.net/builds/26.39.5/assets/next/app-CXqWMMGY.js" data-navigate-track="reload"></script>
173
174    
175    <!-- Google Tag Manager -->
176<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>
176
177<!-- End Google Tag Manager -->
178
179
180<meta name="google-site-verification" content="fPlya2Xm3Tlq1_HWddqWZX2PvwwVIN4BIy5y-H8DvPg" />
181<meta name="google-site-verification" content="0JTntcn0RSlv3EUJQB4zdanaykVER0sykrwGq7_kIFE" />
182
183<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>
183
184
185
186<script type="application/ld+json">
187{
188  "@context": "https://schema.org",
189  "@type": "Organization",
190  "name": "Opal Auctions",
191  "url": "https://www.opalauctions.com",
192"parentOrganization": {
193    "@type": "Organization",
194    "name": "Live Platforms Pty Ltd",
195    "url": "https://liveplatforms.com/"
196  },
197  "logo": "https://liveplatforms-production.b-cdn.net/tenants/oa/theme/images/logo.png",
198  "sameAs": [
199    "https://www.facebook.com/OpalAuctions/",
200    "https://www.instagram.com/opalauctions/"
201  ],
202  "contactPoint": {
203    "@type": "ContactPoint",
204    "contactType": "customer support",
205    "url": "https://www.opalauctions.com/help/faqs/contact-us"
206  }
207}
208</script>
208
209
210    
210<script src="https://cdn.onesignal.com/sdks/web/v16/OneSignalSDK.page.js" defer></script>
210
211    
211<script>
212        window.OneSignalDeferred = window.OneSignalDeferred || [];
213
214        OneSignalDeferred.push(async function(OneSignal) {
215            await OneSignal.init({
216                appId: "7c95bbd0-9713-4203-b127-be1908694e37",
217                autoResubscribe: true,
218                welcomeNotification: {
219                    disable: true,
220                },
221                notifyButton: {
222                    enable: true,
223                    position: 'bottom-left',
224                },
225            });
226
227                    });
228    </script>
228
229
230    </head>
231
232<body class="antialiased font-sans bg-gray-100">
233
234<!-- Google Tag Manager (noscript) -->
235<noscript><iframe src="https://load.d.opalauctions.com/ns.html?id=GTM-MM6J2Z" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
236<!-- End Google Tag Manager (noscript) -->
237
238    <div x-data="{
239    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}'),
240    customStore: null,
241    init() {
242        Alpine.store('user').setUser(null)
243        Alpine.store('messagesDropdown').setUser(null)
244        Alpine.store('messagesDropdown').setStores([])
245        Alpine.store('itemWatch').setWatchedAuctionIds([])
246        Alpine.store('bids').setBiddingAuctions(null)
247        Alpine.store('cart').setCartAuctionIds([])
248
249        if (Alpine.store('user').hasUser()) {
250            Echo.private('oa.user.')
251                // item watch
252                .listen(this.events.itemWatchCreatedEvent, data => {
253                    if (this.customStore?.slug && data.store_slug !== this.customStore.slug) {
254                        // In custom store context, ignore events for items
255                        // that don't belong to the store
256                        return
257                    }
258
259                    Alpine.store('itemWatch').addWatchedItem(data.auction_id)
260                    Livewire.dispatch('itemWatchUpdated', {auctionId: data.auction_id, watching: true})
261                })
262                .listen(this.events.itemWatchDeletedEvent, data => {
263                    if (this.customStore?.slug && data.store_slug !== this.customStore.slug) {
264                        // In custom store context, ignore events for items
265                        // that don't belong to the store
266                        return
267                    }
268
269                    Alpine.store('itemWatch').removeWatchedItem(data.auction_id)
270
271                    Livewire.dispatch('itemWatchUpdated', {auctionId: data.auction_id})
272                })
273                // bids
274                .listen(this.events.bidCreatedEvent, data => {
275                    if (! Alpine.store('bids').hasBidsForAuction(data.auction.id)) {
276                       Alpine.store('bids').addToBiddingAuctions(data.auction)
277                    }
278                })
279                .listen(this.events.auctionHighBidderChangedEvent, data => {
280                    // if new bid, push to the store bids collection
281                    if (data.high_bidder_id === Alpine.store('user').getUserId() && !Alpine.store('bids').hasBidsForAuction(data.id)) {
282                        Alpine.store('bids').addToBiddingAuctions(data)
283                    }
284                    Alpine.store('auctions').setAuctionState(data)
285                })
286                .listen(this.events.maxBidChangedEvent, data => {
287                    Alpine.store('bids').setMaxBidForUser(data.auction_id, data.max_bid)
288                })
289                // cart
290                .listen(this.events.cartSavedEvent, data => {
291                    Alpine.store('cart').addToCartItems(data.cart.auction_id)
292                    window.Livewire.dispatch('refreshHeaderCounters')
293                })
294                .listen(this.events.cartDeletingEvent, data => {
295                    Alpine.store('cart').removeFromCartItems(data.cart.auction_id)
296                    window.Livewire.dispatch('refreshHeaderCounters')
297                })
298                .listen(this.events.notificationsDeletedEvent, () => {
299                    window.Livewire.dispatch('refreshHeaderCounters')
300                })
301        } else {
302            Echo.channel('oa.guest.fwZbGSAu6sbY0qtNaHRVr25nZNXHgYEz')
303                .listen(this.events.cartSavedEvent, data => {
304                    Alpine.store('cart').addToCartItems(data.cart.auction_id)
305                    window.Livewire.dispatch('refreshHeaderCounters')
306                })
307                .listen(this.events.cartDeletingEvent, data => {
308                    Alpine.store('cart').removeFromCartItems(data.cart.auction_id)
309                    window.Livewire.dispatch('refreshHeaderCounters')
310                })
311        }
312    },
313}"
314     class="sr-only"
315     @watch-auction.window="(e) => $store.itemWatch.onWatchItem(e.detail.id)"
316     @toggle-cart.window="(e) => $store.cart.onToggleCart(e.detail)"
317     @cart-item-added.window="(e) => $store.cart.addToCartItems(e.detail.auctionId)"
318></div>
319
320    <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;TUXR1Usr8meoYzq2yMvJ&quot;,&quot;name&quot;:&quot;public.livewire.cart.quantity-selector-modal-component&quot;,&quot;path&quot;:&quot;products\/ethiopian-opal-rough-807-carats-1753035&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;d30bdb6e6dadb76d2acd1faed6d1bea4135f4b89a1f2d7040c0ec682c8dfe9d0&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;openQuantityModal&quot;]}" wire:id="TUXR1Usr8meoYzq2yMvJ"
321    x-data
322    @cart-data-layer.window="
323        window.dataLayer = window.dataLayer || []
324        window.dataLayer.push($event.detail.dataLayer)
325    "
326>
327    <div
328    x-data="{
329        show: window.Livewire.find('TUXR1Usr8meoYzq2yMvJ').entangle('showQuantityModal').live.live,
330        focusables() {
331            // All focusable element types...
332            let selector = 'a, button, input, textarea, select, details, [tabindex]:not([tabindex=\'-1\'])'
333            return [...$el.querySelectorAll(selector)]
334                // All non-disabled elements...
335                .filter(el => ! el.hasAttribute('disabled'))
336        },
337        firstFocusable() { return this.focusables()[0] },
338        lastFocusable() { return this.focusables().slice(-1)[0] },
339        nextFocusable() { return this.focusables()[this.nextFocusableIndex()] || this.firstFocusable() },
340        prevFocusable() { return this.focusables()[this.prevFocusableIndex()] || this.lastFocusable() },
341        nextFocusableIndex() { return (this.focusables().indexOf(document.activeElement) + 1) % (this.focusables().length + 1) },
342        prevFocusableIndex() { return Math.max(0, this.focusables().indexOf(document.activeElement)) -1 },
343        autofocus() { let focusable = $el.querySelector('[autofocus]'); if (focusable) focusable.focus() },
344    }"
345    x-init="$watch('show', value => value && setTimeout(autofocus, 50))"
346    x-on:close.stop="show = false"
347    x-on:keydown.escape.window="show = false"
348    x-on:keydown.tab.prevent="$event.shiftKey || nextFocusable().focus()"
349    x-on:keydown.shift.tab.prevent="prevFocusable().focus()"
350    x-show="show"
351    id="0ccdb8dda5a47d25cf57796b348011ee"
352    class="fixed top-0 inset-x-0 p-6 z-50 sm:px-0 flex sm:items-top sm:justify-center max-h-screen"
353    style="display: none;"
354>
355    <div
356        x-show="show"
357        class="fixed top-0 left-0 bottom-0 right-0 transform transition-all"
358        x-on:click="show = false"
359        x-transition:enter="ease-out duration-300"
360        x-transition:enter-start="opacity-0"
361        x-transition:enter-end="opacity-100"
362        x-transition:leave="ease-in duration-200"
363        x-transition:leave-start="opacity-100"
364        x-transition:leave-end="opacity-0"
365    >
366        <div class="absolute top-0 left-0 bottom-0 right-0 bg-gray-500 opacity-75"></div>
367    </div>
368
369    <div
370        x-show="show"
371        class="bg-white rounded-lg max-h-full overflow-auto shadow-xl transform transition-all w-full sm:max-w-md"
372        x-transition:enter="ease-out duration-300"
373        x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
374        x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
375        x-transition:leave="ease-in duration-200"
376        x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
377        x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
378    >
379        
380    </div>
381</div>
382</div>
383
384<div
385    class="font-sans relative antialiased flex-col flex min-h-full h-screen">
386    <div class="flex flex-col grow">
387        
388                    <header
389    x-data="{
390        showSidebar: false,
391        showMegaMenu(){
392            window.dispatchEvent(new CustomEvent('show-mega-menu'))
393        }
394    }"
395    class="flex flex-col bg-white border-b border-b-gray-200"
396    data-tour="header"
397>
398    <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;rXM0zUuKX2BB2G8jQ4Uu&quot;,&quot;name&quot;:&quot;public.livewire.header.notification-component&quot;,&quot;path&quot;:&quot;products\/ethiopian-opal-rough-807-carats-1753035&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;9497103cc5b03a17421b6008796a40b5b5687f8b7603cbb89c7dc86fdee718b2&quot;}" wire:effects="[]" wire:id="rXM0zUuKX2BB2G8jQ4Uu">
399            <div class="text-center bg-sky-800 py-1 text-white text-sm">
400            <style>
401  .message-container {
402    position: relative;
403    width: 100%;
404    height: 20px;
405    overflow: hidden;
406    text-align: center;
407  }
408
409  .message {
410    position: absolute;
411    width: 100%;
412    opacity: 0;
413    animation: fadeMessages 13.5s infinite;
414  }
415
416  .message:nth-child(1) { animation-delay: 0s; }
417  .message:nth-child(2) { animation-delay: 4.5s; }
418  .message:nth-child(3) { animation-delay: 9s; }
419
420  @keyframes fadeMessages {
421    0% { opacity: 0; }
422    10% { opacity: 1; }
423    25% { opacity: 1; }
424    40% { opacity: 0; }
425    100% { opacity: 0; }
426  }
427
428.notification-banner {
429  background-color: #1E1E1E; /* soft black / charcoal */
430  color: white;
431  padding: 4px 12px;
432  font-size: 14px;
433  font-weight: 500;
434  display: flex;
435  justify-content: center;
436  align-items: center;
437  flex-wrap: wrap;
438  gap: 10px; /* space between text and button */
439}
440
441.notification-banner .btn {
442  background-color: white;
443  color: #000000;
444  padding: 4px 12px;
445  border: none;
446  border-radius: 4px;
447  font-weight: bold;
448  cursor: pointer;
449  font-size: 12px;
450  text-decoration: none;
451  transition: background 0.2s ease, color 0.2s ease;
452}
453
454.notification-banner .btn:hover {
455  background-color: #f0f0f0;
456  color: #000;
457}
458.text-center.bg-sky-800.py-1 {
459  padding: 0 !important;  /* removes the blue gap above and below */
460}
461</style>
462
463<!--  DEFAULT HTML banner (always visible) -->
464<div id="site-notification">
465  <div class="message-container">
466    <div class="message">SHOP 100,000+ BUY IT NOW OPALS</div>
467    <div class="message">OR TRY OUR AUCTIONS WITH NO BUYERS FEES</div>
468    <div class="message">100% NATURAL OPALS & VERIFIED SELLERS</div>
469  </div>
470</div>
471
472<!--  JS overrides content if user is logged in -->
473<script>
474  if (typeof window.userId === 'undefined') {
475    window.userId = null;
476  }
477
478  if (window.userId > 0) {
479    const container = document.getElementById("site-notification");
480    container.innerHTML = `
481      <div class="notification-banner">
482        <span>Never miss a bid.</span>
483        <a href="/account/settings/notifications" class="btn">Turn On Alerts</a>
484      </div>
485    `;
486  }
487</script>
487
488        </div>
489    
490    </div>
491
492    <div class="bg-zinc-300 w-full text-black text-xs h-6 flex">
493                                <a
494                href="https://www.opalauctions.com"
495                                class="flex items-center px-3 hover:underline bg-zinc-100"
496            >
497                <img
498                    src="https://liveplatforms-production.b-cdn.net/tenants/oa/theme/images/icons/32x32.png?v=26.39.5"
499                    alt="Opal Auctions"
500                    class="size-4 flex mr-1"
501                >
502                Opals
503            </a>
504                                <a
505                href="https://www.gemrockauctions.com"
506                 rel="nofollow"                 class="flex items-center px-3 hover:underline text-black"
507            >
508                <img
509                    src="https://liveplatforms-production.b-cdn.net/tenants/gr/theme/images/icons/32x32.png?v=26.39.5"
510                    alt="Gem Rock Auctions"
511                    class="size-4 flex mr-1"
512                >
513                Gemstones
514            </a>
515                                <a
516                href="https://www.jewelry-auctioned.com"
517                 rel="nofollow"                 class="flex items-center px-3 hover:underline text-black"
518            >
519                <img
520                    src="https://liveplatforms-production.b-cdn.net/tenants/ja/theme/images/icons/32x32.png?v=26.39.5"
521                    alt="Jewelry Auctioned"
522                    class="size-4 flex mr-1"
523                >
524                Jewelry
525            </a>
526                                <a
527                href="https://www.coins-auctioned.com"
528                 rel="nofollow"                 class="flex items-center px-3 hover:underline text-black"
529            >
530                <img
531                    src="https://liveplatforms-production.b-cdn.net/tenants/ca/theme/images/icons/32x32.png?v=26.39.5"
532                    alt="Coins Auctioned"
533                    class="size-4 flex mr-1"
534                >
535                Coins
536            </a>
537            </div>
538
539    <div class="flex flex-wrap lg:flex-nowrap items-center my-2 justify-between w-full px-2 md:px-4 gap-3">
540        <div class="flex">
541            <button
542                class="mt-3 mr-2 text-sm text-gray-700 lg:hidden"
543                @click="showSidebar = ! showSidebar"
544            >
545                <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">
546    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
547</svg>
548            </button>
549
550            <a href="https://www.opalauctions.com">
551                <img
552                    src="https://liveplatforms-production.b-cdn.net/tenants/oa/theme/images/logo.png?v=26.39.5"
553                    alt="Opal Auctions"
554                    class="w-56 hidden lg:flex"
555                >
556                <img
557                    class="size-8 mt-2 flex lg:hidden"
558                    src="https://liveplatforms-production.b-cdn.net/tenants/oa/theme/images/icons/64x64.png?v=26.39.5"
559                    alt="Opal Auctions"
560                >
561            </a>
562        </div>
563
564        <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">
565
566            <div
567                x-data="{
568                    isPwa: false,
569                    isIos: false,
570                    init() {
571                        this.isIos = /iPad|iPhone|iPod/.test(navigator.userAgent);
572                        this.isPwa = window.matchMedia('(display-mode: standalone)').matches;
573
574                        if (this.isPwa) {
575                          window.dataLayer.push({
576                              event: 'pwa',
577                              is_pwa: true
578                          });
579                        }
580
581                        window.matchMedia('(display-mode: standalone)').addEventListener('change', e => isPwa = e.matches)
582                    }
583                }"
584            >
585                <div
586                    x-show="isIos && isPwa"
587                    x-cloak
588                    class="flex gap-2 text-gray-500 hover:text-600 mr-2"
589                >
590                    <button onclick="history.back()">
591                        <svg class="size-5" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
592    <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>
593</svg>
594                    </button>
595                    <button onclick="history.forward()">
596                        <svg class="size-5" class="size-4" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
597    <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>
598</svg>
599                    </button>
600                </div>
601            </div>
602
603            <form method="get" action="https://www.opalauctions.com/search" role="search" class="flex flex-grow" data-tour="search">
604                <div
605    id="autocomplete"
606    x-data="{
607        init() {
608            window.Autocomplete();
609        }
610    }"
611    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="[]"
612></div>
613            </form>
614        </div>
615
616        <div wire:snapshot="{&quot;data&quot;:[],&quot;memo&quot;:{&quot;id&quot;:&quot;jmFhKDu1fc6ycRYUXSTE&quot;,&quot;name&quot;:&quot;public.livewire.header.header-counter-component&quot;,&quot;path&quot;:&quot;products\/ethiopian-opal-rough-807-carats-1753035&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;c51f6d46e7f0ca6d6f794165e8a7d0996a5df5341154e9009a1415bee416665c&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;refreshHeaderCounters&quot;]}" wire:id="jmFhKDu1fc6ycRYUXSTE" x-data="{
617    init() {
618        Alpine.store('messagesDropdown').setThreads(null)
619        Alpine.store('messagesDropdown').setMessageCounters(null)
620    },
621}" class="flex mt-3 lg:order-3 order-2">
622                <div class="flex items-center space-x-4 mr-2 text-gray-600 lg:order-3 order-2">
623            <a href="https://www.opalauctions.com/register" class="text-sm hover:underline">
624                Register
625            </a>
626            <a href="https://www.opalauctions.com/login" class="text-sm hover:underline">
627                Log in
628            </a>
629
630                        <a
631    href="https://www.opalauctions.com/events"
632    class="flex flex-col items-center text-xs justify-center relative" data-tour="live-events"
633>
634    <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">
635    <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" />
636</svg>
637                    <span class="hidden md:block"> Live Events</span>
638
639    </a>
640            
641            <div class="hover:underline">
642                <a
643    href="https://www.opalauctions.com/cart"
644    class="flex flex-col items-center text-xs justify-center relative"
645>
646    <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">
647    <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" />
648</svg>
649                        <span class="hidden md:block">
650                            Cart
651                        </span>
652
653    </a>
654            </div>
655
656            <div class="group">
657                <button
658                    x-data @click="window.showLocaleModal()"
659                    class="flex flex-col items-center text-xs justify-center relative"
660                >
661                    <div class="w-fit px-2 py-1 text-xs group flex items-center gap-y-1 gap-x-2 rounded flex flex-col">
662    <div
663    0="class"
664    class="group-hover:ring-4 group-hover:ring-offset-1 group-hover:ring-gray-600/30 rounded-full"
665>
666            <div class="rounded-full overflow-hidden size-7 relative grid place-items-center">
667            <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>
668    </div>
669
670    <span class="hidden md:inline">
671        USD
672    </span>
673</div>
674                </button>
675            </div>
676        </div>
677    </div>
678    </div>
679
680    <div wire:snapshot="{&quot;data&quot;:{&quot;loadLinks&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;wL5uzNA8vH94gGjemnjm&quot;,&quot;name&quot;:&quot;public.livewire.header.category-menu-component&quot;,&quot;path&quot;:&quot;products\/ethiopian-opal-rough-807-carats-1753035&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;cb11c011f14141b712d6da4ff5c8e7a804cb5f646e66da638b9d80be62d394ab&quot;}" wire:effects="[]" wire:id="wL5uzNA8vH94gGjemnjm" x-data="{
681        categories: [],
682        loadLinks: window.Livewire.find('wL5uzNA8vH94gGjemnjm').entangle('loadLinks'),
683        show: false,
684        selectedLetter: '',
685        search: '',
686        result: {},
687        init() {
688            if (this.loadLinks) {
689                this.fetchData()
690            }
691
692            window.addEventListener('show-mega-menu', () => {
693                this.show = true
694                if (! this.loadLinks) {
695                    this.fetchData()
696                }
697            })
698        },
699        fetchData() {
700            this.categories = $wire.getCategoryMenuLinks()
701                .then(links => {
702                    this.categories = links
703                })
704        },
705         searchCategory() {
706            this.result = {}
707
708            if (this.search == '') {
709                return
710            }
711
712            for (const category of Object.values(this.categories)) {
713                for (const value of Object.values(category)) {
714                    if (value.label.toLowerCase().includes(this.search.toLowerCase())) {
715                        let letter = value.label.charAt(0).toUpperCase()
716                        if (this.result[letter]) {
717                            this.result[letter].push(value)
718                        } else {
719                            this.result[letter] = [value]
720                        }
721                    }
722                }
723            }
724        },
725    }">
726    <div
727        x-cloak
728        x-data="{
729        offsetTop: '180px',
730        categoryCountForLetter: [],
731        init() {
732            $watch('show', _ => {
733                this.setMenuOffsetTop()
734            })
735
736            $watch('categories', _ => {
737                this.initData()
738            })
739
740            $watch('search', _ => {
741                searchCategory()
742            })
743
744            if (this.categories.length !== 0) {
745                this.initData()
746            }
747        },
748        initData() {
749            this.categoryCountForLetter = Object.keys(this.categories).filter(key => Object.keys(this.categories[key]).length >= 2)
750            this.getFirstPopulatedLetter()
751        },
752        closeMenu() {
753            this.show = false
754            this.setLetter('')
755        },
756        setLetter(letter) {
757            this.selectedLetter = letter
758            this.scrollToLetter()
759        },
760        scrollToLetter() {
761            if (this.selectedLetter == '' && categoryCountForLetter.length >= 10) return
762
763            let element = document.getElementById(this.selectedLetter)
764            if (! element) return
765
766            element.scrollIntoView()
767        },
768        getFirstPopulatedLetter() {
769            let keys = Object.keys(this.categories)
770            for (let i = 0; i < keys.length; i++) {
771                if (this.categories[keys[i]].length != 0) {
772                    this.setLetter(keys[i])
773                    return
774                }
775            }
776        },
777        setMenuOffsetTop() {
778            const menuBtn = document.getElementById('desktopMenuBtn')
779            const bounds = menuBtn ? menuBtn.getBoundingClientRect() : null
780            if (bounds != null) this.offsetTop = bounds.top + bounds.height + 'px'
781        }
782    }">
783        
784        <template x-teleport="body">
785            <div class="w-full absolute z-50 sm:flex" :style="`top: ${offsetTop}`">
786                <div x-show="show"
787                     @click.outside="show = false"
788                     x-transition
789                     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">
790                    <div class="flex w-full">
791                        <div class="w-1/5 border-r-2 border-gray-200">
792                            <div class="grid grid-cols-3 mx-4 text-xl text-center">
793                                <template x-for="entry in Object.keys(categories)">
794    <template x-if="Object.entries(categories[entry]).length > 0">
795        <button
796            class="capitalize text-center rounded-md p-2 text-black hover:bg-gray-100 hover:text-indigo-500"
797            :class="{'bg-indigo-500 text-white': selectedLetter === entry}"
798            @click.prevent="setLetter(entry)"
799        >
800            <span x-text="entry"></span>
801        </button>
802    </template>
803    <template x-if="Object.entries(categories[entry]).length == 0">
804        <div class="capitalize text-center rounded-md p-2 text-gray-400">
805            <span x-text="entry"></span>
806        </div>
807    </template>
808</template>
809                            </div>
810                            <div class="flex align-center justify-center mt-4">
811                                <a
812        href="https://www.opalauctions.com/auctions"
813        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"
814    >
815        View All
816    </a>
817                            </div>
818                        </div>
819                        <div class="w-4/5 overflow-y-scroll h-[500px] scroll-smooth">
820                            <div class="h-full"
821                                 x-show="selectedLetter != ''">
822                                <div class="px-4 w-1/2 lg:w-1/3">
823                                    <form>
824    <div class="flex w-full relative">
825        <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">
826    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
827          d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
828</svg>
829
830        <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"/>
831
832
833        <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">
834    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
835</svg>
836    </div>
837</form>
838                                </div>
839                                <div class="ml-10 mt-2">
840                                    
841                                    <div x-show="categoryCountForLetter.length >= 10" x-transition>
842                                        <div class="grid grid-cols-1">
843    <template x-for="letter in Object.keys(result)">
844        <div class="grid grid-cols-7 md:flex md:flex-col mb-2">
845            <div class="text-2xl">
846                <span x-text="letter"></span>
847            </div>
848
849            <div class="col-span-6">
850                <div class="grid md:grid-cols-2 gap-2 mt-1">
851                    <template x-for="category in result[letter]">
852                        <a x-bind:href="category.href" class="py-2 flex no-wrap items-center">
853                            <img
854                                x-bind:src="category.thumb"
855                                x-bind:alt="category.label"
856                                class="inline-block size-9 md:size-10 rounded-full"
857                            />
858                            <p x-text="category.label" class="p-2 text-indigo-500 text-md inline-block hover:text-gray-500"></p>
859                        </a>
860                    </template>
861                </div>
862            </div>
863        </div>
864    </template>
865</div>
866                                        <div x-show="Object.keys(result).length === 0">
867                                            <span class="text-2xl text-gray-800 capitalize"
868                                                x-text="selectedLetter"></span>
869                                            <div class="grid grid-cols-2 gap-2 mt-1">
870                                                <template x-for="category in categories[selectedLetter]">
871                                                    <a class="py-2 flex no-wrap items-center" x-bind:href="category.href">
872                                                        <img class="inline-block w-10 rounded-full" alt="alt" x-bind:src="category.thumb"/>
873                                                        <p x-text="category.label"
874                                                           class="p-2 text-indigo-500 text-md inline-block hover:text-gray-500"></p>
875                                                    </a>
876                                                </template>
877                                            </div>
878                                        </div>
879                                    </div>
880                                    
881                                    <div x-show="categoryCountForLetter.length < 10">
882                                        <template x-for="entry in Object.entries(categories)">
883                                            <div x-show="Object.entries(entry[1]).length != 0" class="mt-2 mb-10">
884                                                <div x-bind:id="entry[0]" x-bind:name="entry[0]">
885                                                    <a class="text-2xl text-gray-800 capitalize"
886                                                       x-text="entry[0]"></a>
887                                                </div>
888                                                <div class="grid grid-cols-2 gap-2 mt-1">
889                                                    <template x-for="(category, key) in entry[1]">
890                                                        <a class="py-2 flex no-wrap items-center" x-bind:href="category.href">
891                                                            <img class="inline-block w-10 rounded-full" alt="alt" x-bind:src="category.thumb"/>
892                                                            <p x-text="category.label"
893                                                               class="p-2 text-indigo-500 inline-block hover:text-gray-500"></p>
894                                                        </a>
895                                                    </template>
896                                                </div>
897                                            </div>
898                                        </template>
899                                    </div>
900                                </div>
901                            </div>
902                        </div>
903                    </div>
904                </div>
905            </div>
906        </template>
907    </div>
908
909    <div
910        x-data="{
911        showAlphabet: false,
912        openMenu() {
913            if (!this.loadLinks) {
914                this.categories = $wire.getCategoryMenuLinks()
915                .then(links => {
916                    this.categories = links
917                })
918            }
919            this.show = true
920            this.showAlphabet = false
921            this.toggleScrollLock()
922        },
923        closeMenu() {
924            this.show = false
925            this.showAlphabet = false
926            this.toggleScrollLock()
927        },
928        toggleScrollLock() {
929            if (this.show) {
930                window.document.body.classList.add('overflow-hidden')
931            } else {
932                window.document.body.classList.remove('overflow-hidden')
933            }
934        },
935        setLetter(letter) {
936            this.selectedLetter = letter
937            this.showAlphabet = !this.showAlphabet
938
939            const letterGroup = document.getElementById(this.selectedLetter)
940
941            if (letterGroup) {
942                letterGroup.scrollIntoView()
943            }
944        },
945    }"
946    x-init="
947        $watch('search', _ => {
948            searchCategory()
949        })
950    ">
951        
952        <template x-if="show">
953            <div class="fixed inset-0 bg-white text-gray-900 md:hidden z-50">
954                <div x-show="showAlphabet"
955                     class="flex justify-between w-full p-4 bg-transparent">
956                    <div class="text-xl">
957                        Categories
958                    </div>
959                    <div class="clickable">
960                        <button @click.prevent="closeMenu()">
961                            <svg class="w-7 h-7 text-black" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
962    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
963</svg>
964                        </button>
965                    </div>
966                </div>
967                <div class="h-full flex flex-col">
968                    <div x-show="!showAlphabet"
969                         x-transition
970                         class="grid grid-cols-4 justify-stretch text-xl p-2">
971                        <div class="flex items-center col-span-1 h-full">
972                            <button
973        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('')"
974        
975    >
976        A-Z
977    </button>
978                        </div>
979                        
980                        <div class="col-span-2">
981                            <form>
982    <div class="flex w-full relative">
983        <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">
984    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
985          d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
986</svg>
987
988        <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"/>
989
990
991        <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">
992    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
993</svg>
994    </div>
995</form>
996                        </div>
997                        <div class="flex items-center justify-end h-full col-span-1">
998                            <button @click.prevent="closeMenu()">
999                                <svg class="w-7 h-7 text-black" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
1000    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
1001</svg>
1002                            </button>
1003                        </div>
1004                    </div>
1005                    <div id="letterContainer" class="h-screen" x-show="showAlphabet" x-transition>
1006                        <div class="grid grid-cols-3 text-xl my-6">
1007                            <template x-for="entry in Object.keys(categories)">
1008    <template x-if="Object.entries(categories[entry]).length > 0">
1009        <button
1010            class="capitalize text-center rounded-md p-2 text-black hover:bg-gray-100 hover:text-indigo-500"
1011            :class="{'bg-indigo-500 text-white': selectedLetter === entry}"
1012            @click.prevent="setLetter(entry)"
1013        >
1014            <span x-text="entry"></span>
1015        </button>
1016    </template>
1017    <template x-if="Object.entries(categories[entry]).length == 0">
1018        <div class="capitalize text-center rounded-md p-2 text-gray-400">
1019            <span x-text="entry"></span>
1020        </div>
1021    </template>
1022</template>
1023                        </div>
1024                        <div class="flex align-center justify-center mt-5">
1025                            <a
1026        href="https://www.opalauctions.com/auctions"
1027        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"
1028    >
1029        View All
1030    </a>
1031                        </div>
1032                    </div>
1033                    <div class="pl-6 bg-white overflow-y-auto flex-1">
1034                        <div class="grid grid-cols-1">
1035    <template x-for="letter in Object.keys(result)">
1036        <div class="grid grid-cols-7 md:flex md:flex-col mb-2">
1037            <div class="text-2xl">
1038                <span x-text="letter"></span>
1039            </div>
1040
1041            <div class="col-span-6">
1042                <div class="grid md:grid-cols-2 gap-2 mt-1">
1043                    <template x-for="category in result[letter]">
1044                        <a x-bind:href="category.href" class="py-2 flex no-wrap items-center">
1045                            <img
1046                                x-bind:src="category.thumb"
1047                                x-bind:alt="category.label"
1048                                class="inline-block size-9 md:size-10 rounded-full"
1049                            />
1050                            <p x-text="category.label" class="p-2 text-indigo-500 text-md inline-block hover:text-gray-500"></p>
1051                        </a>
1052                    </template>
1053                </div>
1054            </div>
1055        </div>
1056    </template>
1057</div>
1058                        <div class="grid grid-cols-1" x-show="Object.keys(result).length === 0">
1059                            <template x-for="entry in Object.entries(categories)">
1060                                <div
1061                                    x-show="Object.entries(entry[1]).length != 0"
1062                                    class="grid grid-cols-7 mt-2 mb-10"
1063                                >
1064                                    <div class="relative">
1065                                        <span
1066                                            x-bind:id="entry[0]"
1067                                            x-bind:name="entry[0]"
1068                                            x-text="entry[0]"
1069                                            class="text-2xl text-gray-800 capitalize sticky top-0"
1070                                        >
1071                                        </span>
1072                                    </div>
1073                                    <div class="col-span-6">
1074                                        <div class="grid grid-cols-1 gap-2 mt-1">
1075                                            <template x-for="(category, key) in entry[1]">
1076                                                <a x-bind:href="category.href"
1077                                                   :key="key"
1078                                                    class="py-2 flex no-wrap items-center"
1079                                                >
1080                                                    <img
1081                                                        x-bind:src="category.thumb"
1082                                                        x-bind:alt="category.label"
1083                                                        class="inline-block w-10 rounded-full"
1084                                                    />
1085                                                    <p x-text="category.label"
1086                                                       class="p-2 text-indigo-500 
1086inline-block hover:text-gray-500"
1087                                                    >
1088                                                    </p>
1089                                                </a>
1090                                            </template>
1091                                        </div>
1092                                    </div>
1093                                </div>
1094                            </template>
1095                        </div>
1096                    </div>
1097                </div>
1098            </div>
1099        </template>
1100    </div>
1101</div>
1102
1103    
1104    <div
1105        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"
1106    >
1107        <div class="flex w-full items-center">
1108                                                <div class="lg:hidden">
1109    <div class="flex flex-col">
1110                                    <div x-data="{ show: false }">
1111        <div
1112            class="flex items-center justify-between hover:underline py-2 px-4 cursor-pointer "
1113            :class="{ 'bg-gray-100': show }"
1114            @click.prevent="show = ! show"
1115            x-cloak
1116        >
1117            <div class="flex items-center grow">
1118                <div class="flex items-center gap-1">
1119                                $1 Auctions
1120            </div>
1121            </div>
1122            <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">
1123    <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" />
1124</svg>
1125            <svg class="w-5 h-5 !size-4 mt-0.5" x-show="show" xmlns="http://www.w3.org/2000/svg"
1126     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1127    <path
1128        fill-rule="evenodd"
1129        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"
1130        clip-rule="evenodd"
1131    />
1132</svg>
1133        </div>
1134        <div class="pl-4" x-show="show" x-cloak>
1135            <div>
1136            <div>
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"
1140>
1141   No Reserve 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"
1146>
1147   Auctions Ending Soon
1148</a>
1149                        <a
1150    class="p-2 flex items-center w-full hover:underline"
1151    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions?sortby=oa.auctions_newest"
1152>
1153   Newest Auctions
1154</a>
1155                        <a
1156    class="p-2 flex items-center w-full hover:underline"
1157    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions?listing_type_tier=true"
1158>
1159   Premium Auction Listings
1160</a>
1161                <div x-data="{ show: false }">
1162        <div
1163            class="flex items-center justify-between hover:underline py-2 px-4 cursor-pointer "
1164            :class="{ 'bg-gray-100': show }"
1165            @click.prevent="show = ! show"
1166            x-cloak
1167        >
1168            <div class="flex items-center grow">
1169                <div class="flex items-center gap-1">
1170                                        Rough Opal Auctions
1171                </div>
1172            </div>
1173            <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">
1174    <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" />
1175</svg>
1176            <svg class="w-5 h-5 !size-4 mt-0.5" x-show="show" xmlns="http://www.w3.org/2000/svg"
1177     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1178    <path
1179        fill-rule="evenodd"
1180        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"
1181        clip-rule="evenodd"
1182    />
1183</svg>
1184        </div>
1185        <div class="pl-4" x-show="show" x-cloak>
1186            <div>
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-s
1189pecimens-only"
1190>
1191   All 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"
1196>
1197   Australia 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/international-rough-opal-no-reserve-auctions"
1202>
1203   International 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/lightning-ridge-rough-opal-no-reserve-auctions"
1208>
1209   Lightning Ridge 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/australian-rough-opal-no-reserve-auctions/coober-pedy-rough-opal-no-reserve-auctions"
1214>
1215   Coober Pedy 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/boulder-rough-opal-no-reserve-auctions"
1220>
1221   Boulder 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/international-rough-opal-no-reserve-auctions/ethiopian-rough-opal-no-reserve-auctions"
1226>
1227   Ethiopian 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/black-rough-opal-no-reserve-auctions"
1232>
1233   Black Rough Opal Auctions
1234</a>
1235                        <a
1236    class="p-2 flex items-center w-full hover:underline"
1237    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"
1238>
1239   Matrix Rough Opal Auctions
1240</a>
1241                        <a
1242    class="p-2 flex items-center w-full hover:underline"
1243    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"
1244>
1245   Beginners Rough Opal Auctions
1246</a>
1247    </div>
1248        </div>
1249    </div>
1250                <div x-data="{ show: false }">
1251        <div
1252            class="flex items-center justify-between hover:underline py-2 px-4 cursor-pointer "
1253            :class="{ 'bg-gray-100': show }"
1254            @click.prevent="show = ! show"
1255            x-cloak
1256        >
1257            <div class="flex items-center grow">
1258                <div class="flex items-center gap-1">
1259                                        Loose Opal Auctions
1260                </div>
1261            </div>
1262            <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">
1263    <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" />
1264</svg>
1265            <svg class="w-5 h-5 !size-4 mt-0.5" x-show="show" xmlns="http://www.w3.org/2000/svg"
1266     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1267    <path
1268        fill-rule="evenodd"
1269        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"
1270        clip-rule="evenodd"
1271    />
1272</svg>
1273        </div>
1274        <div class="pl-4" x-show="show" x-cloak>
1275            <div>
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"
1279>
1280   All Loose 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"
1285>
1286   Australian Cut 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/international-opals"
1291>
1292   International Cut 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/australian-opals/black-opal-no-reserve-auctions"
1297>
1298   Black 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/australian-opals/boulder-opal
1302-no-reserve-auctions"
1303>
1304   Bolder 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/international-opals/natural-ethiopian-opals-auctions"
1309>
1310   Ethiopian 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/smoked-ethiopian-opals-auctions"
1315>
1316   Smoked Ethiopian Opal Auctions
1317</a>
1318                        <a
1319    class="p-2 flex items-center w-full hover:underline"
1320    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/cut-opal-stone-auctions/australian-opals/matrix-opal-no-reserve-auctions"
1321>
1322   Matrix Opal Auctions
1323</a>
1324                        <a
1325    class="p-2 flex items-center w-full hover:underline"
1326    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/cut-opal-stone-auctions/international-opals/mexican-opal-auctions"
1327>
1328   Mexican Opal Auctions
1329</a>
1330    </div>
1331        </div>
1332    </div>
1333                        <a
1334    class="p-2 flex items-center w-full hover:underline"
1335    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/jewelry-only"
1336>
1337   Opal Jewelry Auctions
1338</a>
1339                        <a
1340    class="p-2 flex items-center w-full hover:underline"
1341    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/jewelry-only"
1342>
1343   Opal Lapidary Auctions
1344</a>
1345                        <a
1346    class="p-2 flex items-center w-full hover:underline"
1347    href="https://www.opalauctions.com/search?type%5B0%5D=auction&amp;sortby=oa.auctions_time_left"
1348>
1349   All Opal Auctions
1350</a>
1351                        <a
1352    class="p-2 flex items-center w-full hover:underline"
1353    href="https://www.opalauctions.com/pages/auctions-type"
1354>
1355   FAQ - How Our Auctions Work
1356</a>
1357    </div>
1358        </div>
1359        </div>
1360    </div>
1361                                                <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">
1362        Black Opals
1363</a>
1364                                                <div x-data="{ show: false }">
1365        <div
1366            class="flex items-center justify-between hover:underline py-2 px-4 cursor-pointer "
1367            :class="{ 'bg-gray-100': show }"
1368            @click.prevent="show = ! show"
1369            x-cloak
1370        >
1371            <div class="flex items-center grow">
1372                <div class="flex items-center gap-1">
1373                                Just Listed
1374            </div>
1375            </div>
1376            <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">
1377    <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" />
1378</svg>
1379            <svg class="w-5 h-5 !size-4 mt-0.5" x-show="show" xmlns="http://www.w3.org/2000/svg"
1380     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1381    <path
1382        fill-rule="evenodd"
1383        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"
1384        clip-rule="evenodd"
1385    />
1386</svg>
1387        </div>
1388        <div class="pl-4" x-show="show" x-cloak>
1389            <div>
1390            <div>
1391                    <a
1392    class="p-2 flex items-center w-full hover:underline"
1393    href="https://www.opalauctions.com/search?sortby=oa.auctions_newest"
1394>
1395   All New Listings
1396</a>
1397                        <a
1398    class="p-2 flex items-center w-full hover:underline"
1399    href="https://www.opalauctions.com/search?sortby=oa.auctions_newest&amp;type%5B0%5D=catalogue"
1400>
1401   New Buy it Now Items
1402</a>
1403                        <a
1404    class="p-2 flex items-center w-full hover:underline"
1405    href="https://www.opalauctions.com/search?sortby=oa.auctions_newest&amp;type%5B0%5D=auction"
1406>
1407   New Auction Listings
1408</a>
1409    </div>
1410        </div>
1411        </div>
1412    </div>
1413                                                <div x-data="{ show: false }">
1414        <div
1415            class="flex items-center justify-between hover:underline py-2 px-4 cursor-pointer "
1416            :class="{ 'bg-gray-100': show }"
1417            @click.prevent="show = ! show"
1418            x-cloak
1419        >
1420            <div class="flex items-center grow">
1421                <div class="flex items-center gap-1">
1422                                Loose Opals
1423            </div>
1424            </div>
1425            <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">
1426    <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" />
1427</svg>
1428            <svg class="w-5 h-5 !size-4 mt-0.5" x-show="show" xmlns="http://www.w3.org/2000/svg"
1429     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1430    <path
1431        fill-rule="evenodd"
1432        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"
1433        clip-rule="evenodd"
1434    />
1435</svg>
1436        </div>
1437        <div class="pl-4" x-show="show" x-cloak>
1438            <div>
1439            <div>
1440                    <a
1441    class="p-2 flex items-center w-full hover:underline"
1442    href="https://www.opalauctions.com/search?sortby=oa.auctions_newest&amp;type%5B0%5D=catalogue"
1443>
1444   Newest Listed
1445</a>
1446                        <a
1447    class="p-2 flex items-center w-full hover:underline"
1448    href="https://www.opalauctions.com/auctions/black-opal"
1449>
1450   Black Opal
1451</a>
1452                        <a
1453    class="p-2 flex items-center w-full hover:underline"
1454    href="https://www.opalauctions.com/auctions/dark-opal"
1455>
1456   Dark Opal
1457</a>
1458                <div x-data="{ show: false }">
1459        <div
1460            class="flex items-center justify-between hover:underline py-2 px-4 cursor-pointer "
1461            :class="{ 'bg-gray-100': show }"
1462            @click.prevent="show = ! show"
1463            x-cloak
1464        >
1465            <div class="flex items-center grow">
1466                <div class="flex items-center gap-1">
1467                                        Boulder Opal
1468                </div>
1469            </div>
1470            <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">
1471    <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" />
1472</svg>
1473            <svg class="w-5 h-5 !size-4 mt-0.5" x-show="show" xmlns="http://www.w3.org/2000/svg"
1474     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1475    <path
1476        fill-rule="evenodd"
1477        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"
1478        clip-rule="evenodd"
1479    />
1480</svg>
1481        </div>
1482        <div class="pl-4" x-show="show" x-cloak>
1483            <div>
1484                    <a
1485    class="p-2 flex items-center w-full hover:underline"
1486    href="https://www.opalauctions.com/auctions/boulder-opal"
1487>
1488   All Boulder 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/boulder-opal-stones"
1493>
1494   Boulder Opal Stones
1495</a>
1496                        <a
1497    class="p-2 flex items-center w-full hover:underline"
1498    href="https://www.opalauctions.com/auctions/boulder-opal/koroit-opal-stones"
1499>
1500   Koroit Opal
1501</a>
1502                        <a
1503    class="p-2 flex items-center w-full hover:underline"
1504    href="https://www.opalauctions.com/auctions/boulder-opal/yowah-opal-stones"
1505>
1506   Yowah 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/yowah-nuts"
1511>
1512   Yowah Nuts
1513</a>
1514                        <a
1515    class="p-2 flex items-center w-full hover:underline"
1516    href="https://www.opalauctions.com/auctions/boulder-opal/jundah-opal-stones"
1517>
1518   Jundah Opal
1519</a>
1520                        <a
1521    class="p-2 flex items-center w-full hover:underline"
1522    href="https://www.opalauctions.com/auctions/boulder-opal/boulder-opal-wood-fossils"
1523>
1524   Boulder Wood Opal
1525</a>
1526                        <a
1527    class="p-2 flex items-center w-full hover:underline"
1528    href="https://www.opalauctions.com/auctions/boulder-opal/boulder-pipe-crystal-opal"
1529>
1530   Boulder Pipe Crystal Opal
1531</a>
1532    </div>
1533        </div>
1534    </div>
1535                        <a
1536    class="p-2 flex items-center w-full hover:underline"
1537    href="https://www.opalauctions.com/auctions/crystal-opal"
1538>
1539   Crystal Opal
1540</a>
1541                        <a
1542    class="p-2 flex items-center w-full hover:underline"
1543    href="https://www.opalauctions.com/auctions/coober-pedy-opal"
1544>
1545   Coober Pedy Opal
1546</a>
1547                <div x-data="{ show: false }">
1548        <div
1549            class="flex items-center justify-between hover:underline py-2 px-4 cursor-pointer "
1550            :class="{ 'bg-gray-100': show }"
1551            @click.prevent="show = ! show"
1552            x-cloak
1553        >
1554            <div class="flex items-center grow">
1555                <div class="flex items-center gap-1">
1556                                        Ethiopian Opal
1557                </div>
1558            </div>
1559            <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">
1560    <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" />
1561</svg>
1562            <svg class="w-5 h-5 !size-4 mt-0.5" x-show="show" xmlns="http://www.w3.org/2000/svg"
1563     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1564    <path
1565        fill-rule="evenodd"
1566        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"
1567        clip-rule="evenodd"
1568    />
1569</svg>
1570        </div>
1571        <div class="pl-4" x-show="show" x-cloak>
1572            <div>
1573                    <a
1574    class="p-2 flex items-center w-full hover:underline"
1575    href="https://www.opalauctions.com/auctions/ethiopian-opal"
1576>
1577   All 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/welo-opal-stones"
1582>
1583   Welo Opal
1584</a>
1585                        <a
1586    class="p-2 flex items-center w-full hover:underline"
1587    href="https://www.opalauctions.com/auctions/ethiopian-opal/dark-ethiopian-opal-stones"
1588>
1589   Dark Ethiopian Opal
1590</a>
1591                        <a
1592    class="p-2 flex items-center w-full hover:underline"
1593    href="https://www.opalauctions.com/auctions/ethiopian-opal/mezezo-opal-stones"
1594>
1595   Mezezo Opal
1596</a>
1597    </div>
1598        </div>
1599    </div>
1600                        <a
1601    class="p-2 flex items-center w-full hover:underline"
1602    href="https://www.opalauctions.com/auctions/mexican-fire-opal"
1603>
1604   Mexican Opal
1605</a>
1606                        <a
1607    class="p-2 flex items-center w-full hover:underline"
1608    href="https://www.opalauctions.com/auctions/brazilian-opal"
1609>
1610   Brazilian Opal
1611</a>
1612                        <a
1613    class="p-2 flex items-center w-full hover:underline"
1614    href="https://www.opalauctions.com/auctions/opal-doublet"
1615>
1616   Opal Doublets
1617</a>
1618                        <a
1619    class="p-2 flex items-center w-full hover:underline"
1620    href="https://www.opalauctions.com/auctions/andamooka-opal"
1621>
1622   Andamooka Opal
1623</a>
1624                        <a
1625    class="p-2 flex items-center w-full hover:underline"
1626    href="https://www.opalauctions.com/auctions/matrix-opal"
1627>
1628   Matrix Opal
1629</a>
1630                        <a
1631    class="p-2 flex items-center w-full hover:underline"
1632    href="https://www.opalauctions.com/auctions/fairy-opal"
1633>
1634   Fairy Opal
1635</a>
1636                        <a
1637    class="p-2 flex items-center w-full hover:underline"
1638    href="https://www.opalauctions.com/auctions"
1639>
1640   Browse All Categories
1641</a>
1642    </div>
1643        </div>
1644        </div>
1645    </div>
1646                                                <div x-data="{ show: false }">
1647        <div
1648            class="flex items-center justify-between hover:underline py-2 px-4 cursor-pointer "
1649            :class="{ 'bg-gray-100': show }"
1650            @click.prevent="show = ! show"
1651            x-cloak
1652        >
1653            <div class="flex items-center grow">
1654                <div class="flex items-center gap-1">
1655                                Opal Pairs
1656            </div>
1657            </div>
1658            <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">
1659    <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" />
1660</svg>
1661            <svg class="w-5 h-5 !size-4 mt-0.5" x-show="show" xmlns="http://www.w3.org/2000/svg"
1662     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1663    <path
1664        fill-rule="evenodd"
1665        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"
1666        clip-rule="evenodd"
1667    />
1668</svg>
1669        </div>
1670        <div class="pl-4" x-show="show" x-cloak>
1671            <div>
1672            <div>
1673                    <a
1674    class="p-2 flex items-center w-full hover:underline"
1675    href="https://www.opalauctions.com/auctions/pairs/black-opal-pairs"
1676>
1677   Black 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/dark-opal-pairs"
1682>
1683   Dark 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/crystal-opal-pairs"
1688>
1689   Crystal 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/ethiopian-opal-pairs"
1694>
1695   Ethiopian 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/boulder-opal
1699-pairs"
1700>
1701   Boulder 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/coober-pedy-opal-pairs"
1706>
1707   Coober Pedy Opal Pairs
1708</a>
1709                        <a
1710    class="p-2 flex items-center w-full hover:underline"
1711    href="https://www.opalauctions.com/auctions/pairs/ethiopian-opal-pairs"
1712>
1713   Ethiopian Opal Pairs
1714</a>
1715                        <a
1716    class="p-2 flex items-center w-full hover:underline"
1717    href="https://www.opalauctions.com/auctions/pairs"
1718>
1719   Browse All Pairs
1720</a>
1721    </div>
1722        </div>
1723        </div>
1724    </div>
1725                                                <div x-data="{ show: false }">
1726        <div
1727            class="flex items-center justify-between hover:underline py-2 px-4 cursor-pointer "
1728            :class="{ 'bg-gray-100': show }"
1729            @click.prevent="show = ! show"
1730            x-cloak
1731        >
1732            <div class="flex items-center grow">
1733                <div class="flex items-center gap-1">
1734                                Rough Opals
1735            </div>
1736            </div>
1737            <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">
1738    <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" />
1739</svg>
1740            <svg class="w-5 h-5 !size-4 mt-0.5" x-show="show" xmlns="http://www.w3.org/2000/svg"
1741     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1742    <path
1743        fill-rule="evenodd"
1744        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"
1745        clip-rule="evenodd"
1746    />
1747</svg>
1748        </div>
1749        <div class="pl-4" x-show="show" x-cloak>
1750            <div>
1751            <div>
1752                    <a
1753    class="p-2 flex items-center w-full hover:underline"
1754    href="https://www.opalauctions.com/auctions/rough-opal/black-opal-rough"
1755>
1756   Black 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/lightning-ridge-rough-opals"
1761>
1762   Lightning Ridge 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/beginners-opal-rough"
1767>
1768   Beginners 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/andamooka-opal-rough"
1773>
1774   Andamooka Opal Rough
1775</a>
1776                        <a
1777    class="p-2 flex items-center w-full hover:underline"
1778    href="https://www.opalauctions.com/auctions/rough-opal/boulder-opal-rough"
1779>
1780   Boulder 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/coober-pedy-white-opal-rough"
1785>
1786   Coober Pedy Rough Opal
1787</a>
1788                        <a
1789    class="p-2 flex items-center w-full hover:underline"
1790    href="https://www.opalauctions.com/auctions/rough-opal/ethiopian-opal-rough"
1791>
1792   Ethiopian 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/yowah-opal-rough"
1797>
1798   Yowah 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/mintabie-opal-rough"
1803>
1804   Mintabie 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/koroit-opal-rough"
1809>
1810   Koroit Opal Rough
1811</a>
1812                        <a
1813    class="p-2 flex items-center w-full hover:underline"
1814    href="https://www.opalauctions.com/auctions/rough-opal/fairy-opal-rough"
1815>
1816   Fairy Opal Rough
1817</a>
1818                        <a
1819    class="p-2 flex items-center w-full hover:underline"
1820    href="https://www.opalauctions.com/auctions/rough-opal"
1821>
1822   Browse All Rough Opal
1823</a>
1824    </div>
1825        </div>
1826        </div>
1827    </div>
1828                                                <div x-data="{ show: false }">
1829        <div
1830            class="flex items-center justify-between hover:underline py-2 px-4 cursor-pointer "
1831            :class="{ 'bg-gray-100': show }"
1832            @click.prevent="show = ! show"
1833            x-cloak
1834        >
1835            <div class="flex items-center grow">
1836                <div class="flex items-center gap-1">
1837                                Opal Jewelry
1838            </div>
1839            </div>
1840            <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">
1841    <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" />
1842</svg>
1843            <svg class="w-5 h-5 !size-4 mt-0.5" x-show="show" xmlns="http://www.w3.org/2000/svg"
1844     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1845    <path
1846        fill-rule="evenodd"
1847        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"
1848        clip-rule="evenodd"
1849    />
1850</svg>
1851        </div>
1852        <div class="pl-4" x-show="show" x-cloak>
1853            <div>
1854            <div>
1855                    <a
1856    class="p-2 flex items-center w-full hover:underline"
1857    href="https://www.opalauctions.com/auctions/opal-jewelry/opal-rings"
1858>
1859   Opal Rings
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-pendants"
1864>
1865   Opal Pendants
1866</a>
1867                        <a
1868    class="p-2 flex items-center w-full hover:underline"
1869    href="https://www.opalauctions.com/auctions/opal-jewelry/opal-earrings"
1870>
1871   Opal Earrings
1872</a>
1873                        <a
1874    class="p-2 flex items-center w-full hover:underline"
1875    href="https://www.opalauctions.com/auctions/opal-jewelry/opal-bead-necklace"
1876>
1877   Opal Necklaces
1878</a>
1879                        <a
1880    class="p-2 flex items-center w-full hover:underline"
1881    href="https://www.opalauctions.com/auctions/opal-jewelry"
1882>
1883   Browse All Opal Jewelry
1884</a>
1885    </div>
1886        </div>
1887        </div>
1888    </div>
1889                                                <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">
1890            <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">
1891  <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"/>
1892  <path d="M20 2v4"/>
1893  <path d="M22 4h-4"/>
1894  <circle cx="4" cy="20" r="2"/>
1895</svg>        Gemma AI
1896</a>
1897                                                <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">
1898            <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">
1899  <circle cx="12" cy="12" r="10"/>
1900  <path d="M12 16v-4"/>
1901  <path d="M12 8h.01"/>
1902</svg>        Opal 101
1903</a>
1904                                                <div x-data="{ show: false }">
1905        <div
1906            class="flex items-center justify-between hover:underline py-2 px-4 cursor-pointer "
1907            :class="{ 'bg-gray-100': show }"
1908            @click.prevent="show = ! show"
1909            x-cloak
1910        >
1911            <div class="flex items-center grow">
1912                <div class="flex items-center gap-1">
1913                                More
1914            </div>
1915            </div>
1916            <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">
1917    <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" />
1918</svg>
1919            <svg class="w-5 h-5 !size-4 mt-0.5" x-show="show" xmlns="http://www.w3.org/2000/svg"
1920     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1921    <path
1922        fill-rule="evenodd"
1923        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"
1924        clip-rule="evenodd"
1925    />
1926</svg>
1927        </div>
1928        <div class="pl-4" x-show="show" x-cloak>
1929            <div>
1930            <div>
1931                    <a
1932    class="p-2 flex items-center w-full hover:underline"
1933    href="https://www.opalauctions.com/pages/about-us"
1934>
1935   Who We Are
1936</a>
1937                        <a
1938    class="p-2 flex items-center w-full hover:underline"
1939    href="https://www.opalauctions.com/help"
1940>
1941   Help
1942</a>
1943                        <a
1944    class="p-2 flex items-center w-full hover:underline"
1945    href="https://www.opalauctions.com/help/faqs/contact-us"
1946>
1947   Contact Us
1948</a>
1949                        <a
1950    class="p-2 flex items-center w-full hover:underline"
1951    href="https://www.opalauctions.com/learn/opal-information/opal-sheriff-program"
1952>
1953   Opal Sheriff Program
1954</a>
1955                <div x-data="{ show: false }">
1956        <div
1957            class="flex items-center justify-between hover:underline py-2 px-4 cursor-pointer "
1958            :class="{ 'bg-gray-100': show }"
1959            @click.prevent="show = ! show"
1960            x-cloak
1961        >
1962            <div class="flex items-center grow">
1963                <div class="flex items-center gap-1">
1964                                        Sell With Us
1965                </div>
1966            </div>
1967            <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">
1968    <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" />
1969</svg>
1970            <svg class="w-5 h-5 !size-4 mt-0.5" x-show="show" xmlns="http://www.w3.org/2000/svg"
1971     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1972    <path
1973        fill-rule="evenodd"
1974        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"
1975        clip-rule="evenodd"
1976    />
1977</svg>
1978        </div>
1979        <div class="pl-4" x-show="show" x-cloak>
1980            <div>
1981                    <a
1982    class="p-2 flex items-center w-full hover:underline"
1983    href="https://www.opalauctions.com/help/verified-sellers/verified-sellers-program"
1984>
1985   Verified Sellers Program
1986</a>
1987                        <a
1988    class="p-2 flex items-center w-full hover:underline"
1989    href="https://www.opalauctions.com/help/verified-sellers/commission-bills-and-selling-fees-explained"
1990>
1991   Selling Fees
1992</a>
1993                        <a
1994    class="p-2 flex items-center w-full hover:underline"
1995    href="https://www.opalauctions.com/pages/sell-with-opal-auctions"
1996>
1997   Apply Now
1998</a>
1999    </div>
2000        </div>
2001    </div>
2002                        <a
2003    class="p-2 flex items-center w-full hover:underline"
2004    href="https://www.gemrockauctions.com"
2005>
2006   <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">
2007  <path d="M10.5 3 8 9l4 13 4-13-2.5-6"/>
2008  <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"/>
2009  <path d="M2 9h20"/>
2010</svg>                        Shop Gemstones
2011</a>
2012    </div>
2013        </div>
2014        </div>
2015    </div>
2016                        </div>
2017</div>
2018
2019
2020
2021
2022
2023
2024
2025
2026
2027
2028
2029
2030
2031
2032
2033
2034
2035
2036
2037
2038
2039
2040
2041
2042
2043
2044
2045
2046
2047
2048
2049<div class="hidden lg:block">
2050    <div class="flex justify-between items-center">
2051        <div class="flex flex-1 items-center flex-wrap">
2052                                                <div
2053    x-data="{ open: false }"
2054    @keydown.window.escape="open = false"
2055    @click.outside="open = false"
2056    class="relative inline-block text-left"
2057>
2058    <div>
2059        <span class="rounded-md">
2060                            <button
2061                    @click="open = !open"
2062                    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"
2063                    type="button"
2064                    id="options-menu"
2065                    aria-haspopup="true"
2066                    x-bind:aria-expanded="open"
2067                    aria-expanded="true"
2068                >
2069                                        <div class="flex items-center gap-1">
2070                                        $1 Auctions
2071                </div>
2072
2073                        <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">
2074    <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" />
2075</svg>
2076                                </button>
2077                    </span>
2078    </div>
2079
2080    <div
2081        x-show="open"
2082        x-cloak
2083        x-description="Dropdown panel, show/hide based on dropdown state."
2084        x-transition:enter="transition ease-out duration-100"
2085        x-transition:enter-start="transform opacity-0 scale-95"
2086        x-transition:enter-end="transform opacity-100 scale-100"
2087        x-transition:leave="transition ease-in duration-75"
2088        x-transition:leave-start="transform opacity-100 scale-100"
2089        x-transition:leave-end="transform opacity-0 scale-95"
2090        class="origin-top-left left-0 absolute mt-2 w-56 rounded-md shadow-lg z-50"
2091    >
2092        <div class="rounded-md bg-white shadow-xs">
2093            <div class="py-1" role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
2094                <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">
2095        No Reserve Auctions
2096    </a>
2097                        <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">
2098        Auctions Ending Soon
2099    </a>
2100                        <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">
2101        Newest Auctions
2102    </a>
2103                        <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">
2104        Premium Auction Listings
2105    </a>
2106                        <div class="relative" x-data="{ open: false }" @mouseleave="open = false">
2107                            <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">
2108        <div class="flex items-center whitespace-nowrap text-left">
2109                                                Rough Opal Auctions
2110                    </div>
2111                    <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">
2112    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
2113</svg>
2114    </button>
2115                        <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">
2116                                    <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/rough-s
2116pecimens-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">
2117        All 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" 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        Australia 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" 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        International 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/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">
2126        Lightning Ridge 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/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">
2129        Coober Pedy 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/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">
2132        Boulder Rough Opal Auctions
2133    </a>
2134                        <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">
2135        Ethiopian Rough Opal Auctions
2136    </a>
2137                        <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">
2138        Black Rough Opal Auctions
2139    </a>
2140                        <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">
2141        Matrix Rough Opal Auctions
2142    </a>
2143                        <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">
2144        Beginners Rough Opal Auctions
2145    </a>
2146                                </div>
2147        </div>
2148                        <div class="relative" x-data="{ open: false }" @mouseleave="open = false">
2149                            <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">
2150        <div class="flex items-center whitespace-nowrap text-left">
2151                                                Loose Opal Auctions
2152                    </div>
2153                    <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">
2154    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
2155</svg>
2156    </button>
2157                        <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">
2158                                    <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">
2159        All Loose Opal Auctions
2160    </a>
2161                        <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">
2162        Australian Cut Opal Auctions
2163    </a>
2164                        <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">
2165        International Cut Opal Auctions
2166    </a>
2167                        <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">
2168        Black Opal Auctions
2169    </a>
2170                        <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/cut-opal-stone-auctions/australian-opals/boulder-opal
2170-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">
2171        Bolder Opal Auctions
2172    </a>
2173                        <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">
2174        Ethiopian Opal Auctions
2175    </a>
2176                        <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">
2177        Smoked Ethiopian Opal Auctions
2178    </a>
2179                        <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">
2180        Matrix Opal Auctions
2181    </a>
2182                        <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">
2183        Mexican Opal Auctions
2184    </a>
2185                                </div>
2186        </div>
2187                        <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">
2188        Opal Jewelry Auctions
2189    </a>
2190                        <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">
2191        Opal Lapidary Auctions
2192    </a>
2193                        <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">
2194        All Opal Auctions
2195    </a>
2196                        <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">
2197        FAQ - How Our Auctions Work
2198    </a>
2199            </div>
2200        </div>
2201    </div>
2202</div>
2203                                                                <div
2204    x-data="{ open: false }"
2205    @keydown.window.escape="open = false"
2206    @click.outside="open = false"
2207    class="relative inline-block text-left"
2208>
2209    <div>
2210        <span class="rounded-md">
2211                            <button
2212                    @click="open = !open"
2213                    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"
2214                    type="button"
2215                    id="options-menu"
2216                    aria-haspopup="true"
2217                    x-bind:aria-expanded="open"
2218                    aria-expanded="true"
2219                >
2220                                        <div class="flex items-center gap-1">
2221                                        Just Listed
2222                </div>
2223
2224                        <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">
2225    <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" />
2226</svg>
2227                                </button>
2228                    </span>
2229    </div>
2230
2231    <div
2232        x-show="open"
2233        x-cloak
2234        x-description="Dropdown panel, show/hide based on dropdown state."
2235        x-transition:enter="transition ease-out duration-100"
2236        x-transition:enter-start="transform opacity-0 scale-95"
2237        x-transition:enter-end="transform opacity-100 scale-100"
2238        x-transition:leave="transition ease-in duration-75"
2239        x-transition:leave-start="transform opacity-100 scale-100"
2240        x-transition:leave-end="transform opacity-0 scale-95"
2241        class="origin-top-left left-0 absolute mt-2 w-56 rounded-md shadow-lg z-50"
2242    >
2243        <div class="rounded-md bg-white shadow-xs">
2244            <div class="py-1" role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
2245                <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">
2246        All New Listings
2247    </a>
2248                        <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">
2249        New Buy it Now Items
2250    </a>
2251                        <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">
2252        New Auction Listings
2253    </a>
2254            </div>
2255        </div>
2256    </div>
2257</div>
2258                                                                <div
2259    x-data="{ open: false }"
2260    @keydown.window.escape="open = false"
2261    @click.outside="open = false"
2262    class="relative inline-block text-left"
2263>
2264    <div>
2265        <span class="rounded-md">
2266                            <button
2267                    @click="open = !open"
2268                    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"
2269                    type="button"
2270                    id="options-menu"
2271                    aria-haspopup="true"
2272                    x-bind:aria-expanded="open"
2273                    aria-expanded="true"
2274                >
2275                                        <div class="flex items-center gap-1">
2276                                        Loose Opals
2277                </div>
2278
2279                        <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">
2280    <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" />
2281</svg>
2282                                </button>
2283                    </span>
2284    </div>
2285
2286    <div
2287        x-show="open"
2288        x-cloak
2289        x-description="Dropdown panel, show/hide based on dropdown state."
2290        x-transition:enter="transition ease-out duration-100"
2291        x-transition:enter-start="transform opacity-0 scale-95"
2292        x-transition:enter-end="transform opacity-100 scale-100"
2293        x-transition:leave="transition ease-in duration-75"
2294        x-transition:leave-start="transform opacity-100 scale-100"
2295        x-transition:leave-end="transform opacity-0 scale-95"
2296        class="origin-top-left left-0 absolute mt-2 w-56 rounded-md shadow-lg z-50"
2297    >
2298        <div class="rounded-md bg-white shadow-xs">
2299            <div class="py-1" role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
2300                <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">
2301        Newest Listed
2302    </a>
2303                        <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">
2304        Black Opal
2305    </a>
2306                        <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">
2307        Dark Opal
2308    </a>
2309                        <div class="relative" x-data="{ open: false }" @mouseleave="open = false">
2310                            <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">
2311        <div class="flex items-center whitespace-nowrap text-left">
2312                                                Boulder Opal
2313                    </div>
2314                    <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">
2315    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
2316</svg>
2317    </button>
2318                        <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">
2319                                    <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">
2320        All Boulder Opal
2321    </a>
2322                        <a href="https://www.opalauctions.com/auctions/boulder-opal/boulder-opal
2322-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        Boulder Opal Stones
2324    </a>
2325                        <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">
2326        Koroit Opal
2327    </a>
2328                        <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">
2329        Yowah Opal
2330    </a>
2331                        <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">
2332        Yowah Nuts
2333    </a>
2334                        <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">
2335        Jundah Opal
2336    </a>
2337                        <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">
2338        Boulder Wood Opal
2339    </a>
2340                        <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">
2341        Boulder Pipe Crystal Opal
2342    </a>
2343                                </div>
2344        </div>
2345                        <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">
2346        Crystal Opal
2347    </a>
2348                        <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">
2349        Coober Pedy Opal
2350    </a>
2351                        <div class="relative" x-data="{ open: false }" @mouseleave="open = false">
2352                            <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">
2353        <div class="flex items-center whitespace-nowrap text-left">
2354                                                Ethiopian Opal
2355                    </div>
2356                    <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">
2357    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
2358</svg>
2359    </button>
2360                        <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">
2361                                    <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">
2362        All Ethiopian Opal
2363    </a>
2364                        <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">
2365        Welo Opal
2366    </a>
2367                        <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">
2368        Dark Ethiopian Opal
2369    </a>
2370                        <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">
2371        Mezezo Opal
2372    </a>
2373                                </div>
2374        </div>
2375                        <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">
2376        Mexican Opal
2377    </a>
2378                        <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">
2379        Brazilian Opal
2380    </a>
2381                        <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">
2382        Opal Doublets
2383    </a>
2384                        <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">
2385        Andamooka Opal
2386    </a>
2387                        <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">
2388        Matrix Opal
2389    </a>
2390                        <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">
2391        Fairy Opal
2392    </a>
2393                        <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">
2394        Browse All Categories
2395    </a>
2396            </div>
2397        </div>
2398    </div>
2399</div>
2400                                                                <div
2401    x-data="{ open: false }"
2402    @keydown.window.escape="open = false"
2403    @click.outside="open = false"
2404    class="relative inline-block text-left"
2405>
2406    <div>
2407        <span class="rounded-md">
2408                            <button
2409                    @click="open = !open"
2410                    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"
2411                    type="button"
2412                    id="options-menu"
2413                    aria-haspopup="true"
2414                    x-bind:aria-expanded="open"
2415                    aria-expanded="true"
2416                >
2417                                        <div class="flex items-center gap-1">
2418                                        Opal Pairs
2419                </div>
2420
2421                        <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">
2422    <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" />
2423</svg>
2424                                </button>
2425                    </span>
2426    </div>
2427
2428    <div
2429        x-show="open"
2430        x-cloak
2431        x-description="Dropdown panel, show/hide based on dropdown state."
2432        x-transition:enter="transition ease-out duration-100"
2433        x-transition:enter-start="transform opacity-0 scale-95"
2434        x-transition:enter-end="transform opacity-100 scale-100"
2435        x-transition:leave="transition ease-in duration-75"
2436        x-transition:leave-start="transform opacity-100 scale-100"
2437        x-transition:leave-end="transform opacity-0 scale-95"
2438        class="origin-top-left left-0 absolute mt-2 w-56 rounded-md shadow-lg z-50"
2439    >
2440        <div class="rounded-md bg-white shadow-xs">
2441            <div class="py-1" role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
2442                <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">
2443        Black Opal Pairs
2444    </a>
2445                        <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">
2446        Dark Opal Pairs
2447    </a>
2448                        <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">
2449        Crystal Opal Pairs
2450    </a>
2451                        <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">
2452        Ethiopian Opal Pairs
2453    </a>
2454                        <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">
2455        Boulder Opal Pairs
2456    </a>
2457                        <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">
2458        Coober Pedy Opal Pairs
2459    </a>
2460                        <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">
2461        Ethiopian Opal Pairs
2462    </a>
2463                        <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">
2464        Browse All Pairs
2465    </a>
2466            </div>
2467        </div>
2468    </div>
2469</div>
2470                                                                <div
2471    x-data="{ open: false }"
2472    @keydown.window.escape="open = false"
2473    @click.outside="open = false"
2474    class="relative inline-block text-left"
2475>
2476    <div>
2477        <span class="rounded-md">
2478                            <button
2479                    @click="open = !open"
2480                    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"
2481                    type="button"
2482                    id="options-menu"
2483                    aria-haspopup="true"
2484                    x-bind:aria-expanded="open"
2485                    aria-expanded="true"
2486                >
2487                                        <div class="flex items-center gap-1">
2488                                        Rough Opals
2489                </div>
2490
2491                        <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">
2492    <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" />
2493</svg>
2494                                </button>
2495                    </span>
2496    </div>
2497
2498    <div
2499        x-show="open"
2500        x-cloak
2501        x-description="Dropdown panel, show/hide based on dropdown state."
2502        x-transition:enter="transition ease-out duration-100"
2503        x-transition:enter-start="transform opacity-0 scale-95"
2504        x-transition:enter-end="transform opacity-100 scale-100"
2505        x-transition:leave="transition ease-in duration-75"
2506        x-transition:leave-start="transform opacity-100 scale-100"
2507        x-transition:leave-end="transform opacity-0 scale-95"
2508        class="origin-top-left left-0 absolute mt-2 w-56 rounded-md shadow-lg z-50"
2509    >
2510        <div class="rounded-md bg-white shadow-xs">
2511            <div class="py-1" role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
2512                <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">
2513        Black Opal Rough
2514    </a>
2515                        <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">
2516        Lightning Ridge Opal Rough
2517    </a>
2518                        <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">
2519        Beginners Opal Rough
2520    </a>
2521                        <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">
2522        Andamooka Opal Rough
2523    </a>
2524                        <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">
2525        Boulder Opal Rough
2526    </a>
2527                        <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">
2528        Coober Pedy Rough Opal
2529    </a>
2530                        <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">
2531        Ethiopian Opal Rough
2532    </a>
2533                        <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">
2534        Yowah Opal Rough
2535    </a>
2536                        <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">
2537        Mintabie Opal Rough
2538    </a>
2539                        <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">
2540        Koroit Opal Rough
2541    </a>
2542                        <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">
2543        Fairy Opal Rough
2544    </a>
2545                        <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">
2546        Browse All Rough Opal
2547    </a>
2548            </div>
2549        </div>
2550    </div>
2551</div>
2552                                                                <div
2553    x-data="{ open: false }"
2554    @keydown.window.escape="open = false"
2555    @click.outside="open = false"
2556    class="relative inline-block text-left"
2557>
2558    <div>
2559        <span class="rounded-md">
2560                            <button
2561                    @click="open = !open"
2562                    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"
2563                    type="button"
2564                    id="options-menu"
2565                    aria-haspopup="true"
2566                    x-bind:aria-expanded="open"
2567                    aria-expanded="true"
2568                >
2569                                        <div class="flex items-center gap-1">
2570                                        Opal Jewelry
2571                </div>
2572
2573                        <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">
2574    <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" />
2575</svg>
2576                                </button>
2577                    </span>
2578    </div>
2579
2580    <div
2581        x-show="open"
2582        x-cloak
2583        x-description="Dropdown panel, show/hide based on dropdown state."
2584        x-transition:enter="transition ease-out duration-100"
2585        x-transition:enter-start="transform opacity-0 scale-95"
2586        x-transition:enter-end="transform opacity-100 scale-100"
2587        x-transition:leave="transition ease-in duration-75"
2588        x-transition:leave-start="transform opacity-100 scale-100"
2589        x-transition:leave-end="transform opacity-0 scale-95"
2590        class="origin-top-left left-0 absolute mt-2 w-56 rounded-md shadow-lg z-50"
2591    >
2592        <div class="rounded-md bg-white shadow-xs">
2593            <div class="py-1" role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
2594                <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">
2595        Opal Rings
2596    </a>
2597                        <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">
2598        Opal Pendants
2599    </a>
2600                        <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">
2601        Opal Earrings
2602    </a>
2603                        <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">
2604        Opal Necklaces
2605    </a>
2606                        <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">
2607        Browse All Opal Jewelry
2608    </a>
2609            </div>
2610        </div>
2611    </div>
2612</div>
2613                                                                <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">
2614            <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">
2615  <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 
26151.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"/>
2616  <path d="M20 2v4"/>
2617  <path d="M22 4h-4"/>
2618  <circle cx="4" cy="20" r="2"/>
2619</svg>        Gemma AI
2620</a>
2621                                                                <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">
2622            <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">
2623  <circle cx="12" cy="12" r="10"/>
2624  <path d="M12 16v-4"/>
2625  <path d="M12 8h.01"/>
2626</svg>        Opal 101
2627</a>
2628                                                                <div
2629    x-data="{ open: false }"
2630    @keydown.window.escape="open = false"
2631    @click.outside="open = false"
2632    class="relative inline-block text-left"
2633>
2634    <div>
2635        <span class="rounded-md">
2636                            <button
2637                    @click="open = !open"
2638                    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"
2639                    type="button"
2640                    id="options-menu"
2641                    aria-haspopup="true"
2642                    x-bind:aria-expanded="open"
2643                    aria-expanded="true"
2644                >
2645                                        <div class="flex items-center gap-1">
2646                                        More
2647                </div>
2648
2649                        <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">
2650    <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" />
2651</svg>
2652                                </button>
2653                    </span>
2654    </div>
2655
2656    <div
2657        x-show="open"
2658        x-cloak
2659        x-description="Dropdown panel, show/hide based on dropdown state."
2660        x-transition:enter="transition ease-out duration-100"
2661        x-transition:enter-start="transform opacity-0 scale-95"
2662        x-transition:enter-end="transform opacity-100 scale-100"
2663        x-transition:leave="transition ease-in duration-75"
2664        x-transition:leave-start="transform opacity-100 scale-100"
2665        x-transition:leave-end="transform opacity-0 scale-95"
2666        class="origin-top-left left-0 absolute mt-2 w-56 rounded-md shadow-lg z-50"
2667    >
2668        <div class="rounded-md bg-white shadow-xs">
2669            <div class="py-1" role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
2670                <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">
2671        Who We Are
2672    </a>
2673                        <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">
2674        Help
2675    </a>
2676                        <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">
2677        Contact Us
2678    </a>
2679                        <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">
2680        Opal Sheriff Program
2681    </a>
2682                        <div class="relative" x-data="{ open: false }" @mouseleave="open = false">
2683                            <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">
2684        <div class="flex items-center whitespace-nowrap text-left">
2685                                                Sell With Us
2686                    </div>
2687                    <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">
2688    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
2689</svg>
2690    </button>
2691                        <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">
2692                                    <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">
2693        Verified Sellers Program
2694    </a>
2695                        <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">
2696        Selling Fees
2697    </a>
2698                        <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">
2699        Apply Now
2700    </a>
2701                                </div>
2702        </div>
2703                        <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">
2704        <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">
2705  <path d="M10.5 3 8 9l4 13 4-13-2.5-6"/>
2706  <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"/>
2707  <path d="M2 9h20"/>
2708</svg>                        Shop Gemstones
2709    </a>
2710            </div>
2711        </div>
2712    </div>
2713</div>
2714                                    </div>
2715    </div>
2716</div>
2717
2718                                    </div>
2719
2720        <div class="flex mx-1 place-self-end">
2721            <div data-tour="stores">
2722    <div
2723    x-data="{ open: false }"
2724    @keydown.window.escape="open = false"
2725    @click.outside="open = false"
2726    class="relative inline-block text-left"
2727>
2728    <div>
2729        <span class="rounded-md">
2730                            <button
2731                    @click="open = !open"
2732                    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"
2733                    type="button"
2734                    id="options-menu"
2735                    aria-haspopup="true"
2736                    x-bind:aria-expanded="open"
2737                    aria-expanded="true"
2738                >
2739                                        <svg class="w-4 h-4 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
2740    <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" />
2741</svg>
2742            Stores
2743
2744                        <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">
2745    <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" />
2746</svg>
2747                                </button>
2748                    </span>
2749    </div>
2750
2751    <div
2752        x-show="open"
2753        x-cloak
2754        x-description="Dropdown panel, show/hide based on dropdown state."
2755        x-transition:enter="transition ease-out duration-100"
2756        x-transition:enter-start="transform opacity-0 scale-95"
2757        x-transition:enter-end="transform opacity-100 scale-100"
2758        x-transition:leave="transition ease-in duration-75"
2759        x-transition:leave-start="transform opacity-100 scale-100"
2760        x-transition:leave-end="transform opacity-0 scale-95"
2761        class="origin-top-right right-0 absolute mt-2 w-56 rounded-md shadow-lg z-50"
2762    >
2763        <div class="rounded-md bg-white shadow-xs">
2764            <div class="py-1" role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
2765                <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">
2766        All Stores
2767    </a>
2768            </div>
2769        </div>
2770    </div>
2771</div>
2772</div>
2773            <div data-tour="learn">
2774    <div
2775    x-data="{ open: false }"
2776    @keydown.window.escape="open = false"
2777    @click.outside="open = false"
2778    class="relative inline-block text-left"
2779>
2780    <div>
2781        <span class="rounded-md">
2782                            <button
2783                    @click="open = !open"
2784                    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"
2785                    type="button"
2786                    id="options-menu"
2787                    aria-haspopup="true"
2788                    x-bind:aria-expanded="open"
2789                    aria-expanded="true"
2790                >
2791                                        <svg class="w-4 h-4 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
2792    <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" />
2793</svg>
2794            Learn
2795
2796                        <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">
2797    <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" />
2798</svg>
2799                                </button>
2800                    </span>
2801    </div>
2802
2803    <div
2804        x-show="open"
2805        x-cloak
2806        x-description="Dropdown panel, show/hide based on dropdown state."
2807        x-transition:enter="transition ease-out duration-100"
2808        x-transition:enter-start="transform opacity-0 scale-95"
2809        x-transition:enter-end="transform opacity-100 scale-100"
2810        x-transition:leave="transition ease-in duration-75"
2811        x-transition:leave-start="transform opacity-100 scale-100"
2812        x-transition:leave-end="transform opacity-0 scale-95"
2813        class="origin-top-right right-0 absolute mt-2 w-56 rounded-md shadow-lg z-50"
2814    >
2815        <div class="rounded-md bg-white shadow-xs">
2816            <div class="py-1" role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
2817                <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">
2818        Opal Encyclopedia
2819    </a>
2820                    <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">
2821        How To Identify Fake Opal
2822    </a>
2823                    <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">
2824        The Opal Channel
2825    </a>
2826                    <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">
2827        The Opal Rough Cutting Channel
2828    </a>
2829                    <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">
2830        Opal Trends - What Opals Are Popular Right Now
2831    </a>
2832                    <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">
2833        October Birthstone - Opal
2834    </a>
2835                    <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">
2836        Outback Opal Hunters TV Series
2837    </a>
2838                    <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">
2839        How Is Opal Formed?
2840    </a>
2841                    <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">
2842        Opal Australias National Gemstone
2843    </a>
2844                    <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">
2845        Opal Triplet Information
2846    </a>
2847                    <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">
2848        Honduran Opal Information
2849    </a>
2850            </div>
2851        </div>
2852    </div>
2853</div>
2854</div>
2855        </div>
2856    </div>
2857
2858    
2859    <div
2860    x-show="showSidebar"
2861    x-cloak
2862    class="relative z-50 !z-40"
2863    x-effect="document.body.classList.toggle('overflow-hidden', showSidebar)"
2864    aria-labelledby="slide-over-title"
2865    x-ref="dialog"
2866    aria-modal="true"
2867>
2868    <div x-show="showSidebar"
2869         x-transition:enter="ease-in-out duration-500"
2870         x-transition:enter-start="opacity-0"
2871         x-transition:enter-end="opacity-100"
2872         x-transition:leave="ease-in-out duration-500"
2873         x-transition:leave-start="opacity-100"
2874         x-transition:leave-end="opacity-0"
2875         class="fixed inset-0 bg-gray-500/75 transition-opacity"
2876         aria-hidden="true"
2877         @click.self="showSidebar = false"
2878    ></div>
2879    <div class="fixed inset-0 overflow-hidden">
2880        <div class="absolute inset-0 overflow-hidden">
2881            <div
2882                class="pointer-events-none fixed inset-y-0 flex max-w-full left-0 pr-20"
2883            >
2884                <div
2885                    x-show="showSidebar"
2886                    x-transition:enter="transform transition ease-in-out duration-500"
2887                    x-transition:enter-start="-translate-x-full"
2888                    x-transition:enter-end=" -translate-x-0"
2889                    x-transition:leave="transform transition ease-in-out duration-500"
2890                    x-transition:leave-start=" -translate-x-0"
2891                    x-transition:leave-end=" -translate-x-full"
2892                    class="pointer-events-auto w-screen max-w-md"
2893                >
2894                    <div class="flex h-full flex-col overflow-y-scroll bg-white shadow-xl">
2895                        <div class="sticky top-0 bg-white z-20">
2896                            <div class="py-2">
2897                                
2898                            </div>
2899                        </div>
2900                        <div class="flex items-start justify-between">
2901                            <div class="absolute top-0 right-0 p-4">
2902                                <button
2903                                    x-show="showSidebar"
2904                                    class="flex items-center justify-center text-white rounded-full focus:outline-none focus:bg-gray-600"
2905                                    aria-label="Close sidebar"
2906                                    @click="showSidebar = false"
2907                                >
2908                                    <svg class="size-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2909    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
2910</svg>
2911                                </button>
2912                            </div>
2913                        </div>
2914                        <div class="relative flex-1">
2915                            <div class="lg:hidden">
2916    <div class="flex flex-col">
2917                                    <div x-data="{ show: false }">
2918        <div
2919            class="flex items-center justify-between hover:underline py-2 px-4 cursor-pointer "
2920            :class="{ 'bg-gray-100': show }"
2921            @click.prevent="show = ! show"
2922            x-cloak
2923        >
2924            <div class="flex items-center grow">
2925                <div class="flex items-center gap-1">
2926                                $1 Auctions
2927            </div>
2928            </div>
2929            <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">
2930    <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" />
2931</svg>
2932            <svg class="w-5 h-5 !size-4 mt-0.5" x-show="show" xmlns="http://www.w3.org/2000/svg"
2933     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
2934    <path
2935        fill-rule="evenodd"
2936        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"
2937        clip-rule="evenodd"
2938    />
2939</svg>
2940        </div>
2941        <div class="pl-4" x-show="show" x-cloak>
2942            <div>
2943            <div>
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"
2947>
2948   No Reserve 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"
2953>
2954   Auctions Ending Soon
2955</a>
2956                        <a
2957    class="p-2 flex items-center w-full hover:underline"
2958    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions?sortby=oa.auctions_newest"
2959>
2960   Newest Auctions
2961</a>
2962                        <a
2963    class="p-2 flex items-center w-full hover:underline"
2964    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions?listing_type_tier=true"
2965>
2966   Premium Auction Listings
2967</a>
2968                <div x-data="{ show: false }">
2969        <div
2970            class="flex items-center justify-between hover:underline py-2 px-4 cursor-pointer "
2971            :class="{ 'bg-gray-100': show }"
2972            @click.prevent="show = ! show"
2973            x-cloak
2974        >
2975            <div class="flex items-center grow">
2976                <div class="flex items-center gap-1">
2977                                        Rough Opal Auctions
2978                </div>
2979            </div>
2980            <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">
2981    <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" />
2982</svg>
2983            <svg class="w-5 h-5 !size-4 mt-0.5" x-show="show" xmlns="http://www.w3.org/2000/svg"
2984     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
2985    <path
2986        fill-rule="evenodd"
2987        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"
2988        clip-rule="evenodd"
2989    />
2990</svg>
2991        </div>
2992        <div class="pl-4" x-show="show" x-cloak>
2993            <div>
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"
2997>
2998   All 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"
3003>
3004   Australia 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/international-rough-opal-no-reserve-auctions"
3009>
3010   International 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/lightning-ridge-rough-opal-no-reserve-auctions"
3015>
3016   Lightning Ridge 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-specimens-only/australian-rough-opal-no-reserve-auctions/coober-pedy-rough-opal-no-reserve-auctions"
3021>
3022   Coober Pedy 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/boulder-rough-opal-no-reserve-auctions"
3027>
3028   Boulder 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-s
3032pecimens-only/international-rough-opal-no-reserve-auctions/ethiopian-rough-opal-no-reserve-auctions"
3033>
3034   Ethiopian 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/black-rough-opal-no-reserve-auctions"
3039>
3040   Black Rough Opal Auctions
3041</a>
3042                        <a
3043    class="p-2 flex items-center w-full hover:underline"
3044    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"
3045>
3046   Matrix Rough Opal Auctions
3047</a>
3048                        <a
3049    class="p-2 flex items-center w-full hover:underline"
3050    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"
3051>
3052   Beginners Rough Opal Auctions
3053</a>
3054    </div>
3055        </div>
3056    </div>
3057                <div x-data="{ show: false }">
3058        <div
3059            class="flex items-center justify-between hover:underline py-2 px-4 cursor-pointer "
3060            :class="{ 'bg-gray-100': show }"
3061            @click.prevent="show = ! show"
3062            x-cloak
3063        >
3064            <div class="flex items-center grow">
3065                <div class="flex items-center gap-1">
3066                                        Loose Opal Auctions
3067                </div>
3068            </div>
3069            <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">
3070    <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" />
3071</svg>
3072            <svg class="w-5 h-5 !size-4 mt-0.5" x-show="show" xmlns="http://www.w3.org/2000/svg"
3073     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
3074    <path
3075        fill-rule="evenodd"
3076        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"
3077        clip-rule="evenodd"
3078    />
3079</svg>
3080        </div>
3081        <div class="pl-4" x-show="show" x-cloak>
3082            <div>
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"
3086>
3087   All Loose 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"
3092>
3093   Australian Cut 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/international-opals"
3098>
3099   International Cut 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/australian-opals/black-opal-no-reserve-auctions"
3104>
3105   Black 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/australian-opals/boulder-opal-no-reserve-auctions"
3110>
3111   Bolder 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/international-opals/natural-ethiopian-opals-auctions"
3116>
3117   Ethiopian 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/smoked-ethiopian-opals-auctions"
3122>
3123   Smoked Ethiopian Opal Auctions
3124</a>
3125                        <a
3126    class="p-2 flex items-center w-full hover:underline"
3127    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/cut-opal-stone-auctions/australian-opals/matrix-opal-no-reserve-auctions"
3128>
3129   Matrix Opal Auctions
3130</a>
3131                        <a
3132    class="p-2 flex items-center w-full hover:underline"
3133    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/cut-opal-stone-auctions/international-opals/mexican-opal-auctions"
3134>
3135   Mexican Opal Auctions
3136</a>
3137    </div>
3138        </div>
3139    </div>
3140                        <a
3141    class="p-2 flex items-center w-full hover:underline"
3142    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/jewelry-only"
3143>
3144   Opal Jewelry Auctions
3145</a>
3146                        <a
3147    class="p-2 flex items-center w-full hover:underline"
3148    href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/jewelry-only"
3149>
3150   Opal Lapidary Auctions
3151</a>
3152                        <a
3153    class="p-2 flex items-center w-full hover:underline"
3154    href="https://www.opalauctions.com/search?type%5B0%5D=auction&amp;sortby=oa.auctions_time_left"
3155>
3156   All Opal Auctions
3157</a>
3158                        <a
3159    class="p-2 flex items-center w-full hover:underline"
3160    href="https://www.opalauctions.com/pages/auctions-type"
3161>
3162   FAQ - How Our Auctions Work
3163</a>
3164    </div>
3165        </div>
3166        </div>
3167    </div>
3168                                                <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">
3169        Black Opals
3170</a>
3171                                                <div x-data="{ show: false }">
3172        <div
3173            class="flex items-center justify-between hover:underline py-2 px-4 cursor-pointer "
3174            :class="{ 'bg-gray-100': show }"
3175            @click.prevent="show = ! show"
3176            x-cloak
3177        >
3178            <div class="flex items-center grow">
3179                <div class="flex items-center gap-1">
3180                                Just Listed
3181            </div>
3182            </div>
3183            <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">
3184    <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" />
3185</svg>
3186            <svg class="w-5 h-5 !size-4 mt-0.5" x-show="show" xmlns="http://www.w3.org/2000/svg"
3187     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
3188    <path
3189        fill-rule="evenodd"
3190        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"
3191        clip-rule="evenodd"
3192    />
3193</svg>
3194        </div>
3195        <div class="pl-4" x-show="show" x-cloak>
3196            <div>
3197            <div>
3198                    <a
3199    class="p-2 flex items-center w-full hover:underline"
3200    href="https://www.opalauctions.com/search?sortby=oa.auctions_newest"
3201>
3202   All New Listings
3203</a>
3204                        <a
3205    class="p-2 flex items-center w-full hover:underline"
3206    href="https://www.opalauctions.com/search?sortby=oa.auctions_newest&amp;type%5B0%5D=catalogue"
3207>
3208   New Buy it Now Items
3209</a>
3210                        <a
3211    class="p-2 flex items-center w-full hover:underline"
3212    href="https://www.opalauctions.com/search?sortby=oa.auctions_newest&amp;type%5B0%5D=auction"
3213>
3214   New Auction Listings
3215</a>
3216    </div>
3217        </div>
3218        </div>
3219    </div>
3220                                                <div x-data="{ show: false }">
3221        <div
3222            class="flex items-center justify-between hover:underline py-2 px-4 cursor-pointer "
3223            :class="{ 'bg-gray-100': show }"
3224            @click.prevent="show = ! show"
3225            x-cloak
3226        >
3227            <div class="flex items-center grow">
3228                <div class="flex items-center gap-1">
3229                                Loose Opals
3230            </div>
3231            </div>
3232            <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">
3233    <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" />
3234</svg>
3235            <svg class="w-5 h-5 !size-4 mt-0.5" x-show="show" xmlns="http://www.w3.org/2000/svg"
3236     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
3237    <path
3238        fill-rule="evenodd"
3239        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"
3240        clip-rule="evenodd"
3241    />
3242</svg>
3243        </div>
3244        <div class="pl-4" x-show="show" x-cloak>
3245            <div>
3246            <div>
3247                    <a
3248    class="p-2 flex items-center w-full hover:underline"
3249    href="https://www.opalauctions.com/search?sortby=oa.auctions_newest&amp;type%5B0%5D=catalogue"
3250>
3251   Newest Listed
3252</a>
3253                        <a
3254    class="p-2 flex items-center w-full hover:underline"
3255    href="https://www.opalauctions.com/auctions/black-opal"
3256>
3257   Black Opal
3258</a>
3259                        <a
3260    class="p-2 flex items-center w-full hover:underline"
3261    href="https://www.opalauctions.com/auctions/dark-opal"
3262>
3263   Dark Opal
3264</a>
3265                <div x-data="{ show: false }">
3266        <div
3267            class="flex items-center justify-between hover:underline py-2 px-4 cursor-pointer "
3268            :class="{ 'bg-gray-100': show }"
3269            @click.prevent="show = ! show"
3270            x-cloak
3271        >
3272            <div class="flex items-center grow">
3273                <div class="flex items-center gap-1">
3274                                        Boulder Opal
3275                </div>
3276            </div>
3277            <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">
3278    <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" />
3279</svg>
3280            <svg class="w-5 h-5 !size-4 mt-0.5" x-show="show" xmlns="http://www.w3.org/2000/svg"
3281     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
3282    <path
3283        fill-rule="evenodd"
3284        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"
3285        clip-rule="evenodd"
3286    />
3287</svg>
3288        </div>
3289        <div class="pl-4" x-show="show" x-cloak>
3290            <div>
3291                    <a
3292    class="p-2 flex items-center w-full hover:underline"
3293    href="https://www.opalauctions.com/auctions/boulder-opal"
3294>
3295   All Boulder 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/boulder-opal
3299-stones"
3300>
3301   Boulder Opal Stones
3302</a>
3303                        <a
3304    class="p-2 flex items-center w-full hover:underline"
3305    href="https://www.opalauctions.com/auctions/boulder-opal/koroit-opal-stones"
3306>
3307   Koroit Opal
3308</a>
3309                        <a
3310    class="p-2 flex items-center w-full hover:underline"
3311    href="https://www.opalauctions.com/auctions/boulder-opal/yowah-opal-stones"
3312>
3313   Yowah 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/yowah-nuts"
3318>
3319   Yowah Nuts
3320</a>
3321                        <a
3322    class="p-2 flex items-center w-full hover:underline"
3323    href="https://www.opalauctions.com/auctions/boulder-opal/jundah-opal-stones"
3324>
3325   Jundah Opal
3326</a>
3327                        <a
3328    class="p-2 flex items-center w-full hover:underline"
3329    href="https://www.opalauctions.com/auctions/boulder-opal/boulder-opal-wood-fossils"
3330>
3331   Boulder Wood Opal
3332</a>
3333                        <a
3334    class="p-2 flex items-center w-full hover:underline"
3335    href="https://www.opalauctions.com/auctions/boulder-opal/boulder-pipe-crystal-opal"
3336>
3337   Boulder Pipe Crystal Opal
3338</a>
3339    </div>
3340        </div>
3341    </div>
3342                        <a
3343    class="p-2 flex items-center w-full hover:underline"
3344    href="https://www.opalauctions.com/auctions/crystal-opal"
3345>
3346   Crystal Opal
3347</a>
3348                        <a
3349    class="p-2 flex items-center w-full hover:underline"
3350    href="https://www.opalauctions.com/auctions/coober-pedy-opal"
3351>
3352   Coober Pedy Opal
3353</a>
3354                <div x-data="{ show: false }">
3355        <div
3356            class="flex items-center justify-between hover:underline py-2 px-4 cursor-pointer "
3357            :class="{ 'bg-gray-100': show }"
3358            @click.prevent="show = ! show"
3359            x-cloak
3360        >
3361            <div class="flex items-center grow">
3362                <div class="flex items-center gap-1">
3363                                        Ethiopian Opal
3364                </div>
3365            </div>
3366            <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">
3367    <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" />
3368</svg>
3369            <svg class="w-5 h-5 !size-4 mt-0.5" x-show="show" xmlns="http://www.w3.org/2000/svg"
3370     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
3371    <path
3372        fill-rule="evenodd"
3373        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"
3374        clip-rule="evenodd"
3375    />
3376</svg>
3377        </div>
3378        <div class="pl-4" x-show="show" x-cloak>
3379            <div>
3380                    <a
3381    class="p-2 flex items-center w-full hover:underline"
3382    href="https://www.opalauctions.com/auctions/ethiopian-opal"
3383>
3384   All 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/welo-opal-stones"
3389>
3390   Welo Opal
3391</a>
3392                        <a
3393    class="p-2 flex items-center w-full hover:underline"
3394    href="https://www.opalauctions.com/auctions/ethiopian-opal/dark-ethiopian-opal-stones"
3395>
3396   Dark Ethiopian Opal
3397</a>
3398                        <a
3399    class="p-2 flex items-center w-full hover:underline"
3400    href="https://www.opalauctions.com/auctions/ethiopian-opal/mezezo-opal-stones"
3401>
3402   Mezezo Opal
3403</a>
3404    </div>
3405        </div>
3406    </div>
3407                        <a
3408    class="p-2 flex items-center w-full hover:underline"
3409    href="https://www.opalauctions.com/auctions/mexican-fire-opal"
3410>
3411   Mexican Opal
3412</a>
3413                        <a
3414    class="p-2 flex items-center w-full hover:underline"
3415    href="https://www.opalauctions.com/auctions/brazilian-opal"
3416>
3417   Brazilian Opal
3418</a>
3419                        <a
3420    class="p-2 flex items-center w-full hover:underline"
3421    href="https://www.opalauctions.com/auctions/opal-doublet"
3422>
3423   Opal Doublets
3424</a>
3425                        <a
3426    class="p-2 flex items-center w-full hover:underline"
3427    href="https://www.opalauctions.com/auctions/andamooka-opal"
3428>
3429   Andamooka Opal
3430</a>
3431                        <a
3432    class="p-2 flex items-center w-full hover:underline"
3433    href="https://www.opalauctions.com/auctions/matrix-opal"
3434>
3435   Matrix Opal
3436</a>
3437                        <a
3438    class="p-2 flex items-center w-full hover:underline"
3439    href="https://www.opalauctions.com/auctions/fairy-opal"
3440>
3441   Fairy Opal
3442</a>
3443                        <a
3444    class="p-2 flex items-center w-full hover:underline"
3445    href="https://www.opalauctions.com/auctions"
3446>
3447   Browse All Categories
3448</a>
3449    </div>
3450        </div>
3451        </div>
3452    </div>
3453                                                <div x-data="{ show: false }">
3454        <div
3455            class="flex items-center justify-between hover:underline py-2 px-4 cursor-pointer "
3456            :class="{ 'bg-gray-100': show }"
3457            @click.prevent="show = ! show"
3458            x-cloak
3459        >
3460            <div class="flex items-center grow">
3461                <div class="flex items-center gap-1">
3462                                Opal Pairs
3463            </div>
3464            </div>
3465            <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">
3466    <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" />
3467</svg>
3468            <svg class="w-5 h-5 !size-4 mt-0.5" x-show="show" xmlns="http://www.w3.org/2000/svg"
3469     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
3470    <path
3471        fill-rule="evenodd"
3472        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"
3473        clip-rule="evenodd"
3474    />
3475</svg>
3476        </div>
3477        <div class="pl-4" x-show="show" x-cloak>
3478            <div>
3479            <div>
3480                    <a
3481    class="p-2 flex items-center w-full hover:underline"
3482    href="https://www.opalauctions.com/auctions/pairs/black-opal-pairs"
3483>
3484   Black 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/dark-opal-pairs"
3489>
3490   Dark 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/crystal-opal-pairs"
3495>
3496   Crystal 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/ethiopian-opal-pairs"
3501>
3502   Ethiopian 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/boulder-opal-pairs"
3507>
3508   Boulder 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/coober-pedy-opal-pairs"
3513>
3514   Coober Pedy Opal Pairs
3515</a>
3516                        <a
3517    class="p-2 flex items-center w-full hover:underline"
3518    href="https://www.opalauctions.com/auctions/pairs/ethiopian-opal-pairs"
3519>
3520   Ethiopian Opal Pairs
3521</a>
3522                        <a
3523    class="p-2 flex items-center w-full hover:underline"
3524    href="https://www.opalauctions.com/auctions/pairs"
3525>
3526   Browse All Pairs
3527</a>
3528    </div>
3529        </div>
3530        </div>
3531    </div>
3532                                                <div x-data="{ show: false }">
3533        <div
3534            class="flex items-center justify-between hover:underline py-2 px-4 cursor-pointer "
3535            :class="{ 'bg-gray-100': show }"
3536            @click.prevent="show = ! show"
3537            x-cloak
3538        >
3539            <div class="flex items-center grow">
3540                <div class="flex items-center gap-1">
3541                                Rough Opals
3542            </div>
3543            </div>
3544            <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">
3545    <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" />
3546</svg>
3547            <svg class="w-5 h-5 !size-4 mt-0.5" x-show="show" xmlns="http://www.w3.org/2000/svg"
3548     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
3549    <path
3550        fill-rule="evenodd"
3551        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"
3552        clip-rule="evenodd"
3553    />
3554</svg>
3555        </div>
3556        <div class="pl-4" x-show="show" x-cloak>
3557            <div>
3558            <div>
3559                    <a
3560    class="p-2 flex items-center w-full hover:underline"
3561    href="https://www.opalauctions.com/auctions/rough-opal/black-opal-rough"
3562>
3563   Black 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/lightning-ridge-rough-opals"
3568>
3569   Lightning Ridge 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/beginners-opal-rough"
3574>
3575   Beginners 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/andamooka-opal-rough"
3580>
3581   Andamooka Opal Rough
3582</a>
3583                        <a
3584    class="p-2 flex items-center w-full hover:underline"
3585    href="https://www.opalauctions.com/auctions/rough-opal/boulder-opal
3585-rough"
3586>
3587   Boulder 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/coober-pedy-white-opal-rough"
3592>
3593   Coober Pedy Rough Opal
3594</a>
3595                        <a
3596    class="p-2 flex items-center w-full hover:underline"
3597    href="https://www.opalauctions.com/auctions/rough-opal/ethiopian-opal-rough"
3598>
3599   Ethiopian 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/yowah-opal-rough"
3604>
3605   Yowah 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/mintabie-opal-rough"
3610>
3611   Mintabie 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/koroit-opal-rough"
3616>
3617   Koroit Opal Rough
3618</a>
3619                        <a
3620    class="p-2 flex items-center w-full hover:underline"
3621    href="https://www.opalauctions.com/auctions/rough-opal/fairy-opal-rough"
3622>
3623   Fairy Opal Rough
3624</a>
3625                        <a
3626    class="p-2 flex items-center w-full hover:underline"
3627    href="https://www.opalauctions.com/auctions/rough-opal"
3628>
3629   Browse All Rough Opal
3630</a>
3631    </div>
3632        </div>
3633        </div>
3634    </div>
3635                                                <div x-data="{ show: false }">
3636        <div
3637            class="flex items-center justify-between hover:underline py-2 px-4 cursor-pointer "
3638            :class="{ 'bg-gray-100': show }"
3639            @click.prevent="show = ! show"
3640            x-cloak
3641        >
3642            <div class="flex items-center grow">
3643                <div class="flex items-center gap-1">
3644                                Opal Jewelry
3645            </div>
3646            </div>
3647            <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">
3648    <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" />
3649</svg>
3650            <svg class="w-5 h-5 !size-4 mt-0.5" x-show="show" xmlns="http://www.w3.org/2000/svg"
3651     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
3652    <path
3653        fill-rule="evenodd"
3654        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"
3655        clip-rule="evenodd"
3656    />
3657</svg>
3658        </div>
3659        <div class="pl-4" x-show="show" x-cloak>
3660            <div>
3661            <div>
3662                    <a
3663    class="p-2 flex items-center w-full hover:underline"
3664    href="https://www.opalauctions.com/auctions/opal-jewelry/opal-rings"
3665>
3666   Opal Rings
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-pendants"
3671>
3672   Opal Pendants
3673</a>
3674                        <a
3675    class="p-2 flex items-center w-full hover:underline"
3676    href="https://www.opalauctions.com/auctions/opal-jewelry/opal-earrings"
3677>
3678   Opal Earrings
3679</a>
3680                        <a
3681    class="p-2 flex items-center w-full hover:underline"
3682    href="https://www.opalauctions.com/auctions/opal-jewelry/opal-bead-necklace"
3683>
3684   Opal Necklaces
3685</a>
3686                        <a
3687    class="p-2 flex items-center w-full hover:underline"
3688    href="https://www.opalauctions.com/auctions/opal-jewelry"
3689>
3690   Browse All Opal Jewelry
3691</a>
3692    </div>
3693        </div>
3694        </div>
3695    </div>
3696                                                <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">
3697            <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">
3698  <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 
36981.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"/>
3699  <path d="M20 2v4"/>
3700  <path d="M22 4h-4"/>
3701  <circle cx="4" cy="20" r="2"/>
3702</svg>        Gemma AI
3703</a>
3704                                                <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">
3705            <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">
3706  <circle cx="12" cy="12" r="10"/>
3707  <path d="M12 16v-4"/>
3708  <path d="M12 8h.01"/>
3709</svg>        Opal 101
3710</a>
3711                                                <div x-data="{ show: false }">
3712        <div
3713            class="flex items-center justify-between hover:underline py-2 px-4 cursor-pointer "
3714            :class="{ 'bg-gray-100': show }"
3715            @click.prevent="show = ! show"
3716            x-cloak
3717        >
3718            <div class="flex items-center grow">
3719                <div class="flex items-center gap-1">
3720                                More
3721            </div>
3722            </div>
3723            <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">
3724    <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" />
3725</svg>
3726            <svg class="w-5 h-5 !size-4 mt-0.5" x-show="show" xmlns="http://www.w3.org/2000/svg"
3727     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
3728    <path
3729        fill-rule="evenodd"
3730        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"
3731        clip-rule="evenodd"
3732    />
3733</svg>
3734        </div>
3735        <div class="pl-4" x-show="show" x-cloak>
3736            <div>
3737            <div>
3738                    <a
3739    class="p-2 flex items-center w-full hover:underline"
3740    href="https://www.opalauctions.com/pages/about-us"
3741>
3742   Who We Are
3743</a>
3744                        <a
3745    class="p-2 flex items-center w-full hover:underline"
3746    href="https://www.opalauctions.com/help"
3747>
3748   Help
3749</a>
3750                        <a
3751    class="p-2 flex items-center w-full hover:underline"
3752    href="https://www.opalauctions.com/help/faqs/contact-us"
3753>
3754   Contact Us
3755</a>
3756                        <a
3757    class="p-2 flex items-center w-full hover:underline"
3758    href="https://www.opalauctions.com/learn/opal-information/opal-sheriff-program"
3759>
3760   Opal Sheriff Program
3761</a>
3762                <div x-data="{ show: false }">
3763        <div
3764            class="flex items-center justify-between hover:underline py-2 px-4 cursor-pointer "
3765            :class="{ 'bg-gray-100': show }"
3766            @click.prevent="show = ! show"
3767            x-cloak
3768        >
3769            <div class="flex items-center grow">
3770                <div class="flex items-center gap-1">
3771                                        Sell With Us
3772                </div>
3773            </div>
3774            <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">
3775    <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" />
3776</svg>
3777            <svg class="w-5 h-5 !size-4 mt-0.5" x-show="show" xmlns="http://www.w3.org/2000/svg"
3778     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
3779    <path
3780        fill-rule="evenodd"
3781        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"
3782        clip-rule="evenodd"
3783    />
3784</svg>
3785        </div>
3786        <div class="pl-4" x-show="show" x-cloak>
3787            <div>
3788                    <a
3789    class="p-2 flex items-center w-full hover:underline"
3790    href="https://www.opalauctions.com/help/verified-sellers/verified-sellers-program"
3791>
3792   Verified Sellers Program
3793</a>
3794                        <a
3795    class="p-2 flex items-center w-full hover:underline"
3796    href="https://www.opalauctions.com/help/verified-sellers/commission-bills-and-selling-fees-explained"
3797>
3798   Selling Fees
3799</a>
3800                        <a
3801    class="p-2 flex items-center w-full hover:underline"
3802    href="https://www.opalauctions.com/pages/sell-with-opal-auctions"
3803>
3804   Apply Now
3805</a>
3806    </div>
3807        </div>
3808    </div>
3809                        <a
3810    class="p-2 flex items-center w-full hover:underline"
3811    href="https://www.gemrockauctions.com"
3812>
3813   <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">
3814  <path d="M10.5 3 8 9l4 13 4-13-2.5-6"/>
3815  <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"/>
3816  <path d="M2 9h20"/>
3817</svg>                        Shop Gemstones
3818</a>
3819    </div>
3820        </div>
3821        </div>
3822    </div>
3823                        </div>
3824</div>
3825
3826
3827
3828
3829
3830
3831
3832
3833
3834
3835
3836
3837
3838
3839
3840
3841
3842
3843
3844
3845
3846
3847
3848
3849
3850
3851
3852
3853
3854
3855
3856<div class="hidden lg:block">
3857    <div class="flex justify-between items-center">
3858        <div class="flex flex-1 items-center flex-wrap">
3859                                                <div
3860    x-data="{ open: false }"
3861    @keydown.window.escape="open = false"
3862    @click.outside="open = false"
3863    class="relative inline-block text-left"
3864>
3865    <div>
3866        <span class="rounded-md">
3867                            <button
3868                    @click="open = !open"
3869                    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"
3870                    type="button"
3871                    id="options-menu"
3872                    aria-haspopup="true"
3873                    x-bind:aria-expanded="open"
3874                    aria-expanded="true"
3875                >
3876                                        <div class="flex items-center gap-1">
3877                                        $1 Auctions
3878                </div>
3879
3880                        <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">
3881    <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" />
3882</svg>
3883                                </button>
3884                    </span>
3885    </div>
3886
3887    <div
3888        x-show="open"
3889        x-cloak
3890        x-description="Dropdown panel, show/hide based on dropdown state."
3891        x-transition:enter="transition ease-out duration-100"
3892        x-transition:enter-start="transform opacity-0 scale-95"
3893        x-transition:enter-end="transform opacity-100 scale-100"
3894        x-transition:leave="transition ease-in duration-75"
3895        x-transition:leave-start="transform opacity-100 scale-100"
3896        x-transition:leave-end="transform opacity-0 scale-95"
3897        class="origin-top-left left-0 absolute mt-2 w-56 rounded-md shadow-lg z-50"
3898    >
3899        <div class="rounded-md bg-white shadow-xs">
3900            <div class="py-1" role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
3901                <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">
3902        No Reserve Auctions
3903    </a>
3904                        <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">
3905        Auctions Ending Soon
3906    </a>
3907                        <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">
3908        Newest Auctions
3909    </a>
3910                        <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">
3911        Premium Auction Listings
3912    </a>
3913                        <div class="relative" x-data="{ open: false }" @mouseleave="open = false">
3914                            <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">
3915        <div class="flex items-center whitespace-nowrap text-left">
3916                                                Rough Opal Auctions
3917                    </div>
3918                    <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">
3919    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
3920</svg>
3921    </button>
3922                        <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">
3923                                    <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/rough-s
3923pecimens-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">
3924        All 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" 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        Australia 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" 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        International 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/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">
3933        Lightning Ridge 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/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">
3936        Coober Pedy 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/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">
3939        Boulder Rough Opal Auctions
3940    </a>
3941                        <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">
3942        Ethiopian Rough Opal Auctions
3943    </a>
3944                        <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">
3945        Black Rough Opal Auctions
3946    </a>
3947                        <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">
3948        Matrix Rough Opal Auctions
3949    </a>
3950                        <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">
3951        Beginners Rough Opal Auctions
3952    </a>
3953                                </div>
3954        </div>
3955                        <div class="relative" x-data="{ open: false }" @mouseleave="open = false">
3956                            <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">
3957        <div class="flex items-center whitespace-nowrap text-left">
3958                                                Loose Opal Auctions
3959                    </div>
3960                    <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">
3961    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
3962</svg>
3963    </button>
3964                        <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">
3965                                    <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">
3966        All Loose Opal Auctions
3967    </a>
3968                        <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">
3969        Australian Cut Opal Auctions
3970    </a>
3971                        <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">
3972        International Cut Opal Auctions
3973    </a>
3974                        <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">
3975        Black Opal Auctions
3976    </a>
3977                        <a href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/cut-opal-stone-auctions/australian-opals/boulder-opal
3977-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">
3978        Bolder Opal Auctions
3979    </a>
3980                        <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">
3981        Ethiopian Opal Auctions
3982    </a>
3983                        <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">
3984        Smoked Ethiopian Opal Auctions
3985    </a>
3986                        <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">
3987        Matrix Opal Auctions
3988    </a>
3989                        <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">
3990        Mexican Opal Auctions
3991    </a>
3992                                </div>
3993        </div>
3994                        <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">
3995        Opal Jewelry Auctions
3996    </a>
3997                        <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">
3998        Opal Lapidary Auctions
3999    </a>
4000                        <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">
4001        All Opal Auctions
4002    </a>
4003                        <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">
4004        FAQ - How Our Auctions Work
4005    </a>
4006            </div>
4007        </div>
4008    </div>
4009</div>
4010                                                                <div
4011    x-data="{ open: false }"
4012    @keydown.window.escape="open = false"
4013    @click.outside="open = false"
4014    class="relative inline-block text-left"
4015>
4016    <div>
4017        <span class="rounded-md">
4018                            <button
4019                    @click="open = !open"
4020                    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"
4021                    type="button"
4022                    id="options-menu"
4023                    aria-haspopup="true"
4024                    x-bind:aria-expanded="open"
4025                    aria-expanded="true"
4026                >
4027                                        <div class="flex items-center gap-1">
4028                                        Just Listed
4029                </div>
4030
4031                        <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">
4032    <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" />
4033</svg>
4034                                </button>
4035                    </span>
4036    </div>
4037
4038    <div
4039        x-show="open"
4040        x-cloak
4041        x-description="Dropdown panel, show/hide based on dropdown state."
4042        x-transition:enter="transition ease-out duration-100"
4043        x-transition:enter-start="transform opacity-0 scale-95"
4044        x-transition:enter-end="transform opacity-100 scale-100"
4045        x-transition:leave="transition ease-in duration-75"
4046        x-transition:leave-start="transform opacity-100 scale-100"
4047        x-transition:leave-end="transform opacity-0 scale-95"
4048        class="origin-top-left left-0 absolute mt-2 w-56 rounded-md shadow-lg z-50"
4049    >
4050        <div class="rounded-md bg-white shadow-xs">
4051            <div class="py-1" role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
4052                <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">
4053        All New Listings
4054    </a>
4055                        <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">
4056        New Buy it Now Items
4057    </a>
4058                        <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">
4059        New Auction Listings
4060    </a>
4061            </div>
4062        </div>
4063    </div>
4064</div>
4065                                                                <div
4066    x-data="{ open: false }"
4067    @keydown.window.escape="open = false"
4068    @click.outside="open = false"
4069    class="relative inline-block text-left"
4070>
4071    <div>
4072        <span class="rounded-md">
4073                            <button
4074                    @click="open = !open"
4075                    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"
4076                    type="button"
4077                    id="options-menu"
4078                    aria-haspopup="true"
4079                    x-bind:aria-expanded="open"
4080                    aria-expanded="true"
4081                >
4082                                        <div class="flex items-center gap-1">
4083                                        Loose Opals
4084                </div>
4085
4086                        <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">
4087    <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" />
4088</svg>
4089                                </button>
4090                    </span>
4091    </div>
4092
4093    <div
4094        x-show="open"
4095        x-cloak
4096        x-description="Dropdown panel, show/hide based on dropdown state."
4097        x-transition:enter="transition ease-out duration-100"
4098        x-transition:enter-start="transform opacity-0 scale-95"
4099        x-transition:enter-end="transform opacity-100 scale-100"
4100        x-transition:leave="transition ease-in duration-75"
4101        x-transition:leave-start="transform opacity-100 scale-100"
4102        x-transition:leave-end="transform opacity-0 scale-95"
4103        class="origin-top-left left-0 absolute mt-2 w-56 rounded-md shadow-lg z-50"
4104    >
4105        <div class="rounded-md bg-white shadow-xs">
4106            <div class="py-1" role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
4107                <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">
4108        Newest Listed
4109    </a>
4110                        <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">
4111        Black Opal
4112    </a>
4113                        <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">
4114        Dark Opal
4115    </a>
4116                        <div class="relative" x-data="{ open: false }" @mouseleave="open = false">
4117                            <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">
4118        <div class="flex items-center whitespace-nowrap text-left">
4119                                                Boulder Opal
4120                    </div>
4121                    <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">
4122    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
4123</svg>
4124    </button>
4125                        <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">
4126                                    <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">
4127        All Boulder Opal
4128    </a>
4129                        <a href="https://www.opalauctions.com/auctions/boulder-opal/boulder-opal
4129-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        Boulder Opal Stones
4131    </a>
4132                        <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">
4133        Koroit Opal
4134    </a>
4135                        <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">
4136        Yowah Opal
4137    </a>
4138                        <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">
4139        Yowah Nuts
4140    </a>
4141                        <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">
4142        Jundah Opal
4143    </a>
4144                        <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">
4145        Boulder Wood Opal
4146    </a>
4147                        <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">
4148        Boulder Pipe Crystal Opal
4149    </a>
4150                                </div>
4151        </div>
4152                        <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">
4153        Crystal Opal
4154    </a>
4155                        <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">
4156        Coober Pedy Opal
4157    </a>
4158                        <div class="relative" x-data="{ open: false }" @mouseleave="open = false">
4159                            <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">
4160        <div class="flex items-center whitespace-nowrap text-left">
4161                                                Ethiopian Opal
4162                    </div>
4163                    <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">
4164    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
4165</svg>
4166    </button>
4167                        <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">
4168                                    <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">
4169        All Ethiopian Opal
4170    </a>
4171                        <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">
4172        Welo Opal
4173    </a>
4174                        <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">
4175        Dark Ethiopian Opal
4176    </a>
4177                        <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">
4178        Mezezo Opal
4179    </a>
4180                                </div>
4181        </div>
4182                        <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">
4183        Mexican Opal
4184    </a>
4185                        <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">
4186        Brazilian Opal
4187    </a>
4188                        <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">
4189        Opal Doublets
4190    </a>
4191                        <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">
4192        Andamooka Opal
4193    </a>
4194                        <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">
4195        Matrix Opal
4196    </a>
4197                        <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">
4198        Fairy Opal
4199    </a>
4200                        <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">
4201        Browse All Categories
4202    </a>
4203            </div>
4204        </div>
4205    </div>
4206</div>
4207                                                                <div
4208    x-data="{ open: false }"
4209    @keydown.window.escape="open = false"
4210    @click.outside="open = false"
4211    class="relative inline-block text-left"
4212>
4213    <div>
4214        <span class="rounded-md">
4215                            <button
4216                    @click="open = !open"
4217                    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"
4218                    type="button"
4219                    id="options-menu"
4220                    aria-haspopup="true"
4221                    x-bind:aria-expanded="open"
4222                    aria-expanded="true"
4223                >
4224                                        <div class="flex items-center gap-1">
4225                                        Opal Pairs
4226                </div>
4227
4228                        <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">
4229    <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" />
4230</svg>
4231                                </button>
4232                    </span>
4233    </div>
4234
4235    <div
4236        x-show="open"
4237        x-cloak
4238        x-description="Dropdown panel, show/hide based on dropdown state."
4239        x-transition:enter="transition ease-out duration-100"
4240        x-transition:enter-start="transform opacity-0 scale-95"
4241        x-transition:enter-end="transform opacity-100 scale-100"
4242        x-transition:leave="transition ease-in duration-75"
4243        x-transition:leave-start="transform opacity-100 scale-100"
4244        x-transition:leave-end="transform opacity-0 scale-95"
4245        class="origin-top-left left-0 absolute mt-2 w-56 rounded-md shadow-lg z-50"
4246    >
4247        <div class="rounded-md bg-white shadow-xs">
4248            <div class="py-1" role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
4249                <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">
4250        Black Opal Pairs
4251    </a>
4252                        <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">
4253        Dark Opal Pairs
4254    </a>
4255                        <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">
4256        Crystal Opal Pairs
4257    </a>
4258                        <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">
4259        Ethiopian Opal Pairs
4260    </a>
4261                        <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">
4262        Boulder Opal Pairs
4263    </a>
4264                        <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">
4265        Coober Pedy Opal Pairs
4266    </a>
4267                        <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">
4268        Ethiopian Opal Pairs
4269    </a>
4270                        <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">
4271        Browse All Pairs
4272    </a>
4273            </div>
4274        </div>
4275    </div>
4276</div>
4277                                                                <div
4278    x-data="{ open: false }"
4279    @keydown.window.escape="open = false"
4280    @click.outside="open = false"
4281    class="relative inline-block text-left"
4282>
4283    <div>
4284        <span class="rounded-md">
4285                            <button
4286                    @click="open = !open"
4287                    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"
4288                    type="button"
4289                    id="options-menu"
4290                    aria-haspopup="true"
4291                    x-bind:aria-expanded="open"
4292                    aria-expanded="true"
4293                >
4294                                        <div class="flex items-center gap-1">
4295                                        Rough Opals
4296                </div>
4297
4298                        <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">
4299    <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" />
4300</svg>
4301                                </button>
4302                    </span>
4303    </div>
4304
4305    <div
4306        x-show="open"
4307        x-cloak
4308        x-description="Dropdown panel, show/hide based on dropdown state."
4309        x-transition:enter="transition ease-out duration-100"
4310        x-transition:enter-start="transform opacity-0 scale-95"
4311        x-transition:enter-end="transform opacity-100 scale-100"
4312        x-transition:leave="transition ease-in duration-75"
4313        x-transition:leave-start="transform opacity-100 scale-100"
4314        x-transition:leave-end="transform opacity-0 scale-95"
4315        class="origin-top-left left-0 absolute mt-2 w-56 rounded-md shadow-lg z-50"
4316    >
4317        <div class="rounded-md bg-white shadow-xs">
4318            <div class="py-1" role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
4319                <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">
4320        Black Opal Rough
4321    </a>
4322                        <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">
4323        Lightning Ridge Opal Rough
4324    </a>
4325                        <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">
4326        Beginners Opal Rough
4327    </a>
4328                        <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">
4329        Andamooka Opal Rough
4330    </a>
4331                        <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">
4332        Boulder Opal Rough
4333    </a>
4334                        <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">
4335        Coober Pedy Rough Opal
4336    </a>
4337                        <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">
4338        Ethiopian Opal Rough
4339    </a>
4340                        <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">
4341        Yowah Opal Rough
4342    </a>
4343                        <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">
4344        Mintabie Opal Rough
4345    </a>
4346                        <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">
4347        Koroit Opal Rough
4348    </a>
4349                        <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">
4350        Fairy Opal Rough
4351    </a>
4352                        <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">
4353        Browse All Rough Opal
4354    </a>
4355            </div>
4356        </div>
4357    </div>
4358</div>
4359                                                                <div
4360    x-data="{ open: false }"
4361    @keydown.window.escape="open = false"
4362    @click.outside="open = false"
4363    class="relative inline-block text-left"
4364>
4365    <div>
4366        <span class="rounded-md">
4367                            <button
4368                    @click="open = !open"
4369                    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"
4370                    type="button"
4371                    id="options-menu"
4372                    aria-haspopup="true"
4373                    x-bind:aria-expanded="open"
4374                    aria-expanded="true"
4375                >
4376                                        <div class="flex items-center gap-1">
4377                                        Opal Jewelry
4378                </div>
4379
4380                        <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">
4381    <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" />
4382</svg>
4383                                </button>
4384                    </span>
4385    </div>
4386
4387    <div
4388        x-show="open"
4389        x-cloak
4390        x-description="Dropdown panel, show/hide based on dropdown state."
4391        x-transition:enter="transition ease-out duration-100"
4392        x-transition:enter-start="transform opacity-0 scale-95"
4393        x-transition:enter-end="transform opacity-100 scale-100"
4394        x-transition:leave="transition ease-in duration-75"
4395        x-transition:leave-start="transform opacity-100 scale-100"
4396        x-transition:leave-end="transform opacity-0 scale-95"
4397        class="origin-top-left left-0 absolute mt-2 w-56 rounded-md shadow-lg z-50"
4398    >
4399        <div class="rounded-md bg-white shadow-xs">
4400            <div class="py-1" role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
4401                <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">
4402        Opal Rings
4403    </a>
4404                        <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">
4405        Opal Pendants
4406    </a>
4407                        <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">
4408        Opal Earrings
4409    </a>
4410                        <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">
4411        Opal Necklaces
4412    </a>
4413                        <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">
4414        Browse All Opal Jewelry
4415    </a>
4416            </div>
4417        </div>
4418    </div>
4419</div>
4420                                                                <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">
4421            <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">
4422  <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 
44221.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"/>
4423  <path d="M20 2v4"/>
4424  <path d="M22 4h-4"/>
4425  <circle cx="4" cy="20" r="2"/>
4426</svg>        Gemma AI
4427</a>
4428                                                                <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">
4429            <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">
4430  <circle cx="12" cy="12" r="10"/>
4431  <path d="M12 16v-4"/>
4432  <path d="M12 8h.01"/>
4433</svg>        Opal 101
4434</a>
4435                                                                <div
4436    x-data="{ open: false }"
4437    @keydown.window.escape="open = false"
4438    @click.outside="open = false"
4439    class="relative inline-block text-left"
4440>
4441    <div>
4442        <span class="rounded-md">
4443                            <button
4444                    @click="open = !open"
4445                    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"
4446                    type="button"
4447                    id="options-menu"
4448                    aria-haspopup="true"
4449                    x-bind:aria-expanded="open"
4450                    aria-expanded="true"
4451                >
4452                                        <div class="flex items-center gap-1">
4453                                        More
4454                </div>
4455
4456                        <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">
4457    <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" />
4458</svg>
4459                                </button>
4460                    </span>
4461    </div>
4462
4463    <div
4464        x-show="open"
4465        x-cloak
4466        x-description="Dropdown panel, show/hide based on dropdown state."
4467        x-transition:enter="transition ease-out duration-100"
4468        x-transition:enter-start="transform opacity-0 scale-95"
4469        x-transition:enter-end="transform opacity-100 scale-100"
4470        x-transition:leave="transition ease-in duration-75"
4471        x-transition:leave-start="transform opacity-100 scale-100"
4472        x-transition:leave-end="transform opacity-0 scale-95"
4473        class="origin-top-left left-0 absolute mt-2 w-56 rounded-md shadow-lg z-50"
4474    >
4475        <div class="rounded-md bg-white shadow-xs">
4476            <div class="py-1" role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
4477                <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">
4478        Who We Are
4479    </a>
4480                        <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">
4481        Help
4482    </a>
4483                        <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">
4484        Contact Us
4485    </a>
4486                        <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">
4487        Opal Sheriff Program
4488    </a>
4489                        <div class="relative" x-data="{ open: false }" @mouseleave="open = false">
4490                            <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">
4491        <div class="flex items-center whitespace-nowrap text-left">
4492                                                Sell With Us
4493                    </div>
4494                    <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">
4495    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
4496</svg>
4497    </button>
4498                        <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">
4499                                    <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">
4500        Verified Sellers Program
4501    </a>
4502                        <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">
4503        Selling Fees
4504    </a>
4505                        <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">
4506        Apply Now
4507    </a>
4508                                </div>
4509        </div>
4510                        <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">
4511        <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">
4512  <path d="M10.5 3 8 9l4 13 4-13-2.5-6"/>
4513  <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"/>
4514  <path d="M2 9h20"/>
4515</svg>                        Shop Gemstones
4516    </a>
4517            </div>
4518        </div>
4519    </div>
4520</div>
4521                                    </div>
4522    </div>
4523</div>
4524
4525                    
4526        
4527        <div x-data="{ show: false }">
4528        <div
4529            class="flex items-center justify-between hover:underline py-2 px-4 cursor-pointer "
4530            :class="{ 'bg-gray-100': show }"
4531            @click.prevent="show = ! show"
4532            x-cloak
4533        >
4534            <div class="flex items-center grow">
4535                <svg class="w-4 h-4 mr-0.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
4536    <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" />
4537</svg>
4538        Stores
4539            </div>
4540            <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">
4541    <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" />
4542</svg>
4543            <svg class="w-5 h-5 !size-4 mt-0.5" x-show="show" xmlns="http://www.w3.org/2000/svg"
4544     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
4545    <path
4546        fill-rule="evenodd"
4547        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"
4548        clip-rule="evenodd"
4549    />
4550</svg>
4551        </div>
4552        <div class="pl-4" x-show="show" x-cloak>
4553            <a
4554    class="p-2 flex items-center w-full hover:underline"
4555    href="https://www.opalauctions.com/stores"
4556>
4557   All Stores
4558</a>
4559        </div>
4560    </div>
4561
4562        
4563        <div x-data="{ show: false }">
4564        <div
4565            class="flex items-center justify-between hover:underline py-2 px-4 cursor-pointer "
4566            :class="{ 'bg-gray-100': show }"
4567            @click.prevent="show = ! show"
4568            x-cloak
4569        >
4570            <div class="flex items-center grow">
4571                <svg class="w-4 h-4 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
4572    <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" />
4573</svg>
4574        Learn
4575            </div>
4576            <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">
4577    <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" />
4578</svg>
4579            <svg class="w-5 h-5 !size-4 mt-0.5" x-show="show" xmlns="http://www.w3.org/2000/svg"
4580     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
4581    <path
4582        fill-rule="evenodd"
4583        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"
4584        clip-rule="evenodd"
4585    />
4586</svg>
4587        </div>
4588        <div class="pl-4" x-show="show" x-cloak>
4589            <a
4590    class="p-2 flex items-center w-full hover:underline border-b border-gray-200"
4591    href="https://www.opalauctions.com/learn"
4592>
4593   Opal Encyclopedia
4594</a>
4595
4596            <a
4597    class="p-2 flex items-center w-full hover:underline"
4598    href="https://www.opalauctions.com/learn/how-tos/how-to-identify-fake-opal"
4599>
4600   How To Identify Fake Opal
4601</a>
4602            <a
4603    class="p-2 flex items-center w-full hover:underline"
4604    href="https://www.opalauctions.com/learn/opal-information/the-opal-channel"
4605>
4606   The Opal Channel
4607</a>
4608            <a
4609    class="p-2 flex items-center w-full hover:underline"
4610    href="https://www.opalauctions.com/learn/opal-information/the-opal-rough-cutting-channel"
4611>
4612   The Opal Rough Cutting Channel
4613</a>
4614            <a
4615    class="p-2 flex items-center w-full hover:underline"
4616    href="https://www.opalauctions.com/learn/news/opal-trends"
4617>
4618   Opal Trends - What Opals Are Popular Right Now
4619</a>
4620            <a
4621    class="p-2 flex items-center w-full hover:underline"
4622    href="https://www.opalauctions.com/learn/opal-information/october-birthstone-is-opal"
4623>
4624   October Birthstone - Opal
4625</a>
4626            <a
4627    class="p-2 flex items-center w-full hover:underline"
4628    href="https://www.opalauctions.com/learn/news/outback-opal-hunter-tv-series"
4629>
4630   Outback Opal Hunters TV Series
4631</a>
4632            <a
4633    class="p-2 flex items-center w-full hover:underline"
4634    href="https://www.opalauctions.com/learn/opal-information/how-is-opal-formed"
4635>
4636   How Is Opal Formed?
4637</a>
4638            <a
4639    class="p-2 flex items-center w-full hover:underline"
4640    href="https://www.opalauctions.com/learn/opal-information/opal-australias-national-gemstone"
4641>
4642   Opal Australias National Gemstone
4643</a>
4644            <a
4645    class="p-2 flex items-center w-full hover:underline"
4646    href="https://www.opalauctions.com/learn/a-z-of-opals/opal-triplet-information"
4647>
4648   Opal Triplet Information
4649</a>
4650            <a
4651    class="p-2 flex items-center w-full hover:underline"
4652    href="https://www.opalauctions.com/learn/a-z-of-opals/honduran-opal-information"
4653>
4654   Honduran Opal Information
4655</a>
4656        </div>
4657    </div>
4658                        </div>
4659                    </div>
4660                </div>
4661            </div>
4662        </div>
4663    </div>
4664</div>
4665</header>
4666        
4667                    <div
4668    x-data="{ show: true }"
4669    x-init="setTimeout(() => show = false, 5000)"
4670    x-show="show"
4671    x-transition:enter="transform ease-out duration-300 transition"
4672    x-transition:enter-start="opacity-0 translate-x-4"
4673    x-transition:enter-end="opacity-100 translate-x-0"
4674    x-transition:leave="transform ease-in duration-500 transition"
4675    x-transition:leave-start="opacity-100 translate-x-0"
4676    x-transition:leave-end="opacity-0 translate-x-full"
4677    class="pointer-events-none fixed inset-0 z-[100] flex items-end px-4 py-6 sm:items-start sm:p-6"
4678>
4679    <div class="flex w-full flex-col items-center space-y-4 sm:items-end sm:justify-end sm:h-full">
4680        <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">
4681            <div class="p-4 flex items-start">
4682                <div class="flex-shrink-0 mt-0.5">
4683                    <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">
4684  <circle cx="12" cy="12" r="10"/>
4685  <path d="M12 16v-4"/>
4686  <path d="M12 8h.01"/>
4687</svg>                </div>
4688
4689                <div class="ml-3 w-0 flex-1 pt-0.5">
4690                    <p class="text-sm font-semibold text-black">Heads up!</p>
4691
4692                    <p class="mt-1 text-xs text-black">We&#039;ve set your currency to USD.</p>
4693                </div>
4694
4695                <div class="ml-4 flex flex-shrink-0 items-center gap-2">
4696                    <div>
4697                        <button
4698        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()"
4699        
4700    >
4701        Change
4702    </button>
4703                    </div>
4704
4705                    <button
4706                        type="button"
4707                        @click="show = false"
4708                        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"
4709                        aria-label="Close"
4710                    >
4711                        <svg class="size-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
4712    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
4713</svg>
4714                    </button>
4715                </div>
4716            </div>
4717        </div>
4718    </div>
4719</div>
4720        
4721        <div class="mx-auto flex w-full bg-gray-50 grow">
4722            <div
4723                class="flex-1 flex flex-col h-full w-full mx-auto grow max-w-7xl"
4724            >
4725                                                            <div class="w-full mx-auto px-2">
4726                            <nav class="flex pt-6" aria-label="Breadcrumb">
4727    <ol role="list" class="flex items-center pb-2 sm:pb-0 sm:space-x-2 space-x-1 overflow-x-auto whitespace-nowrap">
4728        <li>
4729            <a href="https://www.opalauctions.com" class="text-sm font-medium text-gray-500 hover:text-gray-700">
4730                <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
4731    <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"/>
4732</svg>
4733            </a>
4734        </li>
4735
4736                    <li>
4737                <div class="flex items-center">
4738                    <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">
4739    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
4740</svg>
4741
4742                    <a
4743                        href="https://www.opalauctions.com/auctions"
4744                        class="text-sm font-medium text-gray-500 hover:text-gray-700"
4745                        :aria-current="page.current ? 'page' : undefined"
4746                    >
4747                        Products
4748                    </a>
4749                </div>
4750            </li>
4751                    <li>
4752                <div class="flex items-center">
4753                    <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">
4754    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
4755</svg>
4756
4757                    <a
4758                        href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions"
4759                        class="text-sm font-medium text-gray-500 hover:text-gray-700"
4760                        :aria-current="page.current ? 'page' : undefined"
4761                    >
4762                        No Reserve Opal Auctions
4763                    </a>
4764                </div>
4765            </li>
4766                    <li>
4767                <div class="flex items-center">
4768                    <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">
4769    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
4770</svg>
4771
4772                    <a
4773                        href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/rough-s
4773pecimens-only"
4774                        class="text-sm font-medium text-gray-500 hover:text-gray-700"
4775                        :aria-current="page.current ? 'page' : undefined"
4776                    >
4777                        Rough And Raw Opal Auctions
4778                    </a>
4779                </div>
4780            </li>
4781                    <li>
4782                <div class="flex items-center">
4783                    <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">
4784    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
4785</svg>
4786
4787                    <a
4788                        href="https://www.opalauctions.com/auctions/no-reserve-opal-online-auctions/rough-specimens-only/international-rough-opal-no-reserve-auctions"
4789                        class="text-sm font-medium text-gray-500 hover:text-gray-700"
4790                        :aria-current="page.current ? 'page' : undefined"
4791                    >
4792                        International Rough Opal Auctions
4793                    </a>
4794                </div>
4795            </li>
4796                    <li>
4797                <div class="flex items-center">
4798                    <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">
4799    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
4800</svg>
4801
4802                    <a
4803                        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"
4804                        class="text-sm font-medium text-gray-500 hover:text-gray-700"
4805                        :aria-current="page.current ? 'page' : undefined"
4806                    >
4807                        Ethiopian Rough Opal Auctions
4808                    </a>
4809                </div>
4810            </li>
4811                    <li>
4812                <div class="flex items-center">
4813                    <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">
4814    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
4815</svg>
4816
4817                    <a
4818                        href="ethiopian-opal-rough-807-carats-1753035"
4819                        class="text-sm font-medium text-gray-500 hover:text-gray-700"
4820                        :aria-current="page.current ? 'page' : undefined"
4821                    >
4822                        Product#1753035
4823                    </a>
4824                </div>
4825            </li>
4826            </ol>
4827</nav>
4828                        </div>
4829                                    
4830                <main
4831                    class="p-0 flex left-0 right-0 flex-1 h-full"
4832                >
4833                    <div wire:snapshot="{&quot;data&quot;:{&quot;auction&quot;:[[],{&quot;key&quot;:1753035,&quot;class&quot;:&quot;auction&quot;,&quot;relations&quot;:[&quot;liveEvent&quot;,&quot;categoryModel&quot;,&quot;categoryModel.parent&quot;,&quot;categoryModel.parent.parent&quot;,&quot;categoryModel.parent.parent.parent&quot;,&quot;pic&quot;,&quot;files&quot;,&quot;user&quot;,&quot;listingType&quot;,&quot;store&quot;,&quot;store.logo&quot;,&quot;store.paymentSettings&quot;,&quot;store.paymentSettings.paymentProvider&quot;,&quot;store.shippingRules&quot;,&quot;store.shippingRules.shippingProvider&quot;,&quot;store.country&quot;,&quot;store.currentLiveEvent&quot;,&quot;store.user&quot;,&quot;variants&quot;,&quot;colours&quot;],&quot;s&quot;:&quot;elmdl&quot;}],&quot;store&quot;:[[],{&quot;key&quot;:458,&quot;class&quot;:&quot;store&quot;,&quot;relations&quot;:[&quot;logo&quot;,&quot;paymentSettings&quot;,&quot;paymentSettings.paymentProvider&quot;,&quot;shippingRules&quot;,&quot;shippingRules.shippingProvider&quot;,&quot;country&quot;,&quot;currentLiveEvent&quot;,&quot;user&quot;],&quot;s&quot;:&quot;elmdl&quot;}],&quot;showHelpModal&quot;:false,&quot;showCloseModal&quot;:false,&quot;recommendedProductIds&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;maxBid&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;vw3ztGEUHgRAg5wjkBK4&quot;,&quot;name&quot;:&quot;public.livewire.auctions.show-auction-component&quot;,&quot;path&quot;:&quot;products\/ethiopian-opal-rough-807-carats-1753035&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-26.39.5-a&quot;,&quot;children&quot;:{&quot;lw-2807320897-0&quot;:[&quot;div&quot;,&quot;
4833w9dCiAwZ7FvMcDTGS40y&quot;],&quot;1129233&quot;:[&quot;div&quot;,&quot;OC72rYPKXoC6DNLfrGiv&quot;],&quot;1129198&quot;:[&quot;div&quot;,&quot;bICFBnEleB1xSWOCJGHF&quot;],&quot;1129187&quot;:[&quot;div&quot;,&quot;SaKpsykKP7n5t3K4r0YE&quot;],&quot;1128775&quot;:[&quot;div&quot;,&quot;UZPzheYhnsCnKMuJM6dY&quot;],&quot;1128705&quot;:[&quot;div&quot;,&quot;OUjxXcFExKaEHz16KrW5&quot;],&quot;lw-1815264673-2&quot;:[&quot;div&quot;,&quot;emhXr26LPa3CtYvFBGz4&quot;],&quot;lw-1815264673-3&quot;:[&quot;div&quot;,&quot;TdtoGXI2S6UXGXeXYn6N&quot;],&quot;lw-1815264673-4&quot;:[&quot;div&quot;,&quot;FNpqTRrdduAHjDxwZhT8&quot;],&quot;lw-1815264673-6&quot;:[&quot;div&quot;,&quot;kYMDTFgDxcEHQYVGVPCx&quot;]},&quot;scripts&quot;:[&quot;1815264673-0&quot;],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;eddcfc7bb581f9775cfa60c8f5ead0cbabe5d816ca006f75491b60398c7735bd&quot;}" wire:effects="{&quot;scripts&quot;:{&quot;1815264673-0&quot;:&quot;&lt;script&gt;\n    window.dataLayer = window.dataLayer || []\n    window.dataLayer.push({\&quot;event\&quot;:\&quot;product_view\&quot;,\&quot;auctionId\&quot;:\&quot;oa-1753035\&quot;,\&quot;offer_percentage\&quot;:30,\&quot;facebookViewContent\&quot;:{\&quot;content_ids\&quot;:[\&quot;oa-1753035\&quot;],\&quot;content_type\&quot;:\&quot;product\&quot;,\&quot;value\&quot;:14,\&quot;currency\&quot;:\&quot;USD\&quot;},\&quot;facebookViewItem\&quot;:{\&quot;id\&quot;:\&quot;oa-1753035\&quot;,\&quot;seller\&quot;:\&quot;dahood\&quot;,\&quot;seller_country\&quot;:\&quot;Italy\&quot;,\&quot;seller_country_id\&quot;:\&quot;IT\&quot;,\&quot;content_name\&quot;:\&quot;Ethiopian opal rough 80.7 carats\&quot;,\&quot;content_category\&quot;:\&quot;No Reserve Opal Auctions\\\/Rough And Raw Opal Auctions\\\/International Rough Opal Auctions\\\/Ethiopian Rough Opal Auctions\&quot;,\&quot;value\&quot;:14,\&quot;currency\&quot;:\&quot;USD\&quot;}})\n&lt;\/script&gt;\n    &quot;},&quot;listeners&quot;:[&quot;newBid&quot;,&quot;updatedBid&quot;,&quot;feedbackChanged&quot;,&quot;auctionConvertedToCatalogue&quot;,&quot;cart-item-added&quot;,&quot;stockAdjusted&quot;]}" wire:id="vw3ztGEUHgRAg5wjkBK4" class="w-full mx-auto relative"
4834     x-data="{
4835        init() {
4836            window.showModalIfParamsAreProvided()
4837
4838            
4839            Echo.channel('oa.auction.1753035')
4840                .listen('.bid.created', data => {
4841                    Alpine.store('auctions').setAuctionState({
4842                        id: data.auction.id,
4843                        high_bidder_id: data.auction.high_bidder_id,
4844                        num_bids: data.auction.num_bids,
4845                        cur_bid: data.auction.cur_bid,
4846                        reserve_met: data.auction.meta.reserve_met,
4847                        ends_at: data.auction.ends
4848                    })
4849
4850                    Livewire.dispatch('newBid', { auctionId: data.auction.id })
4851                })
4852                    },
4853
4854        handleFullScreenVideoChangeVisibility() {
4855            var videoContainer = document.getElementById('videoContainer')
4856
4857            if (videoContainer.requestFullscreen && window.innerWidth <= 768) {
4858                videoContainer.classList.remove('md:hidden')
4859            } else {
4860                videoContainer.classList.add('md:hidden')
4861            }
4862        },
4863    }"
4864     x-init="() => { document.addEventListener('fullscreenchange', handleFullScreenVideoChangeVisibility); }"
4865>
4866    <div class="w-full mx-auto relative md:py-6">
4867        <div>
4868            
4869            
4870            
4871                    </div>
4872
4873        <div class="flex flex-col gap-4 w-full">
4874                            <div class="sticky top-0 w-full z-[10] hidden md:inline-block">
4875    <div
4876        class="bg-white w-full p-4 shadow-sm gap-2 flex-col flex"
4877    >
4878        
4879        
4880        
4881                                    <div class="rounded-md bg-blue-50 p-4 flex !p-1 flex items-center border border-blue-200">
4882    <div class="flex-shrink-0">
4883                    <svg class="w-4 h-4 w-6 h-6 text-indigo-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
4884    <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z" />
4885</svg>
4886            </div>
4887    <div class="ml-3">
4888        <h3 class="text-sm leading-5 font-medium text-blue-800">
4889            You have not bid on this auction.
4890            
4891        </h3>
4892    </div>
4893</div>
4894                    
4895        
4896        <div class="flex flex-col md:flex-row justify-between md:items-center gap-2">
4897            <div
4898                class="min-[350px]:flex items-center min-[350px]:justify-between w-full md:w-2/4 grid grid-cols-3 gap-2">
4899                
4900                <div class="flex flex-col items-start max-[350px]:col-span-2">
4901                    <div class="sm:text-xl text-lg font-bold flex items-center text-gray-800">
4902                        <span
4903    x-data="{
4904        options: {
4905            roundingMode: 'halfExpand',
4906            trailingZeroDisplay: 'auto',
4907            minimumFractionDigits: 0,
4908            maximumFractionDigits: 0,
4909            currencyDisplay: 'symbol',
4910        },
4911        get amount() {
4912            return 14
4913        },
4914        get displayPrice() {
4915            return $price(new Number(this.amount) * 1, { ...this.options }, 'en-SG', 'USD')
4916        },
4917    }"
4918    x-text="displayPrice"
4919    x-cloak
4920    0="class"
4921></span>
4922                            
4923                                            </div>
4924                    <div class="text-gray-500 text-sm">
4925                        Current Bid
4926                    </div>
4927                </div>
4928
4929                
4930                <div class="flex flex-col items-center">
4931                    <div class="sm:text-xl text-lg font-medium flex items-center gap-2 text-gray-800">
4932                        9
4933                    </div>
4934                    <div class="text-gray-500 text-sm">
4935                        Bids
4936                    </div>
4937                </div>
4938
4939                
4940                <div class="flex flex-col items-center max-[350px]:col-span-3 min-[350px]:justify-self-end">
4941                    <div class="sm:text-xl text-lg font-medium flex items-center gap-2 text-gray-800">
4942                                                    <div
4943        x-data="{
4944            id: '1753035',
4945            ends: '2026-09-29T16:00:00.000000Z',
4946            status: 'open',
4947            textFormat: 'long',
4948            closingSoonThreshold: 300000,
4949            closingTextClass: 'text-red-600',
4950        }"
4951    >
4952        <div
4953    :key="random()"
4954    x-show="!convertedToCatalogue"
4955    x-data="{
4956            text: '',
4957            isClosingSoon: false,
4958            isEnding: false,
4959            convertedToCatalogue: false,
4960            random() {
4961                return Math.random().toString(36).substring(7)
4962            },
4963            init() {
4964                $store.auctions.setAuctionState({
4965                    id: this.id,
4966                    status: this.status,
4967                })
4968
4969                this.onCountDownTick()
4970            },
4971            onCountDownTick() {
4972                if ($store.auctions.isOpen(this.id, this.status)) {
4973                    if (!$store.auctions.hasEndsAt(this.id, this.ends)) {
4974                        this.text = 'Closed'
4975                        this.isEnding = false
4976
4977                        if (!this.convertedToCatalogue) {
4978                            this.convertedToCatalogue = true
4979                            Livewire.dispatch('auctionConvertedToCatalogue', { auctionId: Number(this.id) })
4980                        }
4981
4982                        return
4983                    }
4984
4985                    let remainingTime = this.getRemainingTime()
4986
4987                     if (remainingTime <= 0) {
4988                        this.text = 'Closing...'
4989
4990                        let lastStatusCheck = $store.auctions.getLastSsrStatusCheck(this.id)
4991
4992                        if (! lastStatusCheck || new Date() - lastStatusCheck > 5000) {
4993                            $store.auctions.checkSsrStatus(this.id).then((status) => {
4994                                if ($store.auctions.isClosed(this.id, this.status)) {
4995                                    this.text = 'Closed'
4996                                    this.closed = true
4997                                    this.isEnding = false
4998                                }
4999                            })
5000                        }
5001                    }
5002
5003                    this.isClosingSoon = remainingTime < this.closingSoonThreshold
5004                    this.isEnding = remainingTime < 10000
5005                    this.text = $timeleft(
5006                        (new Date($store.auctions.getEndsAt(this.id, this.ends))).toISOString(),
5007                        'Closing...',
5008                        this.textFormat
5009                    )
5010                } else {
5011                    this.text = 'Closed'
5012                    this.isEnding = false
5013                }
5014            },
5015            getRemainingTime() {
5016                const endDate = new Date($store.auctions.getEndsAt(this.id, this.ends))
5017                const now = new Date()
5018                const diff = endDate.getTime() - now.getTime()
5019                return diff
5020           }
5021        }" @countdown-tick.window="onCountDownTick"
5022    :class="{
5023          [closingTextClass]: isClosingSoon || $store.auctions.isClosed(id),
5024          'animate-flash': isEnding,
5025          'flex items-center gap-x-1': textFormat === 'short'
5026        }"
5027>
5028    <template x-if="textFormat === 'short'">
5029        <svg class="hidden sm:block w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
5030    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
5031</svg>
5032    </template>
5033
5034    <span x-text="text"></span>
5035</div>
5036    </div>
5037
5038                                            </div>
5039                    <div class="text-gray-500 text-sm whitespace-nowrap">
5040                                                    29/09/2026 09:00 am
5041                                            </div>
5042                </div>
5043            </div>
5044
5045            
5046            <div class="flex gap-2 items-center justify-between w-full md:w-fit">
5047                                    <button
5048        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 bg-white flex justify-center whitespace-nowrap items-center group gap-1 md:gap-2 hover:bg-gray-50 flex-1" x-cloak="x-cloak" @click.debounce="$dispatch('watch-auction', { id: 1753035, url: 'https://www.opalauctions.com/products/ethiopian-opal-rough-807-carats-1753035' })"
5049        
5050    >
5051        <div class="group">
5052        <template x-if="$store.itemWatch.isWatchingItem(1753035)">
5053            <svg class="w-4 h-4 w-6 h-6 text-rose-400"
5054     xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"
5055>
5056    <path
5057        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"
5058    />
5059</svg>
5060        </template>
5061        <template x-if="! $store.itemWatch.isWatchingItem(1753035)">
5062            <svg
5063    class="w-4 h-4 md:w-6 md:h-6 w-5 h-5"
5064    xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
5065>
5066    <path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z" />
5067</svg>
5068        </template>
5069    </div>
5070
5071
5072    <template x-if="$store.itemWatch.isWatchingItem(1753035)">
5073        <span class="hidden md:flex">
5074            Remove From Item Watch
5075        </span>
5076        <span class="md:hidden">
5077            Unwatch
5078        </span>
5079    </template>
5080    <template x-if="! $store.itemWatch.isWatchingItem(1753035)">
5081        <span class="hidden md:flex">
5082            Add to Item Watch
5083        </span>
5084        <span class="md:hidden">
5085            Watch
5086        </span>
5087    </template>
5088    </button>
5089                                            <button
5090        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 flex-1 flex justify-center text-center gap-1 md:gap-2 group items-center" data-test="place-bid" @click="window.showAuctionModal(1753035, 'bid', null, 'bid')"
5091        
5092    >
5093        <svg class="size-6 md:w-6 md:h-6 w-5 h-5 group-hover:animate-gavel" viewBox="0 0 20 20" fill="none"
5094     xmlns="http://www.w3.org/2000/svg"
5095>
5096    <path
5097        d="M14.9423 7.0537L11.4571 2.48981C11.4571 2.48981 10.9763 1.86031 11.7639 1.25967C12.5514 0.659028 13.0322 1.28853 13.0322 1.28853L16.5174 5.85243C16.5174 5.85243 16.9981 6.48193 16.2105 7.08257C15.423 7.68321 14.9423 7.0537 14.9423 7.0537Z"
5098        fill="currentColor"
5099    />
5100    <path
5101        d="M5.6305 13.9855L2.14527 9.42158C2.14527 9.42158 1.66454 8.79206 2.45209 8.19142C3.23964 7.59078 3.72036 8.22028 3.72036 8.22028L7.2056 12.7842C7.2056 12.7842 7.68632 13.4137 6.89877 14.0143C6.11123 14.615 5.6305 13.9855 5.6305 13.9855Z"
5102        fill="currentColor"
5103    />
5104    <path
5105        d="M4.58667 7.61493L8.07191 12.1788L10.1555 10.5897L12.2819 8.96801L14.215 7.49373L10.7297 2.92982L4.58667 7.61493Z"
5106        fill="currentColor"
5107    />
5108    <path
5109        d="M17.6473 18.1502C18.2117 17.7197 18.1879 16.7952 17.7624 16.2275L12.8952 9.7672L10.8257 11.4054L15.8343 17.907C16.2677 18.4744 17.0794 18.5833 17.6473 18.1502Z"
5110        fill="currentColor"
5111    />
5112</svg>
5113                            <span class="hidden md:flex">
5114                                 Place Bid
5115                            </span>
5116                            <span class="md:hidden">
5117                                Bid
5118                            </span>
5119    </button>
5120                                                </div>
5121        </div>
5122    </div>
5123</div>
5124            
5125            <div class="w-full md:hidden mt-3" id="videoContainer">
5126                                    <div
5127    x-data="{
5128        emblaMain: null,
5129        emblaThumbs: null,
5130        selectedSlide: 0,
5131        hasOverflow: false,
5132        container: null,
5133        showThumbnailStartIndicator: false,
5134        showThumbnailEndIndicator: false,
5135        compact: '',
5136        loading: true,
5137        showFullscreen: false,
5138        canScrollLeft: false,
5139        canScrollRight: false,
5140
5141        checkOverflow() {
5142            this.hasOverflow = this.container.scrollWidth > this.container.clientWidth;
5143        },
5144
5145        checkThumbEnds() {
5146            thumbnailsInView = this.emblaThumbs.slidesInView();
5147
5148            if (! this.hasOverflow || thumbnailsInView.length === 0) {
5149                this.showThumbnailStartIndicator = false;
5150                this.showThumbnailEndIndicator = false;
5151                return;
5152            }
5153
5154            this.showThumbnailStartIndicator = !thumbnailsInView.includes(0);
5155            this.showThumbnailEndIndicator = !thumbnailsInView.includes(this.emblaThumbs.slideNodes().length - 1);
5156        },
5157
5158        init() {
5159            this.container = this.$refs.thumbnailContainer;
5160
5161            this.emblaMain = EmblaCarousel(this.$el.querySelector('.embla__viewport'), { loop: true });
5162            this.emblaThumbs = EmblaCarousel(this.$el.querySelector('.embla-thumbs__viewport'), {
5163              dragFree: true,
5164              inViewThreshold: 0.5,
5165            });
5166
5167           this.canScrollRight = this.emblaMain.canScrollNext();
5168
5169            this.emblaMain.on('select', (slide) => {
5170                this.checkThumbEnds();
5171                this.emblaThumbs.scrollTo(this.emblaMain.selectedScrollSnap());
5172                this.selectedSlide = slide.selectedScrollSnap();
5173            });
5174
5175            this.emblaThumbs.on('select', () => {
5176                this.checkThumbEnds();
5177               this.emblaMain.scrollTo(this.emblaThumbs.selectedScrollSnap());
5178            });
5179
5180            this.checkOverflow();
5181
5182            this.showThumbnailEndIndicator = this.hasOverflow;
5183
5184            if (this.hasOverflow) {
5185                this.emblaThumbs.on('settle', () => {
5186                    this.checkThumbEnds();
5187                });
5188            }
5189
5190            this.$watch('showFullscreen', value => {
5191                if (value) {
5192                    document.body.classList.add('overflow-hidden')
5193                } else {
5194                    document.body.classList.remove('overflow-hidden')
5195                }
5196            })
5197        },
5198
5199        toggleFullscreen() {
5200            this.showFullscreen = !this.showFullscreen;
5201        },
5202
5203        selectSlide(index) {
5204            this.emblaMain.scrollTo(index);
5205        },
5206
5207        scrollRight() {
5208            this.emblaMain.scrollNext();
5209        },
5210
5211        scrollLeft() {
5212            this.emblaMain.scrollPrev();
5213        },
5214
5215        scrollThumbRight() {
5216            const slides = this.emblaThumbs.slidesInView();
5217
5218            this.emblaThumbs.scrollTo(slides[slides.length - 1] + 1);
5219        },
5220
5221        scrollThumbLeft() {
5222            const slides = this.emblaThumbs.slidesInView();
5223
5224            this.emblaThumbs.scrollTo(slides[0] - 1);
5225        },
5226    }"
5227    :class="showFullscreen ? 'fixed sm:px-10 top-0 left-0 right-0 bottom-0 flex flex-col bg-black gallery z-[20]' : 'relative'"
5228    x-on:resize.window.throttle="checkOverflow()"
5229    @img-loaded.window="loading = false"
5230>
5231    <button x-show="showFullscreen" class="fixed top-3 z-10 right-3 gap-2 items-center">
5232        <svg x-on:click="toggleFullscreen" class="size-8 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
5233    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
5234</svg>
5235    </button>
5236
5237    <!-- Main Carousel -->
5238    <div class="embla m-auto relative w-full">
5239        <div class="absolute flex justify-center items-center h-full left-1.5"
5240             x-on:click="scrollLeft"
5241        >
5242            <div class="shadow cursor-pointer hidden sm:flex border rounded justify-center items-center size-10 z-[9]"
5243                 :class="[
5244                    showFullscreen ? 'bg-black/60 text-white border-white' : 'bg-white text-gray-900 border',
5245                 ]"
5246            >
5247                <svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
5248    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
5249</svg>
5250            </div>
5251        </div>
5252        <div class="absolute flex justify-center items-center h-full right-1.5"
5253             x-on:click="scrollRight"
5254        >
5255            <div class="shadow cursor-pointer hidden sm:flex border rounded justify-center items-center size-10 z-[9]"
5256                 :class="[
5257                    showFullscreen ? 'bg-black/60 text-white border-white' : 'bg-white text-gray-900 border',
5258                ]"
5259            >
5260                <svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
5261    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
5262</svg>
5263            </div>
5264        </div>
5265        <div class="embla__viewport mx-auto overflow-hidden"
5266             :class="[
5267                !showFullscreen && compact ? 'sm:!size-[430px]' : ''
5268            ]"
5269        >
5270            <div
5271                x-show="!loading"
5272                x-cloak
5273                class="embla__container flex touch-pan-y touch-pinch-zoom ml-[-4] size-full space-x-5"
5274            >
5275                                                            <div
5276                            class="embla__slide flex justify-center items-center bg-black translate-z-0 flex-shrink-0 w-full min-w-0"
5277                        >
5278                            <video class="video-js vjs-default-skin"
5279           x-data="{
5280               player: null,
5281               init() {
5282                   this.$refs.video.id = $id('video-container');
5283                   this.player = videojs(this.$refs.video.id);
5284                   this.player.ready(() => {
5285                       this.player.src({
5286                           techOrder: ['youtube', 'html5'],
5287                           type: 'video/' + 'mp4',
5288                           src: 'https:\/\/liveplatforms-production.b-cdn.net\/tenants\/oa\/uploads\/movies\/1750000-1754999\/1753035\/e449aed0-c491-4b4e-af6d-a64bdf8d43a6.mp4'                       });
5289                   });
5290               }
5291           }"
5292           x-ref="video"
5293           controls
5294           loop
5295           fill="true"
5296           data-setup="{}">
5297    </video>
5298                        </div>
5299                                                                                <div class="embla__slide translate-z-0 flex-shrink-0 w-full min-w-0 flex m-auto">
5300                            <template x-if="showFullscreen">
5301                                <div class="!max-h-[80vh] mx-auto">
5302                                    <div
5303        x-data="{
5304            zoom: false,
5305            dragging: false,
5306            offsetX: 0,
5307            offsetY: 0,
5308            start: null,
5309            offsetXLimit: null,
5310            offsetYLimit: null,
5311            zoomedScale: 3,
5312            url: 'https://liveplatforms-production.b-cdn.net/tenants/oa/uploads/images/1750000-1754999/1753035/d07c5ab4-1304-4d23-a2df-f6ed44ce11d4.jpeg',
5313
5314            resetZoom() {
5315                this.zoom = false
5316                setTimeout(() => {
5317                    this.offsetX = 0
5318                    this.offsetY = 0
5319                    this.offsetXLimit = null
5320                    this.offsetYLimit = null
5321                }, 300)
5322            },
5323
5324            onPointerDown(e) {
5325                if (!this.zoom) return
5326                this.start = { x: e.clientX, y: e.clientY }
5327                e.target.setPointerCapture(e.pointerId)
5328                e.preventDefault()
5329            },
5330
5331            onPointerMove(e) {
5332                if (!this.start) return
5333                this.dragging = true
5334
5335                const imageRect = this.$refs.image.getBoundingClientRect()
5336                const containerRect = this.$refs.imageContainer.getBoundingClientRect()
5337
5338                let newOffsetX = this.offsetX + (e.clientX - this.start.x)
5339                let newOffsetY = this.offsetY + (e.clientY - this.start.y)
5340
5341                if (imageRect.left > containerRect.left || imageRect.right < containerRect.right) {
5342                    this.offsetXLimit = Math.abs(this.offsetX)
5343                }
5344                if (imageRect.bottom < containerRect.bottom || imageRect.top > containerRect.top) {
5345                    this.offsetYLimit = Math.abs(this.offsetY)
5346                }
5347
5348                const pos = this.calculateNewImagePosition(newOffsetX, newOffsetY)
5349                this.offsetX = pos.x
5350                this.offsetY = pos.y
5351                this.start = { x: e.clientX, y: e.clientY }
5352            },
5353
5354            onPointerUp() {
5355                this.dragging = false
5356                this.start = null
5357            },
5358
5359            onPointerCancel() {
5360                this.dragging = false
5361                this.start = null
5362            },
5363
5364            calculateNewImagePosition(x, y) {
5365                let newX = this.offsetXLimit
5366                    ? Math.min(Math.max(x, -Math.abs(this.offsetXLimit)), Math.abs(this.offsetXLimit))
5367                    : x
5368                let newY = this.offsetYLimit
5369                    ? Math.min(Math.max(y, -Math.abs(this.offsetYLimit)), Math.abs(this.offsetYLimit))
5370                    : y
5371                return { x: newX, y: newY }
5372            },
5373
5374            init () {
5375                if (this.imageUrl) {
5376                    this.url = this.imageUrl
5377                }
5378            },
5379        }"
5380        class="relative size-full"
5381    >
5382        <img
5383            :src="url"
5384            alt="d07c5ab4-1304-4d23-a2df-f6ed44ce11d4.jpeg"
5385            class="object-contain size-full cursor-zoom-in select-none"
5386            @click="zoom = true"
5387        />
5388
5389        <template x-teleport="body">
5390            <div
5391                x-ref="imageContainer"
5392                x-show="zoom"
5393                class="fixed inset-0 bg-black z-50 overflow-hidden flex items-center justify-center"
5394                x-transition:enter="transition ease-out duration-200"
5395                x-transition:enter-start="opacity-0 scale-90"
5396                x-transition:enter-end="opacity-100 scale-100"
5397                x-transition:leave="transition ease-in duration-200"
5398                x-transition:leave-start="opacity-100 scale-100"
5399                x-transition:leave-end="opacity-0 scale-90"
5400            >
5401                <div
5402                    class="fixed top-3 rounded p-0.5 border-4 border-primary-500 bg-black/40 right-3 text-white cursor-pointer z-50 hover:bg-black hover:scale-110 transition-all ease-in-out duration-300"
5403                    @click="resetZoom">
5404                    <svg
5405    xmlns="http://www.w3.org/2000/svg"
5406    viewBox="0 0 24 24"
5407    fill="currentColor"
5408    class="size-6 size-8">
5409    <path fill-rule="evenodd"
5410          d="M10.5 3.75a6.75 6.75 0 1 0 0 13.5 6.75 6.75 0 0 0 0-13.5ZM2.25 10.5a8.25 8.25 0 1 1 14.59 5.28l4.69 4.69a.75.75 0 1 1-1.06 1.06l-4.69-4.69A8.25 8.25 0 0 1 2.25 10.5Zm4.5 0a.75.75 0 0 1 .75-.75h6a.75.75 0 0 1 0 1.5h-6a.75.75 0 0 1-.75-.75Z"
5411          clip-rule="evenodd" />
5412</svg>
5413                </div>
5414
5415                <img
5416                    x-ref="image"
5417                    @pointerdown="onPointerDown"
5418                    @pointermove="onPointerMove"
5419                    @pointerup="onPointerUp"
5420                    @pointercancel="onPointerCancel"
5421                    :src="url"
5422                    alt="d07c5ab4-1304-4d23-a2df-f6ed44ce11d4.jpeg"
5423                    class="object-contain select-none"
5424                    style="touch-action: none"
5425                    :class="[ dragging ? 'cursor-grabbing' : 'cursor-grab' ]"
5426                    :style="{
5427                        transform: `translate3d(${offsetX}px, ${offsetY}px, 0) scale(${zoomedScale})`,
5428                        transition: dragging ? 'none' : 'transform 0.1s ease-out'
5429                    }"
5430                />
5431            </div>
5432        </template>
5433    </div>
5434                                </div>
5435                            </template>
5436                            <template x-if="!showFullscreen">
5437                                <div
5438                                    class="cursor-zoom-in mx-auto max-h-[400px] md:max-h-[650px] size-[600px] md:size-[500px] lg:size-[700px]"
5439                                    x-on:click="toggleFullscreen"
5440                                >
5441                                    <img
5442        src="https://liveplatforms-production.b-cdn.net/tenants/oa/uploads/images/1750000-1754999/1753035/d07c5ab4-1304-4d23-a2df-f6ed44ce11d4.jpeg"
5443        alt="d07c5ab4-1304-4d23-a2df-f6ed44ce11d4.jpeg"
5444        class="object-cover object-center mx-auto size-full"
5445        onload="Livewire.dispatch('img-loaded')"
5446    />
5447                                </div>
5448                            </template>
5449                        </div>
5450                                                </div>
5451                            <div
5452                    x-show="loading"
5453                    class="bg-black size-full flex justify-center items-center max-h-[400px] md:max-h-[650px] h-[600px] md:h-[500px] lg:h-[700px]"
5454                >
5455                    <svg class="w-4 h-4 animate-spin animate-spin size-24 text-gray-400" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
5456    <circle style="fill: transparent; stroke:currentColor; stroke-linecap: round; stroke-dasharray: 240; stroke-dashoffset: 280; stroke-width: 10px" cx="50" cy="50" r="45"/>
5457</svg>
5458                </div>
5459                    </div>
5460    </div>
5461    <!-- Thumbs Carousel -->
5462    <div class="embla-thumbs mt-4 mx-4 md:mx-0">
5463        
5464        <div x-show="showThumbnailStartIndicator"
5465             class="pointer-events-none absolute top-0 right-left flex justify-start items-end h-full z-10"
5466        >
5467            <div
5468                x-on:click="scrollThumbLeft"
5469                class="pointer-events-auto transition-all duration-300 ease-in-out bg-gradient-to-r from-black via-black to-transparent h-16 sm:h-24 w-8 hover:w-10 flex justify-start items-center cursor-pointer"
5470            >
5471                <svg class="h-6 w-6 size-12 text-gray-100" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
5472    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
5473</svg>
5474            </div>
5475        </div>
5476        <div x-show="showThumbnailEndIndicator"
5477             class=" pointer-events-none absolute top-0 right-0 flex justify-end items-end h-full z-10"
5478        >
5479            <div
5480                x-on:click="scrollThumbRight"
5481                class="pointer-events-auto transition-all duration-300 ease-in-out bg-gradient-to-r from-transparent via-black to-black h-16 sm:h-24 w-8 hover:w-10  flex justify-end items-center cursor-pointer"
5482            >
5483                <svg class="h-6 w-6 size-12 text-gray-100" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
5484    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
5485</svg>
5486            </div>
5487        </div>
5488
5489        <div class="embla-thumbs__viewport overflow-hidden">
5490            <div class="embla-thumbs__container flex gap-5" x-ref="thumbnailContainer">
5491                                    <div class="embla-thumbs__slide flex-shrink-0 min-w-0" key="9372780">
5492                        <button
5493                            :class="{ 'border-4 border-primary-500': selectedSlide === 0 }"
5494                            class="embla-thumbs__slide__number relative appearance-none cursor-pointer flex items-center justify-center touch-manipulation transition-all duration-150 ease-in-out size-16 md:size-24"
5495                            x-on:click="selectSlide(0)"
5496                            type="button"
5497                            style="background-image: url('https://liveplatforms-production.b-cdn.net/tenants/
5497oa/uploads/movies/1750000-1754999/1753035/e449aed0-c491-4b4e-af6d-a64bdf8d43a6.0000000.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat;"
5498                        >
5499                                                            <div class="absolute inset-0 flex items-center justify-center opacity-90">
5500                                    <svg class="text-gray-200 size-12 sm:size-16 fill-red-600" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
5501    <path stroke-linecap="round" stroke-linejoin="round" d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
5502    <path stroke-linecap="round" stroke-linejoin="round" d="M15.91 11.672a.375.375 0 010 .656l-5.603 3.113a.375.375 0 01-.557-.328V8.887c0-.286.307-.466.557-.327l5.603 3.112z" />
5503</svg>
5504                                </div>
5505                                                    </button>
5506                    </div>
5507                                    <div class="embla-thumbs__slide flex-shrink-0 min-w-0" key="9372779">
5508                        <button
5509                            :class="{ 'border-4 border-primary-500': selectedSlide === 1 }"
5510                            class="embla-thumbs__slide__number relative appearance-none cursor-pointer flex items-center justify-center touch-manipulation transition-all duration-150 ease-in-out size-16 md:size-24"
5511                            x-on:click="selectSlide(1)"
5512                            type="button"
5513                            style="background-image: url('https://liveplatforms-production.b-cdn.net/tenants/oa/uploads/images/1750000-1754999/1753035/d07c5ab4-1304-4d23-a2df-f6ed44ce11d4.jpeg?width=480&amp;aspect_ratio=1001%3A1000'); background-size: cover; background-position: center; background-repeat: no-repeat;"
5514                        >
5515                                                    </button>
5516                    </div>
5517                            </div>
5518        </div>
5519    </div>
5520</div>
5521                            </div>
5522
5523            
5524                            <div class="sticky top-0 w-full z-[10] md:hidden">
5525    <div
5526        class="bg-white w-full p-4 shadow-sm gap-2 flex-col flex"
5527    >
5528        
5529        
5530        
5531                                    <div class="rounded-md bg-blue-50 p-4 flex !p-1 flex items-center border border-blue-200">
5532    <div class="flex-shrink-0">
5533                    <svg class="w-4 h-4 w-6 h-6 text-indigo-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
5534    <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z" />
5535</svg>
5536            </div>
5537    <div class="ml-3">
5538        <h3 class="text-sm leading-5 font-medium text-blue-800">
5539            You have not bid on this auction.
5540            
5541        </h3>
5542    </div>
5543</div>
5544                    
5545        
5546        <div class="flex flex-col md:flex-row justify-between md:items-center gap-2">
5547            <div
5548                class="min-[350px]:flex items-center min-[350px]:justify-between w-full md:w-2/4 grid grid-cols-3 gap-2">
5549                
5550                <div class="flex flex-col items-start max-[350px]:col-span-2">
5551                    <div class="sm:text-xl text-lg font-bold flex items-center text-gray-800">
5552                        <span
5553    x-data="{
5554        options: {
5555            roundingMode: 'halfExpand',
5556            trailingZeroDisplay: 'auto',
5557            minimumFractionDigits: 0,
5558            maximumFractionDigits: 0,
5559            currencyDisplay: 'symbol',
5560        },
5561        get amount() {
5562            return 14
5563        },
5564        get displayPrice() {
5565            return $price(new Number(this.amount) * 1, { ...this.options }, 'en-SG', 'USD')
5566        },
5567    }"
5568    x-text="displayPrice"
5569    x-cloak
5570    0="class"
5571></span>
5572                            
5573                                            </div>
5574                    <div class="text-gray-500 text-sm">
5575                        Current Bid
5576                    </div>
5577                </div>
5578
5579                
5580                <div class="flex flex-col items-center">
5581                    <div class="sm:text-xl text-lg font-medium flex items-center gap-2 text-gray-800">
5582                        9
5583                    </div>
5584                    <div class="text-gray-500 text-sm">
5585                        Bids
5586                    </div>
5587                </div>
5588
5589                
5590                <div class="flex flex-col items-center max-[350px]:col-span-3 min-[350px]:justify-self-end">
5591                    <div class="sm:text-xl text-lg font-medium flex items-center gap-2 text-gray-800">
5592                                                    <div
5593        x-data="{
5594            id: '1753035',
5595            ends: '2026-09-29T16:00:00.000000Z',
5596            status: 'open',
5597            textFormat: 'long',
5598            closingSoonThreshold: 300000,
5599            closingTextClass: 'text-red-600',
5600        }"
5601    >
5602        <div
5603    :key="random()"
5604    x-show="!convertedToCatalogue"
5605    x-data="{
5606            text: '',
5607            isClosingSoon: false,
5608            isEnding: false,
5609            convertedToCatalogue: false,
5610            random() {
5611                return Math.random().toString(36).substring(7)
5612            },
5613            init() {
5614                $store.auctions.setAuctionState({
5615                    id: this.id,
5616                    status: this.status,
5617                })
5618
5619                this.onCountDownTick()
5620            },
5621            onCountDownTick() {
5622                if ($store.auctions.isOpen(this.id, this.status)) {
5623                    if (!$store.auctions.hasEndsAt(this.id, this.ends)) {
5624                        this.text = 'Closed'
5625                        this.isEnding = false
5626
5627                        if (!this.convertedToCatalogue) {
5628                            this.convertedToCatalogue = true
5629                            Livewire.dispatch('auctionConvertedToCatalogue', { auctionId: Number(this.id
5629) })
5630                        }
5631
5632                        return
5633                    }
5634
5635                    let remainingTime = this.getRemainingTime()
5636
5637                     if (remainingTime <= 0) {
5638                        this.text = 'Closing...'
5639
5640                        let lastStatusCheck = $store.auctions.getLastSsrStatusCheck(this.id)
5641
5642                        if (! lastStatusCheck || new Date() - lastStatusCheck > 5000) {
5643                            $store.auctions.checkSsrStatus(this.id).then((status) => {
5644                                if ($store.auctions.isClosed(this.id, this.status)) {
5645                                    this.text = 'Closed'
5646                                    this.closed = true
5647                                    this.isEnding = false
5648                                }
5649                            })
5650                        }
5651                    }
5652
5653                    this.isClosingSoon = remainingTime < this.closingSoonThreshold
5654                    this.isEnding = remainingTime < 10000
5655                    this.text = $timeleft(
5656                        (new Date($store.auctions.getEndsAt(this.id, this.ends))).toISOString(),
5657                        'Closing...',
5658                        this.textFormat
5659                    )
5660                } else {
5661                    this.text = 'Closed'
5662                    this.isEnding = false
5663                }
5664            },
5665            getRemainingTime() {
5666                const endDate = new Date($store.auctions.getEndsAt(this.id, this.ends))
5667                const now = new Date()
5668                const diff = endDate.getTime() - now.getTime()
5669                return diff
5670           }
5671        }" @countdown-tick.window="onCountDownTick"
5672    :class="{
5673          [closingTextClass]: isClosingSoon || $store.auctions.isClosed(id),
5674          'animate-flash': isEnding,
5675          'flex items-center gap-x-1': textFormat === 'short'
5676        }"
5677>
5678    <template x-if="textFormat === 'short'">
5679        <svg class="hidden sm:block w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
5680    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
5681</svg>
5682    </template>
5683
5684    <span x-text="text"></span>
5685</div>
5686    </div>
5687
5688                                            </div>
5689                    <div class="text-gray-500 text-sm whitespace-nowrap">
5690                                                    29/09/2026 09:00 am
5691                                            </div>
5692                </div>
5693            </div>
5694
5695            
5696            <div class="flex gap-2 items-center justify-between w-full md:w-fit">
5697                                    <button
5698        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 bg-white flex justify-center whitespace-nowrap items-center group gap-1 md:gap-2 hover:bg-gray-50 flex-1" x-cloak="x-cloak" @click.debounce="$dispatch('watch-auction', { id: 1753035, url: 'https://www.opalauctions.com/products/ethiopian-opal-rough-807-carats-1753035' })"
5699        
5700    >
5701        <div class="group">
5702        <template x-if="$store.itemWatch.isWatchingItem(1753035)">
5703            <svg class="w-4 h-4 w-6 h-6 text-rose-400"
5704     xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"
5705>
5706    <path
5707        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"
5708    />
5709</svg>
5710        </template>
5711        <template x-if="! $store.itemWatch.isWatchingItem(1753035)">
5712            <svg
5713    class="w-4 h-4 md:w-6 md:h-6 w-5 h-5"
5714    xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
5715>
5716    <path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z" />
5717</svg>
5718        </template>
5719    </div>
5720
5721
5722    <template x-if="$store.itemWatch.isWatchingItem(1753035)">
5723        <span class="hidden md:flex">
5724            Remove From Item Watch
5725        </span>
5726        <span class="md:hidden">
5727            Unwatch
5728        </span>
5729    </template>
5730    <template x-if="! $store.itemWatch.isWatchingItem(1753035)">
5731        <span class="hidden md:flex">
5732            Add to Item Watch
5733        </span>
5734        <span class="md:hidden">
5735            Watch
5736        </span>
5737    </template>
5738    </button>
5739                                            <button
5740        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 flex-1 flex justify-center text-center gap-1 md:gap-2 group items-center" data-test="place-bid" @click="window.showAuctionModal(1753035, 'bid', null, 'bid')"
5741        
5742    >
5743        <svg class="size-6 md:w-6 md:h-6 w-5 h-5 group-hover:animate-gavel" viewBox="0 0 20 20" fill="none"
5744     xmlns="http://www.w3.org/2000/svg"
5745>
5746    <path
5747        d="M14.9423 7.0537L11.4571 2.48981C11.4571 2.48981 10.9763 1.86031 11.7639 1.25967C12.5514 0.659028 13.0322 1.28853 13.0322 1.28853L16.5174 5.85243C16.5174 5.85243 16.9981 6.48193 16.2105 7.08257C15.423 7.68321 14.9423 7.0537 14.9423 7.0537Z"
5748        fill="currentColor"
5749    />
5750    <path
5751        d="M5.6305 13.9855L2.14527 9.42158C2.14527 9.42158 1.66454 8.79206 2.45209 8.19142C3.23964 7.59078 3.72036 8.22028 3.72036 8.22028L7.2056 12.7842C7.2056 12.7842 7.68632 13.4137 6.89877 14.0143C6.11123 14.615 5.6305 13.9855 5.6305 13.9855Z"
5752        fill="currentColor"
5753    />
5754    <path
5755        d="M4.58667 7.61493L8.07191 12.1788L10.1555 10.5897L12.2819 8.96801L14.215 7.49373L10.7297 2.92982L4.58667 7.61493Z"
5756        fill="currentColor"
5757    />
5758    <path
5759        d="M17.6473 18.1502C18.2117 17.7197 18.1879 16.7952 17.7624 16.2275L12.8952 9.7672L10.8257 11.4054L15.8343 17.907C16.2677 18.4744 17.0794 18.5833 17.6473 18.1502Z"
5760        fill="currentColor"
5761    />
5762</svg>
5763                            <span class="hidden md:flex">
5764                                 Place Bid
5765                            </span>
5766                            <span class="md:hidden">
5767                                Bid
5768                            </span>
5769    </button>
5770                                                </div>
5771        </div>
5772    </div>
5773</div>
5774            
5775            <div class="p-3">
5776                                <div class="flex w-full items-center gap-2">
5777                                        <div class="text-indigo-500 text-base">
5778                        <a href="https://www.opalauctions.com/stores/dahood">dahood</a>
5779                    </div>
5780                </div>
5781                <div class="lg:flex justify-between space-y-2 lg:items-start lg:gap-4">
5782                    <h1 class="text-2xl font-bold text-gray-900 whitespace-normal">
5783                        Ethiopian opal rough 80.7 carats
5784                    </h1>
5785                    <div class="flex w-fit justify-between gap-4">
5786                                                    <div class="flex items-center text-gray-500 whitespace-nowrap">
5787                                <svg class="size-6 w-6 h-6 mr-1 text-gray-400" viewBox="0 0 20 20" fill="none"
5788     xmlns="http://www.w3.org/2000/svg"
5789>
5790    <path
5791        d="M14.9423 7.0537L11.4571 2.48981C11.4571 2.48981 10.9763 1.86031 11.7639 1.25967C12.5514 0.659028 13.0322 1.28853 13.0322 1.28853L16.5174 5.85243C16.5174 5.85243 16.9981 6.48193 16.2105 7.08257C15.423 7.68321 14.9423 7.0537 14.9423 7.0537Z"
5792        fill="currentColor"
5793    />
5794    <path
5795        d="M5.6305 13.9855L2.14527 9.42158C2.14527 9.42158 1.66454 8.79206 2.45209 8.19142C3.23964 7.59078 3.72036 8.22028 3.72036 8.22028L7.2056 12.7842C7.2056 12.7842 7.68632 13.4137 6.89877 14.0143C6.11123 14.615 5.6305 13.9855 5.6305 13.9855Z"
5796        fill="currentColor"
5797    />
5798    <path
5799        d="M4.58667 7.61493L8.07191 12.1788L10.1555 10.5897L12.2819 8.96801L14.215 7.49373L10.7297 2.92982L4.58667 7.61493Z"
5800        fill="currentColor"
5801    />
5802    <path
5803        d="M17.6473 18.1502C18.2117 17.7197 18.1879 16.7952 17.7624 16.2275L12.8952 9.7672L10.8257 11.4054L15.8343 17.907C16.2677 18.4744 17.0794 18.5833 17.6473 18.1502Z"
5804        fill="currentColor"
5805    />
5806</svg>
5807                                9 bids
5808                            </div>
5809                                                <div class="flex items-center text-gray-500 whitespace-nowrap">
5810                            <svg class="w-6 h-6 mr-1 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
5811    <path d="M12 15a3 3 0 100-6 3 3 0 000 6z" />
5812    <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.
581269.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" />
5813</svg>
5814                            117 views
5815                        </div>
5816                        <div class="flex items-center text-gray-500 whitespace-nowrap">
5817                            <svg class="w-4 h-4 w-6 h-6 mr-1 text-red-500"
5818     xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"
5819>
5820    <path
5821        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"
5822    />
5823</svg>
5824                            9 watching
5825                        </div>
5826                    </div>
5827                </div>
5828            </div>
5829
5830            <div class="md:hidden p-3">
5831                <div x-ref="accord" class="w-full">
5832    <div class="flex flex-col w-full items-center">
5833        <div x-data="{open: true}" class="w-full bg-gray-100">
5834    <div
5835        class="flex justify-between w-full text-lg font-semibold whitespace-nowrap cursor-pointer"
5836        @click="open = ! open"
5837    >
5838        <div class="border-b-2 border-indigo-500 py-2.5 pl-1">
5839            Details
5840        </div>
5841
5842        <span x-cloak class="flex w-full justify-end items-center px-2 py-2.5" tabindex="-1">
5843            <svg class="size-6" x-show="open"  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
5844    <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
5845</svg>
5846            <svg class="size-6" x-show="!open"  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
5847    <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m6-6H6" />
5848</svg>
5849        </span>
5850    </div>
5851
5852    <div class="bg-white rounded-b-md p-2"
5853         x-show="open"
5854         x-cloak
5855         x-collapse
5856    >
5857       <div>
5858                            <dl class="grid grid-cols-1 divide-y odd:divide-gray-100">
5859                                <div class="text-gray-600 text-sm w-full grid grid-cols-2 p-4">
5860                                    <dt class="font-bold">SKU</dt>
5861                                    <dd></dd>
5862                                </div>
5863                                <div class="text-gray-600 text-sm w-full grid grid-cols-2 p-4">
5864                                    <dt class="font-bold">Dimensions (mm)</dt>
5865                                    <dd>5 x 10 x 15mm</dd>
5866                                </div>
5867                                <div class="text-gray-600 text-sm w-full grid grid-cols-2 p-4">
5868                                    <dt class="font-bold">Weight (cts)</dt>
5869                                    <dd>80.7</dd>
5870                                </div>
5871                                                                    <div class="text-gray-600 text-sm w-full grid grid-cols-2 p-4">
5872                                        <dt class="font-bold">Shape</dt>
5873                                        <dd>Freeform</dd>
5874                                    </div>
5875                                                                    <div class="text-gray-600 text-sm w-full grid grid-cols-2 p-4">
5876                                        <dt class="font-bold">Type</dt>
5877                                        <dd>Rough</dd>
5878                                    </div>
5879                                                                                                    <div class="text-gray-600 text-sm w-full grid grid-cols-2 p-4">
5880                                        <dt class="font-bold">Colours</dt>
5881                                        <dd>
5882                                            <div class="flex flex-wrap gap-1.5">
5883                                                                                            </div>
5884                                        </dd>
5885                                    </div>
5886                                                            </dl>
5887                        </div>
5888    </div>
5889</div>
5890
5891                    <div x-data="{open: true}" class="w-full bg-gray-100">
5892    <div
5893        class="flex justify-between w-full text-lg font-semibold whitespace-nowrap cursor-pointer"
5894        @click="open = ! open"
5895    >
5896        <div class="border-b-2 border-indigo-500 py-2.5 pl-1">
5897            Description
5898        </div>
5899
5900        <span x-cloak class="flex w-full justify-end items-center px-2 py-2.5" tabindex="-1">
5901            <svg class="size-6" x-show="open"  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
5902    <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
5903</svg>
5904            <svg class="size-6" x-show="!open"  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
5905    <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m6-6H6" />
5906</svg>
5907        </span>
5908    </div>
5909
5910    <div class="bg-white rounded-b-md p-2"
5911         x-show="open"
5912         x-cloak
5913         x-collapse
5914    >
5915       <div class="p-4 prose max-w-none break-words"><p></p><h2><strong>Checkout our other NO RESERVE Auctions</strong></h2><p></p><h3>We have no time limit for payment. You can add as many items as you want to the same order</h3><p></p><p><strong>Natural Ethiopian Welo Opal Rough – Play-of-Color Gemstone Material</strong></p><p></p><p><strong>Beautiful natural Ethiopian Welo opal rough featuring vivid play-of-color with bright flashes visible from multiple angles. This material is suitable for cabochon cutting, carving, polishing, specimen collection, or other lapidary work.</strong></p><p></p><p><strong>All stones in this listing are natural and untreated rough opals sourced from Ethiopia. Photos and video are taken under white lighting to provide an accurate representation of the material’s color and appearance.</strong></p><p></p><p><strong>You will receive the exact lot shown in the listing.</strong></p><p></p><p></p><p><strong>Details</strong></p><p><strong>- Origin: Ethiopia (Welo)</strong></p><p><strong>- Type: Natural Opal Rough</strong></p><p><strong>- Treatment: None</strong></p><p><strong>- Condition: Rough / Uncut</strong></p><p><strong>- Play-of-Color: Multicolor flashes</strong></p><p><strong>- Size (mm): 5-10-15 mm</strong></p><p><strong>- Weight (carats): 2-9 ct</strong></p><p></p><p><strong>Please note that natural opal rough may contain inclusions, crazing lines, potch areas, pits, sand traces, or other natural surface imperfections typical of untreated material.</strong></p><p></p><p><strong>Images are magnified to show detail. Color appearance may vary slightly depending on lighting conditions, screen settings, and viewing angles.</strong></p><p></p><p><strong>Shipping:</strong></p><p><strong>Orders are packed securely and shipped with care. Combined shipping is available for multiple purchases.</strong></p><p></p><p><strong>Returns:</strong></p><p><strong>Returns are accepted within 14 days of receiving the item. Items must be returned in original condition.</strong></p><p><strong>Modified, cut, or polished stones are not eligible for return.</strong></p><p></p><p><strong>Please feel free to contact us with any questions regarding the material or if you require additional information about the lot.</strong></p><p></p><p></p><p><strong>About Us:</strong></p><p><strong>Verdah Opal has specialized in Ethiopian opals since 2017. With extensive experience in the field, all our opals are ethically mined and sourced directly from the mines. We strive to offer the best possible price-to-quality ratio.</strong></p></div>
5916    </div>
5917</div>
5918
5919                                            <div x-data="{open: true}" class="w-full bg-gray-100" id="shipping">
5920    <div
5921        class="flex justify-between w-full text-lg font-semibold whitespace-nowrap cursor-pointer"
5922        @click="open = ! open"
5923    >
5924        <div class="border-b-2 border-indigo-500 py-2.5 pl-1">
5925            Shipping
5926        </div>
5927
5928        <span x-cloak class="flex w-full justify-end items-center px-2 py-2.5" tabindex="-1">
5929            <svg class="size-6" x-show="open"  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
5930    <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
5931</svg>
5932            <svg class="size-6" x-show="!open"  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
5933    <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m6-6H6" />
5934</svg>
5935        </span>
5936    </div>
5937
5938    <div class="bg-white rounded-b-md p-2"
5939         x-show="open"
5940         x-cloak
5941         x-collapse
5942    >
5943       <div class="overflow-x-auto  -m-2">
5944        <div x-data="{ showAll: true }">
5945        <table class="sm:min-w-full divide-y divide-gray-300">
5946            <thead class="bg-gray-50">
5947            <tr>
5948                <th scope="col"
5949                    class="whitespace-nowrap py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-6">
5950                    Provider
5951                </th>
5952                <th scope="col"
5953                    class="whitespace-nowrap px-3 py-3.5 text-left text-sm font-semibold text-gray-900">
5954                    Destination
5955                </th>
5956                <th scope="col"
5957                    class="whitespace-nowrap px-3 py-3.5 text-left text-sm font-semibold text-gray-900">
5958                    Cost
5959                </th>
5960            </tr>
5961            </thead>
5962            <tbody class="divide-y divide-gray-200 bg-white">
5963                                            <tr >
5964                    <td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-6 align-top">
5965                        Standard Shipping
5966                                                    <span class="ml-1 inline-flex items-center rounded-full bg-gray-100 px-2 py-0.5 text-xs font-medium text-gray-600">
5967                                Default
5968                            </span>
5969                                            </td>
5970                    <td class="px-3 py-4 text-sm text-gray-900 align-top">
5971                                                    Rest of World
5972                                                <div class="text-gray-400">15 days</div>
5973                    </td>
5974                    <td class="px-3 py-4 text-sm text-gray-600">
5975                        <div class="flex flex-col gap-0.5">
5976                            <div>
5977                                <span class="inline-flex items-center gap-1">
5978                                    <span
5979    x-data="{
5980        options: {
5981            roundingMode: 'halfExpand',
5982            trailingZeroDisplay: 'auto',
5983            minimumFractionDigits: 2,
5984            maximumFractionDigits: 2,
5985            currencyDisplay: 'symbol',
5986        },
5987        get amount() {
5988            return 20.00
5989        },
5990        get displayPrice() {
5991            return $price(new Number(this.amount) * 1, { ...this.options }, 'en-US', 'USD')
5992        },
5993    }"
5994    x-text="displayPrice"
5995    x-cloak
5996    0="class" class="font-semibold text-gray-900"
5997></span>
5998                                                                        </span>
5999                                first item
6000                            </div>
6001                            <div>
6002                                <span class="inline-flex items-center gap-1">
6003                                    <span
6004    x-data="{
6005        options: {
6006            roundingMode: 'halfExpand',
6007            trailingZeroDisplay: 'auto',
6008            minimumFractionDigits: 2,
6009            maximumFractionDigits: 2,
6010            currencyDisplay: 'symbol',
6011        },
6012        get amount() {
6013            return 1.00
6014        },
6015        get displayPrice() {
6016            return $price(new Number(this.amount) * 1, { ...this.options }, 'en-US', 'USD')
6017        },
6018    }"
6019    x-text="displayPrice"
6020    x-cloak
6021    0="class" class="font-semibold text-gray-900"
6022></span>
6023                                                                        </span>
6024                                per additional item
6025                            </div>
6026                                                            <div class="text-gray-400 italic">
6027                                    shipping capped at
6028                                    <span class="inline-flex items-center gap-1">
6029                                        <span
6030    x-data="{
6031        options: {
6032            roundingMode: 'halfExpand',
6033            trailingZeroDisplay: 'auto',
6034            minimumFractionDigits: 2,
6035            maximumFractionDigits: 2,
6036            currencyDisplay: 'symbol',
6037        },
6038        get amount() {
6039            return 35.00
6040        },
6041        get displayPrice() {
6042            return $price(new Number(this.amount) * 1, { ...this.options }, 'en-US', 'USD')
6043        },
6044    }"
6045    x-text="displayPrice"
6046    x-cloak
6047    0="class" class="font-semibold text-gray-500"
6048></span>
6049                                                                                </span>
6050                                </div>
6051                                                    </div>
6052                    </td>
6053                </tr>
6054                                            <tr >
6055                    <td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-6 align-top">
6056                        FedEx
6057                                            </td>
6058                    <td class="px-3 py-4 text-sm text-gray-900 align-top">
6059                                                    Rest of World
6060                                                <div class="text-gray-400">10 days</div>
6061                    </td>
6062                    <td class="px-3 py-4 text-sm text-gray-600">
6063                        <div class="flex flex-col gap-0.5">
6064                            <div>
6065                                <span class="inline-flex items-center gap-1">
6066                                    <span
6067    x-data="{
6068        options: {
6069            roundingMode: 'halfExpand',
6070            trailingZeroDisplay: 'auto',
6071            minimumFractionDigits: 2,
6072            maximumFractionDigits: 2,
6073            currencyDisplay: 'symbol',
6074        },
6075        get amount() {
6076            return 40.00
6077        },
6078        get displayPrice() {
6079            return $price(new Number(this.amount) * 1, { ...this.options }, 'en-US', 'USD')
6080        },
6081    }"
6082    x-text="displayPrice"
6083    x-cloak
6084    0="class" class="font-semibold text-gray-900"
6085></span>
6086                                                                        </span>
6087                                first item
6088                            </div>
6089                            <div>
6090                                <span class="inline-flex items-center gap-1">
6091                                    <span
6092    x-data="{
6093        options: {
6094            roundingMode: 'halfExpand',
6095            trailingZeroDisplay: 'auto',
6096            minimumFractionDigits: 2,
6097            maximumFractionDigits: 2,
6098            currencyDisplay: 'symbol',
6099        },
6100        get amount() {
6101            return 1.00
6102        },
6103        get displayPrice() {
6104            return $price(new Number(this.amount) * 1, { ...this.options }, 'en-US', 'USD')
6105        },
6106    }"
6107    x-text="displayPrice"
6108    x-cloak
6109    0="class" class="font-semibold text-gray-900"
6110></span>
6111                                                                        </span>
6112                                per additional item
6113                            </div>
6114                                                            <div class="text-gray-400 italic">
6115                                    shipping capped at
6116                                    <span class="inline-flex items-center gap-1">
6117                                        <span
6118    x-data="{
6119        options: {
6120            roundingMode: 'halfExpand',
6121            trailingZeroDisplay: 'auto',
6122            minimumFractionDigits: 2,
6123            maximumFractionDigits: 2,
6124            currencyDisplay: 'symbol',
6125        },
6126        get amount() {
6127            return 55.00
6128        },
6129        get displayPrice() {
6130            return $price(new Number(this.amount) * 1, { ...this.options }, 'en-US', 'USD')
6131        },
6132    }"
6133    x-text="displayPrice"
6134    x-cloak
6135    0="class" class="font-semibold text-gray-500"
6136></span>
6137                                                                                </span>
6138                                </div>
6139                                                    </div>
6140                    </td>
6141                </tr>
6142                                            <tr >
6143                    <td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-6 align-top">
6144                        Standard Shipping - Untracked
6145                                            </td>
6146                    <td class="px-3 py-4 text-sm text-gray-900 align-top">
6147                                                    Rest of World
6148                                                <div class="text-gray-400">20 days</div>
6149                    </td>
6150                    <td class="px-3 py-4 text-sm text-gray-600">
6151                        <div class="flex flex-col gap-0.5">
6152                            <div>
6153                                <span class="inline-flex items-center gap-1">
6154                                    <span
6155    x-data="{
6156        options: {
6157            roundingMode: 'halfExpand',
6158            trailingZeroDisplay: 'auto',
6159            minimumFractionDigits: 2,
6160            maximumFractionDigits: 2,
6161            currencyDisplay: 'symbol',
6162        },
6163        get amount() {
6164            return 10.00
6165        },
6166        get displayPrice() {
6167            return $price(new Number(this.amount) * 1, { ...this.options }, 'en-US', 'USD')
6168        },
6169    }"
6170    x-text="displayPrice"
6171    x-cloak
6172    0="class" class="font-semibold text-gray-900"
6173></span>
6174                                                                        </span>
6175                                first item
6176                            </div>
6177                            <div>
6178                                <span class="inline-flex items-center gap-1">
6179                                    <span
6180    x-data="{
6181        options: {
6182            roundingMode: 'halfExpand',
6183            trailingZeroDisplay: 'auto',
6184            minimumFractionDigits: 2,
6185            maximumFractionDigits: 2,
6186            currencyDisplay: 'symbol',
6187        },
6188        get amount() {
6189            return 1.00
6190        },
6191        get displayPrice() {
6192            return $price(new Number(this.amount) * 1, { ...this.options }, 'en-US', 'USD')
6193        },
6194    }"
6195    x-text="displayPrice"
6196    x-cloak
6197    0="class" class="font-semibold text-gray-900"
6198></span>
6199                                                                        </span>
6200                                per additional item
6201                            </div>
6202                                                            <div class="text-gray-400 italic">
6203                                    shipping capped at
6204                                    <span class="inline-flex items-center gap-1">
6205                                        <span
6206    x-data="{
6207        options: {
6208            roundingMode: 'halfExpand',
6209            trailingZeroDisplay: 'auto',
6210            minimumFractionDigits: 2,
6211            maximumFractionDigits: 2,
6212            currencyDisplay: 'symbol',
6213        },
6214        get amount() {
6215            return 25.00
6216        },
6217        get displayPrice() {
6218            return $price(new Number(this.amount) * 1, { ...this.options }, 'en-US', 'USD')
6219        },
6220    }"
6221    x-text="displayPrice"
6222    x-cloak
6223    0="class" class="font-semibold text-gray-500"
6224></span>
6225                                                                                </span>
6226                                </div>
6227                                                    </div>
6228                    </td>
6229                </tr>
6230                                            <tr >
6231                    <td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-6 align-top">
6232                        Standard Shipping
6233                                                    <span class="ml-1 inline-flex items-center rounded-full bg-gray-100 px-2 py-0.5 text-xs font-medium text-gray-600">
6234                                Default
6235                            </span>
6236                                            </td>
6237                    <td class="px-3 py-4 text-sm text-gray-900 align-top">
6238                                                    Italy
6239                                                <div class="text-gray-400">7 days</div>
6240                    </td>
6241                    <td class="px-3 py-4 text-sm text-gray-600">
6242                        <div class="flex flex-col gap-0.5">
6243                            <div>
6244                                <span class="inline-flex items-center gap-1">
6245                                    <span
6246    x-data="{
6247        options: {
6248            roundingMode: 'halfExpand',
6249            trailingZeroDisplay: 'auto',
6250            minimumFractionDigits: 2,
6251            maximumFractionDigits: 2,
6252            currencyDisplay: 'symbol',
6253        },
6254        get amount() {
6255            return 10.00
6256        },
6257        get displayPrice() {
6258            return $price(new Number(this.amount) * 1, { ...this.options }, 'en-US', 'USD')
6259        },
6260    }"
6261    x-text="displayPrice"
6262    x-cloak
6263    0="class" class="font-semibold text-gray-900"
6264></span>
6265                                                                        </span>
6266                                first item
6267                            </div>
6268                            <div>
6269                                <span class="inline-flex items-center gap-1">
6270                                    <span
6271    x-data="{
6272        options: {
6273            roundingMode: 'halfExpand',
6274            trailingZeroDisplay: 'auto',
6275            minimumFractionDigits: 2,
6276            maximumFractionDigits: 2,
6277            currencyDisplay: 'symbol',
6278        },
6279        get amount() {
6280            return 1.00
6281        },
6282        get displayPrice() {
6283            return $price(new Number(this.amount) * 1, { ...this.options }, 'en-US', 'USD')
6284        },
6285    }"
6286    x-text="displayPrice"
6287    x-cloak
6288    0="class" class="font-semibold text-gray-900"
6289></span>
6290                                                                        </span>
6291                                per additional item
6292                            </div>
6293                                                            <div class="text-gray-400 italic">
6294                                    shipping capped at
6295                                    <span class="inline-flex items-center gap-1">
6296                                        <span
6297    x-data="{
6298        options: {
6299            roundingMode: 'halfExpand',
6300            trailingZeroDisplay: 'auto',
6301            minimumFractionDigits: 2,
6302            maximumFractionDigits: 2,
6303            currencyDisplay: 'symbol',
6304        },
6305        get amount() {
6306            return 15.00
6307        },
6308        get displayPrice() {
6309            return $price(new Number(this.amount) * 1, { ...this.options }, 'en-US', 'USD')
6310        },
6311    }"
6312    x-text="displayPrice"
6313    x-cloak
6314    0="class" class="font-semibold text-gray-500"
6315></span>
6316                                                                                </span>
6317                                </div>
6318                                                    </div>
6319                    </td>
6320                </tr>
6321                        </tbody>
6322        </table>
6323            </div>
6324</div>
6325    </div>
6326</div>
6327    </div>
6328</div>
6329            </div>
6330
6331            <div class="flex flex-col-reverse md:flex-row gap-4 p-3">
6332                <div class="w-full md:w-2/3 space-y-4 flex flex-col">
6333                                            <div class="hidden md:block">
6334                            <div
6335    x-data="{
6336        emblaMain: null,
6337        emblaThumbs: null,
6338        selectedSlide: 0,
6339        hasOverflow: false,
6340        container: null,
6341        showThumbnailStartIndicator: false,
6342        showThumbnailEndIndicator: false,
6343        compact: '',
6344        loading: true,
6345        showFullscreen: false,
6346        canScrollLeft: false,
6347        canScrollRight: false,
6348
6349        checkOverflow() {
6350            this.hasOverflow = this.container.scrollWidth > this.container.clientWidth;
6351        },
6352
6353        checkThumbEnds() {
6354            thumbnailsInView = this.emblaThumbs.slidesInView();
6355
6356            if (! this.hasOverflow || thumbnailsInView.length === 0) {
6357                this.showThumbnailStartIndicator = false;
6358                this.showThumbnailEndIndicator = false;
6359                return;
6360            }
6361
6362            this.showThumbnailStartIndicator = !thumbnailsInView.includes(0);
6363            this.showThumbnailEndIndicator = !thumbnailsInView.includes(this.emblaThumbs.slideNodes().length - 1);
6364        },
6365
6366        init() {
6367            this.container = this.$refs.thumbnailContainer;
6368
6369            this.emblaMain = EmblaCarousel(this.$el.querySelector('.embla__viewport'), { loop: true });
6370            this.emblaThumbs = EmblaCarousel(this.$el.querySelector('.embla-thumbs__viewport'), {
6371              dragFree: true,
6372              inViewThreshold: 0.5,
6373            });
6374
6375           this.canScrollRight = this.emblaMain.canScrollNext();
6376
6377            this.emblaMain.on('select', (slide) => {
6378                this.checkThumbEnds();
6379                this.emblaThumbs.scrollTo(this.emblaMain.selectedScrollSnap());
6380                this.selectedSlide = slide.selectedScrollSnap();
6381            });
6382
6383            this.emblaThumbs.on('select', () => {
6384                this.checkThumbEnds();
6385               this.emblaMain.scrollTo(this.emblaThumbs.selectedScrollSnap());
6386            });
6387
6388            this.checkOverflow();
6389
6390            this.showThumbnailEndIndicator = this.hasOverflow;
6391
6392            if (this.hasOverflow) {
6393                this.emblaThumbs.on('settle', () => {
6394                    this.checkThumbEnds();
6395                });
6396            }
6397
6398            this.$watch('showFullscreen', value => {
6399                if (value) {
6400                    document.body.classList.add('overflow-hidden')
6401                } else {
6402                    document.body.classList.remove('overflow-hidden')
6403                }
6404            })
6405        },
6406
6407        toggleFullscreen() {
6408            this.showFullscreen = !this.showFullscreen;
6409        },
6410
6411        selectSlide(index) {
6412            this.emblaMain.scrollTo(index);
6413        },
6414
6415        scrollRight() {
6416            this.emblaMain.scrollNext();
6417        },
6418
6419        scrollLeft() {
6420            this.emblaMain.scrollPrev();
6421        },
6422
6423        scrollThumbRight() {
6424            const slides = this.emblaThumbs.slidesInView();
6425
6426            this.emblaThumbs.scrollTo(slides[slides.length - 1] + 1);
6427        },
6428
6429        scrollThumbLeft() {
6430            const slides = this.emblaThumbs.slidesInView();
6431
6432            this.emblaThumbs.scrollTo(slides[0] - 1);
6433        },
6434    }"
6435    :class="showFullscreen ? 'fixed sm:px-10 top-0 left-0 right-0 bottom-0 flex flex-col bg-black gallery z-[20]' : 'relative'"
6436    x-on:resize.window.throttle="checkOverflow()"
6437    @img-loaded.window="loading = false"
6438>
6439    <button x-show="showFullscreen" class="fixed top-3 z-10 right-3 gap-2 items-center">
6440        <svg x-on:click="toggleFullscreen" class="size-8 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
6441    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
6442</svg>
6443    </button>
6444
6445    <!-- Main Carousel -->
6446    <div class="embla m-auto relative w-full">
6447        <div class="absolute flex justify-center items-center h-full left-1.5"
6448             x-on:click="scrollLeft"
6449        >
6450            <div class="shadow cursor-pointer hidden sm:flex border rounded justify-center items-center size-10 z-[9]"
6451                 :class="[
6452                    showFullscreen ? 'bg-black/60 text-white border-white' : 'bg-white text-gray-900 border',
6453                 ]"
6454            >
6455                <svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
6456    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
6457</svg>
6458            </div>
6459        </div>
6460        <div class="absolute flex justify-center items-center h-full right-1.5"
6461             x-on:click="scrollRight"
6462        >
6463            <div class="shadow cursor-pointer hidden sm:flex border rounded justify-center items-center size-10 z-[9]"
6464                 :class="[
6465                    showFullscreen ? 'bg-black/60 text-white border-white' : 'bg-white text-gray-900 border',
6466                ]"
6467            >
6468                <svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
6469    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
6470</svg>
6471            </div>
6472        </div>
6473        <div class="embla__viewport mx-auto overflow-hidden"
6474             :class="[
6475                !showFullscreen && compact ? 'sm:!size-[430px]' : ''
6476            ]"
6477        >
6478            <div
6479                x-show="!loading"
6480                x-cloak
6481                class="embla__container flex touch-pan-y touch-pinch-zoom ml-[-4] size-full space-x-5"
6482            >
6483                                                            <div
6484                            class="embla__slide flex justify-center items-center bg-black translate-z-0 flex-shrink-0 w-full min-w-0"
6485                        >
6486                            <video class="video-js vjs-default-skin"
6487           x-data="{
6488               player: null,
6489               init() {
6490                   this.$refs.video.id = $id('video-container');
6491                   this.player = videojs(this.$refs.video.id);
6492                   this.player.ready(() => {
6493                       this.player.src({
6494                           techOrder: ['youtube', 'html5'],
6495                           type: 'video/' + 'mp4',
6496                           src: 'https:\/\/liveplatforms-production.b-cdn.net\/tenants\/oa\/uploads\/movies\/1750000-1754999\/1753035\/e449aed0-c491-4b4e-af6d-a64bdf8d43a6.mp4'                       });
6497                   });
6498               }
6499           }"
6500           x-ref="video"
6501           controls
6502           loop
6503           fill="true"
6504           data-setup="{}">
6505    </video>
6506                        </div>
6507                                                                                <div class="embla__slide translate-z-0 flex-shrink-0 w-full min-w-0 flex m-auto">
6508                            <template x-if="showFullscreen">
6509                                <div class="!max-h-[80vh] mx-auto">
6510                                    <div
6511        x-data="{
6512            zoom: false,
6513            dragging: false,
6514            offsetX: 0,
6515            offsetY: 0,
6516            start: null,
6517            offsetXLimit: null,
6518            offsetYLimit: null,
6519            zoomedScale: 3,
6520            url: 'https://liveplatforms-production.b-cdn.net/tenants/
6520oa/uploads/images/1750000-1754999/1753035/d07c5ab4-1304-4d23-a2df-f6ed44ce11d4.jpeg',
6521
6522            resetZoom() {
6523                this.zoom = false
6524                setTimeout(() => {
6525                    this.offsetX = 0
6526                    this.offsetY = 0
6527                    this.offsetXLimit = null
6528                    this.offsetYLimit = null
6529                }, 300)
6530            },
6531
6532            onPointerDown(e) {
6533                if (!this.zoom) return
6534                this.start = { x: e.clientX, y: e.clientY }
6535                e.target.setPointerCapture(e.pointerId)
6536                e.preventDefault()
6537            },
6538
6539            onPointerMove(e) {
6540                if (!this.start) return
6541                this.dragging = true
6542
6543                const imageRect = this.$refs.image.getBoundingClientRect()
6544                const containerRect = this.$refs.imageContainer.getBoundingClientRect()
6545
6546                let newOffsetX = this.offsetX + (e.clientX - this.start.x)
6547                let newOffsetY = this.offsetY + (e.clientY - this.start.y)
6548
6549                if (imageRect.left > containerRect.left || imageRect.right < containerRect.right) {
6550                    this.offsetXLimit = Math.abs(this.offsetX)
6551                }
6552                if (imageRect.bottom < containerRect.bottom || imageRect.top > containerRect.top) {
6553                    this.offsetYLimit = Math.abs(this.offsetY)
6554                }
6555
6556                const pos = this.calculateNewImagePosition(newOffsetX, newOffsetY)
6557                this.offsetX = pos.x
6558                this.offsetY = pos.y
6559                this.start = { x: e.clientX, y: e.clientY }
6560            },
6561
6562            onPointerUp() {
6563                this.dragging = false
6564                this.start = null
6565            },
6566
6567            onPointerCancel() {
6568                this.dragging = false
6569                this.start = null
6570            },
6571
6572            calculateNewImagePosition(x, y) {
6573                let newX = this.offsetXLimit
6574                    ? Math.min(Math.max(x, -Math.abs(this.offsetXLimit)), Math.abs(this.offsetXLimit))
6575                    : x
6576                let newY = this.offsetYLimit
6577                    ? Math.min(Math.max(y, -Math.abs(this.offsetYLimit)), Math.abs(this.offsetYLimit))
6578                    : y
6579                return { x: newX, y: newY }
6580            },
6581
6582            init () {
6583                if (this.imageUrl) {
6584                    this.url = this.imageUrl
6585                }
6586            },
6587        }"
6588        class="relative size-full"
6589    >
6590        <img
6591            :src="url"
6592            alt="d07c5ab4-1304-4d23-a2df-f6ed44ce11d4.jpeg"
6593            class="object-contain size-full cursor-zoom-in select-none"
6594            @click="zoom = true"
6595        />
6596
6597        <template x-teleport="body">
6598            <div
6599                x-ref="imageContainer"
6600                x-show="zoom"
6601                class="fixed inset-0 bg-black z-50 overflow-hidden flex items-center justify-center"
6602                x-transition:enter="transition ease-out duration-200"
6603                x-transition:enter-start="opacity-0 scale-90"
6604                x-transition:enter-end="opacity-100 scale-100"
6605                x-transition:leave="transition ease-in duration-200"
6606                x-transition:leave-start="opacity-100 scale-100"
6607                x-transition:leave-end="opacity-0 scale-90"
6608            >
6609                <div
6610                    class="fixed top-3 rounded p-0.5 border-4 border-primary-500 bg-black/40 right-3 text-white cursor-pointer z-50 hover:bg-black hover:scale-110 transition-all ease-in-out duration-300"
6611                    @click="resetZoom">
6612                    <svg
6613    xmlns="http://www.w3.org/2000/svg"
6614    viewBox="0 0 24 24"
6615    fill="currentColor"
6616    class="size-6 size-8">
6617    <path fill-rule="evenodd"
6618          d="M10.5 3.75a6.75 6.75 0 1 0 0 13.5 6.75 6.75 0 0 0 0-13.5ZM2.25 10.5a8.25 8.25 0 1 1 14.59 5.28l4.69 4.69a.75.75 0 1 1-1.06 1.06l-4.69-4.69A8.25 8.25 0 0 1 2.25 10.5Zm4.5 0a.75.75 0 0 1 .75-.75h6a.75.75 0 0 1 0 1.5h-6a.75.75 0 0 1-.75-.75Z"
6619          clip-rule="evenodd" />
6620</svg>
6621                </div>
6622
6623                <img
6624                    x-ref="image"
6625                    @pointerdown="onPointerDown"
6626                    @pointermove="onPointerMove"
6627                    @pointerup="onPointerUp"
6628                    @pointercancel="onPointerCancel"
6629                    :src="url"
6630                    alt="d07c5ab4-1304-4d23-a2df-f6ed44ce11d4.jpeg"
6631                    class="object-contain select-none"
6632                    style="touch-action: none"
6633                    :class="[ dragging ? 'cursor-grabbing' : 'cursor-grab' ]"
6634                    :style="{
6635                        transform: `translate3d(${offsetX}px, ${offsetY}px, 0) scale(${zoomedScale})`,
6636                        transition: dragging ? 'none' : 'transform 0.1s ease-out'
6637                    }"
6638                />
6639            </div>
6640        </template>
6641    </div>
6642                                </div>
6643                            </template>
6644                            <template x-if="!showFullscreen">
6645                                <div
6646                                    class="cursor-zoom-in mx-auto max-h-[400px] md:max-h-[650px] size-[600px] md:size-[500px] lg:size-[700px]"
6647                                    x-on:click="toggleFullscreen"
6648                                >
6649                                    <img
6650        src="https://liveplatforms-production.b-cdn.net/tenants/
6650oa/uploads/images/1750000-1754999/1753035/d07c5ab4-1304-4d23-a2df-f6ed44ce11d4.jpeg"
6651        alt="d07c5ab4-1304-4d23-a2df-f6ed44ce11d4.jpeg"
6652        class="object-cover object-center mx-auto size-full"
6653        onload="Livewire.dispatch('img-loaded')"
6654    />
6655                                </div>
6656                            </template>
6657                        </div>
6658                                                </div>
6659                            <div
6660                    x-show="loading"
6661                    class="bg-black size-full flex justify-center items-center max-h-[400px] md:max-h-[650px] h-[600px] md:h-[500px] lg:h-[700px]"
6662                >
6663                    <svg class="w-4 h-4 animate-spin animate-spin size-24 text-gray-400" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
6664    <circle style="fill: transparent; stroke:currentColor; stroke-linecap: round; stroke-dasharray: 240; stroke-dashoffset: 280; stroke-width: 10px" cx="50" cy="50" r="45"/>
6665</svg>
6666                </div>
6667                    </div>
6668    </div>
6669    <!-- Thumbs Carousel -->
6670    <div class="embla-thumbs mt-4 mx-4 md:mx-0">
6671        
6672        <div x-show="showThumbnailStartIndicator"
6673             class="pointer-events-none absolute top-0 right-left flex justify-start items-end h-full z-10"
6674        >
6675            <div
6676                x-on:click="scrollThumbLeft"
6677                class="pointer-events-auto transition-all duration-300 ease-in-out bg-gradient-to-r from-black via-black to-transparent h-16 sm:h-24 w-8 hover:w-10 flex justify-start items-center cursor-pointer"
6678            >
6679                <svg class="h-6 w-6 size-12 text-gray-100" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
6680    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
6681</svg>
6682            </div>
6683        </div>
6684        <div x-show="showThumbnailEndIndicator"
6685             class=" pointer-events-none absolute top-0 right-0 flex justify-end items-end h-full z-10"
6686        >
6687            <div
6688                x-on:click="scrollThumbRight"
6689                class="pointer-events-auto transition-all duration-300 ease-in-out bg-gradient-to-r from-transparent via-black to-black h-16 sm:h-24 w-8 hover:w-10  flex justify-end items-center cursor-pointer"
6690            >
6691                <svg class="h-6 w-6 size-12 text-gray-100" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
6692    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
6693</svg>
6694            </div>
6695        </div>
6696
6697        <div class="embla-thumbs__viewport overflow-hidden">
6698            <div class="embla-thumbs__container flex gap-5" x-ref="thumbnailContainer">
6699                                    <div class="embla-thumbs__slide flex-shrink-0 min-w-0" key="9372780">
6700                        <button
6701                            :class="{ 'border-4 border-primary-500': selectedSlide === 0 }"
6702                            class="embla-thumbs__slide__number relative appearance-none cursor-pointer flex items-center justify-center touch-manipulation transition-all duration-150 ease-in-out size-16 md:size-24"
6703                            x-on:click="selectSlide(0)"
6704                            type="button"
6705                            style="background-image: url('https://liveplatforms-production.b-cdn.net/tenants/oa/uploads/movies/1750000-1754999/1753035/e449aed0-c491-4b4e-af6d-a64bdf8d43a6.0000000.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat;"
6706                        >
6707                                                            <div class="absolute inset-0 flex items-center justify-center opacity-90">
6708                                    <svg class="text-gray-200 size-12 sm:size-16 fill-red-600" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
6709    <path stroke-linecap="round" stroke-linejoin="round" d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
6710    <path stroke-linecap="round" stroke-linejoin="round" d="M15.91 11.672a.375.375 0 010 .656l-5.603 3.113a.375.375 0 01-.557-.328V8.887c0-.286.307-.466.557-.327l5.603 3.112z" />
6711</svg>
6712                                </div>
6713                                                    </button>
6714                    </div>
6715                                    <div class="embla-thumbs__slide flex-shrink-0 min-w-0" key="9372779">
6716                        <button
6717                            :class="{ 'border-4 border-primary-500': selectedSlide === 1 }"
6718                            class="embla-thumbs__slide__number relative appearance-none cursor-pointer flex items-center justify-center touch-manipulation transition-all duration-150 ease-in-out size-16 md:size-24"
6719                            x-on:click="selectSlide(1)"
6720                            type="button"
6721                            style="background-image: url('https://liveplatforms-production.b-cdn.net/tenants/
6721oa/uploads/images/1750000-1754999/1753035/d07c5ab4-1304-4d23-a2df-f6ed44ce11d4.jpeg?width=480&amp;aspect_ratio=1001%3A1000'); background-size: cover; background-position: center; background-repeat: no-repeat;"
6722                        >
6723                                                    </button>
6724                    </div>
6725                            </div>
6726        </div>
6727    </div>
6728</div>
6729                        </div>
6730                                        <div class="hidden md:flex flex-col">
6731                        <div x-ref="accord" class="w-full">
6732    <div class="flex flex-col w-full items-center">
6733        <div x-data="{open: true}" class="w-full bg-gray-100">
6734    <div
6735        class="flex justify-between w-full text-lg font-semibold whitespace-nowrap cursor-pointer"
6736        @click="open = ! open"
6737    >
6738        <div class="border-b-2 border-indigo-500 py-2.5 pl-1">
6739            Details
6740        </div>
6741
6742        <span x-cloak class="flex w-full justify-end items-center px-2 py-2.5" tabindex="-1">
6743            <svg class="size-6" x-show="open"  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
6744    <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
6745</svg>
6746            <svg class="size-6" x-show="!open"  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
6747    <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m6-6H6" />
6748</svg>
6749        </span>
6750    </div>
6751
6752    <div class="bg-white rounded-b-md p-2"
6753         x-show="open"
6754         x-cloak
6755         x-collapse
6756    >
6757       <div>
6758                                    <dl class="grid grid-cols-1 divide-y odd:divide-gray-100">
6759                                        <div class="text-gray-600 text-sm w-full grid grid-cols-2 p-4">
6760                                            <dt class="font-bold">SKU</dt>
6761                                            <dd></dd>
6762                                        </div>
6763
6764                                        <div class="text-gray-600 text-sm w-full grid grid-cols-2 p-4">
6765                                            <dt class="font-bold">Dimensions (mm)</dt>
6766                                            <dd>5 x 10 x 15
6767                                                mm
6768                                            </dd>
6769                                        </div>
6770
6771                                        <div class="text-gray-600 text-sm w-full grid grid-cols-2 p-4">
6772                                            <dt class="font-bold">Weight (cts)</dt>
6773                                            <dd>80.7</dd>
6774                                        </div>
6775
6776                                                                                    <div class="text-gray-600 text-sm w-full grid grid-cols-2 p-4">
6777                                                <dt class="font-bold">Shape</dt>
6778                                                <dd>Freeform</dd>
6779                                            </div>
6780                                                                                    <div class="text-gray-600 text-sm w-full grid grid-cols-2 p-4">
6781                                                <dt class="font-bold">Type</dt>
6782                                                <dd>Rough</dd>
6783                                            </div>
6784                                        
6785                                                                                    <div class="text-gray-600 text-sm w-full grid grid-cols-2 p-4">
6786                                                <dt class="font-bold">Colours</dt>
6787                                                <dd>
6788                                                    <div class="flex flex-wrap gap-1.5">
6789                                                                                                            </div>
6790                                                </dd>
6791                                            </div>
6792                                                                            </dl>
6793                                </div>
6794    </div>
6795</div>
6796
6797                            <div x-data="{open: true}" class="w-full bg-gray-100">
6798    <div
6799        class="flex justify-between w-full text-lg font-semibold whitespace-nowrap cursor-pointer"
6800        @click="open = ! open"
6801    >
6802        <div class="border-b-2 border-indigo-500 py-2.5 pl-1">
6803            Description
6804        </div>
6805
6806        <span x-cloak class="flex w-full justify-end items-center px-2 py-2.5" tabindex="-1">
6807            <svg class="size-6" x-show="open"  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
6808    <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
6809</svg>
6810            <svg class="size-6" x-show="!open"  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
6811    <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m6-6H6" />
6812</svg>
6813        </span>
6814    </div>
6815
6816    <div class="bg-white rounded-b-md p-2"
6817         x-show="open"
6818         x-cloak
6819         x-collapse
6820    >
6821       <div class="p-4 prose max-w-none break-words"><p></p><h2><strong>Checkout our other NO RESERVE Auctions</strong></h2><p></p><h3>We have no time limit for payment. You can add as many items as you want to the same order</h3><p></p><p><strong>Natural Ethiopian Welo Opal Rough – Play-of-Color Gemstone Material</strong></p><p></p><p><strong>Beautiful natural Ethiopian Welo opal rough featuring vivid play-of-color with bright flashes visible from multiple angles. This material is suitable for cabochon cutting, carving, polishing, specimen collection, or other lapidary work.</strong></p><p></p><p><strong>All stones in this listing are natural and untreated rough opals sourced from Ethiopia. Photos and video are taken under white lighting to provide an accurate representation of the material’s color and appearance.</strong></p><p></p><p><strong>You will receive the exact lot shown in the listing.</strong></p><p></p><p></p><p><strong>Details</strong></p><p><strong>- Origin: Ethiopia (Welo)</strong></p><p><strong>- Type: Natural Opal Rough</strong></p><p><strong>- Treatment: None</strong></p><p><strong>- Condition: Rough / Uncut</strong></p><p><strong>- Play-of-Color: Multicolor flashes</strong></p><p><strong>- Size (mm): 5-10-15 mm</strong></p><p><strong>- Weight (carats): 2-9 ct</strong></p><p></p><p><strong>Please note that natural opal rough may contain inclusions, crazing lines, potch areas, pits, sand traces, or other natural surface imperfections typical of untreated material.</strong></p><p></p><p><strong>Images are magnified to show detail. Color appearance may vary slightly depending on lighting conditions, screen settings, and viewing angles.</strong></p><p></p><p><strong>Shipping:</strong></p><p><strong>Orders are packed securely and shipped with care. Combined shipping is available for multiple purchases.</strong></p><p></p><p><strong>Returns:</strong></p><p><strong>Returns are accepted within 14 days of receiving the item. Items must be returned in original condition.</strong></p><p><strong>Modified, cut, or polished stones are not eligible for return.</strong></p><p></p><p><strong>Please feel free to contact us with any questions regarding the material or if you require additional information about the lot.</strong></p><p></p><p></p><p><strong>About Us:</strong></p><p><strong>Verdah Opal has specialized in Ethiopian opals since 2017. With extensive experience in the field, all our opals are ethically mined and sourced directly from the mines. We strive to offer the best possible price-to-quality ratio.</strong></p></div>
6822    </div>
6823</div>
6824
6825                                                            <div x-data="{open: true}" class="w-full bg-gray-100" id="shipping">
6826    <div
6827        class="flex justify-between w-full text-lg font-semibold whitespace-nowrap cursor-pointer"
6828        @click="open = ! open"
6829    >
6830        <div class="border-b-2 border-indigo-500 py-2.5 pl-1">
6831            Shipping
6832        </div>
6833
6834        <span x-cloak class="flex w-full justify-end items-center px-2 py-2.5" tabindex="-1">
6835            <svg class="size-6" x-show="open"  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
6836    <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
6837</svg>
6838            <svg class="size-6" x-show="!open"  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
6839    <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m6-6H6" />
6840</svg>
6841        </span>
6842    </div>
6843
6844    <div class="bg-white rounded-b-md p-2"
6845         x-show="open"
6846         x-cloak
6847         x-collapse
6848    >
6849       <div class="overflow-x-auto text-xs md:text-base rounded-b">
6850                                        <div class="overflow-x-auto">
6851        <div x-data="{ showAll: true }">
6852        <table class="sm:min-w-full divide-y divide-gray-300">
6853            <thead class="bg-gray-50">
6854            <tr>
6855                <th scope="col"
6856                    class="whitespace-nowrap py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-6">
6857                    Provider
6858                </th>
6859                <th scope="col"
6860                    class="whitespace-nowrap px-3 py-3.5 text-left text-sm font-semibold text-gray-900">
6861                    Destination
6862                </th>
6863                <th scope="col"
6864                    class="whitespace-nowrap px-3 py-3.5 text-left text-sm font-semibold text-gray-900">
6865                    Cost
6866                </th>
6867            </tr>
6868            </thead>
6869            <tbody class="divide-y divide-gray-200 bg-white">
6870                                            <tr >
6871                    <td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-6 align-top">
6872                        Standard Shipping
6873                                                    <span class="ml-1 inline-flex items-center rounded-full bg-gray-100 px-2 py-0.5 text-xs font-medium text-gray-600">
6874                                Default
6875                            </span>
6876                                            </td>
6877                    <td class="px-3 py-4 text-sm text-gray-900 align-top">
6878                                                    Rest of World
6879                                                <div class="text-gray-400">15 days</div>
6880                    </td>
6881                    <td class="px-3 py-4 text-sm text-gray-600">
6882                        <div class="flex flex-col gap-0.5">
6883                            <div>
6884                                <span class="inline-flex items-center gap-1">
6885                                    <span
6886    x-data="{
6887        options: {
6888            roundingMode: 'halfExpand',
6889            trailingZeroDisplay: 'auto',
6890            minimumFractionDigits: 2,
6891            maximumFractionDigits: 2,
6892            currencyDisplay: 'symbol',
6893        },
6894        get amount() {
6895            return 20.00
6896        },
6897        get displayPrice() {
6898            return $price(new Number(this.amount) * 1, { ...this.options }, 'en-US', 'USD')
6899        },
6900    }"
6901    x-text="displayPrice"
6902    x-cloak
6903    0="class" class="font-semibold text-gray-900"
6904></span>
6905                                                                        </span>
6906                                first item
6907                            </div>
6908                            <div>
6909                                <span class="inline-flex items-center gap-1">
6910                                    <span
6911    x-data="{
6912        options: {
6913            roundingMode: 'halfExpand',
6914            trailingZeroDisplay: 'auto',
6915            minimumFractionDigits: 2,
6916            maximumFractionDigits: 2,
6917            currencyDisplay: 'symbol',
6918        },
6919        get amount() {
6920            return 1.00
6921        },
6922        get displayPrice() {
6923            return $price(new Number(this.amount) * 1, { ...this.options }, 'en-US', 'USD')
6924        },
6925    }"
6926    x-text="displayPrice"
6927    x-cloak
6928    0="class" class="font-semibold text-gray-900"
6929></span>
6930                                                                        </span>
6931                                per additional item
6932                            </div>
6933                                                            <div class="text-gray-400 italic">
6934                                    shipping capped at
6935                                    <span class="inline-flex items-center gap-1">
6936                                        <span
6937    x-data="{
6938        options: {
6939            roundingMode: 'halfExpand',
6940            trailingZeroDisplay: 'auto',
6941            minimumFractionDigits: 2,
6942            maximumFractionDigits: 2,
6943            currencyDisplay: 'symbol',
6944        },
6945        get amount() {
6946            return 35.00
6947        },
6948        get displayPrice() {
6949            return $price(new Number(this.amount) * 1, { ...this.options }, 'en-US', 'USD')
6950        },
6951    }"
6952    x-text="displayPrice"
6953    x-cloak
6954    0="class" class="font-semibold text-gray-500"
6955></span>
6956                                                                                </span>
6957                                </div>
6958                                                    </div>
6959                    </td>
6960                </tr>
6961                                            <tr >
6962                    <td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-6 align-top">
6963                        FedEx
6964                                            </td>
6965                    <td class="px-3 py-4 text-sm text-gray-900 align-top">
6966                                                    Rest of World
6967                                                <div class="text-gray-400">10 days</div>
6968                    </td>
6969                    <td class="px-3 py-4 text-sm text-gray-600">
6970                        <div class="flex flex-col gap-0.5">
6971                            <div>
6972                                <span class="inline-flex items-center gap-1">
6973                                    <span
6974    x-data="{
6975        options: {
6976            roundingMode: 'halfExpand',
6977            trailingZeroDisplay: 'auto',
6978            minimumFractionDigits: 2,
6979            maximumFractionDigits: 2,
6980            currencyDisplay: 'symbol',
6981        },
6982        get amount() {
6983            return 40.00
6984        },
6985        get displayPrice() {
6986            return $price(new Number(this.amount) * 1, { ...this.options }, 'en-US', 'USD')
6987        },
6988    }"
6989    x-text="displayPrice"
6990    x-cloak
6991    0="class" class="font-semibold text-gray-900"
6992></span>
6993                                                                        </span>
6994                                first item
6995                            </div>
6996                            <div>
6997                                <span class="inline-flex items-center gap-1">
6998                                    <span
6999    x-data="{
7000        options: {
7001            roundingMode: 'halfExpand',
7002            trailingZeroDisplay: 'auto',
7003            minimumFractionDigits: 2,
7004            maximumFractionDigits: 2,
7005            currencyDisplay: 'symbol',
7006        },
7007        get amount() {
7008            return 1.00
7009        },
7010        get displayPrice() {
7011            return $price(new Number(this.amount) * 1, { ...this.options }, 'en-US', 'USD')
7012        },
7013    }"
7014    x-text="displayPrice"
7015    x-cloak
7016    0="class" class="font-semibold text-gray-900"
7017></span>
7018                                                                        </span>
7019                                per additional item
7020                            </div>
7021                                                            <div class="text-gray-400 italic">
7022                                    shipping capped at
7023                                    <span class="inline-flex items-center gap-1">
7024                                        <span
7025    x-data="{
7026        options: {
7027            roundingMode: 'halfExpand',
7028            trailingZeroDisplay: 'auto',
7029            minimumFractionDigits: 2,
7030            maximumFractionDigits: 2,
7031            currencyDisplay: 'symbol',
7032        },
7033        get amount() {
7034            return 55.00
7035        },
7036        get displayPrice() {
7037            return $price(new Number(this.amount) * 1, { ...this.options }, 'en-US', 'USD')
7038        },
7039    }"
7040    x-text="displayPrice"
7041    x-cloak
7042    0="class" class="font-semibold text-gray-500"
7043></span>
7044                                                                                </span>
7045                                </div>
7046                                                    </div>
7047                    </td>
7048                </tr>
7049                                            <tr >
7050                    <td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-6 align-top">
7051                        Standard Shipping - Untracked
7052                                            </td>
7053                    <td class="px-3 py-4 text-sm text-gray-900 align-top">
7054                                                    Rest of World
7055                                                <div class="text-gray-400">20 days</div>
7056                    </td>
7057                    <td class="px-3 py-4 text-sm text-gray-600">
7058                        <div class="flex flex-col gap-0.5">
7059                            <div>
7060                                <span class="inline-flex items-center gap-1">
7061                                    <span
7062    x-data="{
7063        options: {
7064            roundingMode: 'halfExpand',
7065            trailingZeroDisplay: 'auto',
7066            minimumFractionDigits: 2,
7067            maximumFractionDigits: 2,
7068            currencyDisplay: 'symbol',
7069        },
7070        get amount() {
7071            return 10.00
7072        },
7073        get displayPrice() {
7074            return $price(new Number(this.amount) * 1, { ...this.options }, 'en-US', 'USD')
7075        },
7076    }"
7077    x-text="displayPrice"
7078    x-cloak
7079    0="class" class="font-semibold text-gray-900"
7080></span>
7081                                                                        </span>
7082                                first item
7083                            </div>
7084                            <div>
7085                                <span class="inline-flex items-center gap-1">
7086                                    <span
7087    x-data="{
7088        options: {
7089            roundingMode: 'halfExpand',
7090            trailingZeroDisplay: 'auto',
7091            minimumFractionDigits: 2,
7092            maximumFractionDigits: 2,
7093            currencyDisplay: 'symbol',
7094        },
7095        get amount() {
7096            return 1.00
7097        },
7098        get displayPrice() {
7099            return $price(new Number(this.amount) * 1, { ...this.options }, 'en-US', 'USD')
7100        },
7101    }"
7102    x-text="displayPrice"
7103    x-cloak
7104    0="class" class="font-semibold text-gray-900"
7105></span>
7106                                                                        </span>
7107                                per additional item
7108                            </div>
7109                                                            <div class="text-gray-400 italic">
7110                                    shipping capped at
7111                                    <span class="inline-flex items-center gap-1">
7112                                        <span
7113    x-data="{
7114        options: {
7115            roundingMode: 'halfExpand',
7116            trailingZeroDisplay: 'auto',
7117            minimumFractionDigits: 2,
7118            maximumFractionDigits: 2,
7119            currencyDisplay: 'symbol',
7120        },
7121        get amount() {
7122            return 25.00
7123        },
7124        get displayPrice() {
7125            return $price(new Number(this.amount) * 1, { ...this.options }, 'en-US', 'USD')
7126        },
7127    }"
7128    x-text="displayPrice"
7129    x-cloak
7130    0="class" class="font-semibold text-gray-500"
7131></span>
7132                                                                                </span>
7133                                </div>
7134                                                    </div>
7135                    </td>
7136                </tr>
7137                                            <tr >
7138                    <td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-6 align-top">
7139                        Standard Shipping
7140                                                    <span class="ml-1 inline-flex items-center rounded-full bg-gray-100 px-2 py-0.5 text-xs font-medium text-gray-600">
7141                                Default
7142                            </span>
7143                                            </td>
7144                    <td class="px-3 py-4 text-sm text-gray-900 align-top">
7145                                                    Italy
7146                                                <div class="text-gray-400">7 days</div>
7147                    </td>
7148                    <td class="px-3 py-4 text-sm text-gray-600">
7149                        <div class="flex flex-col gap-0.5">
7150                            <div>
7151                                <span class="inline-flex items-center gap-1">
7152                                    <span
7153    x-data="{
7154        options: {
7155            roundingMode: 'halfExpand',
7156            trailingZeroDisplay: 'auto',
7157            minimumFractionDigits: 2,
7158            maximumFractionDigits: 2,
7159            currencyDisplay: 'symbol',
7160        },
7161        get amount() {
7162            return 10.00
7163        },
7164        get displayPrice() {
7165            return $price(new Number(this.amount) * 1, { ...this.options }, 'en-US', 'USD')
7166        },
7167    }"
7168    x-text="displayPrice"
7169    x-cloak
7170    0="class" class="font-semibold text-gray-900"
7171></span>
7172                                                                        </span>
7173                                first item
7174                            </div>
7175                            <div>
7176                                <span class="inline-flex items-center gap-1">
7177                                    <span
7178    x-data="{
7179        options: {
7180            roundingMode: 'halfExpand',
7181            trailingZeroDisplay: 'auto',
7182            minimumFractionDigits: 2,
7183            maximumFractionDigits: 2,
7184            currencyDisplay: 'symbol',
7185        },
7186        get amount() {
7187            return 1.00
7188        },
7189        get displayPrice() {
7190            return $price(new Number(this.amount) * 1, { ...this.options }, 'en-US', 'USD')
7191        },
7192    }"
7193    x-text="displayPrice"
7194    x-cloak
7195    0="class" class="font-semibold text-gray-900"
7196></span>
7197                                                                        </span>
7198                                per additional item
7199                            </div>
7200                                                            <div class="text-gray-400 italic">
7201                                    shipping capped at
7202                                    <span class="inline-flex items-center gap-1">
7203                                        <span
7204    x-data="{
7205        options: {
7206            roundingMode: 'halfExpand',
7207            trailingZeroDisplay: 'auto',
7208            minimumFractionDigits: 2,
7209            maximumFractionDigits: 2,
7210            currencyDisplay: 'symbol',
7211        },
7212        get amount() {
7213            return 15.00
7214        },
7215        get displayPrice() {
7216            return $price(new Number(this.amount) * 1, { ...this.options }, 'en-US', 'USD')
7217        },
7218    }"
7219    x-text="displayPrice"
7220    x-cloak
7221    0="class" class="font-semibold text-gray-500"
7222></span>
7223                                                                                </span>
7224                                </div>
7225                                                    </div>
7226                    </td>
7227                </tr>
7228                        </tbody>
7229        </table>
7230            </div>
7231</div>
7232                                    </div>
7233    </div>
7234</div>
7235    </div>
7236</div>
7237                    </div>
7238
7239                    <div x-ref="accord" class="w-full">
7240    <div class="flex flex-col w-full items-center">
7241        <div x-data="{open: true}" class="w-full bg-gray-100">
7242    <div
7243        class="flex justify-between w-full text-lg font-semibold whitespace-nowrap cursor-pointer"
7244        @click="open = ! open"
7245    >
7246        <div class="border-b-2 border-indigo-500 py-2.5 pl-1">
7247            Store
7248        </div>
7249
7250        <span x-cloak class="flex w-full justify-end items-center px-2 py-2.5" tabindex="-1">
7251            <svg class="size-6" x-show="open"  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
7252    <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
7253</svg>
7254            <svg class="size-6" x-show="!open"  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
7255    <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m6-6H6" />
7256</svg>
7257        </span>
7258    </div>
7259
7260    <div class="bg-white rounded-b-md p-2"
7261         x-show="open"
7262         x-cloak
7263         x-collapse
7264    >
7265       <div class="space-y-2">
7266    <div class="flex flex-col sm:flex-row gap-4 bg-white p-4">
7267                                    <a href="https://www.opalauctions.com/stores/dahood" class="flex relative justify-center">
7268                    <img
7269                        src="https://liveplatforms-production.b-cdn.net/tenants/oa/uploads/sellers/170604/105294cb-cdb5-423d-bb7d-25511070a3b7.jpeg"
7270                        alt="Ethiopian opal rough 80.7 carats"
7271                        class="block w-full sm:w-36 rounded-md h-32 sm:h-36 object-cover"
7272                    />
7273                </a>
7274                    
7275        <div class="w-full">
7276            
7277            <div class="flex flex-col gap-3 ">
7278                
7279                <div class="space-y-2">
7280                    <div class="space-y-1">
7281                        <div class="flex flex-wrap items-center gap-2">
7282                            <a href="https://www.opalauctions.com/stores/dahood">
7283                                <h2 class="text-xl font-medium break-words hover:text-indigo-500">dahood</h2>
7284                            </a>
7285                                                            <div class="flex items-center justify-center px-2 py-0.5 bg-emerald-100 text-emerald-700 rounded space-x-1 border border-emerald-200">
7286    <svg class="size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
7287    <path fill-rule="evenodd" d="M16.403 12.652a3 3 0 000-5.304 3 3 0 00-3.75-3.751 3 3 0 00-5.305 0 3 3 0 00-3.751 3.75 3 3 0 000 5.305 3 3 0 003.75 3.751 3 3 0 005.305 0 3 3 0 003.751-3.75zm-2.546-4.46a.75.75 0 00-1.214-.883l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clip-rule="evenodd" />
7288</svg>
7289    <span class="font-bold">Verified</span>
7290</div>
7291                                                    </div>
7292
7293                        <a class="flex w-fit items-center gap-1 text-sm text-black hover:text-black/70 hover:underline" href="https://www.opalauctions.com/stores/dahood/feedback">
7294                            <div class="flex items-center">
7295            <svg class="w-4 h-4 h-4 w-4 text-yellow-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
7296    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd" />
7297</svg>
7298            <svg class="w-4 h-4 h-4 w-4 text-yellow-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
7299    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd" />
7300</svg>
7301            <svg class="w-4 h-4 h-4 w-4 text-yellow-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
7302    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd" />
7303</svg>
7304            <svg class="w-4 h-4 h-4 w-4 text-yellow-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
7305    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd" />
7306</svg>
7307            <svg class="w-4 h-4 h-4 w-4 text-yellow-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
7308    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd" />
7309</svg>
7310    
7311    </div>
7312                            View all 1,442 Feedback
7313                        </a>
7314                    </div>
7315
7316                                            <p class="hidden sm:block break-words text-sm text-gray-600">Hello Opal lovers, welcome to our opal store, we specialize in Ethiopian Opal since 2017, we have a....</p>
7317                    
7318                    <div class="space-y-0.5 text-sm text-gray-500">
7319                        <div class="break-words">
7320                                                            Sassari, Italy
7321                                                    </div>
7322                        <div>
7323                            Owned by <a href="https://www.opalauctions.com/profile/dahood" class="hover:underline">dahood</a>
7324                        </div>
7325                    </div>
7326
7327                                    </div>
7328
7329                
7330                <div class="grid grid-cols-2 gap-1 lg:flex lg:flex-wrap lg:items-start lg:gap-2 min-[360px]:grid-cols-3">
7331                                            <a
7332                            href="https://www.opalauctions.com/stores/dahood"
7333                            class="w-full lg:w-auto inline-flex items-center justify-center gap-1 rounded-md border border-gray-200 bg-white p-2 text-xs sm:text-sm font-medium text-black whitespace-nowrap transition duration-150 ease-in-out hover:text-black/70 active:bg-gray-50 active:text-gray-800"
7334                        >
7335                            <svg class="!size-3 sm:!size-4 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
7336     stroke="currentColor" class="w-6 h-6">
7337    <path stroke-linecap="round" stroke-linejoin="round"
7338          d="M13.5 21v-7.5a.75.75 0 01.75-.75h3a.75.75 0 01.75.75V21m-4.5 0H2.36m11.14 0H18m0 0h3.64m-1.39 0V9.349m-16.5 11.65V9.35m0 0a3.001 3.001 0 003.75-.615A2.993 2.993 0 009.75 9.75c.896 0 1.7-.393 2.25-1.016a2.993 2.993 0 002.25 1.016c.896 0 1.7-.393 2.25-1.016a3.001 3.001 0 003.75.614m-16.5 0a3.004 3.004 0 01-.621-4.72L4.318 3.44A1.5 1.5 0 015.378 3h13.243a1.5 1.5 0 011.06.44l1.19 1.189a3 3 0 01-.621 4.72m-13.5 8.65h3.75a.75.75 0 00.75-.75V13.5a.75.75 0 00-.75-.75H6.75a.75.75 0 00-.75.75v3.75c0 .415.336.75.75.75z" />
7339</svg>
7340                            Visit Store
7341                        </a>
7342                    
7343                    
7344                    
7345                    <div wire:snapshot="{&quot;data&quot;:{&quot;store&quot;:[[],{&quot;key&quot;:458,&quot;class&quot;:&quot;store&quot;,&quot;relations&quot;:[&quot;logo&quot;,&quot;paymentSettings&quot;,&quot;paymentSettings.paymentProvider&quot;,&quot;shippingRules&quot;,&quot;shippingRules.shippingProvider&quot;,&quot;country&quot;,&quot;currentLiveEvent&quot;,&quot;user&quot;],&quot;s&quot;:&quot;elmdl&quot;}],&quot;preferenceType&quot;:null,&quot;variant&quot;:&quot;default&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;w9dCiAwZ7FvMcDTGS40y&quot;,&quot;name&quot;:&quot;public.livewire.stores.store-preference-component&quot;,&quot;path&quot;:&quot;products\/ethiopian-opal-rough-807-carats-1753035&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;07ae734115b0e9488730e2f3a84fa93ec1df85a650af4acd8bca5e93b771b53c&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;refreshPreference&quot;]}" wire:id="w9dCiAwZ7FvMcDTGS40y"
7346    x-data="{ open: false }"
7347    @keydown.window.escape="open = false"
7348    @click.outside="open = false"
7349    class="relative w-full sm:w-auto"
7350>
7351    <button
7352        @click="open = !open"
7353        type="button"
7354        class="inline-flex w-full justify-center gap-1 items-center text-xs sm:text-sm leading-5 font-medium text-black hover:text-black/70 focus:outline-none rounded-md active:bg-gray-50 active:text-gray-800 transition ease-in-out duration-150 border border-gray-200 p-2 bg-white"
7355    >
7356                    <span class="flex items-center gap-1 text-xs sm:text-sm font-medium">
7357                                    <svg class="size-4 size-3 sm:size-4"
7358     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"
7359>
7360    <path d="M17 3a2 2 0 0 1 2 2v15a1 1 0 0 1-1.496.868l-4.512-2.578a2 2 0 0 0-1.984 0l-4.512 2.578A1 1 0 0 1 5 20V5a2 2 0 0 1 2-2z"/>
7361</svg>
7362                    Favorite
7363                            </span>
7364        
7365        <svg class="h-6 w-6 !size-3 sm:!size-4 mt-0.5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
7366    <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" />
7367</svg>
7368    </button>
7369
7370    <div
7371        x-show="open"
7372        x-cloak
7373        x-transition:enter="transition ease-out duration-100"
7374        x-transition:enter-start="transform opacity-0 scale-95"
7375        x-transition:enter-end="transform opacity-100 scale-100"
7376        x-transition:leave="transition ease-in duration-75"
7377        x-transition:leave-start="transform opacity-100 scale-100"
7378        x-transition:leave-end="transform opacity-0 scale-95"
7379        class="absolute mt-2 w-52 origin-top-right right-0 sm:origin-top-left sm:left-0 sm:right-auto rounded-md shadow-lg z-50"
7380    >
7381        <div class="rounded-md bg-white shadow-xs ring-1 ring-black/5">
7382            <div class="py-1" role="menu">
7383                                    <button type="button" wire:click="toggle('favourite')" @click="open = false" role="menuitem" class="flex items-center gap-2 text-left w-full px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900">
7384                                                    <svg class="size-4"
7385     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"
7386>
7387    <path d="M17 3a2 2 0 0 1 2 2v15a1 1 0 0 1-1.496.868l-4.512-2.578a2 2 0 0 0-1.984 0l-4.512 2.578A1 1 0 0 1 5 20V5a2 2 0 0 1 2-2z"/>
7388</svg>
7389                            Add to Favorites
7390                                            </button>
7391                
7392                                    <div class="border-t border-gray-100 my-1"></div>
7393
7394                    <button type="button" @click="open = false; $dispatch('confirmHideStore', { storeId: 458 })" role="menuitem" class="flex items-center gap-2 text-left w-full px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900">
7395                        <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
7396    <path d="M3.53 2.47a.75.75 0 00-1.06 1.06l18 18a.75.75 0 101.06-1.06l-18-18zM22.676 12.553a11.249 11.249 0 01-2.631 4.31l-3.099-3.099a5.25 5.25 0 00-6.71-6.71L7.759 4.577a11.217 11.217 0 014.242-.827c4.97 0 9.185 3.223 10.675 7.
739669.12.362.12.752 0 1.113z" />
7397    <path d="M15.75 12c0 .18-.013.357-.037.53l-4.244-4.243A3.75 3.75 0 0115.75 12zM12.53 15.713l-4.243-4.244a3.75 3.75 0 004.243 4.243z" />
7398    <path d="M6.75 12c0-.619.107-1.213.304-1.764l-3.1-3.1a11.25 11.25 0 00-2.63 4.31c-.12.362-.12.752 0 1.114 1.489 4.467 5.704 7.69 10.675 7.69 1.5 0 2.933-.294 4.242-.827l-2.477-2.477A5.25 5.25 0 016.75 12z" />
7399</svg>
7400                        Hide Store
7401                    </button>
7402                
7403                
7404                <div class="border-t border-gray-100 my-1"></div>
7405
7406                <a href="https://www.opalauctions.com/account/settings/store-preferences" role="menuitem" class="flex items-center gap-2 text-left w-full px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-50 hover:text-gray-900">
7407                    <svg class="size-4"
7408          fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
7409        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
7410              d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"></path>
7411      </svg>
7412                    Store Preferences
7413                </a>
7414            </div>
7415        </div>
7416    </div>
7417</div>
7418
7419                                            <a
7420                            href="https://www.opalauctions.com/events?q=dahood"
7421                            class="w-full lg:w-auto inline-flex items-center justify-center gap-1 rounded-md border border-gray-200 bg-white p-2 text-xs sm:text-sm font-medium text-black whitespace-nowrap transition duration-150 ease-in-out hover:text-black/70 active:bg-gray-50 active:text-gray-800"
7422                        >
7423                            <svg class="!size-3 sm:!size-4 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
7424    <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" />
7425</svg>
7426                            Live Events
7427                        </a>
7428                                    </div>
7429            </div>
7430        </div>
7431    </div>
7432
7433    </div>
7434    </div>
7435</div>
7436
7437                        <div x-data="{open: true}" class="w-full bg-gray-100">
7438    <div
7439        class="flex justify-between w-full text-lg font-semibold whitespace-nowrap cursor-pointer"
7440        @click="open = ! open"
7441    >
7442        <div class="border-b-2 border-indigo-500 py-2.5 pl-1">
7443            Recent Feedback
7444        </div>
7445
7446        <span x-cloak class="flex w-full justify-end items-center px-2 py-2.5" tabindex="-1">
7447            <svg class="size-6" x-show="open"  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
7448    <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
7449</svg>
7450            <svg class="size-6" x-show="!open"  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
7451    <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m6-6H6" />
7452</svg>
7453        </span>
7454    </div>
7455
7456    <div class="bg-white rounded-b-md p-2"
7457         x-show="open"
7458         x-cloak
7459         x-collapse
7460    >
7461       <div class="flex flex-col p-4 gap-4 w-full divide-y">
7462                                                                    
7463                                                                            <div wire:snapshot="{&quot;data&quot;:{&quot;sale&quot;:[[],{&quot;key&quot;:1129233,&quot;class&quot;:&quot;sold_item&quot;,&quot;relations&quot;:[&quot;auction&quot;,&quot;auction.pic&quot;,&quot;buyer&quot;,&quot;store&quot;,&quot;store.logo&quot;],&quot;s&quot;:&quot;elmdl&quot;}],&quot;feedback&quot;:&quot;Nice&quot;,&quot;reply&quot;:null,&quot;rating&quot;:[&quot;1&quot;,{&quot;class&quot;:&quot;Domain\\Orders\\Enums\\FeedbackRating&quot;,&quot;s&quot;:&quot;enm&quot;}],&quot;paginators&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;OC72rYPKXoC6DNLfrGiv&quot;,&quot;name&quot;:&quot;public.livewire.feedback.show-store-feedback-component&quot;,&quot;path&quot;:&quot;products\/ethiopian-opal-rough-807-carats-1753035&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;aaf7278b1ff73e16bffd96a153288022c9cebaadcb08f3abcd1a87fec6acfc20&quot;}" wire:effects="[]" wire:id="OC72rYPKXoC6DNLfrGiv" class="flex flex-col gap-3 w-full text-xs pt-3"
7464     x-data="{
7465        showEditFeedbackForm: false,
7466        showEditReplyForm: false,
7467        updateFeedback() {
7468            $wire.updateFeedback().then(() => {
7469                this.showEditFeedbackForm = false;
7470            });
7471        },
7472        updateReply() {
7473            $wire.updateReply().then(() => {
7474                this.showEditReplyForm = false;
7475            });
7476        }
7477    }"
7478>
7479    <div class="flex flex-col w-full">
7480        <div class="flex flex-col h-fit w-full pb-2 gap-4 text-sm">
7481            <div class="flow-root">
7482                <ul role="list" class="-mb-8">
7483                    <li>
7484                        <div class="relative pb-8">
7485                                                        <div class="relative flex items-start space-x-3">
7486    <div class="relative">
7487        <img src="https://liveplatforms-production.b-cdn.net/landlord/uploads/avatars/d07be9e1-2db2-497e-847e-0298b220721f.jpg?height=200&amp;width=200&amp;aspect_ratio=1001:1000" alt="arunas" class="flex h-10 w-10 items-center justify-center rounded-full object-cover bg-gray-400 ring-1 ring-gray-100">
7488    </div>
7489    <div class="min-w-0 flex-1">
7490        <div class="flex items-center gap-1 w-full justify-between">
7491            <div class="flex items-center gap-1">
7492                <a rel="nofollow" href="https://www.opalauctions.com/profile/arunas" class="font-semibold whitespace-nowrap" aria-label="Link to arunas profile">
7493                    arunas
7494                </a>
7495                <div class="text-zinc-400 text-xs">
7496                                            <time datetime="2026-08-04 11:00:08">
7497        1 month ago
7498    </time>
7499                                    </div>
7500            </div>
7501
7502                            
7503                    </div>
7504        <div class="mt-4 text-sm text-gray-700">
7505                            <div class="w-fit">
7506                                            <div
7507    class="flex flex-row gap-1 text-sm font-semibold rounded-md text-emerald-500 justify-between items-center h-fit">
7508    <div>Positive</div>
7509    <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
7510    <path d="M7.493 18.5c-.425 0-.82-.236-.975-.632A7.48 7.48 0 0 1 6 15.125c0-1.75.599-3.358 1.602-4.634.151-.192.373-.309.6-.397.473-.183.89-.514 1.212-.924a9.042 9.042 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75A.75.75 0 0 1 15 2a2.25 2.25 0 0 1 2.25 2.25c0 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 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H14.23c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23h-.777ZM2.331 10.727a11.969 11.969 0 0 0-.831 4.398 12 12 0 0 0 .52 3.507C2.28 19.482 3.105 20 3.994 20H4.9c.445 0 .72-.498.523-.898a8.963 8.963 0 0 1-.924-3.977c0-1.708.476-3.305 1.302-4.666.245-.403-.028-.959-.5-.959H4.25c-.832 0-1.612.453-1.918 1.227Z" />
7511</svg>
7512</div>
7513                                    </div>
7514            
7515            <p>Nice</p>
7516        </div>
7517
7518        
7519    </div>
7520</div>
7521                        </div>
7522                    </li>
7523                                    </ul>
7524            </div>
7525
7526            <div class="flex flex-row items-center gap-2 ml-12">
7527    <img class="object-cover h-14 w-14 rounded" src="https://liveplatforms-production.b-cdn.net/tenants/oa/uploads/images/1735000-1739999/1738193/e9b0f79a-6cd6-4d13-8344-fb61f22f77b3.jpeg?width=480&amp;aspect_ratio=1001%3A1000"
7528         alt="Ethiopian opal rough 9 carats"/>
7529    <a
7530        href="https://www.opalauctions.com/products/ethiopian-opal-rough-9-carats-1738193"
7531        aria-label="Link to Ethiopian opal rough 9 carats"
7532        class="text-gray-800 truncate hover:underline"
7533    >
7534        Ethiopian opal rough 9 carats
7535    </a>
7536</div>
7537        </div>
7538    </div>
7539</div>
7540                                                                            <div wire:snapshot="{&quot;data&quot;:{&quot;sale&quot;:[[],{&quot;key&quot;:1129198,&quot;class&quot;:&quot;sold_item&quot;,&quot;relations&quot;:[&quot;auction&quot;,&quot;auction.pic&quot;,&quot;buyer&quot;,&quot;store&quot;,&quot;store.logo&quot;],&quot;s&quot;:&quot;elmdl&quot;}],&quot;feedback&quot;:&quot;Beautiful, just as expected and much earlier than I expected, thank you!&quot;,&quot;reply&quot;:null,&quot;rating&quot;:[&quot;1&quot;,{&quot;class&quot;:&quot;Domain\\Orders\\Enums\\FeedbackRating&quot;,&quot;s&quot;:&quot;enm&quot;}],&quot;paginators&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;bICFBnEleB1xSWOCJGHF&quot;,&quot;name&quot;:&quot;public.livewire.feedback.show-store-feedback-component&quot;,&quot;path&quot;:&quot;products\/ethiopian-opal-rough-807-carats-1753035&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;edf3a1f384fc251831300a765124e0c10019cebfe75db0ab01e44ace5a1908dd&quot;}" wire:effects="[]" wire:id="bICFBnEleB1xSWOCJGHF" class="flex flex-col gap-3 w-full text-xs pt-3"
7541     x-data="{
7542        showEditFeedbackForm: false,
7543        showEditReplyForm: false,
7544        updateFeedback() {
7545            $wire.updateFeedback().then(() => {
7546                this.showEditFeedbackForm = false;
7547            });
7548        },
7549        updateReply() {
7550            $wire.updateReply().then(() => {
7551                this.showEditReplyForm = false;
7552            });
7553        }
7554    }"
7555>
7556    <div class="flex flex-col w-full">
7557        <div class="flex flex-col h-fit w-full pb-2 gap-4 text-sm">
7558            <div class="flow-root">
7559                <ul role="list" class="-mb-8">
7560                    <li>
7561                        <div class="relative pb-8">
7562                                                        <div class="relative flex items-start space-x-3">
7563    <div class="relative">
7564        <img src="https://liveplatforms-production.b-cdn.net/builds/26.39.5/assets/images/grayscale-anonymous.png" alt="jazzzame" class="flex h-10 w-10 items-center justify-center rounded-full object-cover bg-gray-400 ring-1 ring-gray-100">
7565    </div>
7566    <div class="min-w-0 flex-1">
7567        <div class="flex items-center gap-1 w-full justify-between">
7568            <div class="flex items-center gap-1">
7569                <a rel="nofollow" href="https://www.opalauctions.com/profile/jazzzame" class="font-semibold whitespace-nowrap" aria-label="Link to jazzzame profile">
7570                    jazzzame
7571                </a>
7572                <div class="text-zinc-400 text-xs">
7573                                            <time datetime="2026-08-04 09:40:05">
7574        1 month ago
7575    </time>
7576                                    </div>
7577            </div>
7578
7579                            
7580                    </div>
7581        <div class="mt-4 text-sm text-gray-700">
7582                            <div class="w-fit">
7583                                            <div
7584    class="flex flex-row gap-1 text-sm font-semibold rounded-md text-emerald-500 justify-between items-center h-fit">
7585    <div>Positive</div>
7586    <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
7587    <path d="M7.493 18.5c-.425 0-.82-.236-.975-.632A7.48 7.48 0 0 1 6 15.125c0-1.75.599-3.358 1.602-4.634.151-.192.373-.309.6-.397.473-.183.89-.514 1.212-.924a9.042 9.042 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75A.75.75 0 0 1 15 2a2.25 2.25 0 0 1 2.25 2.25c0 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 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H14.23c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23h-.777ZM2.331 10.727a11.969 11.969 0 0 0-.831 4.398 12 12 0 0 0 .52 3.507C2.28 19.482 3.105 20 3.994 20H4.9c.445 0 .72-.498.523-.898a8.963 8.963 0 0 1-.924-3.977c0-1.708.476-3.305 1.302-4.666.245-.403-.028-.959-.5-.959H4.25c-.832 0-1.612.453-1.918 1.227Z" />
7588</svg>
7589</div>
7590                                    </div>
7591            
7592            <p>Beautiful, just as expected and much earlier than I expected, thank you!</p>
7593        </div>
7594
7595        
7596    </div>
7597</div>
7598                        </div>
7599                    </li>
7600                                    </ul>
7601            </div>
7602
7603            <div class="flex flex-row items-center gap-2 ml-12">
7604    <img class="object-cover h-14 w-14 rounded" src="https://liveplatforms-production.b-cdn.net/tenants/oa/uploads/images/1735000-1739999/1738202/b33f6bc2-195a-4a45-9d4b-1c5b55391d81.jpeg?width=480&amp;aspect_ratio=1001%3A1000"
7605         alt="Ethiopian opal rough 100 carats"/>
7606    <a
7607        href="https://www.opalauctions.com/products/ethiopian-opal-rough-100-carats-1738202"
7608        aria-label="Link to Ethiopian opal rough 100 carats"
7609        class="text-gray-800 truncate hover:underline"
7610    >
7611        Ethiopian opal rough 100 carats
7612    </a>
7613</div>
7614        </div>
7615    </div>
7616</div>
7617                                                                            <div wire:snapshot="{&quot;data&quot;:{&quot;sale&quot;:[[],{&quot;key&quot;:1129187,&quot;class&quot;:&quot;sold_item&quot;,&quot;relations&quot;:[&quot;auction&quot;,&quot;auction.pic&quot;,&quot;buyer&quot;,&quot;store&quot;,&quot;store.logo&quot;],&quot;s&quot;:&quot;elmdl&quot;}],&quot;feedback&quot;:&quot;Nice&quot;,&quot;reply&quot;:null,&quot;rating&quot;:[&quot;1&quot;,{&quot;class&quot;:&quot;Domain\\Orders\\Enums\\FeedbackRating&quot;,&quot;s&quot;:&quot;enm&quot;}],&quot;paginators&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;SaKpsykKP7n5t3K4r0YE&quot;,&quot;name&quot;:&quot;public.livewire.feedback.show-store-feedback-component&quot;,&quot;path&quot;:&quot;products\/ethiopian-opal-rough-807-carats-1753035&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;a3a83ba40a64ee4e7f24ec634c686b9ca7d4c430de606981948af2272c62d9d6&quot;}" wire:effects="[]" wire:id="SaKpsykKP7n5t3K4r0YE" class="flex flex-col gap-3 w-full text-xs pt-3"
7618     x-data="{
7619        showEditFeedbackForm: false,
7620        showEditReplyForm: false,
7621        updateFeedback() {
7622            $wire.updateFeedback().then(() => {
7623                this.showEditFeedbackForm = false;
7624            });
7625        },
7626        updateReply() {
7627            $wire.updateReply().then(() => {
7628                this.showEditReplyForm = false;
7629            });
7630        }
7631    }"
7632>
7633    <div class="flex flex-col w-full">
7634        <div class="flex flex-col h-fit w-full pb-2 gap-4 text-sm">
7635            <div class="flow-root">
7636                <ul role="list" class="-mb-8">
7637                    <li>
7638                        <div class="relative pb-8">
7639                                                        <div class="relative flex items-start space-x-3">
7640    <div class="relative">
7641        <img src="https://liveplatforms-production.b-cdn.net/landlord/uploads/avatars/d07be9e1-2db2-497e-847e-0298b220721f.jpg?height=200&amp;width=200&amp;aspect_ratio=1001:1000" alt="arunas" class="flex h-10 w-10 items-center justify-center rounded-full object-cover bg-gray-400 ring-1 ring-gray-100">
7642    </div>
7643    <div class="min-w-0 flex-1">
7644        <div class="flex items-center gap-1 w-full justify-between">
7645            <div class="flex items-center gap-1">
7646                <a rel="nofollow" href="https://www.opalauctions.com/profile/arunas" class="font-semibold whitespace-nowrap" aria-label="Link to arunas profile">
7647                    arunas
7648                </a>
7649                <div class="text-zinc-400 text-xs">
7650                                            <time datetime="2026-08-04 09:15:05">
7651        1 month ago
7652    </time>
7653                                    </div>
7654            </div>
7655
7656                            
7657                    </div>
7658        <div class="mt-4 text-sm text-gray-700">
7659                            <div class="w-fit">
7660                                            <div
7661    class="flex flex-row gap-1 text-sm font-semibold rounded-md text-emerald-500 justify-between items-center h-fit">
7662    <div>Positive</div>
7663    <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
7664    <path d="M7.493 18.5c-.425 0-.82-.236-.975-.632A7.48 7.48 0 0 1 6 15.125c0-1.75.599-3.358 1.602-4.634.151-.192.373-.309.6-.397.473-.183.89-.514 1.212-.924a9.042 9.042 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75A.75.75 0 0 1 15 2a2.25 2.25 0 0 1 2.25 2.25c0 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 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H14.23c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23h-.777ZM2.331 10.727a11.969 11.969 0 0 0-.831 4.398 12 12 0 0 0 .52 3.507C2.28 19.482 3.105 20 3.994 20H4.9c.445 0 .72-.498.523-.898a8.963 8.963 0 0 1-.924-3.977c0-1.708.476-3.305 1.302-4.666.245-.403-.028-.959-.5-.959H4.25c-.832 0-1.612.453-1.918 1.227Z" />
7665</svg>
7666</div>
7667                                    </div>
7668            
7669            <p>Nice</p>
7670        </div>
7671
7672        
7673    </div>
7674</div>
7675                        </div>
7676                    </li>
7677                                    </ul>
7678            </div>
7679
7680            <div class="flex flex-row items-center gap-2 ml-12">
7681    <img class="object-cover h-14 w-14 rounded" src="https://liveplatforms-production.b-cdn.net/tenants/oa/uploads/images/1735000-1739999/1738198/0a284d78-6edc-4fa8-ac2e-a699301d9624.jpeg?width=480&amp;aspect_ratio=1001%3A1000"
7682         alt="Ethiopian opal rough 6.8 carats"/>
7683    <a
7684        href="https://www.opalauctions.com/products/ethiopian-opal-rough-68-carats-1738198"
7685        aria-label="Link to Ethiopian opal rough 6.8 carats"
7686        class="text-gray-800 truncate hover:underline"
7687    >
7688        Ethiopian opal rough 6.8 carats
7689    </a>
7690</div>
7691        </div>
7692    </div>
7693</div>
7694                                                                            <div wire:snapshot="{&quot;data&quot;:{&quot;sale&quot;:[[],{&quot;key&quot;:1128775,&quot;class&quot;:&quot;sold_item&quot;,&quot;relations&quot;:[&quot;auction&quot;,&quot;auction.pic&quot;,&quot;buyer&quot;,&quot;store&quot;,&quot;store.logo&quot;],&quot;s&quot;:&quot;elmdl&quot;}],&quot;feedback&quot;:&quot;Nice&quot;,&quot;reply&quot;:null,&quot;rating&quot;:[&quot;1&quot;,{&quot;class&quot;:&quot;Domain\\Orders\\Enums\\FeedbackRating&quot;,&quot;s&quot;:&quot;enm&quot;}],&quot;paginators&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;UZPzheYhnsCnKMuJM6dY&quot;,&quot;name&quot;:&quot;public.livewire.feedback.show-store-feedback-component&quot;,&quot;path&quot;:&quot;products\/ethiopian-opal-rough-807-carats-1753035&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;d6166c126205a39d3c9f30fde5b7fdedd861d151a2020e0a467ddf214575a558&quot;}" wire:effects="[]" wire:id="UZPzheYhnsCnKMuJM6dY" class="flex flex-col gap-3 w-full text-xs pt-3"
7695     x-data="{
7696        showEditFeedbackForm: false,
7697        showEditReplyForm: false,
7698        updateFeedback() {
7699            $wire.updateFeedback().then(() => {
7700                this.showEditFeedbackForm = false;
7701            });
7702        },
7703        updateReply() {
7704            $wire.updateReply().then(() => {
7705                this.showEditReplyForm = false;
7706            });
7707        }
7708    }"
7709>
7710    <div class="flex flex-col w-full">
7711        <div class="flex flex-col h-fit w-full pb-2 gap-4 text-sm">
7712            <div class="flow-root">
7713                <ul role="list" class="-mb-8">
7714                    <li>
7715                        <div class="relative pb-8">
7716                                                        <div class="relative flex items-start space-x-3">
7717    <div class="relative">
7718        <img src="https://liveplatforms-production.b-cdn.net/landlord/uploads/avatars/d07be9e1-2db2-497e-847e-0298b220721f.jpg?height=200&amp;width=200&amp;aspect_ratio=1001:1000" alt="arunas" class="flex h-10 w-10 items-center justify-center rounded-full object-cover bg-gray-400 ring-1 ring-gray-100">
7719    </div>
7720    <div class="min-w-0 flex-1">
7721        <div class="flex items-center gap-1 w-full justify-between">
7722            <div class="flex items-center gap-1">
7723                <a rel="nofollow" href="https://www.opalauctions.com/profile/arunas" class="font-semibold whitespace-nowrap" aria-label="Link to arunas profile">
7724                    arunas
7725                </a>
7726                <div class="text-zinc-400 text-xs">
7727                                            <time datetime="2026-08-02 13:30:05">
7728        1 month ago
7729    </time>
7730                                    </div>
7731            </div>
7732
7733                            
7734                    </div>
7735        <div class="mt-4 text-sm text-gray-700">
7736                            <div class="w-fit">
7737                                            <div
7738    class="flex flex-row gap-1 text-sm font-semibold rounded-md text-emerald-500 justify-between items-center h-fit">
7739    <div>Positive</div>
7740    <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
7741    <path d="M7.493 18.5c-.425 0-.82-.236-.975-.632A7.48 7.48 0 0 1 6 15.125c0-1.75.599-3.358 1.602-4.634.151-.192.373-.309.6-.397.473-.183.89-.514 1.212-.924a9.042 9.042 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75A.75.75 0 0 1 15 2a2.25 2.25 0 0 1 2.25 2.25c0 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 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H14.23c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23h-.777ZM2.331 10.727a11.969 11.969 0 0 0-.831 4.398 12 12 0 0 0 .52 3.507C2.28 19.482 3.105 20 3.994 20H4.9c.445 0 .72-.498.523-.898a8.963 8.963 0 0 1-.924-3.977c0-1.708.476-3.305 1.302-4.666.245-.403-.028-.959-.5-.959H4.25c-.832 0-1.612.453-1.918 1.227Z" />
7742</svg>
7743</div>
7744                                    </div>
7745            
7746            <p>Nice</p>
7747        </div>
7748
7749        
7750    </div>
7751</div>
7752                        </div>
7753                    </li>
7754                                    </ul>
7755            </div>
7756
7757            <div class="flex flex-row items-center gap-2 ml-12">
7758    <img class="object-cover h-14 w-14 rounded" src="https://liveplatforms-production.b-cdn.net/tenants/oa/uploads/images/1735000-1739999/1737933/0c77036e-4e76-41fe-9c51-89baa7d4c93c.jpeg?width=480&amp;aspect_ratio=1001%3A1000"
7759         alt="Ethiopian opal rough 7.68 carats"/>
7760    <a
7761        href="https://www.opalauctions.com/products/ethiopian-opal-rough-768-carats-1737933"
7762        aria-label="Link to Ethiopian opal rough 7.68 carats"
7763        class="text-gray-800 truncate hover:underline"
7764    >
7765        Ethiopian opal rough 7.68 carats
7766    </a>
7767</div>
7768        </div>
7769    </div>
7770</div>
7771                                                                            <div wire:snapshot="{&quot;data&quot;:{&quot;sale&quot;:[[],{&quot;key&quot;:1128705,&quot;class&quot;:&quot;sold_item&quot;,&quot;relations&quot;:[&quot;auction&quot;,&quot;auction.pic&quot;,&quot;buyer&quot;,&quot;store&quot;,&quot;store.logo&quot;],&quot;s&quot;:&quot;elmdl&quot;}],&quot;feedback&quot;:&quot;Beautiful, just as expected and much earlier than I expected, thank you!&quot;,&quot;reply&quot;:null,&quot;rating&quot;:[&quot;1&quot;,{&quot;class&quot;:&quot;Domain\\Orders\\Enums\\FeedbackRating&quot;,&quot;s&quot;:&quot;enm&quot;}],&quot;paginators&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;OUjxXcFExKaEHz16KrW5&quot;,&quot;name&quot;:&quot;public.livewire.feedback.show-store-feedback-component&quot;,&quot;path&quot;:&quot;products\/ethiopian-opal-rough-807-carats-1753035&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;be6d6bb1f3c2634f6fb79f887b21eebf2c26fd9c6fd1b2b1bf6402b965f1a680&quot;}" wire:effects="[]" wire:id="OUjxXcFExKaEHz16KrW5" class="flex flex-col gap-3 w-full text-xs pt-3"
7772     x-data="{
7773        showEditFeedbackForm: false,
7774        showEditReplyForm: false,
7775        updateFeedback() {
7776            $wire.updateFeedback().then(() => {
7777                this.showEditFeedbackForm = false;
7778            });
7779        },
7780        updateReply() {
7781            $wire.updateReply().then(() => {
7782                this.showEditReplyForm = false;
7783            });
7784        }
7785    }"
7786>
7787    <div class="flex flex-col w-full">
7788        <div class="flex flex-col h-fit w-full pb-2 gap-4 text-sm">
7789            <div class="flow-root">
7790                <ul role="list" class="-mb-8">
7791                    <li>
7792                        <div class="relative pb-8">
7793                                                        <div class="relative flex items-start space-x-3">
7794    <div class="relative">
7795        <img src="https://liveplatforms-production.b-cdn.net/builds/26.39.5/assets/images/grayscale-anonymous.png" alt="jazzzame" class="flex h-10 w-10 items-center justify-center rounded-full object-cover bg-gray-400 ring-1 ring-gray-100">
7796    </div>
7797    <div class="min-w-0 flex-1">
7798        <div class="flex items-center gap-1 w-full justify-between">
7799            <div class="flex items-center gap-1">
7800                <a rel="nofollow" href="https://www.opalauctions.com/profile/jazzzame" class="font-semibold whitespace-nowrap" aria-label="Link to jazzzame profile">
7801                    jazzzame
7802                </a>
7803                <div class="text-zinc-400 text-xs">
7804                                            <time datetime="2026-08-02 09:31:04">
7805        1 month ago
7806    </time>
7807                                    </div>
7808            </div>
7809
7810                            
7811                    </div>
7812        <div class="mt-4 text-sm text-gray-700">
7813                            <div class="w-fit">
7814                                            <div
7815    class="flex flex-row gap-1 text-sm font-semibold rounded-md text-emerald-500 justify-between items-center h-fit">
7816    <div>Positive</div>
7817    <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
7818    <path d="M7.493 18.5c-.425 0-.82-.236-.975-.632A7.48 7.48 0 0 1 6 15.125c0-1.75.599-3.358 1.602-4.634.151-.192.373-.309.6-.397.473-.183.89-.514 1.212-.924a9.042 9.042 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75A.75.75 0 0 1 15 2a2.25 2.25 0 0 1 2.25 2.25c0 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 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H14.23c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23h-.777ZM2.331 10.727a11.969 11.969 0 0 0-.831 4.398 12 12 0 0 0 .52 3.507C2.28 19.482 3.105 20 3.994 20H4.9c.445 0 .72-.498.523-.898a8.963 8.963 0 0 1-.924-3.977c0-1.708.476-3.305 1.302-4.666.245-.403-.028-.959-.5-.959H4.25c-.832 0-1.612.453-1.918 1.227Z" />
7819</svg>
7820</div>
7821                                    </div>
7822            
7823            <p>Beautiful, just as expected and much earlier than I expected, thank you!</p>
7824        </div>
7825
7826        
7827    </div>
7828</div>
7829                        </div>
7830                    </li>
7831                                    </ul>
7832            </div>
7833
7834            <div class="flex flex-row items-center gap-2 ml-12">
7835    <img class="object-cover h-14 w-14 rounded" src="https://liveplatforms-production.b-cdn.net/tenants/oa/uploads/images/1735000-1739999/1737937/40d5c913-60e1-4bcf-ba77-542e7781accd.jpeg?width=480&amp;aspect_ratio=1001%3A1000"
7836         alt="Ethiopian opal rough 100 carats"/>
7837    <a
7838        href="https://www.opalauctions.com/products/ethiopian-opal-rough-100-carats-1737937"
7839        aria-label="Link to Ethiopian opal rough 100 carats"
7840        class="text-gray-800 truncate hover:underline"
7841    >
7842        Ethiopian opal rough 100 carats
7843    </a>
7844</div>
7845        </div>
7846    </div>
7847</div>
7848                                    
7849                                    <div class="flex pt-4">
7850                                        <a class="text-indigo-500 text-sm flex items-center underline"
7851                                           href="https://www.opalauctions.com/stores/dahood/feedback"
7852                                        >
7853                                            <svg class="w-5 h-5 w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
7854        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"></path>
7855</svg>
7856 View All Feedback
7857                                        </a>
7858                                    </div>
7859                                                            </div>
7860    </div>
7861</div>
7862    </div>
7863</div>
7864                </div>
7865
7866                <div class="w-full md:w-1/3 md:max-w-[386px] flex flex-col gap-4">
7867                    <div class="w-full">
7868                        <div class="flex flex-col gap-4 h-full">
7869                                                                                    
7870                                                                                        <div class="bg-white shadow-sm rounded-md p-4 flex flex-col flex-grow gap-4">
7871                                    <div class="border-gray-200 flex flex-col gap-4">
7872                                        <div class="w-full mt-1" wire:ignore.self>
7873    <div>
7874        <div class="text-md font-bold text-gray-900">
7875            Bids History (9)
7876        </div>
7877    </div>
7878        <div class="max-h-[340px] h-full overflow-y-auto items-start divide-y divide-gray-100 mt-2">
7879                                <div class="flex items-center justify-between py-3">
7880    <div
7881        class="flex flex-col gap-1 !gap-2"
7882    >
7883        <div class="text-xs text-indigo-500 flex items-center ml-3 gap-1.5">
7884            <div class="relative">
7885                <img
7886                    src="https://liveplatforms-production.b-cdn.net/builds/26.39.5/assets/images/grayscale-anonymous.png"
7887                    alt="beastmode24busch"
7888                    class="aspect-1 object-cover rounded-full size-7 ring-[1.5px] ring-yellow-600 ring-offset-1"
7889                />
7890                <div class="absolute bottom-4 -left-2.5">
7891    <div class="relative">
7892        <svg class="size-6 text-white stroke-2 inset-0 absolute stroke-white !size-5" viewBox="0 0 20 20" fill="none"
7893     xmlns="http://www.w3.org/2000/svg"
7894>
7895    <path
7896        d="M14.9423 7.0537L11.4571 2.48981C11.4571 2.48981 10.9763 1.86031 11.7639 1.25967C12.5514 0.659028 13.0322 1.28853 13.0322 1.28853L16.5174 5.85243C16.5174 5.85243 16.9981 6.48193 16.2105 7.08257C1
78965.423 7.68321 14.9423 7.0537 14.9423 7.0537Z"
7897        fill="currentColor"
7898    />
7899    <path
7900        d="M5.6305 13.9855L2.14527 9.42158C2.14527 9.42158 1.66454 8.79206 2.45209 8.19142C3.23964 7.59078 3.72036 8.22028 3.72036 8.22028L7.2056 12.7842C7.2056 12.7842 7.68632 13.4137 6.89877 14.0143C6.11123 14.615 5.6305 13.9855 5.6305 13.9855Z"
7901        fill="currentColor"
7902    />
7903    <path
7904        d="M4.58667 7.61493L8.07191 12.1788L10.1555 10.5897L12.2819 8.96801L14.215 7.49373L10.7297 2.92982L4.58667 7.61493Z"
7905        fill="currentColor"
7906    />
7907    <path
7908        d="M17.6473 18.1502C18.2117 17.7197 18.1879 16.7952 17.7624 16.2275L12.8952 9.7672L10.8257 11.4054L15.8343 17.907C16.2677 18.4744 17.0794 18.5833 17.6473 18.1502Z"
7909        fill="currentColor"
7910    />
7911</svg>
7912        <svg class="size-6 text-yellow-600 inset-0 absolute !size-5" viewBox="0 0 20 20" fill="none"
7913     xmlns="http://www.w3.org/2000/svg"
7914>
7915    <path
7916        d="M14.9423 7.0537L11.4571 2.48981C11.4571 2.48981 10.9763 1.86031 11.7639 1.25967C12.5514 0.659028 13.0322 1.28853 13.0322 1.28853L16.5174 5.85243C16.5174 5.85243 16.9981 6.48193 16.2105 7.08257C15.423 7.68321 14.9423 7.0537 14.9423 7.0537Z"
7917        fill="currentColor"
7918    />
7919    <path
7920        d="M5.6305 13.9855L2.14527 9.42158C2.14527 9.42158 1.66454 8.79206 2.45209 8.19142C3.23964 7.59078 3.72036 8.22028 3.72036 8.22028L7.2056 12.7842C7.2056 12.7842 7.68632 13.4137 6.89877 14.0143C6.11123 14.615 5.6305 13.9855 5.6305 13.9855Z"
7921        fill="currentColor"
7922    />
7923    <path
7924        d="M4.58667 7.61493L8.07191 12.1788L10.1555 10.5897L12.2819 8.96801L14.215 7.49373L10.7297 2.92982L4.58667 7.61493Z"
7925        fill="currentColor"
7926    />
7927    <path
7928        d="M17.6473 18.1502C18.2117 17.7197 18.1879 16.7952 17.7624 16.2275L12.8952 9.7672L10.8257 11.4054L15.8343 17.907C16.2677 18.4744 17.0794 18.5833 17.6473 18.1502Z"
7929        fill="currentColor"
7930    />
7931</svg>
7932    </div>
7933</div>            </div>
7934            <div>
7935                <a class="text-xs inline-flex items-center gap-1" href="https://www.opalauctions.com/profile/beastmode24busch">
7936                    beastmode24busch
7937
7938                                            <img
7939    src="https://liveplatforms-production.b-cdn.net/builds/26.39.5/assets/images/achievements/first-timer.png"
7940    alt="Featured achievement"
7941        class="rounded-full object-contain ring-2 ring-white size-3.5"
7942>
7943                                    </a>
7944                <div class="text-xxs font-medium text-gray-500">
7945                    1 day ago
7946                </div>
7947            </div>
7948
7949                            <div
7950    class="group relative"
7951    x-data="{
7952        tooltip: false,
7953        hovered: false,
7954        onClick() {
7955            if (! this.hovered) {
7956                this.tooltip = !this.tooltip
7957            }
7958        },
7959        onClickAway() {
7960            if (! this.hovered) {
7961                this.tooltip = false
7962            }
7963        },
7964        onMouseEnter() {
7965            this.tooltip = true
7966            this.hovered = true
7967        },
7968        onMouseLeave() {
7969            this.tooltip = false
7970            this.hovered = false
7971        }
7972    }"
7973    @mouseenter="onMouseEnter"
7974    @mouseleave="onMouseLeave"
7975    @click.away="onClickAway"
7976    @click="onClick"
7977    
7978>
7979    <svg class="w-5 h-5 size-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
7980    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
7981          d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"></path>
7982</svg>
7983    <div
7984        class="left-[100%] bg-black/80 transform text-white absolute whitespace-nowrap shadow-sm p-2 rounded text-xs font-normal z-30"
7985        x-cloak x-show.transition.origin.bottom="tooltip"
7986    >
7987        Purchased from this seller previously
7988    </div>
7989</div>
7990                    </div>
7991    </div>
7992    <div>
7993        <div class="text-md font-bold text-gray-600 flex flex-col items-end">
7994            <div class="flex items-center gap-2 justify-end">
7995                                    <div
7996    class="group relative"
7997    x-data="{
7998        tooltip: false,
7999        hovered: false,
8000        onClick() {
8001            if (! this.hovered) {
8002                this.tooltip = !this.tooltip
8003            }
8004        },
8005        onClickAway() {
8006            if (! this.hovered) {
8007                this.tooltip = false
8008            }
8009        },
8010        onMouseEnter() {
8011            this.tooltip = true
8012            this.hovered = true
8013        },
8014        onMouseLeave() {
8015            this.tooltip = false
8016            this.hovered = false
8017        }
8018    }"
8019    @mouseenter="onMouseEnter"
8020    @mouseleave="onMouseLeave"
8021    @click.away="onClickAway"
8022    @click="onClick"
8023    
8024>
8025    <svg class="size-4 text-gray-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
8026    <path d="M5 3h14"/><path d="m18 13-6-6-6 6"/><path d="M12 7v14"/>
8027</svg>
8028    <div
8029        class="-bottom-[32px] -translate-x-1/3 bg-black/80 transform text-white absolute whitespace-nowrap shadow-sm p-2 rounded text-xs font-normal z-30"
8030        x-cloak x-show.transition.origin.bottom="tooltip"
8031    >
8032        Automatic Bid
8033    </div>
8034</div>
8035                                <span class="text-right">
8036                    <span
8037    x-data="{
8038        options: {
8039            roundingMode: 'halfExpand',
8040            trailingZeroDisplay: 'auto',
8041            minimumFractionDigits: 0,
8042            maximumFractionDigits: 0,
8043            currencyDisplay: 'symbol',
8044        },
8045        get amount() {
8046            return 13
8047        },
8048        get displayPrice() {
8049            return $price(new Number(this.amount) * 1, { ...this.options }, 'en-US', 'USD')
8050        },
8051    }"
8052    x-text="displayPrice"
8053    x-cloak
8054    0="class" wire:key="1013236614"
8055></span>
8056                    </span>
8057            </div>
8058
8059                    </div>
8060    </div>
8061</div>
8062                                <div class="flex items-center justify-between py-3">
8063    <div
8064        class="flex flex-col gap-1"
8065    >
8066        <div class="text-xs text-indigo-500 flex items-center ml-3 gap-1.5">
8067            <div class="relative">
8068                <img
8069                    src="https://liveplatforms-production.b-cdn.net/builds/26.39.5/assets/images/grayscale-anonymous.png"
8070                    alt="miltoncaira"
8071                    class="aspect-1 object-cover rounded-full size-7"
8072                />
8073                <div class="absolute bottom-4 -left-2.5 hidden">
8074    <div class="relative">
8075        <svg class="size-6 text-white stroke-2 inset-0 absolute stroke-white !size-5" viewBox="0 0 20 20" fill="none"
8076     xmlns="http://www.w3.org/2000/svg"
8077>
8078    <path
8079        d="M14.9423 7.0537L11.4571 2.48981C11.4571 2.48981 10.9763 1.86031 11.7639 1.25967C12.5514 0.659028 13.0322 1.28853 13.0322 1.28853L16.5174 5.85243C16.5174 5.85243 16.9981 6.48193 16.2105 7.08257C15.423 7.68321 14.9423 7.0537 14.9423 7.0537Z"
8080        fill="currentColor"
8081    />
8082    <path
8083        d="M5.6305 13.9855L2.14527 9.42158C2.14527 9.42158 1.66454 8.79206 2.45209 8.19142C3.23964 7.59078 3.72036 8.22028 3.72036 8.22028L7.2056 12.7842C7.2056 12.7842 7.68632 13.4137 6.89877 14.0143C6.11123 14.615 5.6305 13.9855 5.6305 13.9855Z"
8084        fill="currentColor"
8085    />
8086    <path
8087        d="M4.58667 7.61493L8.07191 12.1788L10.1555 10.5897L12.2819 8.96801L14.215 7.49373L10.7297 2.92982L4.58667 7.61493Z"
8088        fill="currentColor"
8089    />
8090    <path
8091        d="M17.6473 18.1502C18.2117 17.7197 18.1879 16.7952 17.7624 16.2275L12.8952 9.7672L10.8257 11.4054L15.8343 17.907C16.2677 18.4744 17.0794 18.5833 17.6473 18.1502Z"
8092        fill="currentColor"
8093    />
8094</svg>
8095        <svg class="size-6 text-yellow-600 inset-0 absolute !size-5" viewBox="0 0 20 20" fill="none"
8096     xmlns="http://www.w3.org/2000/svg"
8097>
8098    <path
8099        d="M14.9423 7.0537L11.4571 2.48981C11.4571 2.48981 10.9763 1.86031 11.7639 1.25967C12.5514 0.659028 13.0322 1.28853 13.0322 1.28853L16.5174 5.85243C16.5174 5.85243 16.9981 6.48193 16.2105 7.08257C15.423 7.68321 14.9423 7.0537 14.9423 7.0537Z"
8100        fill="currentColor"
8101    />
8102    <path
8103        d="M5.6305 13.9855L2.14527 9.42158C2.14527 9.42158 1.66454 8.79206 2.45209 8.19142C3.23964 7.59078 3.72036 8.22028 3.72036 8.22028L7.2056 12.7842C7.2056 12.7842 7.68632 13.4137 6.89877 14.0143C6.11123 14.615 5.6305 13.9855 5.6305 13.9855Z"
8104        fill="currentColor"
8105    />
8106    <path
8107        d="M4.58667 7.61493L8.07191 12.1788L10.1555 10.5897L12.2819 8.96801L14.215 7.49373L10.7297 2.92982L4.58667 7.61493Z"
8108        fill="currentColor"
8109    />
8110    <path
8111        d="M17.6473 18.1502C18.2117 17.7197 18.1879 16.7952 17.7624 16.2275L12.8952 9.7672L10.8257 11.4054L15.8343 17.907C16.2677 18.4744 17.0794 18.5833 17.6473 18.1502Z"
8112        fill="currentColor"
8113    />
8114</svg>
8115    </div>
8116</div>            </div>
8117            <div>
8118                <a class="text-xs inline-flex items-center gap-1" href="https://www.opalauctions.com/profile/miltoncaira">
8119                    miltoncaira
8120
8121                                            <img
8122    src="https://liveplatforms-production.b-cdn.net/builds/26.39.5/assets/images/achievements/new-challenger.png"
8123    alt="Featured achievement"
8124        class="rounded-full object-contain ring-2 ring-white size-3.5"
8125>
8126                                    </a>
8127                <div class="text-xxs font-medium text-gray-500">
8128                    1 day ago
8129                </div>
8130            </div>
8131
8132                    </div>
8133    </div>
8134    <div>
8135        <div class="text-md font-bold text-gray-600 flex flex-col items-end">
8136            <div class="flex items-center gap-2 justify-end">
8137                                <span class="text-right">
8138                    <span
8139    x-data="{
8140        options: {
8141            roundingMode: 'halfExpand',
8142            trailingZeroDisplay: 'auto',
8143            minimumFractionDigits: 0,
8144            maximumFractionDigits: 0,
8145            currencyDisplay: 'symbol',
8146        },
8147        get amount() {
8148            return 12
8149        },
8150        get displayPrice() {
8151            return $price(new Number(this.amount) * 1, { ...this.options }, 'en-US', 'USD')
8152        },
8153    }"
8154    x-text="displayPrice"
8155    x-cloak
8156    0="class" wire:key="196016063"
8157></span>
8158                    </span>
8159            </div>
8160
8161                    </div>
8162    </div>
8163</div>
8164                                <div class="flex items-center justify-between py-3">
8165    <div
8166        class="flex flex-col gap-1"
8167    >
8168        <div class="text-xs text-indigo-500 flex items-center ml-3 gap-1.5">
8169            <div class="relative">
8170                <img
8171                    src="https://liveplatforms-production.b-cdn.net/builds/26.39.5/assets/images/grayscale-anonymous.png"
8172                    alt="beastmode24busch"
8173                    class="aspect-1 object-cover rounded-full size-7"
8174                />
8175                <div class="absolute bottom-4 -left-2.5 hidden">
8176    <div class="relative">
8177        <svg class="size-6 text-white stroke-2 inset-0 absolute stroke-white !size-5" viewBox="0 0 20 20" fill="none"
8178     xmlns="http://www.w3.org/2000/svg"
8179>
8180    <path
8181        d="M14.9423 7.0537L11.4571 2.48981C11.4571 2.48981 10.9763 1.86031 11.7639 1.25967C12.5514 0.659028 13.0322 1.28853 13.0322 1.28853L16.5174 5.85243C16.5174 5.85243 16.9981 6.48193 16.2105 7.08257C15.423 7.68321 14.9423 7.0537 14.9423 7.0537Z"
8182        fill="currentColor"
8183    />
8184    <path
8185        d="M5.6305 13.9855L2.14527 9.42158C2.14527 9.42158 1.66454 8.79206 2.45209 8.19142C3.23964 7.59078 3.72036 8.22028 3.72036 8.22028L7.2056 12.7842C7.2056 12.7842 7.68632 13.4137 6.89877 14.0143C6.11123 14.615 5.6305 13.9855 5.6305 13.9855Z"
8186        fill="currentColor"
8187    />
8188    <path
8189        d="M4.58667 7.61493L8.07191 12.1788L10.1555 10.5897L12.2819 8.96801L14.215 7.49373L10.7297 2.92982L4.58667 7.61493Z"
8190        fill="currentColor"
8191    />
8192    <path
8193        d="M17.6473 18.1502C18.2117 17.7197 18.1879 16.7952 17.7624 16.2275L12.8952 9.7672L10.8257 11.4054L15.8343 17.907C16.2677 18.4744 17.0794 18.5833 17.6473 18.1502Z"
8194        fill="currentColor"
8195    />
8196</svg>
8197        <svg class="size-6 text-yellow-600 inset-0 absolute !size-5" viewBox="0 0 20 20" fill="none"
8198     xmlns="http://www.w3.org/2000/svg"
8199>
8200    <path
8201        d="M14.9423 7.0537L11.4571 2.48981C11.4571 2.48981 10.9763 1.86031 11.7639 1.25967C12.5514 0.659028 13.0322 1.28853 13.0322 1.28853L16.5174 5.85243C16.5174 5.85243 16.9981 6.48193 16.2105 7.08257C15.423 7.68321 14.9423 7.0537 14.9423 7.0537Z"
8202        fill="currentColor"
8203    />
8204    <path
8205        d="M5.6305 13.9855L2.14527 9.42158C2.14527 9.42158 1.66454 8.79206 2.45209 8.19142C3.23964 7.59078 3.72036 8.22028 3.72036 8.22028L7.2056 12.7842C7.2056 12.7842 7.68632 13.4137 6.89877 14.0143C6.11123 14.615 5.6305 13.9855 5.6305 13.9855Z"
8206        fill="currentColor"
8207    />
8208    <path
8209        d="M4.58667 7.61493L8.07191 12.1788L10.1555 10.5897L12.2819 8.96801L14.215 7.49373L10.7297 2.92982L4.58667 7.61493Z"
8210        fill="currentColor"
8211    />
8212    <path
8213        d="M17.6473 18.1502C18.2117 17.7197 18.1879 16.7952 17.7624 16.2275L12.8952 9.7672L10.8257 11.4054L15.8343 17.907C16.2677 18.4744 17.0794 18.5833 17.6473 18.1502Z"
8214        fill="currentColor"
8215    />
8216</svg>
8217    </div>
8218</div>            </div>
8219            <div>
8220                <a class="text-xs inline-flex items-center gap-1" href="https://www.opalauctions.com/profile/beastmode24busch">
8221                    beastmode24busch
8222
8223                                            <img
8224    src="https://liveplatforms-production.b-cdn.net/builds/26.39.5/assets/images/achievements/first-timer.png"
8225    alt="Featured achievement"
8226        class="rounded-full object-contain ring-2 ring-white size-3.5"
8227>
8228                                    </a>
8229                <div class="text-xxs font-medium text-gray-500">
8230                    1 day ago
8231                </div>
8232            </div>
8233
8234                            <div
8235    class="group relative"
8236    x-data="{
8237        tooltip: false,
8238        hovered: false,
8239        onClick() {
8240            if (! this.hovered) {
8241                this.tooltip = !this.tooltip
8242            }
8243        },
8244        onClickAway() {
8245            if (! this.hovered) {
8246                this.tooltip = false
8247            }
8248        },
8249        onMouseEnter() {
8250            this.tooltip = true
8251            this.hovered = true
8252        },
8253        onMouseLeave() {
8254            this.tooltip = false
8255            this.hovered = false
8256        }
8257    }"
8258    @mouseenter="onMouseEnter"
8259    @mouseleave="onMouseLeave"
8260    @click.away="onClickAway"
8261    @click="onClick"
8262    
8263>
8264    <svg class="w-5 h-5 size-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
8265    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
8266          d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"></path>
8267</svg>
8268    <div
8269        class="left-[100%] bg-black/80 transform text-white absolute whitespace-nowrap shadow-sm p-2 rounded text-xs font-normal z-30"
8270        x-cloak x-show.transition.origin.bottom="tooltip"
8271    >
8272        Purchased from this seller previously
8273    </div>
8274</div>
8275                    </div>
8276    </div>
8277    <div>
8278        <div class="text-md font-bold text-gray-600 flex flex-col items-end">
8279            <div class="flex items-center gap-2 justify-end">
8280                                    <div
8281    class="group relative"
8282    x-data="{
8283        tooltip: false,
8284        hovered: false,
8285        onClick() {
8286            if (! this.hovered) {
8287                this.tooltip = !this.tooltip
8288            }
8289        },
8290        onClickAway() {
8291            if (! this.hovered) {
8292                this.tooltip = false
8293            }
8294        },
8295        onMouseEnter() {
8296            this.tooltip = true
8297            this.hovered = true
8298        },
8299        onMouseLeave() {
8300            this.tooltip = false
8301            this.hovered = false
8302        }
8303    }"
8304    @mouseenter="onMouseEnter"
8305    @mouseleave="onMouseLeave"
8306    @click.away="onClickAway"
8307    @click="onClick"
8308    
8309>
8310    <svg class="size-4 text-gray-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
8311    <path d="M5 3h14"/><path d="m18 13-6-6-6 6"/><path d="M12 7v14"/>
8312</svg>
8313    <div
8314        class="-bottom-[32px] -translate-x-1/3 bg-black/80 transform text-white absolute whitespace-nowrap shadow-sm p-2 rounded text-xs font-normal z-30"
8315        x-cloak x-show.transition.origin.bottom="tooltip"
8316    >
8317        Automatic Bid
8318    </div>
8319</div>
8320                                <span class="text-right">
8321                    <span
8322    x-data="{
8323        options: {
8324            roundingMode: 'halfExpand',
8325            trailingZeroDisplay: 'auto',
8326            minimumFractionDigits: 0,
8327            maximumFractionDigits: 0,
8328            currencyDisplay: 'symbol',
8329        },
8330        get amount() {
8331            return 11
8332        },
8333        get displayPrice() {
8334            return $price(new Number(this.amount) * 1, { ...this.options }, 'en-US', 'USD')
8335        },
8336    }"
8337    x-text="displayPrice"
8338    x-cloak
8339    0="class" wire:key="145687468"
8340></span>
8341                    </span>
8342            </div>
8343
8344                    </div>
8345    </div>
8346</div>
8347                                <div class="flex items-center justify-between py-3">
8348    <div
8349        class="flex flex-col gap-1"
8350    >
8351        <div class="text-xs text-indigo-500 flex items-center ml-3 gap-1.5">
8352            <div class="relative">
8353                <img
8354                    src="https://liveplatforms-production.b-cdn.net/builds/26.39.5/assets/images/grayscale-anonymous.png"
8355                    alt="miltoncaira"
8356                    class="aspect-1 object-cover rounded-full size-7"
8357                />
8358                <div class="absolute bottom-4 -left-2.5 hidden">
8359    <div class="relative">
8360        <svg class="size-6 text-white stroke-2 inset-0 absolute stroke-white !size-5" viewBox="0 0 20 20" fill="none"
8361     xmlns="http://www.w3.org/2000/svg"
8362>
8363    <path
8364        d="M14.9423 7.0537L11.4571 2.48981C11.4571 2.48981 10.9763 1.86031 11.7639 1.25967C12.5514 0.659028 13.0322 1.28853 13.0322 1.28853L16.5174 5.85243C16.5174 5.85243 16.9981 6.48193 16.2105 7.08257C15.423 7.68321 14.9423 7.0537 14.9423 7.0537Z"
8365        fill="currentColor"
8366    />
8367    <path
8368        d="M5.6305 13.9855L2.14527 9.42158C2.14527 9.42158 1.66454 8.79206 2.45209 8.19142C3.23964 7.59078 3.72036 8.22028 3.72036 8.22028L7.2056 12.7842C7.2056 12.7842 7.68632 13.4137 6.89877 14.0143C6.11123 14.615 5.6305 13.9855 5.6305 13.9855Z"
8369        fill="currentColor"
8370    />
8371    <path
8372        d="M4.58667 7.61493L8.07191 12.1788L10.1555 10.5897L12.2819 8.96801L14.215 7.49373L10.7297 2.92982L4.58667 7.61493Z"
8373        fill="currentColor"
8374    />
8375    <path
8376        d="M17.6473 18.1502C18.2117 17.7197 18.1879 16.7952 17.7624 16.2275L12.8952 9.7672L10.8257 11.4054L15.8343 17.907C16.2677 18.4744 17.0794 18.5833 17.6473 18.1502Z"
8377        fill="currentColor"
8378    />
8379</svg>
8380        <svg class="size-6 text-yellow-600 inset-0 absolute !size-5" viewBox="0 0 20 20" fill="none"
8381     xmlns="http://www.w3.org/2000/svg"
8382>
8383    <path
8384        d="M14.9423 7.0537L11.4571 2.48981C11.4571 2.48981 10.9763 1.86031 11.7639 1.25967C12.5514 0.659028 13.0322 1.28853 13.0322 1.28853L16.5174 5.85243C16.5174 5.85243 16.9981 6.48193 16.2105 7.08257C15.423 7.68321 14.9423 7.0537 14.9423 7.0537Z"
8385        fill="currentColor"
8386    />
8387    <path
8388        d="M5.6305 13.9855L2.14527 9.42158C2.14527 9.42158 1.66454 8.79206 2.45209 8.19142C3.23964 7.59078 3.72036 8.22028 3.72036 8.22028L7.2056 12.7842C7.2056 12.7842 7.68632 13.4137 6.89877 14.0143C6.11123 14.615 5.6305 13.9855 5.6305 13.9855Z"
8389        fill="currentColor"
8390    />
8391    <path
8392        d="M4.58667 7.61493L8.07191 12.1788L10.1555 10.5897L12.2819 8.96801L14.215 7.49373L10.7297 2.92982L4.58667 7.61493Z"
8393        fill="currentColor"
8394    />
8395    <path
8396        d="M17.6473 18.1502C18.2117 17.7197 18.1879 16.7952 17.7624 16.2275L12.8952 9.7672L10.8257 11.4054L15.8343 17.907C16.2677 18.4744 17.0794 18.5833 17.6473 18.1502Z"
8397        fill="currentColor"
8398    />
8399</svg>
8400    </div>
8401</div>            </div>
8402            <div>
8403                <a class="text-xs inline-flex items-center gap-1" href="https://www.opalauctions.com/profile/miltoncaira">
8404                    miltoncaira
8405
8406                                            <img
8407    src="https://liveplatforms-production.b-cdn.net/builds/26.39.5/assets/images/achievements/new-challenger.png"
8408    alt="Featured achievement"
8409        class="rounded-full object-contain ring-2 ring-white size-3.5"
8410>
8411                                    </a>
8412                <div class="text-xxs font-medium text-gray-500">
8413                    1 day ago
8414                </div>
8415            </div>
8416
8417                    </div>
8418    </div>
8419    <div>
8420        <div class="text-md font-bold text-gray-600 flex flex-col items-end">
8421            <div class="flex items-center gap-2 justify-end">
8422                                <span class="text-right">
8423                    <span
8424    x-data="{
8425        options: {
8426            roundingMode: 'halfExpand',
8427            trailingZeroDisplay: 'auto',
8428            minimumFractionDigits: 0,
8429            maximumFractionDigits: 0,
8430            currencyDisplay: 'symbol',
8431        },
8432        get amount() {
8433            return 10
8434        },
8435        get displayPrice() {
8436            return $price(new Number(this.amount) * 1, { ...this.options }, 'en-US', 'USD')
8437        },
8438    }"
8439    x-text="displayPrice"
8440    x-cloak
8441    0="class" wire:key="478084989"
8442></span>
8443                    </span>
8444            </div>
8445
8446                    </div>
8447    </div>
8448</div>
8449                                <div class="flex items-center justify-between py-3">
8450    <div
8451        class="flex flex-col gap-1"
8452    >
8453        <div class="text-xs text-indigo-500 flex items-center ml-3 gap-1.5">
8454            <div class="relative">
8455                <img
8456                    src="https://liveplatforms-production.b-cdn.net/builds/26.39.5/assets/images/grayscale-anonymous.png"
8457                    alt="beastmode24busch"
8458                    class="aspect-1 object-cover rounded-full size-7"
8459                />
8460                <div class="absolute bottom-4 -left-2.5 hidden">
8461    <div class="relative">
8462        <svg class="size-6 text-white stroke-2 inset-0 absolute stroke-white !size-5" viewBox="0 0 20 20" fill="none"
8463     xmlns="http://www.w3.org/2000/svg"
8464>
8465    <path
8466        d="M14.9423 7.0537L11.4571 2.48981C11.4571 2.48981 10.9763 1.86031 11.7639 1.25967C12.5514 0.659028 13.0322 1.28853 13.0322 1.28853L16.5174 5.85243C16.5174 5.85243 16.9981 6.48193 16.2105 7.08257C15.423 7.68321 14.9423 7.0537 14.9423 7.0537Z"
8467        fill="currentColor"
8468    />
8469    <path
8470        d="M5.6305 13.9855L2.14527 9.42158C2.14527 9.42158 1.66454 8.79206 2.45209 8.19142C3.23964 7.59078 3.72036 8.22028 3.72036 8.22028L7.2056 12.7842C7.2056 12.7842 7.68632 13.4137 6.89877 14.0143C6.11123 14.615 5.6305 13.9855 5.6305 13.9855Z"
8471        fill="currentColor"
8472    />
8473    <path
8474        d="M4.58667 7.61493L8.07191 12.1788L10.1555 10.5897L12.2819 8.96801L14.215 7.49373L10.7297 2.92982L4.58667 7.61493Z"
8475        fill="currentColor"
8476    />
8477    <path
8478        d="M17.6473 18.1502C18.2117 17.7197 18.1879 16.7952 17.7624 16.2275L12.8952 9.7672L10.8257 11.4054L15.8343 17.907C16.2677 18.4744 17.0794 18.5833 17.6473 18.1502Z"
8479        fill="currentColor"
8480    />
8481</svg>
8482        <svg class="size-6 text-yellow-600 inset-0 absolute !size-5" viewBox="0 0 20 20" fill="none"
8483     xmlns="http://www.w3.org/2000/svg"
8484>
8485    <path
8486        d="M14.9423 7.0537L11.4571 2.48981C11.4571 2.48981 10.9763 1.86031 11.7639 1.25967C12.5514 0.659028 13.0322 1.28853 13.0322 1.28853L16.5174 5.85243C16.5174 5.85243 16.9981 6.48193 16.2105 7.08257C15.423 7.68321 14.9423 7.0537 14.9423 7.0537Z"
8487        fill="currentColor"
8488    />
8489    <path
8490        d="M5.6305 13.9855L2.14527 9.42158C2.14527 9.42158 1.66454 8.79206 2.45209 8.19142C3.23964 7.59078 3.72036 8.22028 3.72036 8.22028L7.2056 12.7842C7.2056 12.7842 7.68632 13.4137 6.89877 14.0143C6.11123 14.615 5.6305 13.9855 5.6305 13.9855Z"
8491        fill="currentColor"
8492    />
8493    <path
8494        d="M4.58667 7.61493L8.07191 12.1788L10.1555 10.5897L12.2819 8.96801L14.215 7.49373L10.7297 2.92982L4.58667 7.61493Z"
8495        fill="currentColor"
8496    />
8497    <path
8498        d="M17.6473 18.1502C18.2117 17.7197 18.1879 16.7952 17.7624 16.2275L12.8952 9.7672L10.8257 11.4054L15.8343 17.907C16.2677 18.4744 17.0794 18.5833 17.6473 18.1502Z"
8499        fill="currentColor"
8500    />
8501</svg>
8502    </div>
8503</div>            </div>
8504            <div>
8505                <a class="text-xs inline-flex items-center gap-1" href="https://www.opalauctions.com/profile/beastmode24busch">
8506                    beastmode24busch
8507
8508                                            <img
8509    src="https://liveplatforms-production.b-cdn.net/builds/26.39.5/assets/images/achievements/first-timer.png"
8510    alt="Featured achievement"
8511        class="rounded-full object-contain ring-2 ring-white size-3.5"
8512>
8513                                    </a>
8514                <div class="text-xxs font-medium text-gray-500">
8515                    1 day ago
8516                </div>
8517            </div>
8518
8519                            <div
8520    class="group relative"
8521    x-data="{
8522        tooltip: false,
8523        hovered: false,
8524        onClick() {
8525            if (! this.hovered) {
8526                this.tooltip = !this.tooltip
8527            }
8528        },
8529        onClickAway() {
8530            if (! this.hovered) {
8531                this.tooltip = false
8532            }
8533        },
8534        onMouseEnter() {
8535            this.tooltip = true
8536            this.hovered = true
8537        },
8538        onMouseLeave() {
8539            this.tooltip = false
8540            this.hovered = false
8541        }
8542    }"
8543    @mouseenter="onMouseEnter"
8544    @mouseleave="onMouseLeave"
8545    @click.away="onClickAway"
8546    @click="onClick"
8547    
8548>
8549    <svg class="w-5 h-5 size-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
8550    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
8551          d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"></path>
8552</svg>
8553    <div
8554        class="left-[100%] bg-black/80 transform text-white absolute whitespace-nowrap shadow-sm p-2 rounded text-xs font-normal z-30"
8555        x-cloak x-show.transition.origin.bottom="tooltip"
8556    >
8557        Purchased from this seller previously
8558    </div>
8559</div>
8560                    </div>
8561    </div>
8562    <div>
8563        <div class="text-md font-bold text-gray-600 flex flex-col items-end">
8564            <div class="flex items-center gap-2 justify-end">
8565                                <span class="text-right">
8566                    <span
8567    x-data="{
8568        options: {
8569            roundingMode: 'halfExpand',
8570            trailingZeroDisplay: 'auto',
8571            minimumFractionDigits: 0,
8572            maximumFractionDigits: 0,
8573            currencyDisplay: 'symbol',
8574        },
8575        get amount() {
8576            return 9
8577        },
8578        get displayPrice() {
8579            return $price(new Number(this.amount) * 1, { ...this.options }, 'en-US', 'USD')
8580        },
8581    }"
8582    x-text="displayPrice"
8583    x-cloak
8584    0="class" wire:key="843667449"
8585></span>
8586                    </span>
8587            </div>
8588
8589                    </div>
8590    </div>
8591</div>
8592                                <div class="flex items-center justify-between py-3">
8593    <div
8594        class="flex flex-col gap-1"
8595    >
8596        <div class="text-xs text-indigo-500 flex items-center ml-3 gap-1.5">
8597            <div class="relative">
8598                <img
8599                    src="https://liveplatforms-production.b-cdn.net/builds/26.39.5/assets/images/grayscale-anonymous.png"
8600                    alt="miltoncaira"
8601                    class="aspect-1 object-cover rounded-full size-7"
8602                />
8603                <div class="absolute bottom-4 -left-2.5 hidden">
8604    <div class="relative">
8605        <svg class="size-6 text-white stroke-2 inset-0 absolute stroke-white !size-5" viewBox="0 0 20 20" fill="none"
8606     xmlns="http://www.w3.org/2000/svg"
8607>
8608    <path
8609        d="M14.9423 7.0537L11.4571 2.48981C11.4571 2.48981 10.9763 1.86031 11.7639 1.25967C12.5514 0.659028 13.0322 1.28853 13.0322 1.28853L16.5174 5.85243C16.5174 5.85243 16.9981 6.48193 16.2105 7.08257C15.423 7.68321 14.9423 7.0537 14.9423 7.0537Z"
8610        fill="currentColor"
8611    />
8612    <path
8613        d="M5.6305 13.9855L2.14527 9.42158C2.14527 9.42158 1.66454 8.79206 2.45209 8.19142C3.23964 7.59078 3.72036 8.22028 3.72036 8.22028L7.2056 12.7842C7.2056 12.7842 7.68632 13.4137 6.89877 14.0143C6.11123 14.615 5.6305 13.9855 5.6305 13.9855Z"
8614        fill="currentColor"
8615    />
8616    <path
8617        d="M4.58667 7.61493L8.07191 12.1788L10.1555 10.5897L12.2819 8.96801L14.215 7.49373L10.7297 2.92982L4.58667 7.61493Z"
8618        fill="currentColor"
8619    />
8620    <path
8621        d="M17.6473 18.1502C18.2117 17.7197 18.1879 16.7952 17.7624 16.2275L12.8952 9.7672L10.8257 11.4054L15.8343 17.907C16.2677 18.4744 17.0794 18.5833 17.6473 18.1502Z"
8622        fill="currentColor"
8623    />
8624</svg>
8625        <svg class="size-6 text-yellow-600 inset-0 absolute !size-5" viewBox="0 0 20 20" fill="none"
8626     xmlns="http://www.w3.org/2000/svg"
8627>
8628    <path
8629        d="M14.9423 7.0537L11.4571 2.48981C11.4571 2.48981 10.9763 1.86031 11.7639 1.25967C12.5514 0.659028 13.0322 1.28853 13.0322 1.28853L16.5174 5.85243C16.5174 5.85243 16.9981 6.48193 16.2105 7.08257C15.423 7.68321 14.9423 7.0537 14.9423 7.0537Z"
8630        fill="currentColor"
8631    />
8632    <path
8633        d="M5.6305 13.9855L2.14527 9.42158C2.14527 9.42158 1.66454 8.79206 2.45209 8.19142C3.23964 7.59078 3.72036 8.22028 3.72036 8.22028L7.2056 12.7842C7.2056 12.7842 7.68632 13.4137 6.89877 14.0143C6.11123 14.615 5.6305 13.9855 5.6305 13.9855Z"
8634        fill="currentColor"
8635    />
8636    <path
8637        d="M4.58667 7.61493L8.07191 12.1788L10.1555 10.5897L12.2819 8.96801L14.215 7.49373L10.7297 2.92982L4.58667 7.61493Z"
8638        fill="currentColor"
8639    />
8640    <path
8641        d="M17.6473 18.1502C18.2117 17.7197 18.1879 16.7952 17.7624 16.2275L12.8952 9.7672L10.8257 11.4054L15.8343 17.907C16.2677 18.4744 17.0794 18.5833 17.6473 18.1502Z"
8642        fill="currentColor"
8643    />
8644</svg>
8645    </div>
8646</div>            </div>
8647            <div>
8648                <a class="text-xs inline-flex items-center gap-1" href="https://www.opalauctions.com/profile/miltoncaira">
8649                    miltoncaira
8650
8651                                            <img
8652    src="https://liveplatforms-production.b-cdn.net/builds/26.39.5/assets/images/achievements/new-challenger.png"
8653    alt="Featured achievement"
8654        class="rounded-full object-contain ring-2 ring-white size-3.5"
8655>
8656                                    </a>
8657                <div class="text-xxs font-medium text-gray-500">
8658                    1 day ago
8659                </div>
8660            </div>
8661
8662                    </div>
8663    </div>
8664    <div>
8665        <div class="text-md font-bold text-gray-600 flex flex-col items-end">
8666            <div class="flex items-center gap-2 justify-end">
8667                                <span class="text-right">
8668                    <span
8669    x-data="{
8670        options: {
8671            roundingMode: 'halfExpand',
8672            trailingZeroDisplay: 'auto',
8673            minimumFractionDigits: 0,
8674            maximumFractionDigits: 0,
8675            currencyDisplay: 'symbol',
8676        },
8677        get amount() {
8678            return 8
8679        },
8680        get displayPrice() {
8681            return $price(new Number(this.amount) * 1, { ...this.options }, 'en-US', 'USD')
8682        },
8683    }"
8684    x-text="displayPrice"
8685    x-cloak
8686    0="class" wire:key="1820861050"
8687></span>
8688                    </span>
8689            </div>
8690
8691                    </div>
8692    </div>
8693</div>
8694                                <div class="flex items-center justify-between py-3">
8695    <div
8696        class="flex flex-col gap-1"
8697    >
8698        <div class="text-xs text-indigo-500 flex items-center ml-3 gap-1.5">
8699            <div class="relative">
8700                <img
8701                    src="https://liveplatforms-production.b-cdn.net/builds/26.39.5/assets/images/grayscale-anonymous.png"
8702                    alt="funkysoldier"
8703                    class="aspect-1 object-cover rounded-full size-7"
8704                />
8705                <div class="absolute bottom-4 -left-2.5 hidden">
8706    <div class="relative">
8707        <svg class="size-6 text-white stroke-2 inset-0 absolute stroke-white !size-5" viewBox="0 0 20 20" fill="none"
8708     xmlns="http://www.w3.org/2000/svg"
8709>
8710    <path
8711        d="M14.9423 7.0537L11.4571 2.48981C11.4571 2.48981 10.9763 1.86031 11.7639 1.25967C12.5514 0.659028 13.0322 1.28853 13.0322 1.28853L16.5174 5.85243C16.5174 5.85243 16.9981 6.48193 16.2105 7.08257C15.423 7.68321 14.9423 7.0537 14.9423 7.0537Z"
8712        fill="currentColor"
8713    />
8714    <path
8715        d="M5.6305 13.9855L2.14527 9.42158C2.14527 9.42158 1.66454 8.79206 2.45209 8.19142C3.23964 7.59078 3.72036 8.22028 3.72036 8.22028L7.2056 12.7842C7.2056 12.7842 7.68632 13.4137 6.89877 14.0143C6.11123 14.615 5.6305 13.9855 5.6305 13.9855Z"
8716        fill="currentColor"
8717    />
8718    <path
8719        d="M4.58667 7.61493L8.07191 12.1788L10.1555 10.5897L12.2819 8.96801L14.215 7.49373L10.7297 2.92982L4.58667 7.61493Z"
8720        fill="currentColor"
8721    />
8722    <path
8723        d="M17.6473 18.1502C18.2117 17.7197 18.1879 16.7952 17.7624 16.2275L12.8952 9.7672L10.8257 11.4054L15.8343 17.907C16.2677 18.4744 17.0794 18.5833 17.6473 18.1502Z"
8724        fill="currentColor"
8725    />
8726</svg>
8727        <svg class="size-6 text-yellow-600 inset-0 absolute !size-5" viewBox="0 0 20 20" fill="none"
8728     xmlns="http://www.w3.org/2000/svg"
8729>
8730    <path
8731        d="M14.9423 7.0537L11.4571 2.48981C11.4571 2.48981 10.9763 1.86031 11.7639 1.25967C12.5514 0.659028 13.0322 1.28853 13.0322 1.28853L16.5174 5.85243C16.5174 5.85243 16.9981 6.48193 16.2105 7.08257C15.423 7.68321 14.9423 7.0537 14.9423 7.0537Z"
8732        fill="currentColor"
8733    />
8734    <path
8735        d="M5.6305 13.9855L2.14527 9.42158C2.14527 9.42158 1.66454 8.79206 2.45209 8.19142C3.23964 7.59078 3.72036 8.22028 3.72036 8.22028L7.2056 12.7842C7.2056 12.7842 7.68632 13.4137 6.89877 14.0143C6.11123 14.615 5.6305 13.9855 5.6305 13.9855Z"
8736        fill="currentColor"
8737    />
8738    <path
8739        d="M4.58667 7.61493L8.07191 12.1788L10.1555 10.5897L12.2819 8.96801L14.215 7.49373L10.7297 2.92982L4.58667 7.61493Z"
8740        fill="currentColor"
8741    />
8742    <path
8743        d="M17.6473 18.1502C18.2117 17.7197 18.1879 16.7952 17.7624 16.2275L12.8952 9.7672L10.8257 11.4054L15.8343 17.907C16.2677 18.4744 17.0794 18.5833 17.6473 18.1502Z"
8744        fill="currentColor"
8745    />
8746</svg>
8747    </div>
8748</div>            </div>
8749            <div>
8750                <a class="text-xs inline-flex items-center gap-1" href="https://www.opalauctions.com/profile/funkysoldier">
8751                    funkysoldier
8752
8753                                            <img
8754    src="https://liveplatforms-production.b-cdn.net/builds/26.39.5/assets/images/achievements/nothing-to-hide.png"
8755    alt="Featured achievement"
8756        class="rounded-full object-contain ring-2 ring-white size-3.5"
8757>
8758                                    </a>
8759                <div class="text-xxs font-medium text-gray-500">
8760                    1 day ago
8761                </div>
8762            </div>
8763
8764                    </div>
8765    </div>
8766    <div>
8767        <div class="text-md font-bold text-gray-600 flex flex-col items-end">
8768            <div class="flex items-center gap-2 justify-end">
8769                                    <div
8770    class="group relative"
8771    x-data="{
8772        tooltip: false,
8773        hovered: false,
8774        onClick() {
8775            if (! this.hovered) {
8776                this.tooltip = !this.tooltip
8777            }
8778        },
8779        onClickAway() {
8780            if (! this.hovered) {
8781                this.tooltip = false
8782            }
8783        },
8784        onMouseEnter() {
8785            this.tooltip = true
8786            this.hovered = true
8787        },
8788        onMouseLeave() {
8789            this.tooltip = false
8790            this.hovered = false
8791        }
8792    }"
8793    @mouseenter="onMouseEnter"
8794    @mouseleave="onMouseLeave"
8795    @click.away="onClickAway"
8796    @click="onClick"
8797    
8798>
8799    <svg class="size-4 text-gray-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
8800    <path d="M5 3h14"/><path d="m18 13-6-6-6 6"/><path d="M12 7v14"/>
8801</svg>
8802    <div
8803        class="-bottom-[32px] -translate-x-1/3 bg-black/80 transform text-white absolute whitespace-nowrap shadow-sm p-2 rounded text-xs font-normal z-30"
8804        x-cloak x-show.transition.origin.bottom="tooltip"
8805    >
8806        Automatic Bid
8807    </div>
8808</div>
8809                                <span class="text-right">
8810                    <span
8811    x-data="{
8812        options: {
8813            roundingMode: 'halfExpand',
8814            trailingZeroDisplay: 'auto',
8815            minimumFractionDigits: 0,
8816            maximumFractionDigits: 0,
8817            currencyDisplay: 'symbol',
8818        },
8819        get amount() {
8820            return 7
8821        },
8822        get displayPrice() {
8823            return $price(new Number(this.amount) * 1, { ...this.options }, 'en-US', 'USD')
8824        },
8825    }"
8826    x-text="displayPrice"
8827    x-cloak
8828    0="class" wire:key="1027073290"
8829></span>
8830                    </span>
8831            </div>
8832
8833                    </div>
8834    </div>
8835</div>
8836                                <div class="flex items-center justify-between py-3">
8837    <div
8838        class="flex flex-col gap-1"
8839    >
8840        <div class="text-xs text-indigo-500 flex items-center ml-3 gap-1.5">
8841            <div class="relative">
8842                <img
8843                    src="https://liveplatforms-production.b-cdn.net/builds/26.39.5/assets/images/grayscale-anonymous.png"
8844                    alt="funkysoldier"
8845                    class="aspect-1 object-cover rounded-full size-7"
8846                />
8847                <div class="absolute bottom-4 -left-2.5 hidden">
8848    <div class="relative">
8849        <svg class="size-6 text-white stroke-2 inset-0 absolute stroke-white !size-5" viewBox="0 0 20 20" fill="none"
8850     xmlns="http://www.w3.org/2000/svg"
8851>
8852    <path
8853        d="M14.9423 7.0537L11.4571 2.48981C11.4571 2.48981 10.9763 1.86031 11.7639 1.25967C12.5514 0.659028 13.0322 1.28853 13.0322 1.28853L16.5174 5.85243C16.5174 5.85243 16.9981 6.48193 16.2105 7.08257C15.423 7.68321 14.9423 7.0537 14.9423 7.0537Z"
8854        fill="currentColor"
8855    />
8856    <path
8857        d="M5.6305 13.9855L2.14527 9.42158C2.14527 9.42158 1.66454 8.79206 2.45209 8.19142C3.23964 7.59078 3.72036 8.22028 3.72036 8.22028L7.2056 12.7842C7.2056 12.7842 7.68632 13.4137 6.89877 14.0143C6.11123 14.615 5.6305 13.9855 5.6305 13.9855Z"
8858        fill="currentColor"
8859    />
8860    <path
8861        d="M4.58667 7.61493L8.07191 12.1788L10.1555 10.5897L12.2819 8.96801L14.215 7.49373L10.7297 2.92982L4.58667 7.61493Z"
8862        fill="currentColor"
8863    />
8864    <path
8865        d="M17.6473 18.1502C18.2117 17.7197 18.1879 16.7952 17.7624 16.2275L12.8952 9.7672L10.8257 11.4054L15.8343 17.907C16.2677 18.4744 17.0794 18.5833 17.6473 18.1502Z"
8866        fill="currentColor"
8867    />
8868</svg>
8869        <svg class="size-6 text-yellow-600 inset-0 absolute !size-5" viewBox="0 0 20 20" fill="none"
8870     xmlns="http://www.w3.org/2000/svg"
8871>
8872    <path
8873        d="M14.9423 7.0537L11.4571 2.48981C11.4571 2.48981 10.9763 1.86031 11.7639 1.25967C12.5514 0.659028 13.0322 1.28853 13.0322 1.28853L16.5174 5.85243C16.5174 5.85243 16.9981 6.48193 16.2105 7.08257C15.423 7.68321 14.9423 7.0537 14.9423 7.0537Z"
8874        fill="currentColor"
8875    />
8876    <path
8877        d="M5.6305 13.9855L2.14527 9.42158C2.14527 9.42158 1.66454 8.79206 2.45209 8.19142C3.23964 7.59078 3.72036 8.22028 3.72036 8.22028L7.2056 12.7842C7.2056 12.7842 7.68632 13.4137 6.89877 14.0143C6.11123 14.615 5.6305 13.9855 5.6305 13.9855Z"
8878        fill="currentColor"
8879    />
8880    <path
8881        d="M4.58667 7.61493L8.07191 12.1788L10.1555 10.5897L12.2819 8.96801L14.215 7.49373L10.7297 2.92982L4.58667 7.61493Z"
8882        fill="currentColor"
8883    />
8884    <path
8885        d="M17.6473 18.1502C18.2117 17.7197 18.1879 16.7952 17.7624 16.2275L12.8952 9.7672L10.8257 11.4054L15.8343 17.907C16.2677 18.4744 17.0794 18.5833 17.6473 18.1502Z"
8886        fill="currentColor"
8887    />
8888</svg>
8889    </div>
8890</div>            </div>
8891            <div>
8892                <a class="text-xs inline-flex items-center gap-1" href="https://www.opalauctions.com/profile/funkysoldier">
8893                    funkysoldier
8894
8895                                            <img
8896    src="https://liveplatforms-production.b-cdn.net/builds/26.39.5/assets/images/achievements/nothing-to-hide.png"
8897    alt="Featured achievement"
8898        class="rounded-full object-contain ring-2 ring-white size-3.5"
8899>
8900                                    </a>
8901                <div class="text-xxs font-medium text-gray-500">
8902                    1 day ago
8903                </div>
8904            </div>
8905
8906                    </div>
8907    </div>
8908    <div>
8909        <div class="text-md font-bold text-gray-600 flex flex-col items-end">
8910            <div class="flex items-center gap-2 justify-end">
8911                                <span class="text-right">
8912                    <span
8913    x-data="{
8914        options: {
8915            roundingMode: 'halfExpand',
8916            trailingZeroDisplay: 'auto',
8917            minimumFractionDigits: 0,
8918            maximumFractionDigits: 0,
8919            currencyDisplay: 'symbol',
8920        },
8921        get amount() {
8922            return 2
8923        },
8924        get displayPrice() {
8925            return $price(new Number(this.amount) * 1, { ...this.options }, 'en-US', 'USD')
8926        },
8927    }"
8928    x-text="displayPrice"
8929    x-cloak
8930    0="class" wire:key="843101488"
8931></span>
8932                    </span>
8933            </div>
8934
8935                    </div>
8936    </div>
8937</div>
8938                                <div class="flex items-center justify-between py-3">
8939    <div
8940        class="flex flex-col gap-1"
8941    >
8942        <div class="text-xs text-indigo-500 flex items-center ml-3 gap-1.5">
8943            <div class="relative">
8944                <img
8945                    src="https://liveplatforms-production.b-cdn.net/landlord/uploads/avatars/ee8939e8-22e6-478e-81c7-86cadf641504.jpg?height=200&amp;width=200&amp;aspect_ratio=1001:1000"
8946                    alt="wiljogew"
8947                    class="aspect-1 object-cover rounded-full size-7"
8948                />
8949                <div class="absolute bottom-4 -left-2.5 hidden">
8950    <div class="relative">
8951        <svg class="size-6 text-white stroke-2 inset-0 absolute stroke-white !size-5" viewBox="0 0 20 20" fill="none"
8952     xmlns="http://www.w3.org/2000/svg"
8953>
8954    <path
8955        d="M14.9423 7.0537L11.4571 2.48981C11.4571 2.48981 10.9763 1.86031 11.7639 1.25967C12.5514 0.659028 13.0322 1.28853 13.0322 1.28853L16.5174 5.85243C16.5174 5.85243 16.9981 6.48193 16.2105 7.08257C15.423 7.68321 14.9423 7.0537 14.9423 7.0537Z"
8956        fill="currentColor"
8957    />
8958    <path
8959        d="M5.6305 13.9855L2.14527 9.42158C2.14527 9.42158 1.66454 8.79206 2.45209 8.19142C3.23964 7.59078 3.72036 8.22028 3.72036 8.22028L7.2056 12.7842C7.2056 12.7842 7.68632 13.4137 6.89877 14.0143C6.11123 14.615 5.6305 13.9855 5.6305 13.9855Z"
8960        fill="currentColor"
8961    />
8962    <path
8963        d="M4.58667 7.61493L8.07191 12.1788L10.1555 10.5897L12.2819 8.96801L14.215 7.49373L10.7297 2.92982L4.58667 7.61493Z"
8964        fill="currentColor"
8965    />
8966    <path
8967        d="M17.6473 18.1502C18.2117 17.7197 18.1879 16.7952 17.7624 16.2275L12.8952 9.7672L10.8257 11.4054L15.8343 17.907C16.2677 18.4744 17.0794 18.5833 17.6473 18.1502Z"
8968        fill="currentColor"
8969    />
8970</svg>
8971        <svg class="size-6 text-yellow-600 inset-0 absolute !size-5" viewBox="0 0 20 20" fill="none"
8972     xmlns="http://www.w3.org/2000/svg"
8973>
8974    <path
8975        d="M14.9423 7.0537L11.4571 2.48981C11.4571 2.48981 10.9763 1.86031 11.7639 1.25967C12.5514 0.659028 13.0322 1.28853 13.0322 1.28853L16.5174 5.85243C16.5174 5.85243 16.9981 6.48193 16.2105 7.08257C15.423 7.68321 14.9423 7.0537 14.9423 7.0537Z"
8976        fill="currentColor"
8977    />
8978    <path
8979        d="M5.6305 13.9855L2.14527 9.42158C2.14527 9.42158 1.66454 8.79206 2.45209 8.19142C3.23964 7.59078 3.72036 8.22028 3.72036 8.22028L7.2056 12.7842C7.2056 12.7842 7.68632 13.4137 6.89877 14.0143C6.11123 14.615 5.6305 13.9855 5.6305 13.9855Z"
8980        fill="currentColor"
8981    />
8982    <path
8983        d="M4.58667 7.61493L8.07191 12.1788L10.1555 10.5897L12.2819 8.96801L14.215 7.49373L10.7297 2.92982L4.58667 7.61493Z"
8984        fill="currentColor"
8985    />
8986    <path
8987        d="M17.6473 18.1502C18.2117 17.7197 18.1879 16.7952 17.7624 16.2275L12.8952 9.7672L10.8257 11.4054L15.8343 17.907C16.2677 18.4744 17.0794 18.5833 17.6473 18.1502Z"
8988        fill="currentColor"
8989    />
8990</svg>
8991    </div>
8992</div>            </div>
8993            <div>
8994                <a class="text-xs inline-flex items-center gap-1" href="https://www.opalauctions.com/profile/wiljogew">
8995                    wiljogew
8996
8997                                            <img
8998    src="https://liveplatforms-production.b-cdn.net/builds/26.39.5/assets/images/achievements/new-challenger.png"
8999    alt="Featured achievement"
9000        class="rounded-full object-contain ring-2 ring-white size-3.5"
9001>
9002                                    </a>
9003                <div class="text-xxs font-medium text-gray-500">
9004                    2 days ago
9005                </div>
9006            </div>
9007
9008                    </div>
9009    </div>
9010    <div>
9011        <div class="text-md font-bold text-gray-600 flex flex-col items-end">
9012            <div class="flex items-center gap-2 justify-end">
9013                                <span class="text-right">
9014                    <span
9015    x-data="{
9016        options: {
9017            roundingMode: 'halfExpand',
9018            trailingZeroDisplay: 'auto',
9019            minimumFractionDigits: 0,
9020            maximumFractionDigits: 0,
9021            currencyDisplay: 'symbol',
9022        },
9023        get amount() {
9024            return 1
9025        },
9026        get displayPrice() {
9027            return $price(new Number(this.amount) * 1, { ...this.options }, 'en-US', 'USD')
9028        },
9029    }"
9030    x-text="displayPrice"
9031    x-cloak
9032    0="class" wire:key="315269332"
9033></span>
9034                    </span>
9035            </div>
9036
9037                    </div>
9038    </div>
9039</div>
9040            </div>
9041</div>
9042                                    </div>
9043                                </div>
9044                                                                                        <div class="flex justify-between items-center md:text-sm text-xs text-indigo-600">
9045                                    <div x-data="{show: false}">
9046    <button
9047    type="button" class="text-cool-gray-700 text-sm leading-5 font-medium focus:outline-none focus:text-cool-gray-800 focus:underline transition duration-150 ease-in-out flex items-center gap-1 font-normal" @click="show = true"
9048>
9049    <div class="flex gap-1 text-left items-center">
9050                                                <svg class="size-4 text-gray-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
9051    <path d="M5 3h14"/><path d="m18 13-6-6-6 6"/><path d="M12 7v14"/>
9052</svg>
9053                                                Why are users outbidding themselves?
9054                                            </div>
9055</button>
9056    <div x-show="show" x-cloak class="fixed flex inset-0 items-center max-h-screen p-6 sm:justify-center sm:px-0 z-50">
9057        <div
9058            x-show="show"
9059            class="fixed inset-0 transform transition-all"
9060            x-on:click="show = false"
9061            x-transition:enter="ease-out duration-300"
9062            x-transition:enter-start="opacity-0"
9063            x-transition:enter-end="opacity-100"
9064            x-transition:leave="ease-in duration-200"
9065            x-transition:leave-start="opacity-100"
9066            x-transition:leave-end="opacity-0"
9067        >
9068            <div class="absolute inset-0 bg-black opacity-50"></div>
9069        </div>
9070
9071        <div
9072            x-show="show"
9073            class="bg-white rounded-lg max-h-full relative overflow-auto p-5 shadow-xl transform transition-all sm:w-full sm:max-w-lg max-w-full"
9074            x-transition:enter="ease-out duration-300"
9075            x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
9076            x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
9077            x-transition:leave="ease-in duration-200"
9078            x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
9079            x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
9080        >
9081            <button @click="show = false" class="top-0 absolute right-0 m-4 text-gray-400">
9082                <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
9083    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
9084</svg>
9085            </button>
9086
9087            <h1 class="text-xl font-bold text-gray-900 whitespace-normal">
9088               Why are users outbidding themselves?
9089            </h1>
9090            <div class="mt-4 prose max-w-none text-sm text-gray-500">
9091                <div
9092    class="group relative"
9093    x-data="{
9094        tooltip: false,
9095        hovered: false,
9096        onClick() {
9097            if (! this.hovered) {
9098                this.tooltip = !this.tooltip
9099            }
9100        },
9101        onClickAway() {
9102            if (! this.hovered) {
9103                this.tooltip = false
9104            }
9105        },
9106        onMouseEnter() {
9107            this.tooltip = true
9108            this.hovered = true
9109        },
9110        onMouseLeave() {
9111            this.tooltip = false
9112            this.hovered = false
9113        }
9114    }"
9115    @mouseenter="onMouseEnter"
9116    @mouseleave="onMouseLeave"
9117    @click.away="onClickAway"
9118    @click="onClick"
9119    
9120>
9121    <div class="flex flex-col mx-auto w-full">
9122                                                <svg class="size-10 mx-auto text-gray-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
9123    <path d="M5 3h14"/><path d="m18 13-6-6-6 6"/><path d="M12 7v14"/>
9124</svg>
9125                                                <span class="text-center italic text-xs">
9126                                                    Automatic Bid icon
9127                                                </span>
9128                                            </div>
9129    <div
9130        class="top-1/2 left-[50%] bg-black/80 transform text-white absolute whitespace-nowrap shadow-sm p-2 rounded text-xs font-normal z-30"
9131        x-cloak x-show.transition.origin.bottom="tooltip"
9132    >
9133        Automatic Bid
9134    </div>
9135</div>
9136
9137                                        <p>
9138                                            When a bid is placed, this is the maximum amount a person is willing to bid for the product. Our system will then automatically bid on behalf of the bidder, incrementally increasing the bid up to the maximum to maintain their position as the highest bidder.
9139                                        </p>
9140                                        <p>
9141                                            When there is an icon indicating &#039;Automatic Bid&#039;, it means our system is actively placing bids for the bidder based on their maximum bid. This may appear as if bidders are outbidding themselves, but it&#039;s simply a result of the system updating the bid to reflect the bidders maximum limit.
9142                                        </p>
9143            </div>
9144        </div>
9145    </div>
9146</div>
9147
9148                                </div>
9149                            
9150                                                            <div>
9151                                    <div wire:snapshot="{&quot;data&quot;:{&quot;audit&quot;:[[],{&quot;class&quot;:&quot;Domain\\Products\\Models\\AuctionAudit&quot;,&quot;connection&quot;:null,&quot;s&quot;:&quot;elmdl&quot;}],&quot;auction&quot;:[[],{&quot;key&quot;:1753035,&quot;class&quot;:&quot;auction&quot;,&quot;relations&quot;:[&quot;liveEvent&quot;,&quot;categoryModel&quot;,&quot;categoryModel.parent&quot;,&quot;categoryModel.parent.parent&quot;,&quot;categoryModel.parent.parent.parent&quot;,&quot;pic&quot;,&quot;files&quot;,&quot;user&quot;,&quot;listingType&quot;,&quot;store&quot;,&quot;store.logo&quot;,&quot;store.paymentSettings&quot;,&quot;store.paymentSettings.paymentProvider&quot;,&quot;store.shippingRules&quot;,&quot;store.shippingRules.shippingProvider&quot;,&quot;store.country&quot;,&quot;store.currentLiveEvent&quot;,&quot;store.user&quot;,&quot;variants&quot;,&quot;colours&quot;],&quot;s&quot;:&quot;elmdl&quot;}],&quot;picsAccurate&quot;:true,&quot;descriptionAccurate&quot;:true,&quot;comments&quot;:&quot;&quot;,&quot;showHelpModal&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;emhXr26LPa3CtYvFBGz4&quot;,&quot;name&quot;:&quot;public.livewire.auctions.auction-audit-component&quot;,&quot;path&quot;:&quot;products\/ethiopian-opal-rough-807-carats-1753035&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;d9603b5cf645468663e6aaa8819556ca0a2b9ef258548bf85c78038b0e4a91e5&quot;}" wire:effects="[]" wire:id="emhXr26LPa3CtYvFBGz4" class="bg-white shadow-sm rounded-md p-4 flex flex-col gap-4">
9152    <h1 class="text-xl font-bold text-gray-900 whitespace-normal flex items-center">
9153        <svg class="size-5 text-emerald-400 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
9154    <path fill-rule="evenodd" d="M16.403 12.652a3 3 0 000-5.304 3 3 0 00-3.75-3.751 3 3 0 00-5.305 0 3 3 0 00-3.751 3.75 3 3 0 000 5.305 3 3 0 003.75 3.751 3 3 0 005.305 0 3 3 0 003.751-3.75zm-2.546-4.46a.75.75 0 00-1.214-.883l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clip-rule="evenodd" />
9155</svg>
9156        Audit
9157    </h1>
9158
9159    
9160    
9161                        <div class="text-sm">
9162            The <a class="text-indigo-500 underline" href="https://www.opalauctions.com/learn/opal-information/opal-sheriff-program">Opal Sheriff</a> program allows our members to request an audit on any product, which is completed by an independent Gemologist who assesses the accuracy of the item description and pictures.
9163    </div>
9164                    </div>
9165                                </div>
9166                            
9167                            <div class="bg-white shadow-sm rounded-md p-4 flex flex-col flex-grow gap-4">
9168                                <div class="flex flex-col justify-between h-full">
9169                                    <div class="flex flex-col gap-4 mb-4">
9170                                        <div class="text-gray-600 flex flex-col gap-4">
9171                                            <h2 class="text-sm font-bold text-gray-900 whitespace-normal">
9172                                                Shipping Details
9173                                            </h2>
9174                                            <div class="flex flex-col gap-1">
9175                                                                                                    <div class="flex gap-x-1 text-sm text-gray-400">
9176                                                        <div>Costs:</div>
9177                                                        <span class="text-gray-600 flex items-center gap-1">
9178                                                            <strong>
9179                                                                <span
9180    x-data="{
9181        options: {
9182            roundingMode: 'halfExpand',
9183            trailingZeroDisplay: 'auto',
9184            minimumFractionDigits: 2,
9185            maximumFractionDigits: 2,
9186            currencyDisplay: 'symbol',
9187        },
9188        get amount() {
9189            return 20
9190        },
9191        get displayPrice() {
9192            return $price(new Number(this.amount) * 1, { ...this.options }, 'en-US', 'USD')
9193        },
9194    }"
9195    x-text="displayPrice"
9196    x-cloak
9197    0="class"
9198></span>
9199                                                                </strong>
9200                                                                                                                    </span>
9201                                                    </div>
9202                                                    <div class="flex gap-x-1 text-sm text-gray-400">
9203                                                        <div>Transit:</div>
9204                                                        <span class="text-gray-600 flex items-center gap-1">
9205                                                            15 days via Standard Shipping
9206                                                        </span>
9207                                                    </div>
9208                                                                                                            <div class="flex gap-x-1 text-sm text-gray-400">
9209                                                            <div>Capped at:</div>
9210                                                            <span class="text-gray-600 flex items-center gap-1">
9211                                                                <strong><span
9212    x-data="{
9213        options: {
9214            roundingMode: 'halfExpand',
9215            trailingZeroDisplay: 'auto',
9216            minimumFractionDigits: 2,
9217            maximumFractionDigits: 2,
9218            currencyDisplay: 'symbol',
9219        },
9220        get amount() {
9221            return 35.00
9222        },
9223        get displayPrice() {
9224            return $price(new Number(this.amount) * 1, { ...this.options }, 'en-US', 'USD')
9225        },
9226    }"
9227    x-text="displayPrice"
9228    x-cloak
9229    0="class"
9230></span>
9231    </strong>
9232                                                                                                                            </span>
9233                                                        </div>
9234                                                                                                                                                                                                        <div class="flex items-center gap-x-1 text-sm text-gray-400">
9235                                                        <div>Ships from:</div>
9236                                                        <div class="flex items-center">
9237                                                                                                                            <svg class="w-6 h-6 ml-1 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 5 36 26"><path fill="#CE2B37" d="M36 27c0 2.209-1.791 4-4 4h-8V5h8c2.209 0 4 1.791 4 4v18z"/><path fill="#009246" d="M4 5C1.791 5 0 6.791 0 9v18c0 2.209 1.791 4 4 4h8V5H4z"/><path fill="#EEE" d="M12 5h12v26H12z"/></svg>                                                                                                                        <span
9238                                                                class="text-gray-600"
9239                                                            >Italy</span>
9240                                                        </div>
9241                                                    </div>
9242                                                                                            </div>
9243                                        </div>
9244
9245                                        <div class="border-t border-gray-200 text-gray-600 pt-4 flex flex-col gap-4">
9246                                            <h2 class="text-sm font-bold text-gray-900 whitespace-normal">
9247                                                Payment Options
9248                                            </h2>
9249                                            <ul class="flex flex-wrap items-center gap-2 mt-2">
9250                                                                                                    <li>
9251                                                        <img
9252                                                            src="https://liveplatforms-production.b-cdn.net/builds/26.39.5/assets/images/paypal.png"
9253                                                            alt="paypal"
9254                                                            class="h-6"
9255                                                        >
9256                                                    </li>
9257                                                                                                    <li>
9258                                                        <img
9259                                                            src="https://liveplatforms-production.b-cdn.net/builds/26.39.5/assets/images/stripe.png"
9260                                                            alt="stripe"
9261                                                            class="h-6"
9262                                                        >
9263                                                    </li>
9264                                                                                            </ul>
9265                                                                                    </div>
9266                                    </div>
9267                                    <div class="border-t flex items-center pt-4">
9268                                        <a
9269                                            href='https://www.opalauctions.com/account/inbox/threads/create?store=458&amp;auction=1753035'
9270                                            class="flex text-indigo-600 hover:text-indigo-500 
9270items-center gap-2 text-sm"
9271                                            rel="nofollow"
9272                                        >
9273                                            <svg class="w-4 h-4 w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
9274    <path fill-rule="evenodd" d="M4.848 2.771A49.144 49.144 0 0112 2.25c2.43 0 4.817.178 7.152.52 1.978.292 3.348 2.024 3.348 3.97v6.02c0 1.946-1.37 3.678-3.348 3.97a48.901 48.901 0 01-3.476.383.39.39 0 00-.297.17l-2.755 4.133a.75.75 0 01-1.248 0l-2.755-4.133a.39.39 0 00-.297-.17 48.9 48.9 0 01-3.476-.384c-1.978-.29-3.348-2.024-3.348-3.97V6.741c0-1.946 1.37-3.68 3.348-3.97zM6.75 8.25a.75.75 0 01.75-.75h9a.75.75 0 010 1.5h-9a.75.75 0 01-.75-.75zm.75 2.25a.75.75 0 000 1.5H12a.75.75 0 000-1.5H7.5z" clip-rule="evenodd" />
9275</svg>
9276 Ask a question
9277                                        </a>
9278                                    </div>
9279                                </div>
9280                            </div>
9281                        </div>
9282                    </div>
9283
9284                    <div class="bg-white shadow-sm rounded-md p-4 flex flex-col gap-4">
9285                        <div class="flex flex-col gap-2">
9286                            <div class="flex justify-between items-center w-full text-sm text-gray-400">
9287                                <h2 class="text-lg font-bold text-gray-900 whitespace-normal">
9288                                    Overview
9289                                </h2>
9290                                                                                                                                </div>
9291                        </div>
9292
9293                        <div class="flex flex-col gap-1">
9294                            <div class="text-gray-400 text-sm">
9295                                Listing Type :
9296                                                                    <span class="bg-indigo-50 text-indigo-600 font-semibold px-1 rounded-full">
9297                                    Premium
9298                                </span>
9299                                                            </div>
9300                            <div class="text-gray-400 text-sm">
9301                                Product ID :
9302                                <span class="text-gray-600">1753035</span>
9303                            </div>
9304                                                            
9305                                                                                                                        <div class="flex flex-col gap-1 text-sm">
9306        <div class="text-gray-400 flex items-center">
9307        Starting Bid :
9308        <span
9309            class="text-gray-600 flex items-center gap-1">
9310            <span
9311    x-data="{
9312        options: {
9313            roundingMode: 'halfExpand',
9314            trailingZeroDisplay: 'auto',
9315            minimumFractionDigits: 0,
9316            maximumFractionDigits: 0,
9317            currencyDisplay: 'symbol',
9318        },
9319        get amount() {
9320            return 1.00
9321        },
9322        get displayPrice() {
9323            return $price(new Number(this.amount) * 1, { ...this.options }, 'en-US', 'USD')
9324        },
9325    }"
9326    x-text="displayPrice"
9327    x-cloak
9328    0="class"
9329></span>
9330                        </span>
9331    </div>
9332    <div class="text-gray-400">
9333        Starts : <span
9334            class="text-gray-600">22nd September 2026 09:00 am PDT</span>
9335    </div>
9336    <div class="text-gray-400">
9337        Ends : <span
9338            class="text-gray-600">29th September 2026 09:00 am PDT</span>
9339    </div>
9340</div>
9341                                                    </div>
9342                        <div class="text-xs text-gray-400">
9343                            * All prices are in USD
9344                        </div>
9345                    </div>
9346                </div>
9347            </div>
9348
9349            <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;TdtoGXI2S6UXGXeXYn6N&quot;,&quot;name&quot;:&quot;public.livewire.auctions.quick-view-modal-component&quot;,&quot;path&quot;:&quot;products\/ethiopian-opal-rough-807-carats-1753035&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;c138c004da8db1379d75565ddc2f0fc170779c5aa9cff1002affc3db76ae117f&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;newBid&quot;,&quot;newOffer&quot;,&quot;auctionConvertedToCatalogue&quot;]}" wire:id="TdtoGXI2S6UXGXeXYn6N"
9350    class="not-prose relative z-50"
9351    x-data="{
9352        showModal: false,
9353        mode: window.Livewire.find('TdtoGXI2S6UXGXeXYn6N').entangle('mode'),
9354        scrollPosition: 0,
9355        selectedTab: window.Livewire.find('TdtoGXI2S6UXGXeXYn6N').entangle('tab'),
9356        auctionId: null,
9357
9358        init() {
9359            $wire.on('closeQuickViewModal', () => {
9360               this.hideModal()
9361            })
9362
9363            // the purpose of this event listener is to listen to ui modal clicks
9364            window.addEventListener('show-auction-modal', (event) => {
9365                if (this.auctionId === event.detail.auctionId) return
9366
9367                let tab = null
9368                let data = null
9369                let mode = null
9370
9371                if (event.detail.hasOwnProperty('tab')) {
9372                    tab = event.detail.tab
9373                }
9374
9375                if (event.detail.hasOwnProperty('mode')) {
9376                    mode = event.detail.mode
9377                }
9378
9379                if (event.detail.hasOwnProperty('data')) {
9380                    data = event.detail.data
9381                }
9382
9383                this.auctionId = event.detail.auctionId
9384
9385                let queryString = new URLSearchParams(window.location.search)
9386                queryString.set('quick_view', event.detail.auctionId)
9387                queryString.set('tab', tab)
9388
9389                if (mode) {
9390                    queryString.set('mode', mode)
9391                }
9392
9393                let currentState = history.state
9394                history.pushState({...currentState, quick_view: event.detail.auctionId, tab: tab}, '', `${window.location.pathname}?${queryString.toString()}`)
9395
9396                $wire.setAuction(event.detail.auctionId, tab, data, mode)
9397
9398                this.showModal = true
9399
9400                if (! mode) {
9401                    $wire.getDataLayer().then((dataLayer) => {
9402                        window.dataLayer = window.dataLayer || [];
9403                        window.dataLayer.push(dataLayer);
9404                    })
9405                    $wire.auctionViewed();
9406                }
9407            })
9408
9409            window.addEventListener('popstate', (event) => {
9410                if (this.modalShouldBeOpen()) {
9411                    let queryString = new URLSearchParams(window.location.search)
9412
9413                    this.showModal = true
9414
9415                    let data = null
9416                    let tab = queryString.get('tab')
9417                    let mode = queryString.get('mode')
9418
9419                    this.auctionId = queryString.get('quick_view')
9420
9421                    if (queryString.has('data')) {
9422                        data = queryString.get('data')
9423                    }
9424
9425                    $wire.setAuction(this.auctionId, tab, data, mode)
9426                } else {
9427                    this.showModal = false
9428                    $wire.clearAuction()
9429                }
9430            })
9431
9432            $watch('showModal', value => {
9433                if (value) {
9434                    // when opening the modal, save the scroll position
9435                    this.scrollPosition = window.pageYOffset;
9436                    window.document.body.classList.add('overflow-hidden')
9437                } else {
9438                    // when closing the modal, restore the scroll position
9439                    window.document.body.classList.remove('overflow-hidden')
9440
9441                    $nextTick(() => {
9442                        window.scrollTo(0, this.scrollPosition);
9443                    });
9444                }
9445            })
9446        },
9447
9448        hideModal() {
9449            this.showModal = false
9450            this.auctionId = null
9451
9452            let queryString = new URLSearchParams(window.location.search);
9453
9454            if (this.modalShouldBeOpen()) {
9455                queryString.delete('quick_view')
9456                queryString.delete('tab')
9457                queryString.delete('mode')
9458
9459                if (queryString.has('data')) {
9460                    queryString.delete('data')
9461                }
9462
9463                let currentState = history.state
9464
9465                if (queryString.toString() === '') {
9466                    history.pushState({...currentState}, '', window.location.pathname)
9467                } else {
9468                    history.pushState({...currentState}, '', `${window.location.pathname}?${queryString.toString()}`)
9469                }
9470            }
9471
9472            $wire.clearAuction()
9473        },
9474
9475        modalShouldBeOpen() {
9476            let queryString = new URLSearchParams(window.location.search);
9477            return queryString.has('quick_view') && queryString.has('tab')
9478        },
9479    }">
9480    <div x-show="showModal" @keydown.escape.window="hideModal()" x-cloak>
9481        <div class="fixed top-0 bottom-0 left-0 right-0 z-10 flex items-center justify-center quick-view">
9482            <div @click.self="hideModal()"
9483                 class="fixed top-0 bottom-0 left-0 right-0 bg-black/50 overflow-y-scroll pt-0 md:pt-4">
9484                <div
9485                    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">
9486                    <div class="absolute right-2 top-2">
9487                        <button
9488                            class="hover:text-gray-800 rounded-full sm:bg-transparent p-2 z-30"
9489                            @click="hideModal()">
9490                            <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">
9491    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
9492</svg>
9493                        </button>
9494                    </div>
9495                                            <div class="w-[500px] space-y-4 p-4 animate-pulse">
9496                            <div class="flex items-center w-full gap-4">
9497                                <div class="w-24 flex-none h-24 rounded bg-gray-200"></div>
9498                                <div class="w-full space-y-2">
9499                                    <div class="w-full h-6 bg-gray-200"></div>
9500                                    <div class="w-24 h-4 bg-gray-200"></div>
9501                                </div>
9502                            </div>
9503                            <div class="flex w-full gap-4">
9504                                <div class="bg-gray-200 h-6 rounded w-20"></div>
9505                                <div class="bg-gray-200 h-6 rounded w-20"></div>
9506                                <div class="bg-gray-200 h-6 rounded w-20"></div>
9507                                <div class="bg-gray-200 h-6 rounded w-20"></div>
9508                            </div>
9509                            <div class="w-full h-24 p-4 bg-gray-200"></div>
9510                            <div class="w-full space-y-2">
9511                                <div class="w-16 h-4 bg-gray-200"></div>
9512                                <div class="w-1/2 h-8 bg-gray-200"></div>
9513                            </div>
9514                            <div class="w-full space-y-2">
9515                                <div class="w-12 h-4 bg-gray-200"></div>
9516                                <div class="w-1/2 h-8 bg-gray-200"></div>
9517                            </div>
9518                            <div class="w-32 h-8 bg-gray-200 rounded-md"></div>
9519                        </div>
9520                                    </div>
9521            </div>
9522        </div>
9523    </div>
9524</div>
9525
9526            <div wire:snapshot="{&quot;data&quot;:{&quot;auction&quot;:[[],{&quot;key&quot;:1753035,&quot;class&quot;:&quot;auction&quot;,&quot;relations&quot;:[&quot;liveEvent&quot;,&quot;categoryModel&quot;,&quot;categoryModel.parent&quot;,&quot;categoryModel.parent.parent&quot;,&quot;categoryModel.parent.parent.parent&quot;,&quot;pic&quot;,&quot;files&quot;,&quot;user&quot;,&quot;listingType&quot;,&quot;store&quot;,&quot;store.logo&quot;,&quot;store.paymentSettings&quot;,&quot;store.paymentSettings.paymentProvider&quot;,&quot;store.shippingRules&quot;,&quot;store.shippingRules.shippingProvider&quot;,&quot;store.country&quot;,&quot;store.currentLiveEvent&quot;,&quot;store.user&quot;,&quot;variants&quot;,&quot;colours&quot;],&quot;s&quot;:&quot;elmdl&quot;}],&quot;store&quot;:[[],{&quot;key&quot;:458,&quot;class&quot;:&quot;store&quot;,&quot;relations&quot;:[&quot;logo&quot;,&quot;paymentSettings&quot;,&quot;paymentSettings.paymentProvider&quot;,&quot;shippingRules&quot;,&quot;shippingRules.shippingProvider&quot;,&quot;country&quot;,&quot;currentLiveEvent&quot;,&quot;user&quot;],&quot;s&quot;:&quot;elmdl&quot;}],&quot;recommendedProductIds&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;FNpqTRrdduAHjDxwZhT8&quot;,&quot;name&quot;:&quot;public.livewire.auctions.recommended-products-component&quot;,&quot;path&quot;:&quot;products\/ethiopian-opal-rough-807-carats-1753035&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;lazyLoaded&quot;:false,&quot;lazyIsolated&quot;:true,&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;
9526772010f3649d0a925bcb24a4336f3af6f58f7b8e9abeace4b42100c4d71ee0cf&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;newBid&quot;]}" wire:id="FNpqTRrdduAHjDxwZhT8" x-intersect="$wire.__lazyLoad(&#039;eyJkYXRhIjp7ImZvck1vdW50IjpbeyJzdG9yZSI6W1tdLHsia2V5Ijo0NTgsImNsYXNzIjoic3RvcmUiLCJyZWxhdGlvbnMiOlsibG9nbyIsInBheW1lbnRTZXR0aW5ncyIsInBheW1lbnRTZXR0aW5ncy5wYXltZW50UHJvdmlkZXIiLCJzaGlwcGluZ1J1bGVzIiwic2hpcHBpbmdSdWxlcy5zaGlwcGluZ1Byb3ZpZGVyIiwiY291bnRyeSIsImN1cnJlbnRMaXZlRXZlbnQiLCJ1c2VyIl0sInMiOiJlbG1kbCJ9XSwiYXVjdGlvbiI6W1tdLHsia2V5IjoxNzUzMDM1LCJjbGFzcyI6ImF1Y3Rpb24iLCJyZWxhdGlvbnMiOlsibGl2ZUV2ZW50IiwiY2F0ZWdvcnlNb2RlbCIsImNhdGVnb3J5TW9kZWwucGFyZW50IiwiY2F0ZWdvcnlNb2RlbC5wYXJlbnQucGFyZW50IiwiY2F0ZWdvcnlNb2RlbC5wYXJlbnQucGFyZW50LnBhcmVudCIsInBpYyIsImZpbGVzIiwidXNlciIsImxpc3RpbmdUeXBlIiwic3RvcmUiLCJzdG9yZS5sb2dvIiwic3RvcmUucGF5bWVudFNldHRpbmdzIiwic3RvcmUucGF5bWVudFNldHRpbmdzLnBheW1lbnRQcm92aWRlciIsInN0b3JlLnNoaXBwaW5nUnVsZXMiLCJzdG9yZS5zaGlwcGluZ1J1bGVzLnNoaXBwaW5nUHJvdmlkZXIiLCJzdG9yZS5jb3VudHJ5Iiwic3RvcmUuY3VycmVudExpdmVFdmVudCIsInN0b3JlLnVzZXIiLCJ2YXJpYW50cyIsImNvbG91cnMiXSwicyI6ImVsbWRsIn1dfSx7InMiOiJhcnIifV19LCJtZW1vIjp7ImlkIjoiOE03MkFPWEhzb2V6NHhUdzdnajAiLCJuYW1lIjoiX19tb3VudFBhcmFtc0NvbnRhaW5lciIsInBhdGgiOiJwcm9kdWN0c1wvZXRoaW9waWFuLW9wYWwtcm91Z2gtODA3LWNhcmF0cy0xNzUzMDM1IiwibWV0aG9kIjoiR0VUIiwicmVsZWFzZSI6ImEtMjYuMzkuNS1hIn0sImNoZWNrc3VtIjoiYzMyY2JlNzUwMGI0ZWEzZTIzMWE5ZjIxYmJmMDhiZDk1ZWRlNGQwM2E5MWYwZGI2NDFjOTQyNmQ3YWNjZjE1YyJ9&#039;)" class="grid w-full gap-4 p-3">
9527        <h1 class="text-xl font-bold text-gray-900 whitespace-normal">
9528            You may also like
9529        </h1>
9530        <div class="grid grid-cols-2 sm:grid-cols-4 gap-4">
9531            <div class="w-full h-[331px] col-span-1 rounded-[3px] bg-white border border-gray-300 animate-pulse flex flex-col">
9532    <div class="bg-gray-300 w-full h-[208px]">
9533    </div>
9534    <div class="p-2 flex flex-col gap-2.5 border-b border-gray-300 self-stretch">
9535        <div class="h-4 bg-gray-300 w-40 my-2 rounded-md">
9536        </div>
9537        <div class="h-4 bg-gray-300 w-12 rounded-md">
9538        </div>
9539    </div>
9540    <div class="flex justify-between p-2 w-full items-center flex-grow">
9541        <div class="h-5 w-12 bg-gray-300 rounded-md">
9542        </div>
9543        <div class="h-5 w-10 bg-gray-300 rounded-md">
9544        </div>
9545    </div>
9546</div>
9547            <div class="w-full h-[331px] col-span-1 rounded-[3px] bg-white border border-gray-300 animate-pulse flex flex-col">
9548    <div class="bg-gray-300 w-full h-[208px]">
9549    </div>
9550    <div class="p-2 flex flex-col gap-2.5 border-b border-gray-300 self-stretch">
9551        <div class="h-4 bg-gray-300 w-40 my-2 rounded-md">
9552        </div>
9553        <div class="h-4 bg-gray-300 w-12 rounded-md">
9554        </div>
9555    </div>
9556    <div class="flex justify-between p-2 w-full items-center flex-grow">
9557        <div class="h-5 w-12 bg-gray-300 rounded-md">
9558        </div>
9559        <div class="h-5 w-10 bg-gray-300 rounded-md">
9560        </div>
9561    </div>
9562</div>
9563            <div class="w-full h-[331px] col-span-1 rounded-[3px] bg-white border border-gray-300 animate-pulse flex flex-col">
9564    <div class="bg-gray-300 w-full h-[208px]">
9565    </div>
9566    <div class="p-2 flex flex-col gap-2.5 border-b border-gray-300 self-stretch">
9567        <div class="h-4 bg-gray-300 w-40 my-2 rounded-md">
9568        </div>
9569        <div class="h-4 bg-gray-300 w-12 rounded-md">
9570        </div>
9571    </div>
9572    <div class="flex justify-between p-2 w-full items-center flex-grow">
9573        <div class="h-5 w-12 bg-gray-300 rounded-md">
9574        </div>
9575        <div class="h-5 w-10 bg-gray-300 rounded-md">
9576        </div>
9577    </div>
9578</div>
9579            <div class="w-full h-[331px] col-span-1 rounded-[3px] bg-white border border-gray-300 animate-pulse flex flex-col">
9580    <div class="bg-gray-300 w-full h-[208px]">
9581    </div>
9582    <div class="p-2 flex flex-col gap-2.5 border-b border-gray-300 self-stretch">
9583        <div class="h-4 bg-gray-300 w-40 my-2 rounded-md">
9584        </div>
9585        <div class="h-4 bg-gray-300 w-12 rounded-md">
9586        </div>
9587    </div>
9588    <div class="flex justify-between p-2 w-full items-center flex-grow">
9589        <div class="h-5 w-12 bg-gray-300 rounded-md">
9590        </div>
9591        <div class="h-5 w-10 bg-gray-300 rounded-md">
9592        </div>
9593    </div>
9594</div>
9595        </div>
9596    </div>
9597                    </div>
9598    </div>
9599
9600    <div wire:snapshot="{&quot;data&quot;:{&quot;show&quot;:false,&quot;isOwnStore&quot;:false,&quot;storeId&quot;:null,&quot;storeName&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;kYMDTFgDxcEHQYVGVPCx&quot;,&quot;name&quot;:&quot;public.livewire.stores.hide-store-modal-component&quot;,&quot;path&quot;:&quot;products\/ethiopian-opal-rough-807-carats-1753035&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;68968cddc7381f4fdd87308ca4343b1daa79bca5619643b22b677681c0958a57&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;confirmHideStore&quot;]}" wire:id="kYMDTFgDxcEHQYVGVPCx">
9601    <div
9602    x-data="{
9603        show: window.Livewire.find('kYMDTFgDxcEHQYVGVPCx').entangle('show').live,
9604        focusables() {
9605            // All focusable element types...
9606            let selector = 'a, button, input, textarea, select, details, [tabindex]:not([tabindex=\'-1\'])'
9607            return [...$el.querySelectorAll(selector)]
9608                // All non-disabled elements...
9609                .filter(el => ! el.hasAttribute('disabled'))
9610        },
9611        firstFocusable() { return this.focusables()[0] },
9612        lastFocusable() { return this.focusables().slice(-1)[0] },
9613        nextFocusable() { return this.focusables()[this.nextFocusableIndex()] || this.firstFocusable() },
9614        prevFocusable() { return this.focusables()[this.prevFocusableIndex()] || this.lastFocusable() },
9615        nextFocusableIndex() { return (this.focusables().indexOf(document.activeElement) + 1) % (this.focusables().length + 1) },
9616        prevFocusableIndex() { return Math.max(0, this.focusables().indexOf(document.activeElement)) -1 },
9617        autofocus() { let focusable = $el.querySelector('[autofocus]'); if (focusable) focusable.focus() },
9618    }"
9619    x-init="$watch('show', value => value && setTimeout(autofocus, 50))"
9620    x-on:close.stop="show = false"
9621    x-on:keydown.escape.window="show = false"
9622    x-on:keydown.tab.prevent="$event.shiftKey || nextFocusable().focus()"
9623    x-on:keydown.shift.tab.prevent="prevFocusable().focus()"
9624    x-show="show"
9625    id="a7dd12b1dab17d25467b0b0a4c8d4a92"
9626    class="fixed top-0 inset-x-0 p-6 z-50 sm:px-0 flex sm:items-top sm:justify-center max-h-screen"
9627    style="display: none;"
9628>
9629    <div
9630        x-show="show"
9631        class="fixed top-0 left-0 bottom-0 right-0 transform transition-all"
9632        x-on:click="show = false"
9633        x-transition:enter="ease-out duration-300"
9634        x-transition:enter-start="opacity-0"
9635        x-transition:enter-end="opacity-100"
9636        x-transition:leave="ease-in duration-200"
9637        x-transition:leave-start="opacity-100"
9638        x-transition:leave-end="opacity-0"
9639    >
9640        <div class="absolute top-0 left-0 bottom-0 right-0 bg-gray-500 opacity-75"></div>
9641    </div>
9642
9643    <div
9644        x-show="show"
9645        class="bg-white rounded-lg max-h-full overflow-auto shadow-xl transform transition-all sm:w-full sm:max-w-md"
9646        x-transition:enter="ease-out duration-300"
9647        x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
9648        x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
9649        x-transition:leave="ease-in duration-200"
9650        x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
9651        x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
9652    >
9653        <div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4 text-sm">
9654        <div class="sm:flex sm:items-start">
9655            <div class="mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-red-100 sm:mx-0 sm:h-10 sm:w-10">
9656                <svg class="w-5 h-5 h-6 w-6 text-red-600" stroke="currentColor" fill="none" viewBox="0 0 24 24">
9657    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"/>
9658</svg>
9659            </div>
9660
9661            <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
9662                <h3 class="text-lg">
9663                    Hide Store
9664                </h3>
9665
9666                <div class="mt-2">
9667                    <p>Are you sure you want to hide this store? You will no longer see their products in search results, listings, or featured auctions.</p>
9668                <p class="mt-2 text-gray-500">
9669                    You can unhide stores at any time from your
9670                    <a href="https://www.opalauctions.com/account/settings/store-preferences" class="text-indigo-600 hover:underline">Store Preferences</a>
9671                    settings.
9672                </p>
9673                </div>
9674            </div>
9675        </div>
9676    </div>
9677
9678    <div class="px-6 py-4 bg-gray-100 text-right">
9679        <button
9680        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" wire:click="$set('show', false)"
9681        
9682    >
9683        Cancel
9684    </button>
9685
9686                <button
9687        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 ml-2" wire:click="hide" wire:loading.attr="disabled"
9688        
9689    >
9690        <svg class="w-4 h-4 animate-spin mr-1" wire:loading="" wire:target="hide" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
9691    <circle style="fill: transparent; stroke:currentColor; stroke-linecap: round; stroke-dasharray: 240; stroke-dashoffset: 280; stroke-width: 10px" cx="50" cy="50" r="45"/>
9692</svg>
9693                    Hide Store
9694    </button>
9695    </div>
9696    </div>
9697</div>
9698</div>
9699</div>
9700                </main>
9701            </div>
9702        </div>
9703    </div>
9704
9705            <footer class="flex flex-col items-center bg-gray-100 border-t border-gray-200 relative py-[30px] gap-2">
9706    
9707    <div class="flex sm:flex-row flex-col items-center justify-center gap-4">
9708        <div class="flex">
9709            <button x-data class="flex" @click.prevent="window.showLocaleModal()" type="button">
9710                <div
9711                    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"
9712                >
9713                    English
9714                </div>
9715
9716                <div
9717                    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"
9718                >
9719                    USD
9720                </div>
9721            </button>
9722        </div>
9723        <div class="flex">
9724                            <a
9725                    href="https://www.opalauctions.com/register"
9726                    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"
9727                >
9728                    Register
9729                </a>
9730                <a
9731                    href="https://www.opalauctions.com/login"
9732                    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"
9733                >
9734                    Log in
9735                </a>
9736            
9737            <a
9738                href="https://www.opalauctions.com/help"
9739                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"
9740            >
9741                Help &amp; FAQ
9742            </a>
9743            <a
9744                href="https://www.opalauctions.com/account/support/tickets"
9745                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"
9746            >
9747                Support
9748            </a>
9749            <a
9750                href="https://www.opalauctions.com/sitemap"
9751                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"
9752            >
9753                Sitemap
9754            </a>
9755        </div>
9756    </div>
9757
9758    
9759    <div class="flex items-center justify-center text-blue-500 gap-6">
9760                    <a class="hover:text-gray-900" href="https://www.facebook.com/OpalAuctions/">
9761                <svg class="w-6 h-6" viewBox="0 0 60 60" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
9762    <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"/>
9763</svg>
9764
9765            </a>
9766                            <a class="hover:text-gray-900" href="https://www.instagram.com/opalauctions/">
9767                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
9768    <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-.047-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" />
9769</svg>
9770            </a>
9771                                                    <a class="hover:text-gray-900" href="https://www.linkedin.com/company/opal-auctions">
9772                <svg class="w-6 h-6" viewBox="0 0 46 44" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
9773    <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"/>
9774</svg>
9775            </a>
9776                            <a class="hover:text-gray-900" href="https://www.tiktok.com/@opalauction">
9777                <svg class="w-6 h-6" width="16" height="16" fill="currentColor" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> 
9778    <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"/> 
9779</svg>            </a>
9780            </div>
9781
9782    <div class="flex text-blue-500 text-xs gap-4">
9783        <a
9784            class="hover:underline hover:text-blue-700"
9785            href="https://www.opalauctions.com/help/legal/privacy-policy"
9786        >
9787            Privacy Policy
9788        </a>
9789        <a
9790            class="hover:underline hover:text-blue-700"
9791            href="https://www.opalauctions.com/help/legal/terms-of-use"
9792        >
9793            Terms and Conditions
9794        </a>
9795        <a
9796            class="hover:underline hover:text-blue-700"
9797            href="https://status.liveplatforms.com"
9798            target="_blank"
9799        >
9800            Status
9801        </a>
9802    </div>
9803
9804    <div class="text-xs">
9805        © 2004-2026 Live Platforms All Rights Reserved
9806    </div>
9807</footer>
9808    
9809    <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;q2Q0xmIxNPuF1hbvsOAl&quot;,&quot;name&quot;:&quot;public.livewire.locale-settings-component&quot;,&quot;path&quot;:&quot;products\/ethiopian-opal-rough-807-carats-1753035&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;e1267f0fc5fe252df7d7bd67689d1a3c0b1b81b929434e93582ce803b4c32584&quot;}" wire:effects="[]" wire:id="q2Q0xmIxNPuF1hbvsOAl"
9810    x-data="{
9811        showModal: window.Livewire.find('q2Q0xmIxNPuF1hbvsOAl').entangle('showModal').live,
9812        init() {
9813          window.addEventListener('show-locale-modal', () => {
9814            this.showModal = true;
9815          });
9816        }
9817    }"
9818>
9819    <div
9820    x-data="{
9821        show: window.Livewire.find('q2Q0xmIxNPuF1hbvsOAl').entangle('showModal').live.live,
9822        focusables() {
9823            // All focusable element types...
9824            let selector = 'a, button, input, textarea, select, details, [tabindex]:not
9824([tabindex=\'-1\'])'
9825            return [...$el.querySelectorAll(selector)]
9826                // All non-disabled elements...
9827                .filter(el => ! el.hasAttribute('disabled'))
9828        },
9829        firstFocusable() { return this.focusables()[0] },
9830        lastFocusable() { return this.focusables().slice(-1)[0] },
9831        nextFocusable() { return this.focusables()[this.nextFocusableIndex()] || this.firstFocusable() },
9832        prevFocusable() { return this.focusables()[this.prevFocusableIndex()] || this.lastFocusable() },
9833        nextFocusableIndex() { return (this.focusables().indexOf(document.activeElement) + 1) % (this.focusables().length + 1) },
9834        prevFocusableIndex() { return Math.max(0, this.focusables().indexOf(document.activeElement)) -1 },
9835        autofocus() { let focusable = $el.querySelector('[autofocus]'); if (focusable) focusable.focus() },
9836    }"
9837    x-init="$watch('show', value => value && setTimeout(autofocus, 50))"
9838    x-on:close.stop="show = false"
9839    x-on:keydown.escape.window="show = false"
9840    x-on:keydown.tab.prevent="$event.shiftKey || nextFocusable().focus()"
9841    x-on:keydown.shift.tab.prevent="prevFocusable().focus()"
9842    x-show="show"
9843    id="3423a5db4347ebcddb7b60db0c93b0a4"
9844    class="fixed top-0 inset-x-0 p-6 z-50 sm:px-0 flex sm:items-top sm:justify-center max-h-screen"
9845    style="display: none;"
9846>
9847    <div
9848        x-show="show"
9849        class="fixed top-0 left-0 bottom-0 right-0 transform transition-all"
9850        x-on:click="show = false"
9851        x-transition:enter="ease-out duration-300"
9852        x-transition:enter-start="opacity-0"
9853        x-transition:enter-end="opacity-100"
9854        x-transition:leave="ease-in duration-200"
9855        x-transition:leave-start="opacity-100"
9856        x-transition:leave-end="opacity-0"
9857    >
9858        <div class="absolute top-0 left-0 bottom-0 right-0 bg-gray-500 opacity-75"></div>
9859    </div>
9860
9861    <div
9862        x-show="show"
9863        class="bg-white rounded-lg max-h-full overflow-auto shadow-xl transform transition-all sm:w-full sm:max-w-2xl"
9864        x-transition:enter="ease-out duration-300"
9865        x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
9866        x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
9867        x-transition:leave="ease-in duration-200"
9868        x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
9869        x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
9870    >
9871        <div class="bg-white mx-auto z-20 relative">
9872            <div class="grid grid-cols-1 p-8 w-full gap-y-6 content-center h-full">
9873                <h2 class="text-xl font-semibold">
9874                    Language and Currency Settings
9875                </h2>
9876
9877                <div>
9878    <label class="text-sm mb-1" for="name">Language</label>
9879    <label>
9880    <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"
9881            wire:model.defer="language"
9882                >
9883        
9884                    <option value="en">English</option>
9885                                                    <option value="es">Español</option>
9886                                                    <option value="de">Deutsch</option>
9887                                                    <option value="fr">Français</option>
9888                                                    <option value="hr">Hrvatski</option>
9889                                                    <option value="it">Italiano</option>
9890                                                    <option value="ja">日本の</option>
9891                                                    <option value="nl">Nederlands</option>
9892                                                    <option value="tw">中国传统</option>
9893            </select>
9894</label>
9895
9896
9897                    <span class="text-xs text-gray-400 sm:flex mt-2">
9898                        Please note non-English language support is experimental.
9899                    </span>
9900
9901    </div>
9902
9903                <div>
9904    <label class="text-sm mb-1" for="name">Currency</label>
9905    <label>
9906    <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"
9907            wire:model.defer="currency"
9908                >
9909        
9910                    <option value="AUD">AUD</option>
9911                                                    <option value="CAD">CAD</option>
9912                                                    <option value="CHF">CHF</option>
9913                                                    <option value="EUR">EUR</option>
9914                                                    <option value="GBP">GBP</option>
9915                                                    <option value="NZD">NZD</option>
9916                                                    <option value="USD">USD</option>
9917            </select>
9918</label>
9919
9920
9921                    <span class="text-xs text-gray-400 sm:flex mt-2">
9922                        Prices shown in USD are estimates for display purposes only. Final prices will be calculated at checkout.
9923                    </span>
9924
9925    </div>
9926            </div>
9927
9928            <div class="flex w-full justify-end p-8">
9929                <div class="flex space-x-2">
9930                    <button
9931        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"
9932        
9933    >
9934        Cancel
9935    </button>
9936
9937                    <button
9938        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"
9939        
9940    >
9941        Save
9942                        <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">
9943    <circle style="fill: transparent; stroke:currentColor; stroke-linecap: round; stroke-dasharray: 240; stroke-dashoffset: 280; stroke-width: 10px" cx="50" cy="50" r="45"/>
9944</svg>
9945    </button>
9946                </div>
9947            </div>
9948        </div>
9949    </div>
9950</div>
9951</div>
9952
9953    </div>
9954
9955<script  data-navigate-once="true">window.livewireScriptConfig = {"csrf":"ffBFHmFCAbc2Mrf7tPDuFuHov2k0YCOKu0m96vS6","uri":"\/livewire\/update","progressBar":"","nonce":""};</script>
9955
9956
9957<div wire:snapshot="{&quot;data&quot;:{&quot;messages&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;XTWmsJz1nWv9DkrvPCFp&quot;,&quot;name&quot;:&quot;public.livewire.notifications&quot;,&quot;path&quot;:&quot;products\/ethiopian-opal-rough-807-carats-1753035&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;6c193ea1a30ed4cb376704d434ff7fac341403e2e620ef34e9c51e0a4f79d9df&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;validationErrors&quot;,&quot;sessionFlash&quot;]}" wire:id="XTWmsJz1nWv9DkrvPCFp" class="pointer-events-none fixed inset-0 z-[100] flex items-end px-4 py-6 sm:items-start sm:p-6">
9958    <div
9959        class="flex w-full flex-col items-center space-y-4 sm:items-end sm:justify-end sm:h-full"
9960        x-data="{ messages: $wire.entangle('messages')}"
9961    >
9962        <template x-for="(message, index) in messages" :key="index">
9963            <div
9964                aria-live="assertive"
9965                x-data="{ visible: message.show}"
9966                x-show="visible"
9967                x-cloak
9968                class="w-full max-w-sm"
9969                x-init="
9970                  setTimeout(() => {
9971                  visible = false;
9972                    $dispatch('removeNotification', {index : index});
9973                  }, 7000 );
9974                 "
9975                x-transition:enter="transform ease-out duration-300 transition"
9976                x-transition:enter-start="translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-2"
9977                x-transition:enter-end="translate-y-0 opacity-100 sm:translate-x-0"
9978                x-transition:leave="transition ease-in duration-100"
9979                x-transition:leave-start="opacity-100"
9980                x-transition:leave-end="opacity-0 duration-300"
9981            >
9982                <div
9983                    class="pointer-events-auto w-full max-w-sm overflow-hidden rounded-lg bg-white shadow-lg ring-1 ring-black ring-opacity-5"
9984                >
9985                    <div class="p-4">
9986                        <div class="flex items-start">
9987                            <div class="shrink-0">
9988                                <div x-show="message.type === 'success'">
9989                                    <svg class="w-6 h-6 h-6 w-6 text-green-400"
9990     fill="none" viewBox="0 0 24 24" stroke-width="1.5"
9991     stroke="currentColor" aria-hidden="true">
9992    <path stroke-linecap="round" stroke-linejoin="round"
9993          d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
9994</svg>
9995                                </div>
9996                                <div x-show="message.type !== 'success'">
9997                                    <svg
9998    class="w-6 h-6" x-bind:class="{
9999                                            'h-6 w-6 text-red-400': message.type === 'error',
10000                                            'h-6 w-6 text-orange-400': message.type === 'warning',
10001                                            'h-6 w-6 text-blue-400': message.type === 'info',
10002                                        }"
10003    fill="none" viewBox="0 0 24 24"
10004    stroke-width="1.5"
10005    stroke="currentColor"
10006>
10007    <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" />
10008</svg>
10009                                </div>
10010                            </div>
10011                            <div class="ml-3 w-0 flex-1 pt-0.5">
10012                                <p class="text-sm font-medium text-gray-900" x-text="message.title"></p>
10013                                <p class="mt-1 text-sm text-gray-500" x-html="message.message"></p>
10014                            </div>
10015                            <div class="ml-4 flex flex-shrink-0">
10016                                <button
10017                                    type="button"
10018                                    @click="visible = false"
10019                                    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"
10020                                >
10021                                    <svg class="size-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
10022    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
10023</svg>
10024                                </button>
10025                            </div>
10026                        </div>
10027                    </div>
10028                </div>
10029            </div>
10030        </template>
10031    </div>
10032</div>
10033</body>
10034</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.