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="{"data":{"auctionId":null,"quantity":1,"showQuantityModal":false},"memo":{"id":"TUXR1Usr8meoYzq2yMvJ","name":"public.livewire.cart.quantity-selector-modal-component","path":"products\/ethiopian-opal-rough-807-carats-1753035","method":"GET","release":"a-26.39.5-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"d30bdb6e6dadb76d2acd1faed6d1bea4135f4b89a1f2d7040c0ec682c8dfe9d0"}" wire:effects="{"listeners":["openQuantityModal"]}" 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="{"data":{"siteNotification":"<style>\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<\/style>\n\n<!-- DEFAULT HTML banner (always visible) -->\n<div id=\"site-notification\">\n <div class=\"message-container\">\n <div class=\"message\">SHOP 100,000+ BUY IT NOW OPALS<\/div>\n <div class=\"message\">OR TRY OUR AUCTIONS WITH NO BUYERS FEES<\/div>\n <div class=\"message\">100% NATURAL OPALS & VERIFIED SELLERS<\/div>\n <\/div>\n<\/div>\n\n<!-- JS overrides content if user is logged in -->\n<script>\n if (typeof window.userId === 'undefined') {\n window.userId = null;\n }\n\n if (window.userId > 0) {\n const container = document.getElementById(\"site-notification\");\n container.innerHTML = `\n <div class=\"notification-banner\">\n <span>Never miss a bid.<\/span>\n <a href=\"\/account\/settings\/notifications\" class=\"btn\">Turn On Alerts<\/a>\n <\/div>\n `;\n }\n<\/script>","upcomingLiveEvent":null},"memo":{"id":"rXM0zUuKX2BB2G8jQ4Uu","name":"public.livewire.header.notification-component","path":"products\/ethiopian-opal-rough-807-carats-1753035","method":"GET","release":"a-26.39.5-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"9497103cc5b03a17421b6008796a40b5b5687f8b7603cbb89c7dc86fdee718b2"}" 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="{"data":[],"memo":{"id":"jmFhKDu1fc6ycRYUXSTE","name":"public.livewire.header.header-counter-component","path":"products\/ethiopian-opal-rough-807-carats-1753035","method":"GET","release":"a-26.39.5-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"c51f6d46e7f0ca6d6f794165e8a7d0996a5df5341154e9009a1415bee416665c"}" wire:effects="{"listeners":["refreshHeaderCounters"]}" 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="{"data":{"loadLinks":false},"memo":{"id":"wL5uzNA8vH94gGjemnjm","name":"public.livewire.header.category-menu-component","path":"products\/ethiopian-opal-rough-807-carats-1753035","method":"GET","release":"a-26.39.5-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"cb11c011f14141b712d6da4ff5c8e7a804cb5f646e66da638b9d80be62d394ab"}" 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&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&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&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&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&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&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&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&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&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&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&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&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&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&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&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&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'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="{"data":{"auction":[[],{"key":1753035,"class":"auction","relations":["liveEvent","categoryModel","categoryModel.parent","categoryModel.parent.parent","categoryModel.parent.parent.parent","pic","files","user","listingType","store","store.logo","store.paymentSettings","store.paymentSettings.paymentProvider","store.shippingRules","store.shippingRules.shippingProvider","store.country","store.currentLiveEvent","store.user","variants","colours"],"s":"elmdl"}],"store":[[],{"key":458,"class":"store","relations":["logo","paymentSettings","paymentSettings.paymentProvider","shippingRules","shippingRules.shippingProvider","country","currentLiveEvent","user"],"s":"elmdl"}],"showHelpModal":false,"showCloseModal":false,"recommendedProductIds":[[],{"s":"arr"}],"maxBid":null},"memo":{"id":"vw3ztGEUHgRAg5wjkBK4","name":"public.livewire.auctions.show-auction-component","path":"products\/ethiopian-opal-rough-807-carats-1753035","method":"GET","release":"a-26.39.5-a","children":{"lw-2807320897-0":["div","
4833w9dCiAwZ7FvMcDTGS40y"],"1129233":["div","OC72rYPKXoC6DNLfrGiv"],"1129198":["div","bICFBnEleB1xSWOCJGHF"],"1129187":["div","SaKpsykKP7n5t3K4r0YE"],"1128775":["div","UZPzheYhnsCnKMuJM6dY"],"1128705":["div","OUjxXcFExKaEHz16KrW5"],"lw-1815264673-2":["div","emhXr26LPa3CtYvFBGz4"],"lw-1815264673-3":["div","TdtoGXI2S6UXGXeXYn6N"],"lw-1815264673-4":["div","FNpqTRrdduAHjDxwZhT8"],"lw-1815264673-6":["div","kYMDTFgDxcEHQYVGVPCx"]},"scripts":["1815264673-0"],"assets":[],"errors":[],"locale":"en"},"checksum":"eddcfc7bb581f9775cfa60c8f5ead0cbabe5d816ca006f75491b60398c7735bd"}" wire:effects="{"scripts":{"1815264673-0":"<script>\n window.dataLayer = window.dataLayer || []\n window.dataLayer.push({\"event\":\"product_view\",\"auctionId\":\"oa-1753035\",\"offer_percentage\":30,\"facebookViewContent\":{\"content_ids\":[\"oa-1753035\"],\"content_type\":\"product\",\"value\":14,\"currency\":\"USD\"},\"facebookViewItem\":{\"id\":\"oa-1753035\",\"seller\":\"dahood\",\"seller_country\":\"Italy\",\"seller_country_id\":\"IT\",\"content_name\":\"Ethiopian opal rough 80.7 carats\",\"content_category\":\"No Reserve Opal Auctions\\\/Rough And Raw Opal Auctions\\\/International Rough Opal Auctions\\\/Ethiopian Rough Opal Auctions\",\"value\":14,\"currency\":\"USD\"}})\n<\/script>\n "},"listeners":["newBid","updatedBid","feedbackChanged","auctionConvertedToCatalogue","cart-item-added","stockAdjusted"]}" 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&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&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="{"data":{"store":[[],{"key":458,"class":"store","relations":["logo","paymentSettings","paymentSettings.paymentProvider","shippingRules","shippingRules.shippingProvider","country","currentLiveEvent","user"],"s":"elmdl"}],"preferenceType":null,"variant":"default"},"memo":{"id":"w9dCiAwZ7FvMcDTGS40y","name":"public.livewire.stores.store-preference-component","path":"products\/ethiopian-opal-rough-807-carats-1753035","method":"GET","release":"a-26.39.5-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"07ae734115b0e9488730e2f3a84fa93ec1df85a650af4acd8bca5e93b771b53c"}" wire:effects="{"listeners":["refreshPreference"]}" 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="{"data":{"sale":[[],{"key":1129233,"class":"sold_item","relations":["auction","auction.pic","buyer","store","store.logo"],"s":"elmdl"}],"feedback":"Nice","reply":null,"rating":["1",{"class":"Domain\\Orders\\Enums\\FeedbackRating","s":"enm"}],"paginators":[[],{"s":"arr"}]},"memo":{"id":"OC72rYPKXoC6DNLfrGiv","name":"public.livewire.feedback.show-store-feedback-component","path":"products\/ethiopian-opal-rough-807-carats-1753035","method":"GET","release":"a-26.39.5-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"aaf7278b1ff73e16bffd96a153288022c9cebaadcb08f3abcd1a87fec6acfc20"}" 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&width=200&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&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="{"data":{"sale":[[],{"key":1129198,"class":"sold_item","relations":["auction","auction.pic","buyer","store","store.logo"],"s":"elmdl"}],"feedback":"Beautiful, just as expected and much earlier than I expected, thank you!","reply":null,"rating":["1",{"class":"Domain\\Orders\\Enums\\FeedbackRating","s":"enm"}],"paginators":[[],{"s":"arr"}]},"memo":{"id":"bICFBnEleB1xSWOCJGHF","name":"public.livewire.feedback.show-store-feedback-component","path":"products\/ethiopian-opal-rough-807-carats-1753035","method":"GET","release":"a-26.39.5-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"edf3a1f384fc251831300a765124e0c10019cebfe75db0ab01e44ace5a1908dd"}" 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&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="{"data":{"sale":[[],{"key":1129187,"class":"sold_item","relations":["auction","auction.pic","buyer","store","store.logo"],"s":"elmdl"}],"feedback":"Nice","reply":null,"rating":["1",{"class":"Domain\\Orders\\Enums\\FeedbackRating","s":"enm"}],"paginators":[[],{"s":"arr"}]},"memo":{"id":"SaKpsykKP7n5t3K4r0YE","name":"public.livewire.feedback.show-store-feedback-component","path":"products\/ethiopian-opal-rough-807-carats-1753035","method":"GET","release":"a-26.39.5-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"a3a83ba40a64ee4e7f24ec634c686b9ca7d4c430de606981948af2272c62d9d6"}" 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&width=200&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&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="{"data":{"sale":[[],{"key":1128775,"class":"sold_item","relations":["auction","auction.pic","buyer","store","store.logo"],"s":"elmdl"}],"feedback":"Nice","reply":null,"rating":["1",{"class":"Domain\\Orders\\Enums\\FeedbackRating","s":"enm"}],"paginators":[[],{"s":"arr"}]},"memo":{"id":"UZPzheYhnsCnKMuJM6dY","name":"public.livewire.feedback.show-store-feedback-component","path":"products\/ethiopian-opal-rough-807-carats-1753035","method":"GET","release":"a-26.39.5-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"d6166c126205a39d3c9f30fde5b7fdedd861d151a2020e0a467ddf214575a558"}" 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&width=200&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&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="{"data":{"sale":[[],{"key":1128705,"class":"sold_item","relations":["auction","auction.pic","buyer","store","store.logo"],"s":"elmdl"}],"feedback":"Beautiful, just as expected and much earlier than I expected, thank you!","reply":null,"rating":["1",{"class":"Domain\\Orders\\Enums\\FeedbackRating","s":"enm"}],"paginators":[[],{"s":"arr"}]},"memo":{"id":"OUjxXcFExKaEHz16KrW5","name":"public.livewire.feedback.show-store-feedback-component","path":"products\/ethiopian-opal-rough-807-carats-1753035","method":"GET","release":"a-26.39.5-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"be6d6bb1f3c2634f6fb79f887b21eebf2c26fd9c6fd1b2b1bf6402b965f1a680"}" 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&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&width=200&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 'Automatic Bid', 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'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="{"data":{"audit":[[],{"class":"Domain\\Products\\Models\\AuctionAudit","connection":null,"s":"elmdl"}],"auction":[[],{"key":1753035,"class":"auction","relations":["liveEvent","categoryModel","categoryModel.parent","categoryModel.parent.parent","categoryModel.parent.parent.parent","pic","files","user","listingType","store","store.logo","store.paymentSettings","store.paymentSettings.paymentProvider","store.shippingRules","store.shippingRules.shippingProvider","store.country","store.currentLiveEvent","store.user","variants","colours"],"s":"elmdl"}],"picsAccurate":true,"descriptionAccurate":true,"comments":"","showHelpModal":false},"memo":{"id":"emhXr26LPa3CtYvFBGz4","name":"public.livewire.auctions.auction-audit-component","path":"products\/ethiopian-opal-rough-807-carats-1753035","method":"GET","release":"a-26.39.5-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"d9603b5cf645468663e6aaa8819556ca0a2b9ef258548bf85c78038b0e4a91e5"}" 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&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="{"data":{"auctionId":null,"tab":"details","mode":null,"playVideo":false,"maxBid":null,"amount":0,"expires":3,"quantity":1,"password":"","rememberPassword":0},"memo":{"id":"TdtoGXI2S6UXGXeXYn6N","name":"public.livewire.auctions.quick-view-modal-component","path":"products\/ethiopian-opal-rough-807-carats-1753035","method":"GET","release":"a-26.39.5-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"c138c004da8db1379d75565ddc2f0fc170779c5aa9cff1002affc3db76ae117f"}" wire:effects="{"listeners":["newBid","newOffer","auctionConvertedToCatalogue"]}" 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="{"data":{"auction":[[],{"key":1753035,"class":"auction","relations":["liveEvent","categoryModel","categoryModel.parent","categoryModel.parent.parent","categoryModel.parent.parent.parent","pic","files","user","listingType","store","store.logo","store.paymentSettings","store.paymentSettings.paymentProvider","store.shippingRules","store.shippingRules.shippingProvider","store.country","store.currentLiveEvent","store.user","variants","colours"],"s":"elmdl"}],"store":[[],{"key":458,"class":"store","relations":["logo","paymentSettings","paymentSettings.paymentProvider","shippingRules","shippingRules.shippingProvider","country","currentLiveEvent","user"],"s":"elmdl"}],"recommendedProductIds":[[],{"s":"arr"}]},"memo":{"id":"FNpqTRrdduAHjDxwZhT8","name":"public.livewire.auctions.recommended-products-component","path":"products\/ethiopian-opal-rough-807-carats-1753035","method":"GET","release":"a-26.39.5-a","children":[],"scripts":[],"assets":[],"lazyLoaded":false,"lazyIsolated":true,"errors":[],"locale":"en"},"checksum":"
9526772010f3649d0a925bcb24a4336f3af6f58f7b8e9abeace4b42100c4d71ee0cf"}" wire:effects="{"listeners":["newBid"]}" wire:id="FNpqTRrdduAHjDxwZhT8" x-intersect="$wire.__lazyLoad('eyJkYXRhIjp7ImZvck1vdW50IjpbeyJzdG9yZSI6W1tdLHsia2V5Ijo0NTgsImNsYXNzIjoic3RvcmUiLCJyZWxhdGlvbnMiOlsibG9nbyIsInBheW1lbnRTZXR0aW5ncyIsInBheW1lbnRTZXR0aW5ncy5wYXltZW50UHJvdmlkZXIiLCJzaGlwcGluZ1J1bGVzIiwic2hpcHBpbmdSdWxlcy5zaGlwcGluZ1Byb3ZpZGVyIiwiY291bnRyeSIsImN1cnJlbnRMaXZlRXZlbnQiLCJ1c2VyIl0sInMiOiJlbG1kbCJ9XSwiYXVjdGlvbiI6W1tdLHsia2V5IjoxNzUzMDM1LCJjbGFzcyI6ImF1Y3Rpb24iLCJyZWxhdGlvbnMiOlsibGl2ZUV2ZW50IiwiY2F0ZWdvcnlNb2RlbCIsImNhdGVnb3J5TW9kZWwucGFyZW50IiwiY2F0ZWdvcnlNb2RlbC5wYXJlbnQucGFyZW50IiwiY2F0ZWdvcnlNb2RlbC5wYXJlbnQucGFyZW50LnBhcmVudCIsInBpYyIsImZpbGVzIiwidXNlciIsImxpc3RpbmdUeXBlIiwic3RvcmUiLCJzdG9yZS5sb2dvIiwic3RvcmUucGF5bWVudFNldHRpbmdzIiwic3RvcmUucGF5bWVudFNldHRpbmdzLnBheW1lbnRQcm92aWRlciIsInN0b3JlLnNoaXBwaW5nUnVsZXMiLCJzdG9yZS5zaGlwcGluZ1J1bGVzLnNoaXBwaW5nUHJvdmlkZXIiLCJzdG9yZS5jb3VudHJ5Iiwic3RvcmUuY3VycmVudExpdmVFdmVudCIsInN0b3JlLnVzZXIiLCJ2YXJpYW50cyIsImNvbG91cnMiXSwicyI6ImVsbWRsIn1dfSx7InMiOiJhcnIifV19LCJtZW1vIjp7ImlkIjoiOE03MkFPWEhzb2V6NHhUdzdnajAiLCJuYW1lIjoiX19tb3VudFBhcmFtc0NvbnRhaW5lciIsInBhdGgiOiJwcm9kdWN0c1wvZXRoaW9waWFuLW9wYWwtcm91Z2gtODA3LWNhcmF0cy0xNzUzMDM1IiwibWV0aG9kIjoiR0VUIiwicmVsZWFzZSI6ImEtMjYuMzkuNS1hIn0sImNoZWNrc3VtIjoiYzMyY2JlNzUwMGI0ZWEzZTIzMWE5ZjIxYmJmMDhiZDk1ZWRlNGQwM2E5MWYwZGI2NDFjOTQyNmQ3YWNjZjE1YyJ9')" 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="{"data":{"show":false,"isOwnStore":false,"storeId":null,"storeName":null},"memo":{"id":"kYMDTFgDxcEHQYVGVPCx","name":"public.livewire.stores.hide-store-modal-component","path":"products\/ethiopian-opal-rough-807-carats-1753035","method":"GET","release":"a-26.39.5-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"68968cddc7381f4fdd87308ca4343b1daa79bca5619643b22b677681c0958a57"}" wire:effects="{"listeners":["confirmHideStore"]}" 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 & 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="{"data":{"showModal":false,"language":"en","currency":"USD","languages":[{"en":"English","es":"Espa\u00f1ol","de":"Deutsch","fr":"Fran\u00e7ais","hr":"Hrvatski","it":"Italiano","ja":"\u65e5\u672c\u306e","nl":"Nederlands","tw":"\u4e2d\u56fd\u4f20\u7edf"},{"s":"arr"}],"currencies":[["AUD","CAD","CHF","EUR","GBP","NZD","USD"],{"s":"arr"}]},"memo":{"id":"q2Q0xmIxNPuF1hbvsOAl","name":"public.livewire.locale-settings-component","path":"products\/ethiopian-opal-rough-807-carats-1753035","method":"GET","release":"a-26.39.5-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"e1267f0fc5fe252df7d7bd67689d1a3c0b1b81b929434e93582ce803b4c32584"}" 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="{"data":{"messages":[[],{"s":"arr"}]},"memo":{"id":"XTWmsJz1nWv9DkrvPCFp","name":"public.livewire.notifications","path":"products\/ethiopian-opal-rough-807-carats-1753035","method":"GET","release":"a-26.39.5-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"6c193ea1a30ed4cb376704d434ff7fac341403e2e620ef34e9c51e0a4f79d9df"}" wire:effects="{"listeners":["validationErrors","sessionFlash"]}" 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.